:root{--bg:#faf9f5;--bg-2:#f2ece5;--ink:#111;--ink-2:#565960;--ink-3:#939393;--line:#e3ddd4;--rose:#c1b1a1;--rose-deep:#a1866e;--serif:"Instrument Serif", "Noto Serif KR", "Apple SD Gothic Neo", Georgia, serif;--serif-ko:"Noto Serif KR", "Apple SD Gothic Neo", serif;--sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", system-ui, sans-serif;--max:82rem;--pad:clamp(1.15rem, 5vw, 4rem)}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--sans);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;font-weight:300;line-height:1.8}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.dp{font-family:var(--serif);letter-spacing:-.005em;font-weight:400}.dp:lang(ko),.dp-ko{font-family:var(--serif-ko);letter-spacing:-.035em;font-weight:300}.eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--ink-3);font-size:.64rem;font-weight:400;display:block}.reveal{opacity:0;transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1);transform:translateY(22px)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}@keyframes riseIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.rise{opacity:0;animation:1.1s cubic-bezier(.22,.61,.36,1) forwards riseIn}.rise.a1{animation-delay:.15s}.rise.a2{animation-delay:.35s}.rise.a3{animation-delay:.55s}.rise.a4{animation-delay:.75s}.gnb{z-index:30;padding:1.1rem var(--pad);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;transition:background .4s,border-color .4s,padding .4s;display:flex;position:fixed;top:0;left:0;right:0}.gnb.solid{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--line);background:#faf9f5ed;padding-top:.8rem;padding-bottom:.8rem}.gnb .logo img{mix-blend-mode:multiply;width:auto;height:26px}.gnb nav{gap:clamp(.9rem,3vw,2.4rem);display:flex}.gnb nav a{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);border-bottom:1px solid #0000;padding:.2rem 0;font-size:.66rem;font-weight:400}.gnb nav a:hover{color:var(--ink);border-bottom-color:var(--rose)}.hero{align-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-stage{position:absolute;inset:0}.hero-slide{opacity:0;pointer-events:none;transition:opacity 1.5s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.hero-slide.on{opacity:1}.hero-slide img{object-fit:cover;object-position:68% center;width:100%;height:100%}.hero-slide.on img{animation:8s ease-out forwards slowZoom}@keyframes slowZoom{0%{transform:scale(1.08)}to{transform:scale(1)}}.hero-stage:after{content:"";z-index:1;background:linear-gradient(95deg, var(--bg) 3%, #faf9f5e6 30%, #faf9f526 58%, #faf9f500 78%);position:absolute;inset:0}.hero-inner{z-index:2;max-width:var(--max);width:100%;padding:0 var(--pad);margin:0 auto;display:grid;position:relative}.hero-copy{opacity:0;pointer-events:none;grid-area:1/1;transition:opacity .8s,transform .8s cubic-bezier(.22,.61,.36,1);transform:translateY(18px)}.hero-copy.on{opacity:1;pointer-events:auto;transition-delay:.35s;transform:none}.hero h1{text-wrap:balance;max-width:13ch;margin:1.5rem 0 1.25rem;font-size:clamp(2.4rem,6.2vw,4.6rem);line-height:1.12}.hero h1 em{color:var(--rose-deep);font-style:italic}.hero .ko{color:var(--ink-2);max-width:none;margin:0 0 2.4rem;font-size:clamp(.86rem,1.5vw,1rem);line-height:1.95}.hero .ko span{display:block}@media (width>=34rem){.hero .ko span{white-space:nowrap}}.hero-nav{z-index:3;left:var(--pad);align-items:center;gap:1rem;display:flex;position:absolute;bottom:clamp(1.8rem,5vw,3rem)}.hero-nav .arrow{border:1px solid var(--line);width:2.2rem;height:2.2rem;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:50%;padding:0;font-size:.8rem;line-height:1;transition:background .25s,color .25s,border-color .25s}.hero-nav .arrow:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.dots{gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.dots button{cursor:pointer;background:#11111129;border:0;width:2.4rem;height:2px;padding:0;display:block;position:relative;overflow:hidden}.dots button i{background:var(--ink);width:0;display:block;position:absolute;inset:0}.dots button.on i{animation:linear forwards dotFill}@keyframes dotFill{0%{width:0}to{width:100%}}.hero-nav .count{font-family:var(--serif);color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:.82rem}.hero-nav .count b{color:var(--ink);font-weight:400}.scroll-hint{bottom:clamp(1.8rem,5vw,3rem);right:var(--pad);z-index:3;letter-spacing:.3em;color:var(--ink-3);text-transform:uppercase;text-align:center;font-size:.58rem;position:absolute}.scroll-hint span{background:linear-gradient(var(--ink-3), transparent);width:1px;height:32px;margin:.6rem auto 0;animation:2.2s ease-in-out infinite dropLine;display:block}@keyframes dropLine{0%,to{opacity:.25}50%{opacity:1}}@media (width<=34rem){.scroll-hint{display:none}}.btn{background:var(--ink);color:var(--bg);letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--ink);padding:.95rem 2.1rem;font-size:.72rem;transition:background .3s,color .3s,border-color .3s;display:inline-block}.btn:hover{color:var(--ink);background:0 0}.btn.ghost{color:var(--ink);border-color:var(--ink);background:0 0}.btn.ghost:hover{background:var(--ink);color:var(--bg)}.btn-row{flex-wrap:wrap;gap:.7rem;display:flex}.statement{max-width:44rem;padding:clamp(5rem, 13vw, 9rem) var(--pad);text-align:center;margin:0 auto}.statement h2{text-wrap:balance;margin:1.4rem 0 1.8rem;font-size:clamp(1.55rem,3.4vw,2.5rem);line-height:1.42}.statement p{color:var(--ink-2);margin:0;font-size:.93rem;line-height:2.05}.row{max-width:var(--max);padding:clamp(3.5rem, 8vw, 6rem) var(--pad);margin:0 auto}.row-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2.4rem;padding-bottom:1.1rem;display:flex}.row-head h2{margin:.7rem 0 0;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.2}.row-head .more{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;font-size:.66rem}.row-head .more:hover{color:var(--ink)}.grid{grid-template-columns:repeat(2,1fr);gap:2.6rem 1.3rem;display:grid}@media (width>=46rem){.grid{grid-template-columns:repeat(4,1fr)}}.scroller{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:minmax(11rem,46%);grid-auto-flow:column;gap:1.3rem;padding-bottom:1rem;display:grid;overflow-x:auto}@media (width>=46rem){.scroller{grid-auto-columns:minmax(14rem,23%)}}.scroller>*{scroll-snap-align:start}.card{display:block}.card-img{aspect-ratio:3/4;background:var(--bg-2);position:relative;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .9s cubic-bezier(.22,.61,.36,1)}.card:hover .card-img img{transform:scale(1.06)}.badge{background:var(--bg);color:var(--ink);letter-spacing:.2em;padding:.35rem .6rem;font-size:.55rem;font-style:normal;position:absolute;top:0;left:0}.card-body{padding-top:1rem}.karat{font-family:var(--serif);color:var(--rose-deep);letter-spacing:.06em;font-size:.78rem}.card-body h3{margin:.2rem 0 .35rem;font-size:.87rem;font-weight:400}.price{font-variant-numeric:tabular-nums;color:var(--ink-2);margin:0;font-size:.85rem;font-weight:400}.dm{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid #0000;margin-top:.7rem;font-size:.62rem;display:inline-block}.card:hover .dm{color:var(--ink);border-bottom-color:var(--rose)}.empty{color:var(--ink-3);grid-column:1/-1}.tabs{flex-wrap:wrap;gap:1.7rem;margin-bottom:2.2rem;display:flex}.tabs button{font:inherit;letter-spacing:.02em;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:0 0 .4rem;font-size:.84rem;font-weight:300;transition:color .25s,border-color .25s}.tabs button:hover{color:var(--ink)}.tabs button.on{color:var(--ink);border-bottom-color:var(--ink)}.feature{min-height:clamp(28rem,78vh,46rem);display:flex;position:relative;overflow:hidden}.feature img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.feature:after{content:"";position:absolute;inset:0}.feature.dark:after{background:linear-gradient(#1110,#1111111f 45%,#111111a8)}.feature.light:after{background:linear-gradient(90deg,#faf9f5e6 6%,#faf9f58c 38%,#faf9f500 68%)}.feature-inner{z-index:1;max-width:var(--max);width:100%;padding:clamp(2.5rem, 7vw, 5rem) var(--pad);flex-direction:column;justify-content:flex-end;margin:0 auto;display:flex;position:relative}.feature.light .feature-inner{justify-content:center}.feature.dark,.feature.dark .eyebrow{color:#fff}.feature.dark .eyebrow{color:#ffffffad}.feature h2{max-width:14ch;margin:1.1rem 0 1rem;font-size:clamp(1.8rem,4.4vw,3.1rem);line-height:1.18}.feature p{max-width:34ch;margin:0 0 2.1rem;font-size:.92rem;line-height:1.95}.feature.dark p{color:#fffc}.feature.light p{color:var(--ink-2)}.feature.dark .btn{color:var(--ink);background:#fff;border-color:#fff}.feature.dark .btn:hover{color:#fff;background:0 0}.feature.dark .btn.ghost{color:#fff;background:0 0;border-color:#ffffff8c}.feature.dark .btn.ghost:hover{color:var(--ink);background:#fff;border-color:#fff}.atelier{max-width:var(--max);padding:clamp(3.5rem, 8vw, 6rem) var(--pad);margin:0 auto}.atelier-grid{align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}@media (width>=54rem){.atelier-grid{grid-template-columns:1fr 1.15fr}}.atelier h2{margin:1rem 0 1.6rem;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.25}.atelier .lead{color:var(--ink-2);max-width:34ch;margin:0 0 2rem;font-size:.92rem;line-height:2}.atelier dl{border-top:1px solid var(--line);gap:.85rem;margin:0 0 2.2rem;padding-top:1.4rem;display:grid}.atelier dl>div{gap:0 1.4rem;display:grid}@media (width>=30rem){.atelier dl>div{grid-template-columns:4rem 1fr}}.atelier dt{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);padding-top:.35rem;font-size:.62rem}.atelier dd{color:var(--ink-2);margin:0;font-size:.9rem}.atelier dd a:hover{color:var(--ink)}.atelier-shot{aspect-ratio:5/4;overflow:hidden}.atelier-shot img{object-fit:cover;width:100%;height:100%}.feed{grid-template-columns:repeat(3,1fr);gap:.3rem;display:grid}@media (width>=46rem){.feed{grid-template-columns:repeat(6,1fr)}}.feed-cell{aspect-ratio:1;background:var(--bg-2);overflow:hidden}.feed-cell img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.22,.61,.36,1),opacity .35s}.feed-cell:hover img{opacity:.85;transform:scale(1.07)}.foot{border-top:1px solid var(--line)}.foot-inner{max-width:var(--max);padding:clamp(3rem, 7vw, 4.5rem) var(--pad) 4.5rem;color:var(--ink-3);gap:2.2rem;margin:0 auto;font-size:.76rem;line-height:1.9;display:grid}@media (width>=50rem){.foot-inner{grid-template-columns:1fr 1.4fr}}.foot-logo{mix-blend-mode:multiply;width:auto;height:24px;margin-bottom:1.2rem}.foot p{margin:0 0 .3rem}.foot .sns{gap:1.2rem;margin-top:1rem;display:flex}.foot .sns a{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);border-bottom:1px solid var(--line);padding-bottom:.15rem;font-size:.64rem}.foot .sns a:hover{color:var(--ink);border-bottom-color:var(--ink)}.foot .note{border-top:1px solid var(--line);max-width:60ch;margin-top:1.8rem;padding-top:1.2rem;font-size:.72rem;line-height:1.8}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.rise{opacity:1}}