:root{color-scheme:dark;--bath: #0e1324;--bath-raised: #161d36;--ivory: #efe8da;--ivory-soft: rgb(239 232 218 / .72);--paper: #eee6d6;--ink: #1e2130;--ink-soft: #4f5363;--brass: #d2a44a;--line: rgb(239 232 218 / .16);--line-ink: rgb(30 33 48 / .18);--panel: rgb(14 19 36 / .8);--font-display: "Rozha One", "Bodoni 72", Didot, Georgia, serif;--font-body: "Albert Sans", "Helvetica Neue", Arial, sans-serif;--step--1: clamp(.8rem, .77rem + .14vw, .88rem);--step-0: clamp(1rem, .96rem + .2vw, 1.1rem);--step-1: clamp(1.12rem, 1.04rem + .4vw, 1.35rem);--step-2: clamp(1.4rem, 1.2rem + .9vw, 1.9rem);--step-3: clamp(2rem, 1.5rem + 2vw, 3.2rem);--step-4: clamp(2.6rem, 1.6rem + 4.4vw, 6rem);--gutter: clamp(16px, 4vw, 64px);--ease-out: cubic-bezier(.2, .8, .2, 1)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bath)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;background:var(--bath);color:var(--ivory);font-family:var(--font-body);font-size:var(--step-0);line-height:1.55;overflow-x:clip}h1,h2,h3{text-wrap:balance;font-weight:400}p,li,figcaption{text-wrap:pretty}::selection{background:var(--brass);color:var(--bath)}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--brass);outline-offset:3px}main,.footer{position:relative;z-index:1}.wrap{width:100%;max-width:1480px;margin-inline:auto;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}.section-title{margin:0;font-family:var(--font-display);font-size:var(--step-4);line-height:.98;letter-spacing:-.01em}.title-line-mask{padding-bottom:.1em}.bath{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity 1.2s ease}.bath--ready{opacity:1}.bath__canvas{display:block;width:100%;height:100%}.panel{position:absolute;z-index:2;left:max(var(--gutter),env(safe-area-inset-left,0px));bottom:calc(9vh + env(safe-area-inset-bottom,0px));width:min(400px,34vw);padding:clamp(20px,2.2vw,30px);background:var(--panel);border:1px solid var(--line);border-radius:4px}.panel__count{margin:0 0 10px;color:var(--brass);font-size:var(--step--1);font-weight:600;font-variant-numeric:tabular-nums}.panel__title{margin:0;font-family:var(--font-display);font-size:var(--step-3);line-height:1}.panel__body{margin:12px 0 0;color:var(--ivory-soft)}.wordmark{display:inline-flex;align-items:center;gap:10px;color:var(--ivory);font-family:var(--font-display);font-size:1.45rem;line-height:1}.wordmark__drop{width:24px;height:24px}.magnetic{display:inline-block}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid transparent;border-radius:999px;font:650 .92rem/1 var(--font-body);cursor:pointer;transition:transform .2s var(--ease-out),background-color .25s ease,color .25s ease,border-color .25s ease}.button:active{transform:scale(.96)}.button--solid,.button--light{background:var(--ivory);color:var(--bath)}.button--solid:hover,.button--light:hover{background:var(--brass)}.button--ghost{background:transparent;color:var(--ivory);border-color:#efe8da59}.button--ghost:hover{border-color:var(--ivory)}.button--small{min-height:40px;padding:0 18px;font-size:.85rem}.button__label{display:inline-block}.badge{position:fixed;z-index:45;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));margin:0;padding:8px 14px;border-radius:999px;background:var(--ivory);color:var(--bath);font-size:.78rem;font-weight:500;box-shadow:0 10px 28px #0000004d}.credit-link{color:inherit;font-weight:700}.nav{position:fixed;top:0;left:0;right:0;z-index:40;padding-top:env(safe-area-inset-top,0px);background:linear-gradient(to bottom,#0e1324d9,#0e132400)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:14px;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}.nav__brand{text-decoration:none}.nav__links{display:flex;gap:clamp(14px,2.2vw,34px)}.nav__link{position:relative;padding-block:10px;color:var(--ivory-soft);text-decoration:none;font-size:.9rem;font-weight:550;transition:color .25s ease}.nav__link:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1.5px;background:var(--brass);transform:scaleX(0);transform-origin:right center;transition:transform .35s var(--ease-out)}.nav__link:hover{color:var(--ivory)}.nav__link:hover:after{transform:scaleX(1);transform-origin:left center}.nav__progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--brass);transform:scaleX(0);transform-origin:left center}.opening__pin,.combing__pin,.lift__pin,.cut__pin{position:relative;height:100vh;height:100svh;overflow:clip}.opening__hero{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding-block:120px calc(80px + env(safe-area-inset-bottom,0px));pointer-events:none}.opening__hero>*{max-width:min(56vw,760px)}.opening__descriptor{margin:0 0 16px;color:var(--brass);font-size:var(--step-0);font-weight:600}.opening__title{margin:0;font-family:var(--font-display);font-size:clamp(3rem,7.2vw,8.4rem);line-height:.9;letter-spacing:-.015em;text-shadow:0 4px 40px rgb(14 19 36 / .7)}.opening__line-mask{padding-bottom:.12em;margin-bottom:-.12em}.opening__lede{margin:24px 0 0;max-width:44ch;font-size:var(--step-1);line-height:1.45;color:var(--ivory-soft);text-shadow:0 2px 20px rgb(14 19 36 / .9)}.opening__hint{display:flex;align-items:center;gap:12px;margin:28px 0 0;font-size:var(--step--1);font-weight:600}.opening__drop{width:10px;height:10px;border-radius:50%;background:var(--brass);animation:drip 1.8s var(--ease-out) infinite}@keyframes drip{0%{transform:translateY(-10px) scale(.6);opacity:0}40%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(0) scale(2.4);opacity:0}}.pigment-tag{position:absolute;top:0;left:0;z-index:3;display:flex;align-items:center;gap:10px;opacity:0;pointer-events:none}.pigment-tag--left{flex-direction:row-reverse;transform-origin:0 0}.pigment-tag--left .pigment-tag__name{position:relative;left:calc(-100% - 10px)}.pigment-tag__dot{width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--ivory);box-shadow:0 0 0 4px #efe8da40}.pigment-tag__name{margin-top:-5px;padding:6px 12px;border-radius:999px;background:var(--panel);font-family:var(--font-display);font-size:1.15rem;line-height:1;white-space:nowrap}.combing__copy{position:absolute;inset:auto 0 0;z-index:2;padding-top:18vh;padding-bottom:calc(8vh + env(safe-area-inset-bottom,0px));pointer-events:none;background:linear-gradient(to top,#0e1324d1,#0e132473 55%,#0e132400)}.combing__name{margin:0;font-family:var(--font-display);font-size:clamp(4rem,13vw,13.5rem);line-height:.85;letter-spacing:-.02em;text-shadow:0 6px 50px rgb(14 19 36 / .75)}.combing__char{display:inline-block}.combing__description{margin:18px 0 0;max-width:40ch;font-size:var(--step-1);text-shadow:0 2px 20px rgb(14 19 36 / .95)}.combing__steps{display:flex;flex-wrap:wrap;gap:6px 18px;margin:22px 0 0;padding:0;list-style:none;font-size:var(--step--1);font-weight:600;color:var(--ivory-soft)}.combing__step[aria-current=true]{color:var(--brass)}.comb{position:absolute;top:0;left:0;z-index:1;width:64px;height:300vmax;margin:-150vmax 0 0 -58px;transform-origin:58px 150vmax;opacity:0;pointer-events:none}.comb__bar{position:absolute;top:0;bottom:0;right:0;width:10px;background:linear-gradient(to right,#8a6a2c,#e9c87a 45%,#a57e35);box-shadow:0 0 22px #00000073}.comb__tines{position:absolute;top:0;bottom:0;right:10px;width:48px;background:repeating-linear-gradient(to bottom,#d9b566 0 3px,transparent 3px var(--tine-gap, 24px));-webkit-mask-image:linear-gradient(to left,#000 30%,transparent);mask-image:linear-gradient(to left,#000 30%,transparent)}.stylus{position:absolute;top:0;left:0;z-index:1;width:30px;height:30px;margin:-15px 0 0 -15px;border:2px solid #e2bf70;border-radius:50%;opacity:0;pointer-events:none;box-shadow:0 0 18px #00000080}.stylus:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#e2bf70;transform:translate(8px)}.lift__panel{top:calc(96px + env(safe-area-inset-top,0px));bottom:auto;width:min(330px,26vw)}.lift__caption{position:absolute;left:0;right:0;bottom:calc(5vh + env(safe-area-inset-bottom,0px));margin:0;text-align:center;font-family:var(--font-display);font-size:var(--step-1);color:var(--ivory-soft);opacity:0}.cut__copy{position:absolute;z-index:2;top:calc(100px + env(safe-area-inset-top,0px));bottom:calc(9vh + env(safe-area-inset-bottom,0px));left:max(var(--gutter),env(safe-area-inset-left,0px));width:min(360px,27vw);display:flex;flex-direction:column;justify-content:space-between;gap:24px;color:var(--ink)}.cut__panel .panel__body,.palettes__story{color:var(--ink-soft)}.cut__palettes .panel__count{color:#8a6420}.palettes{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-ink)}.palettes__option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:9px 0;border:0;border-bottom:1px solid var(--line-ink);background:none;color:var(--ink-soft);font:inherit;text-align:left;cursor:pointer}.palettes__option[aria-current=true],.palettes__option:hover{color:var(--ink)}.palettes__name{font-family:var(--font-display);font-size:var(--step-2);line-height:1.1}.palettes__dots{display:flex}.palettes__dots span{width:14px;height:14px;margin-left:-4px;border-radius:50%;border:2px solid var(--paper)}.palettes__option[aria-current=true] .palettes__name{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:#8a6420}.palettes__story{margin:12px 0 0;min-height:3em;font-size:.95rem}.cut__label{position:absolute;top:0;left:0;z-index:1;padding-bottom:8px;color:var(--ink);font-size:.8rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none}.play{position:relative;height:100vh;height:100svh}.play__surface{position:absolute;inset:0;z-index:1;touch-action:pan-y;cursor:crosshair}.play__panel{width:min(420px,34vw)}.play__row{display:grid;gap:8px;margin-top:18px}.play__label{font-size:var(--step--1);font-weight:600;color:var(--brass)}.play__pigments{display:flex;flex-wrap:wrap;gap:8px}.play__pigment{width:36px;height:36px;border:2px solid var(--bath);border-radius:50%;box-shadow:0 0 0 1px var(--line);cursor:pointer;transition:transform .2s var(--ease-out)}.play__pigment:hover{transform:scale(1.08)}.play__pigment[aria-pressed=true]{box-shadow:0 0 0 2px var(--ivory)}.play__palettes{display:flex;flex-wrap:wrap;gap:6px}.play__palette{min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ivory-soft);font:600 .8rem/1 var(--font-body);cursor:pointer}.play__palette[aria-pressed=true]{background:var(--ivory);color:var(--bath)}.play__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.work{position:relative;background:var(--bath)}.work__pin{display:flex;flex-direction:column;justify-content:center;gap:40px;min-height:100vh;min-height:100svh;padding-block:110px 64px;overflow:clip}.work__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px}.work__note{margin:0;max-width:34ch;color:var(--ivory-soft)}.work__track{display:flex;gap:clamp(16px,2.4vw,36px);width:max-content;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}.sheet{width:clamp(240px,24vw,360px);margin:0}.sheet__frame{position:relative;aspect-ratio:4 / 5.4;max-width:100%;overflow:hidden;border-radius:999px 999px 4px 4px;background:var(--bath-raised);box-shadow:0 0 0 10px var(--paper)}.sheet__media{position:absolute;inset:-8% 0}.sheet__media img{display:block;width:100%;height:100%;object-fit:cover}.sheet__caption{display:grid;gap:4px;margin-top:26px}.sheet__name{margin:0;font-family:var(--font-display);font-size:var(--step-2);line-height:1.05}.sheet__meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;font-size:var(--step--1);color:var(--ivory-soft)}.process{background:var(--bath);padding-block:16vh 12vh}.process__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px}.process__head{grid-column:1 / span 4;align-self:start;position:sticky;top:110px}.process__head .section-title{font-size:var(--step-3)}.panel__lede{margin:14px 0 0;color:var(--ivory-soft);font-size:var(--step-1)}.process__body{grid-column:6 / span 7;position:relative;padding-left:40px}.process__line{position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:var(--line)}.process__line-fill{position:absolute;inset:0;background:linear-gradient(to bottom,#2b4ea0,#1f7a58,#d9a640,#c9566e);transform-origin:top center}.process__steps{list-style:none;margin:0;padding:0;display:grid;gap:44px}.process__step{position:relative;display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:12px}.process__step:before{content:"";position:absolute;left:-35px;top:12px;width:12px;height:12px;border-radius:50%;background:var(--bath);border:2px solid var(--brass)}.process__number{font-family:var(--font-display);font-size:var(--step-2);color:var(--brass)}.process__title{margin:0;font-family:var(--font-display);font-size:var(--step-2)}.process__when{margin-left:10px;font-family:var(--font-body);font-size:.55em;font-weight:600;color:var(--ivory-soft)}.process__copy{margin:8px 0 0;max-width:52ch;color:var(--ivory-soft)}.contact{background:var(--paper);color:var(--ink);padding-block:14vh}.contact .panel__lede{color:var(--ink-soft)}.contact__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px}.contact__head{grid-column:1 / span 4}.contact__head .section-title{font-size:var(--step-3)}.contact__form,.contact__done{grid-column:6 / span 7}.contact__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:6px;min-width:0}.field--wide{grid-column:1 / -1}.field label{font-size:.82rem;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line-ink);border-radius:4px;background:#f7f2e8;color:var(--ink);font:500 1rem/1.4 var(--font-body);color-scheme:light}.contact .button--solid{background:var(--ink);color:var(--paper)}.contact .button--solid:hover{background:#2b4ea0}.contact__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px}.contact__fine{margin:0;font-size:var(--step--1);color:var(--ink-soft)}.contact__done{display:grid;gap:8px;align-content:start}.contact__done-title{margin:0;font-family:var(--font-display);font-size:var(--step-2)}.footer{background:var(--bath);padding-top:10vh;overflow:clip}.footer__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding-bottom:6vh}.footer__links{grid-column:1 / span 4;display:grid;gap:2px;align-content:start}.footer__links a{width:fit-content;padding-block:6px;color:var(--ivory);text-decoration:none;font-weight:600}.footer__links a:hover{color:var(--brass)}.footer__credit{grid-column:7 / span 6;margin:0;color:var(--ivory-soft)}.footer__mark-wrap{overflow:clip}.footer__mark{margin:0;font-family:var(--font-display);font-size:22vw;line-height:.9;text-align:center;white-space:nowrap}.footer__char{transition:translate .6s var(--ease-out),color .3s ease}.footer__char:hover{translate:0 -6%;color:var(--brass)}.cursor{display:none}.has-cursor .cursor{position:fixed;inset:0;z-index:90;display:block;pointer-events:none}.has-cursor,.has-cursor *{cursor:none}.has-cursor :where(input,textarea,select){cursor:auto}.cursor__dot,.cursor__ring{position:absolute;top:0;left:0;border-radius:50%;opacity:0}.cursor__dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--brass)}.cursor__ring{width:34px;height:34px;margin:-17px 0 0 -17px;border:1.5px solid var(--ivory);mix-blend-mode:difference}@media (max-width: 899px){.nav__links{display:none}.work__pin{min-height:0}.work__track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.sheet{flex:none;width:min(70vw,300px);scroll-snap-align:start}.sheet__media{inset:0}.process__head,.process__body,.contact__head,.contact__form,.contact__done{grid-column:1 / -1}.process__head{position:static}}@media (max-aspect-ratio: 4/5){.opening__hero>*{max-width:100%}.panel,.play__panel,.lift__panel{left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));width:auto;bottom:calc(60px + env(safe-area-inset-bottom,0px));padding:18px}.lift__panel{top:auto}.lift__caption{top:calc(80px + env(safe-area-inset-top,0px));bottom:auto}.panel__title{font-size:var(--step-2)}.combing__name{font-size:clamp(3.4rem,18vw,6rem)}.combing__steps{display:none}.cut__copy{top:auto;bottom:calc(56px + env(safe-area-inset-bottom,0px));right:max(16px,env(safe-area-inset-right,0px));width:auto}.cut__panel .panel__body,.palettes__story,.cut__label{display:none}.palettes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.palettes__name{font-size:1.1rem}.play__panel .panel__body{display:none}}@media (prefers-reduced-motion: reduce){.opening__drop{animation:none}.bath{transition:none}}.combing__copy .panel__count,.combing__steps{text-shadow:0 1px 14px rgb(14 19 36 / .95)}