@font-face{font-family:Urbanist;font-weight:100 900;font-display:swap;src:url(/fonts/Urbanist-latin-var.woff2) format("woff2")}:root{--ground: #efe7dd;--card: #f7f1e8;--ink: #2e2119;--ink-soft: #6b5a4c;--rule: rgba(46, 33, 25, .22);--clay: #d99b76;--accent: #964e2a;--on-accent: #fff8f1;--glow-a: #f2a77d;--glow-b: #f6cf8f;--glow-c: #eaa3a8;--font: "Urbanist", "Helvetica Neue", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{background:var(--ground);-webkit-text-size-adjust:100%;overflow-x:clip}body{margin:0;color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}::selection{background:var(--clay);color:var(--ink)}h1,h2,h3,p,figure{margin:0}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}img{display:block;max-width:100%}.ease,:root{--ease: cubic-bezier(.2, .7, .2, 1)}.stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0}.glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;border:14px solid transparent;background:conic-gradient(from 210deg at 50% 50%,var(--glow-a),var(--glow-b),var(--glow-c),var(--glow-a),var(--glow-b),var(--glow-a)) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0) border-box;-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0) border-box;filter:blur(16px);opacity:0;transition:opacity .6s var(--ease)}html.in-open .glow{opacity:calc(.18 + var(--touch, 0) * .82);transition:none}.nav{position:fixed;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;gap:28px;padding:22px clamp(18px,2.6vw,40px);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.nav__brand{font-size:17px;font-weight:800;letter-spacing:.16em;text-decoration:none;margin-right:auto}.nav__links{display:flex;gap:22px;padding:9px 16px 8px;border-radius:6px;background:#f7f1e8d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav__links a{text-decoration:none;text-underline-offset:3px}.nav__links a:hover{text-decoration:underline}.nav__cta{text-decoration:none;background:var(--ink);color:var(--card);padding:9px 14px 8px;border-radius:6px}.hero{--t: clamp(64px, 9.4vw, 168px);position:relative;height:100vh;height:100svh;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}.hero__desk{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.hero__title{position:absolute;z-index:2;left:clamp(18px,3.4vw,56px);top:calc(64px + 5vh);font-size:var(--t);font-weight:700;line-height:.86;letter-spacing:-.045em;pointer-events:none}.hero__title span{display:block;animation:rise 1.1s var(--ease) both}.hero__title span+span{animation-delay:.08s}.hero__sub{position:absolute;z-index:2;left:calc(clamp(18px,3.4vw,56px) + .06em);top:calc(64px + 5vh + var(--t) * 1.72 + 22px);max-width:25ch;font-size:clamp(17px,1.2vw,19px);font-weight:500;line-height:1.35;color:var(--ink-soft);animation:rise 1.1s .18s var(--ease) both;pointer-events:none}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.hero__poster{position:absolute;z-index:1;left:50%;top:54%;width:min(40vw,62vh);transform:translate(-50%,-50%);mix-blend-mode:multiply;transition:opacity .5s var(--ease);pointer-events:none}.hero__poster.is-gone{opacity:0}.hero__hint{position:absolute;z-index:2;left:50%;bottom:26px;transform:translate(-50%);display:flex;align-items:center;gap:22px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--ink)}.hero__hint span{display:flex;align-items:center;gap:10px}.hero__lid{background:none;border:0;padding:0 0 2px;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;border-bottom:1px solid currentColor}.hero__lid:disabled{opacity:.4;cursor:default}.open{position:relative;height:300vh}.open__pin{--in: 0;--hint: 0;position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(ellipse 46% 52% at 50% 60%,#f8f2ea,#f8f2ea00);touch-action:pan-y;user-select:none;-webkit-user-select:none}.open__title{position:absolute;z-index:2;left:0;right:0;top:calc(56px + 6vh);text-align:center;font-size:clamp(44px,6.4vw,116px);font-weight:600;line-height:.95;letter-spacing:-.04em;opacity:var(--in);transform:translateY(calc((1 - var(--in)) * 40px))}.open__tag{position:absolute;z-index:2;left:50%;top:calc(56px + 6vh + clamp(44px,6.4vw,116px)*1.02);transform:translate(calc(clamp(44px,6.4vw,116px)*3.3 - 100%));font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);white-space:nowrap;opacity:var(--in)}.open__body{position:absolute;z-index:2;left:clamp(18px,6vw,96px);top:50%;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;opacity:var(--hint)}.open__body span{display:block}.open__hint{position:absolute;z-index:2;left:clamp(18px,6vw,96px);bottom:17vh;display:flex;align-items:center;gap:12px;padding-bottom:12px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--rule);min-width:220px;opacity:var(--hint)}.skin{position:relative;height:320vh;z-index:2}.skin__pin{--word: 0;--open: 0;--rail: 0;--cw: min(27vw, 54vh);--gap: 2.2vw;position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--ground)}.skin__kicker{position:absolute;z-index:3;left:clamp(18px,4.4vw,72px);top:26vh;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:calc(1 - var(--open))}.skin__word{position:absolute;z-index:1;left:0;top:50%;white-space:nowrap;font-size:15.5vw;font-weight:700;line-height:1;letter-spacing:-.055em;transform:translate(calc(4vw + (1 - var(--word)) * 40vw - var(--open) * 18vw),-54%);opacity:calc(1 - var(--open) * .92);filter:blur(calc(var(--open) * 10px))}.skin__rail{position:absolute;z-index:2;left:50%;top:50%;width:0;height:0;transform:translate(calc(var(--rail) * -3vw))}.skin__card{--x: 0;--w: calc(var(--cw) * .72);position:absolute;width:var(--w);aspect-ratio:4 / 5;left:calc(var(--w) / -2);top:calc(var(--w) * -.625 + 2vh);transform:translate(calc(var(--x) * ((var(--cw) * .86 + var(--gap)) + (1 - var(--open)) * 34vw)));opacity:var(--open)}.skin__card--0{--x: -1}.skin__card--2{--x: 1}.skin__card--1{--w: var(--cw);opacity:1;transform:scale(calc(1.06 - var(--open) * .06))}.skin__card img{width:100%;height:100%;object-fit:cover;border-radius:4px}.skin__card figcaption{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;gap:10px;padding:9px 12px 8px;border-radius:6px;background:#f7f1e8f0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.skin__card figcaption span+span{font-weight:500;letter-spacing:.02em;text-transform:none;font-size:13px;color:var(--ink)}.skin__frame{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;pointer-events:none;opacity:calc(1 - var(--open))}.skin__frame i{position:absolute;width:22px;height:22px;border:0 solid var(--ink)}.skin__frame i:nth-child(1){left:0;top:0;border-left-width:1px;border-top-width:1px}.skin__frame i:nth-child(2){right:0;top:0;border-right-width:1px;border-top-width:1px}.skin__frame i:nth-child(3){left:0;bottom:0;border-left-width:1px;border-bottom-width:1px}.skin__frame i:nth-child(4){right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}.ingr{position:relative;height:380vh;z-index:2}.ingr__pin{--zoom: 0;--line: 0;--p0: 0;--p1: 0;--p2: 0;--p3: 0;position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--card)}.ingr__macro{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(calc(1.32 - var(--zoom) * .32))}.ingr__macro img{width:100%;height:100%;object-fit:cover}.ingr__line{position:absolute;z-index:1;left:0;right:0;top:42%;text-align:center;opacity:calc(var(--line) - var(--p0) * 1.4);transform:translateY(calc((1 - var(--line)) * 36px))}.ingr__line h2{font-size:clamp(34px,4.4vw,76px);font-weight:600;line-height:1;letter-spacing:-.035em}.ingr__line p{margin-top:14px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ingr__panels{position:absolute;z-index:2;left:0;right:0;bottom:0;height:calc(100% - 64px);display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.ingr__panel{--t: 0;position:relative;display:flex;flex-direction:column;padding:clamp(18px,1.8vw,30px);background:var(--card);transform:translateY(calc((1 - var(--t)) * 104%));overflow:hidden}.ingr__panel--0{--t: var(--p0);background:var(--clay)}.ingr__panel--1{--t: var(--p1)}.ingr__panel--2{--t: var(--p2)}.ingr__panel--3{--t: var(--p3)}.ingr__panel h3{font-size:clamp(15px,1.3vw,21px);font-weight:700;line-height:1.05;letter-spacing:.02em;text-transform:uppercase;max-width:8ch}.ingr__photo{width:min(78%,40vh);aspect-ratio:1;margin:auto;border-radius:50%;overflow:hidden;transform:rotate(calc((1 - var(--t)) * -24deg)) scale(calc(.8 + var(--t) * .2));box-shadow:0 0 0 1px #2e211914}.ingr__photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.12)}.ingr__panel>p:not(.ingr__num){font-size:17px;line-height:1.4;color:var(--ink-soft);max-width:28ch}.ingr__panel--0>p:not(.ingr__num){color:var(--ink)}.ingr__num{position:absolute;top:clamp(12px,1.4vw,22px);right:clamp(16px,1.8vw,30px);font-size:clamp(54px,6.2vw,112px);font-weight:600;line-height:.9;letter-spacing:-.05em}.ingr__num small{font-size:.42em;letter-spacing:0;margin-left:2px}.buy{position:relative;height:200vh;touch-action:pan-y}.buy__pin{--in: 0;position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(ellipse 50% 46% at 50% 40%,#f7dfcb,#efe7dd00)}.buy__fallback{display:none}.buy__panel{position:absolute;z-index:2;left:50%;top:52vh;transform:translate(-50%,calc((1 - var(--in)) * 30px));opacity:var(--in);display:grid;justify-items:center;gap:14px}.buy__row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.buy__kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.buy__sizes{display:flex;gap:8px}.buy__sizes button,.buy__cta{display:flex;gap:14px;align-items:center;padding:11px 16px 10px;border-radius:8px;border:1px solid var(--rule);background:#f7f1e899;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.buy__sizes button span+span{color:var(--ink-soft);font-weight:500}.buy__sizes button.is-on{background:var(--clay);border-color:var(--clay)}.buy__sizes button.is-on span+span{color:var(--ink)}.buy__cta{background:var(--ink);border-color:var(--ink);color:var(--card);padding:13px 26px 12px}.buy__cta:hover{background:var(--accent);border-color:var(--accent)}.buy__added{min-height:1.4em;font-size:13px;color:var(--ink-soft)}.buy__word{position:absolute;z-index:0;left:0;right:0;bottom:5vh;display:flex;justify-content:center;font-size:min(20vw,31vh);font-weight:700;line-height:.78;letter-spacing:-.05em;overflow:hidden;padding-top:.06em;pointer-events:none}.buy__word span{display:block;transform:translateY(calc((1 - var(--in)) * (70% + var(--i) * 14%)))}.buy__small{position:absolute;z-index:2;left:0;right:0;bottom:1.6vh;display:flex;justify-content:center;flex-wrap:wrap;gap:6px 22px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);opacity:var(--in)}html.no3d .hero__poster.is-gone{opacity:1}html.no3d .hero__lid,html.no3d .open__hint{display:none}html.no3d .buy__fallback{display:block;position:absolute;left:50%;top:34vh;width:min(30vw,42vh);transform:translate(-50%,-50%);mix-blend-mode:multiply}@media (max-width: 759px){.nav{gap:14px;padding:16px}.nav__links{display:none}.nav__brand{margin-left:-10px;padding:8px 10px 7px;border-radius:6px;background:#f7f1e8d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero{--t: 19vw}.hero__title{top:88px;left:16px}.hero__sub{left:17px;top:calc(88px + var(--t) * 1.72 + 14px);font-size:16px}.hero__poster{width:64vw;top:56%}.hero__hint{flex-direction:column;gap:10px;bottom:22px}.open__title{top:92px;font-size:12vw;padding:0 16px}.open__tag{left:0;right:0;top:calc(92px + 13vw);transform:none;text-align:center}.open__body{top:auto;left:16px;bottom:132px;font-size:12px}.open__hint{left:16px;bottom:76px;min-width:0;max-width:44vw;font-size:12px;white-space:normal}.skin__pin{--cw: 76vw;--gap: 4vw}.skin__kicker{top:12.5vh;left:16px}.skin__word{font-size:19vw;top:21%}.skin__rail{transform:translate(calc(var(--rail) * -2 * (var(--cw) + var(--gap))))}.skin__card--0{--x: 2}.skin__card--0,.skin__card--2{--w: var(--cw);transform:translate(calc(var(--x) * (var(--cw) + var(--gap)) + var(--x) * (1 - var(--open)) * 30vw))}.ingr__panel>p:not(.ingr__num){font-size:16px}.ingr__panels{display:block}.ingr__panel{position:absolute;left:10px;right:10px;top:calc(13vh + var(--i) * 7.5vh);bottom:0;border-radius:10px 10px 0 0;box-shadow:0 -10px 30px #2e211914}.ingr__photo{width:52vw;margin:18px auto}.ingr__num{font-size:40px;top:14px}.buy__panel{top:50vh;width:calc(100% - 32px)}.buy__sizes button{padding:10px 12px 9px;gap:8px}.buy__word{font-size:26vw;bottom:12vh}.buy__small{gap:4px 12px;font-size:12px;padding:0 12px}}@media (prefers-reduced-motion: reduce){.hero__title span,.hero__sub{animation:none}}
