.dial{cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000)}.dial-strip{will-change:transform;position:absolute;top:0;bottom:0;left:0}.dial-needle{pointer-events:none;background:#fff;border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:4%;bottom:4%;left:50%;box-shadow:0 0 10px #ffffff8c}.dial:focus-visible{outline-offset:2px}
.phone-wrap{container-type:inline-size}.phone{background:linear-gradient(150deg,#4a4a4f 0%,#17171a 26%,#0b0b0c 52%,#34343a 100%);border-radius:7.4em;width:100%;height:97.6em;padding:1em;font-size:2.17391cqw;position:relative;box-shadow:inset 0 0 0 .12em #fff3,0 0 0 .2em #040405,0 5em 10em -3em #000000e6,0 0 16em -4em #ffbe7829}.phone-btn{background:linear-gradient(90deg,#26262a,#55555b);border-radius:.2em;width:.45em;position:absolute}.phone-btn[data-s=l]{left:-.4em}.phone-btn[data-s=r]{right:-.4em;transform:scaleX(-1)}.screen{color:#fff;isolation:isolate;-webkit-user-select:none;user-select:none;width:44em;height:95.6em;font-family:var(--font-sans);background:#000;border-radius:6.4em;position:relative;overflow:hidden}.island{z-index:30;background:#000;border-radius:9em;width:12.4em;height:3.6em;margin-left:-6.2em;position:absolute;top:1.15em;left:50%}.screen .t{letter-spacing:.1em;text-transform:uppercase;font-size:1.3em;font-weight:600;line-height:1}.screen .t-mono{font-family:var(--font-mono);letter-spacing:.02em}.cam-matte{z-index:0;filter:blur(2.4em)brightness(.55)saturate(1.3);position:absolute;inset:-8%}.cam-shade{z-index:1;background:linear-gradient(#0a09084d,#0a0908b3 70%);position:absolute;inset:0}.cam-vf{z-index:2;cursor:crosshair;touch-action:manipulation;background:#111;width:44em;height:58.67em;position:absolute;top:6.2em;left:0;overflow:hidden}.vf-stage{filter:brightness(var(--gain,1)) blur(var(--blur,0px));transition:filter .2s ease-out;position:absolute;inset:0}.vf-layer{opacity:0;transform:scale(var(--z,1));transition:opacity .5s;position:absolute;inset:0}.vf-layer[data-on]{opacity:1;animation:vf-in .6s var(--ease) both}@keyframes vf-in{0%{opacity:0;transform:scale(calc(var(--z,1) * 1.06))}to{opacity:1;transform:scale(var(--z,1))}}.vf-wb{mix-blend-mode:soft-light;background:var(--wb,transparent);opacity:var(--wb-a,0);pointer-events:none;position:absolute;inset:0}.vf-grain{pointer-events:none;mix-blend-mode:overlay;opacity:var(--grain,.1);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n' x='0' y='0'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -.4'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>");position:absolute;inset:0}.vf-grid{pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.33% - .04em),#ffffff47 calc(33.33% - .04em) calc(33.33% + .04em),#0000 calc(33.33% + .04em)),linear-gradient(90deg,#0000 calc(66.66% - .04em),#ffffff47 calc(66.66% - .04em) calc(66.66% + .04em),#0000 calc(66.66% + .04em)),linear-gradient(#0000 calc(33.33% - .04em),#ffffff47 calc(33.33% - .04em) calc(33.33% + .04em),#0000 calc(33.33% + .04em)),linear-gradient(#0000 calc(66.66% - .04em),#ffffff47 calc(66.66% - .04em) calc(66.66% + .04em),#0000 calc(66.66% + .04em));position:absolute;inset:0}.vf-level{pointer-events:none;height:.12em;transform:rotate(var(--tilt,0deg));background:#ffffff80;border-radius:1em;transition:background-color .2s;position:absolute;top:50%;left:25%;right:25%}.vf-level[data-level]{background:#fff;box-shadow:0 0 .8em #ffffffb3}.vf-reticle{pointer-events:none;width:7.4em;height:7.4em;animation:reticle .5s var(--ease) both;border:.14em solid #fff;border-radius:.3em;margin:-3.7em 0 0 -3.7em;position:absolute}.vf-reticle:not([data-lock]){animation:reticle .5s var(--ease) both, reticle-out .5s ease 1.4s forwards}@keyframes reticle-out{to{opacity:0}}.vf-reticle-label{white-space:nowrap;color:#fff;position:absolute;top:calc(100% + .7em);left:50%;transform:translate(-50%)}@keyframes reticle{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.vf-flash{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.vf-flash[data-on]{opacity:1;transition:none}.vf-flash:not([data-on]){transition:opacity .28s ease-out}.vf-count{pointer-events:none;color:#ffffffe6;text-shadow:0 0 .2em #0006;place-items:center;font-size:18em;font-weight:200;display:grid;position:absolute;inset:0}.cam-chip{z-index:5;color:#ffffffeb;-webkit-backdrop-filter:blur(1.6em)saturate(1.5);backdrop-filter:blur(1.6em)saturate(1.5);cursor:pointer;white-space:nowrap;height:3.5em;transition:background-color .25s, color .25s, transform .25s var(--ease);background:#24201c75;border:.08em solid #ffffff1f;border-radius:9em;justify-content:center;align-items:center;gap:.55em;padding:0 1.4em;display:flex;position:absolute;box-shadow:inset 0 .08em #ffffff29}.cam-chip:active{transform:scale(.95)}.cam-chip:after{content:"";position:absolute;inset:-1.1em -.25em}.cam-chip[data-on]{color:#09090a;background:#fbfaf8;border-color:#0000}.cam-round{width:3.6em;padding:0}.cam-lens{width:3.8em;padding:0}.cam-lens[data-on]{color:#fff;background:#ffffff47;width:5em}.cam-lens-row{z-index:5;align-items:center;gap:.6em;height:3.6em;display:flex;position:absolute;top:60.5em;left:10em}.cam-lens-row .cam-chip{height:3.6em;position:relative}.cam-icon{flex:none;width:1.7em;height:1.7em}.cam-hist{z-index:5;-webkit-backdrop-filter:blur(1.6em);backdrop-filter:blur(1.6em);background:#24201c80;border:.08em solid #ffffff1a;border-radius:1.2em;width:10.3em;height:4.6em;padding:.6em .7em;position:absolute;top:11.7em;left:1.2em}.cam-modes{z-index:5;gap:.6em;width:41.2em;display:flex;position:absolute;top:68.8em;left:1.4em}.cam-modes .cam-chip{flex:1;height:3.6em;padding:0;position:relative}.cam-label{z-index:5;color:#ffffff8c;justify-content:space-between;display:flex;position:absolute;top:74.3em;left:1.8em;right:12em}.cam-label .t{letter-spacing:.18em;font-size:1.15em}.cam-label .t-mono{color:#ffffffe6;letter-spacing:.04em}.cam-dial{z-index:5;width:31.2em;height:3.4em;position:absolute;top:76.5em;left:1.4em}.cam-thumb{z-index:5;background:#1b1a18;border:.1em solid #ffffff40;border-radius:1.2em;width:5.2em;height:5.2em;position:absolute;top:84.7em;left:2.8em;overflow:hidden}.cam-thumb-img{animation:thumb-in .55s var(--ease) both;position:absolute;inset:0}@keyframes thumb-in{0%{opacity:0;transform:scale(1.7)}to{opacity:1;transform:scale(1)}}.cam-shutter{z-index:5;cursor:pointer;border:.42em solid #ffffffeb;border-radius:50%;width:7.8em;height:7.8em;padding:0;position:absolute;top:83.4em;left:18.1em}.cam-shutter:after{content:"";transition:transform .15s var(--ease);background:#fbfaf8;border-radius:50%;position:absolute;inset:.38em}.cam-shutter:active:after{transform:scale(.86)}.cam-flip{z-index:5;width:5.2em;height:5.2em;padding:0;position:absolute;top:84.7em;right:3.6em}.cam-scrim{z-index:20;position:absolute;inset:0}.cam-menu{z-index:25;-webkit-backdrop-filter:blur(2.2em)saturate(1.5);backdrop-filter:blur(2.2em)saturate(1.5);animation:menu-in .3s var(--ease) both;background:#1a1816d6;border:.08em solid #ffffff24;border-radius:2.4em;padding:.6em;position:absolute;box-shadow:0 1.6em 4em #00000080}.cam-item{color:#ffffffd9;text-align:left;cursor:pointer;border-radius:1.8em;justify-content:space-between;align-items:center;gap:1.4em;width:100%;padding:1.05em 1.3em;transition:background-color .2s;display:flex}.cam-item:hover{background:#ffffff1a}.cam-item[data-on]{color:#09090a;background:#fbfaf8}@keyframes menu-in{0%{opacity:0;transform:translateY(-.8em)scale(.96)}to{opacity:1;transform:none}}.cam-toast{z-index:8;color:#09090a;white-space:nowrap;animation:toast 2.4s var(--ease) both;background:#fbfaf8f0;border-radius:9em;padding:.9em 1.5em;position:absolute;top:80.2em;left:50%;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%,1em)}12%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-.6em)}}@media (prefers-reduced-motion:reduce){.vf-layer[data-on],.cam-thumb-img,.vf-reticle,.cam-menu{animation:none}.cam-toast{animation-duration:10ms;animation-fill-mode:both}}
.xs{--mat:clamp(0, calc((var(--p,0) - .78) * 4.5), 1);height:360svh;position:relative}.xs-pin{background:#09090a;height:100svh;position:sticky;top:0;overflow:hidden}.xs-print{inset:calc(var(--mat) * 7.5vmin);padding:calc(var(--mat) * 2.2vmin) calc(var(--mat) * 2.2vmin) calc(var(--mat) * 8vmin);box-shadow:0 40px 90px -30px rgb(0 0 0/calc(var(--mat) * .9));background:#efe7d6;position:absolute}.xs-photo{background:#111;width:100%;height:100%;position:relative;overflow:hidden}.xs-layer{will-change:filter, opacity;position:absolute;inset:0}.xs-layer img{object-fit:cover}.xs-shade{pointer-events:none;opacity:calc(1 - var(--mat));background:linear-gradient(#09090a8c,#0000 28%),linear-gradient(#0000 64%,#09090abf);position:absolute;inset:0}.xs-hud{z-index:3;opacity:calc(1 - var(--mat) * 1.6);color:#ffffffe6;justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:absolute;bottom:clamp(18px,4vh,44px);left:clamp(18px,4vw,56px);right:clamp(18px,4vw,56px)}.xs-reads{gap:clamp(18px,3.4vw,44px);display:flex}.xs-reads dt{font:600 12px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#fff9}.xs-reads dd{font:500 clamp(1.2rem, 2.4vw, 2rem) / 1 var(--font-mono);letter-spacing:-.02em;margin-top:8px}.xs-hist{width:clamp(130px,18vw,220px);height:58px}.xs-title{z-index:3;max-width:560px;opacity:calc(1 - var(--mat) * 2);position:absolute;top:clamp(88px,14vh,130px);left:clamp(18px,4vw,56px)}.xs-caption{z-index:3;color:#2a2420;width:calc(100% - 15vmin);opacity:clamp(0, calc((var(--mat) - .55) * 2.2), 1);pointer-events:none;justify-content:space-between;align-items:baseline;display:flex;position:absolute;bottom:1.6vmin;left:50%;transform:translate(-50%)}.xs-bar{z-index:3;height:1px;opacity:calc(1 - var(--mat) * 2);background:#ffffff29;position:absolute;top:76px;left:clamp(18px,4vw,56px);right:clamp(18px,4vw,56px)}.xs-bar>i{transform-origin:0;transform:scaleX(var(--p,0));background:#ffffffd9;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.xs{--mat:1;height:auto}.xs-pin{height:86svh;position:static}}
.studio-stage{aspect-ratio:3/2;-webkit-user-select:none;user-select:none;background:#111;border:1px solid #ffffff1a;border-radius:clamp(18px,2.4vw,30px);width:100%;position:relative;overflow:hidden;box-shadow:0 50px 140px -50px #000000f2}.studio-stage canvas{width:100%;height:100%;display:block}@media (max-width:1023px){.studio-sticky{z-index:20;position:sticky;top:4.5rem;box-shadow:0 18px 40px -14px #000000e6}}.studio-badge{z-index:3;height:30px;font:600 12px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#0a0a0b80;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:0 13px;display:inline-flex;position:absolute}.curve-guides{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.curve-guides path,.curve-guides line{fill:none;stroke:#ffffff8c;stroke-width:1.2px;vector-effect:non-scaling-stroke}.curve-guides path{stroke-dasharray:5 5}.curve-handle{z-index:4;cursor:grab;touch-action:none;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;display:grid;position:absolute}.curve-handle:active{cursor:grabbing}.curve-handle i{width:13px;height:13px;transition:transform .2s var(--ease);background:#fff;border:1.5px solid #09090a;display:block;box-shadow:0 0 0 1.5px #ffffffd9}.curve-handle[data-end] i{border-radius:50%}.curve-handle:hover i,.curve-handle:focus-visible i{transform:scale(1.3)}.face-row{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#fff3 transparent;gap:10px;padding:4px 2px 14px;display:flex;overflow-x:auto}.face-card{text-align:left;scroll-snap-align:start;width:clamp(168px,18vw,210px);transition:background-color .25s, border-color .25s, transform .35s var(--ease);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex:none;padding:16px 16px 14px}.face-card:hover{background:#ffffff14;transform:translateY(-2px)}.face-card[data-on]{color:#1c1814;background:#efe7d6;border-color:#0000}.face-card .sample{white-space:nowrap;height:2.6rem;font-size:1.55rem;line-height:2.6rem;display:block;overflow:hidden}.loupe{z-index:3;pointer-events:none;will-change:transform;border-radius:50%;width:230px;height:230px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 2px #ffffffeb,0 30px 80px #000000b3}.loupe canvas{width:100%;height:100%;display:block}.loupe-tag{z-index:4;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.face-card,.curve-handle i{transition:none}}
.hero-intro{z-index:30;pointer-events:none;background:#09090a;animation:.9s 2s both intro-out;position:absolute;inset:0;overflow:hidden}.hero-intro-img{animation:intro-push 2.8s var(--ease) both;position:absolute;inset:-2%}.hero-intro-img img{object-fit:cover}@keyframes intro-push{0%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes intro-out{to{opacity:0;visibility:hidden}}.hero-intro-shade{background:radial-gradient(120% 100%,#0000 55%,#09090a8c);position:absolute;inset:0}.hero-flash{z-index:80;opacity:0;pointer-events:none;background:#fff;animation:.5s ease-out both flash-soft;position:fixed;inset:0}.hero-flash[data-intro]{animation:.6s ease-out 1.8s both flash}@keyframes flash-soft{0%{opacity:.3}to{opacity:0}}@keyframes flash{0%{opacity:.9}to{opacity:0}}.vf-hud{color:#ffffffe6;font:500 12px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 10px #00000080;animation:hud-in .9s var(--ease) .2s both;position:absolute;inset:92px clamp(16px,3.4vw,48px) clamp(16px,3.4vw,48px)}@keyframes hud-in{0%{opacity:0}}.vf-corner{border:1.5px solid #ffffffe6;width:30px;height:30px;position:absolute}.vf-corner[data-c=tl]{border-bottom:0;border-right:0;top:0;left:0}.vf-corner[data-c=tr]{border-bottom:0;border-left:0;top:0;right:0}.vf-corner[data-c=bl]{border-top:0;border-right:0;bottom:0;left:0}.vf-corner[data-c=br]{border-top:0;border-left:0;bottom:0;right:0}.vf-row{gap:1.6em;display:flex;position:absolute}.vf-af{color:#fff;filter:drop-shadow(0 0 6px #00000080);width:84px;height:84px;animation:af-hunt 1.5s var(--ease) .45s both;margin:-42px 0 0 -42px;position:absolute;top:50%;left:62%}@keyframes af-hunt{0%{opacity:0;transform:scale(2.8)}35%{opacity:1}62%{transform:scale(.9)translate(14px,-10px)}82%{transform:scale(1.04)translate(-5px,3px)}to{transform:scale(1)}}.hero-print{perspective:1800px;width:min(100%,720px);margin-left:auto;position:relative}.crop{pointer-events:none;border:1px solid #fff6;width:16px;height:16px;position:absolute}.crop[data-c=tl]{border-bottom:0;border-right:0;top:-30px;left:-30px}.crop[data-c=tr]{border-bottom:0;border-left:0;top:-30px;right:-30px}.crop[data-c=bl]{border-top:0;border-right:0;bottom:-30px;left:-30px}.crop[data-c=br]{border-top:0;border-left:0;bottom:-30px;right:-30px}.print-tilt{transform:rotate(-2.2deg) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .7s var(--ease)}.print-tilt[data-live]{transition:transform .12s linear}.print-flip{transform-style:preserve-3d;transition:transform .9s var(--ease);animation:eject 1.3s var(--ease) both;position:relative}.print-flip[data-first]{animation-delay:2s}.print-flip[data-flip]{transform:rotateY(180deg)}@keyframes eject{0%{opacity:0;translate:-34% -14%;rotate:-12deg}}.print-face{backface-visibility:hidden;background:#efe7d6;border-radius:3px;padding:4.2% 4.2% 0;position:relative;box-shadow:inset 0 1px #ffffffb3,0 44px 90px -34px #000000f2,0 0 0 1px #00000040}.print-face:before{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:multiply;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n' x='0' y='0'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.2 -.2'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>");position:absolute;inset:0}.print-face:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(circle at var(--lx,50%) var(--ly,0%), #ffffff80, transparent 46%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.print-tilt[data-live] .print-face:after{opacity:1}.print-back{color:#2a2420;padding:8% 9%;position:absolute;inset:0;transform:rotateY(180deg)}.print-photo{aspect-ratio:3/2;background:#1a1a1b;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0003}.print-photo img{object-fit:cover;animation:hero-develop 2.6s var(--ease) both}.print-flip[data-first] .print-photo img{animation-delay:2.1s}@keyframes hero-develop{0%{filter:contrast(.42)saturate(.12)brightness(.55)blur(3px)}55%{filter:contrast(.8)saturate(.55)brightness(.88)blur(.6px)}to{filter:none}}.print-leak{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(62% 72% at var(--lx,85%) var(--ly,20%), #ff964699, #ff5a2833 42%, transparent 72%);opacity:0;transition:opacity .5s;position:absolute;inset:0}.print-tilt[data-live] .print-leak{opacity:1}.print-stamp{pointer-events:none;position:absolute;bottom:3%;right:3%}.print-caption{color:#2a2420;justify-content:space-between;align-items:baseline;gap:16px;padding:4.2% 0 5.2%;display:flex}.shutter{color:#ffffffe6;border-radius:999px;align-items:center;gap:14px;padding:8px 20px 8px 8px;transition:background-color .3s;display:inline-flex}.shutter:hover{background:#ffffff12}.shutter-ring{border:2px solid #ffffffe6;border-radius:50%;width:46px;height:46px;display:block;position:relative}.shutter-ring:after{content:"";transition:transform .15s var(--ease);background:#fbfaf8;border-radius:50%;position:absolute;inset:4px}.shutter:active .shutter-ring:after{transform:scale(.82)}@media (max-width:1023px){.crop{display:none}}@media (prefers-reduced-motion:reduce){.hero-intro,.hero-flash{display:none}.print-flip,.print-photo img,.vf-hud,.vf-af{animation:none}.print-tilt,.print-flip{transition:none}}html[data-intro=seen] .hero-intro,html[data-intro=seen] .hero-flash[data-intro]{display:none}html[data-intro=seen] [data-reveal]{--d:0s!important}html[data-intro=seen] .print-flip[data-first]{animation-delay:.1s}html[data-intro=seen] .print-flip[data-first] .print-photo img{animation-delay:.2s}@media (scripting:enabled){@keyframes reveal-failsafe{to{opacity:1;filter:none;transform:none}}#top [data-reveal]:not([data-in]),#top .dev-group[data-reveal]:not([data-in]) .dev-word{animation:.5s 5s forwards reveal-failsafe}}
.lib-neg{background:#101011;border:1px solid #ffffff1a;border-radius:24px;padding:14px;position:relative;box-shadow:0 40px 100px -50px #000000e6}.lib-neg-img{aspect-ratio:3/2;background:#181819;border-radius:14px;position:relative;overflow:hidden}.lib-tag{height:26px;font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#fffc;background:#ffffff14;border-radius:999px;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.lib-stack{aspect-ratio:5/4;width:100%;position:relative}.lib-print{width:64%;transition:transform .7s var(--ease);animation:print-in .9s var(--ease) both;background:#f0ebe0;border-radius:3px;padding:3.4% 3.4% 0;position:absolute;top:9%;left:18%;box-shadow:0 34px 70px -24px #000000d9,inset 0 1px #ffffffb3}.lib-print-img{aspect-ratio:3/2;background:#222;position:relative;overflow:hidden}.lib-print[data-fresh] .lib-print-img img{animation:1.6s both lab-in}.lib-print-cap{color:#2a2723;padding:5% 0 6%;font-size:clamp(.8rem,1.5vw,1.05rem);display:block}.lib-hit{z-index:1;cursor:pointer;position:absolute;inset:0}.lib-del{z-index:2;color:#fff;opacity:0;cursor:pointer;background:#0009;border-radius:50%;place-items:center;width:28px;height:28px;transition:opacity .2s;display:grid;position:absolute;top:8px;right:8px}.lib-print:hover .lib-del,.lib-print:focus-within .lib-del{opacity:1}@keyframes print-in{0%{opacity:0;translate:-34% 8%}}.lib-sheet{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.lib-tile{aspect-ratio:3/2;background:#151516;border-radius:10px;position:relative;overflow:hidden}.lib-tile img{transition:transform .8s var(--ease)}.lib-circle{pointer-events:none;width:92%;height:88%;position:absolute;inset:6% 4%;overflow:visible}.lib-circle ellipse{fill:none;stroke:#ffffffeb;stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transform-origin:50%;vector-effect:non-scaling-stroke;transform:rotate(-7deg)}.lib-tile:hover ellipse,.lib-tile:focus-visible ellipse{animation:.7s forwards circle-draw}@keyframes circle-draw{to{stroke-dashoffset:0}}.lib-code{font:500 12.5px/1.7 var(--font-mono);color:#ffffffb8;white-space:pre;overflow-x:auto}@media (prefers-reduced-motion:reduce){.lib-print{transition:none;animation:none}.lib-print[data-fresh] .lib-print-img img,.lib-tile:hover ellipse{animation:none}.lib-tile:hover ellipse{stroke-dashoffset:0}}
.lab-frame{--lab-r:clamp(18px, 2.4vw, 30px);position:relative}.lab-stage{aspect-ratio:3/2;border-radius:var(--lab-r);touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#111;border:1px solid #ffffff1a;width:100%;position:relative;overflow:hidden;box-shadow:0 50px 140px -50px #000000f2}.lab-layer{opacity:0;clip-path:inset(0 0 0 var(--cut,50%));transition:opacity .6s ease, clip-path .4s var(--ease);position:absolute;inset:0}.lab-layer[data-on]{opacity:var(--strength,1);animation:lab-in .9s var(--ease) both}.lab-stage[data-drag] .lab-layer{transition:opacity .6s}@keyframes lab-in{0%{opacity:0;filter:contrast(.7)saturate(.45)brightness(.8)blur(3px)}to{filter:none}}.lab-handle{z-index:3;top:0;bottom:0;left:var(--cut,50%);cursor:ew-resize;width:56px;transition:left .4s var(--ease);place-items:center;margin-left:-28px;display:grid;position:absolute}.lab-stage[data-drag] .lab-handle{transition:none}.lab-handle:before{content:"";background:#ffffffe6;width:1.5px;margin-left:-.75px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 16px #ffffff80}.lab-knob{color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:relative}.lab-chip{z-index:2;height:30px;font:600 12px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#0a0a0b73;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:0 13px;display:inline-flex;position:absolute}.lab-info{pointer-events:none;flex-direction:column;gap:14px;padding:16px 4px 0;display:flex}@media (min-width:640px){.lab-info{z-index:2;border-radius:0 0 var(--lab-r) var(--lab-r);background:linear-gradient(#0000,#09090ad1);flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px;padding:clamp(18px,3vw,34px);position:absolute;bottom:0;left:0;right:0}}.lab-reads{letter-spacing:.08em;text-transform:uppercase;color:#fff9;gap:22px;font-size:12px;display:flex}.lab-reads dd{letter-spacing:0;color:#fff;margin-top:6px;font-size:15px}.look-strip{scroll-snap-type:x proximity;scrollbar-width:none;background:#0d0d0e;border:1px solid #ffffff14;border-radius:20px;gap:12px;padding:18px 16px 14px;display:flex;overflow-x:auto}.look-strip::-webkit-scrollbar{display:none}.look-item{text-align:left;scroll-snap-align:center;opacity:.55;width:clamp(124px,14vw,156px);transition:opacity .3s, transform .35s var(--ease);flex:none}.look-item:hover{opacity:.85}.look-item[data-on]{opacity:1;transform:translateY(-3px)}.look-thumb{aspect-ratio:3/2;outline-offset:3px;border-radius:8px;outline:1.5px solid #0000;transition:outline-color .3s;display:block;position:relative;overflow:hidden}.look-item[data-on] .look-thumb{outline-color:#fff}@media (prefers-reduced-motion:reduce){.lab-layer,.lab-handle{transition:none}.lab-layer[data-on]{animation:none}}
.print-table{background:radial-gradient(120% 90% at 50% 0,#1b1b1d,#0b0b0c);border:1px solid #ffffff14;border-radius:28px;place-items:center;min-height:460px;padding:clamp(20px,4vw,56px);display:grid;position:relative}.print-canvas{height:auto;width:min(100%, 560px, calc(var(--ar,1.5) * 62svh));animation:print-drop .6s var(--ease) both;display:block;box-shadow:0 40px 90px -30px #000000e6,0 0 0 1px #ffffff0f}@keyframes print-drop{0%{opacity:.4;transform:translateY(10px)scale(.985)}}.shop-panel{background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px}.shop-tab{color:#fff9;border-radius:999px;padding:.55rem 1rem;font-size:13px;font-weight:500;transition:color .25s,background-color .25s}.shop-tab[aria-selected=true]{color:#09090a;background:#fbfaf8}.shop-input{color:#fff;background:#00000059;border:1px solid #ffffff1f;border-radius:14px;width:100%;height:2.8rem;padding:0 1rem;font-size:15px}.shop-input::placeholder{color:#ffffff59}@media (max-width:1023px){.print-table{z-index:20;min-height:0;padding:12px;position:sticky;top:4.5rem;box-shadow:0 18px 40px -14px #000000e6}.print-canvas{width:min(100%, 560px, calc(var(--ar,1.5) * 32svh))}}@media (prefers-reduced-motion:reduce){.print-canvas{animation:none}}
.roll{height:var(--roll-h,320svh);position:relative}.roll-pin{align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.roll-strip{width:max-content;transform:translate3d(calc(var(--p,0) * var(--dist,0px) * -1), 0, 0);will-change:transform;align-items:center;gap:clamp(20px,3vw,44px);padding:0 8vw;display:flex}.roll-title{flex:none;width:min(86vw,640px)}.roll-frame{flex:none;width:clamp(300px,40vw,640px)}.roll-frame:nth-of-type(2n){transform:translateY(5svh)}.roll-img{aspect-ratio:3/2;background:#111;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 40px 100px -40px #000000e6}.roll-img:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.roll-cap{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:16px;display:flex}.roll-bar{background:#ffffff24;height:1px;position:absolute;bottom:6svh;left:8vw;right:8vw}.roll-bar>i{transform-origin:0;transform:scaleX(var(--p,0));background:#ffffffd9;position:absolute;inset:0}@media (max-width:767px),(prefers-reduced-motion:reduce){.roll{height:auto}.roll-pin{scrollbar-width:none;height:auto;padding:6rem 0;display:block;position:static;overflow-x:auto}.roll-pin::-webkit-scrollbar{display:none}.roll-strip,.roll-frame:nth-of-type(2n){transform:none}.roll-bar{display:none}}@media (max-width:767px){.roll-pin{scroll-snap-type:x mandatory;padding:5rem 0 4rem}.roll-strip{align-items:flex-start;gap:12px;padding:0 10vw 0 8vw}.roll-title{scroll-snap-align:center;width:72vw}.roll-frame{scroll-snap-align:center;width:80vw}}