#hero{--hero-ink:#f2f4f5;--hero-ground:#101213;--hero-muted:color-mix(in srgb, var(--hero-ink) 70%, transparent);--hero-copy-top:34%;--hero-copy-left:8%;--hero-copy-width:38%;min-height:640px;color:var(--hero-ink);background:#000;padding:32px clamp(24px,5vw,80px)}#hero-stage{z-index:-1;position:absolute;inset:0}#hero-stage canvas{width:100%;height:100%;display:block}#hero .hero-top,#hero .hero-description,#hero .saying,#hero #effect-picker,#hero .hero-source-note,#hero .mountain-caption{text-shadow:0 0 2px color-mix(in srgb, var(--hero-ground) 60%, transparent), 0 0 14px color-mix(in srgb, var(--hero-ground) 78%, transparent)}#hero .hero-top{z-index:5;color:inherit;font:11px var(--mono);letter-spacing:.14em;align-items:center}#hero .hero-top-links{align-items:center;gap:18px;display:inline-flex}#hero .hero-top-links .hero-tagline{font-family:var(--reader);letter-spacing:.08em}#hero .hero-github{border:1px solid color-mix(in srgb, currentColor 42%, transparent);border-radius:var(--radius-pill);min-height:44px;color:inherit;letter-spacing:.02em;background:0 0;align-items:center;gap:8px;padding:0 16px 0 8px;font-size:12px;display:inline-flex}#hero .hero-github:hover{border-color:currentColor}#hero .hero-github:focus-visible{outline-offset:4px;outline:2px solid}#hero .hero-github svg{flex:none;width:26px;height:26px}#hero .github-label{font:italic 16px var(--reader);letter-spacing:-.01em}#hero .github-direction{opacity:.75;font-size:13px}#hero .hero-copy{top:var(--hero-copy-top);left:var(--hero-copy-left);width:var(--hero-copy-width);text-align:left;pointer-events:none;position:absolute}#hero .hero-copy h1{font-family:var(--reader);letter-spacing:-.045em;margin:0;font-size:clamp(42px,5.5vw,84px);font-weight:400;line-height:1.03}#hero .hero-description{max-width:28rem;color:var(--hero-muted);margin:26px 0 0;font-size:15px;line-height:1.9}#hero .saying{color:var(--hero-muted);margin:24px 0 0;font-size:14px;font-style:italic}#hero .eyebrow{font-family:var(--mono);letter-spacing:.18em;color:inherit;font-size:10px;display:none}#hero .hero-bottom{z-index:5;justify-content:flex-start;align-items:center;gap:12px;bottom:34px;left:clamp(24px,5vw,80px);right:auto}#hero .enter{border-radius:var(--radius-pill);background:var(--hero-ink);min-height:44px;color:var(--hero-ground);font:15px/1 var(--reader);letter-spacing:.08em;box-shadow:0 8px 24px color-mix(in srgb, var(--hero-ground) 30%, transparent);transition:background-color var(--dur-2) var(--ease-out);align-items:center;gap:10px;padding:0 22px 0 6px;display:inline-flex}#hero .enter:hover{background:color-mix(in srgb, var(--hero-ink) 86%, var(--hero-ground))}#hero .enter:focus-visible{outline:2px solid var(--hero-ink);outline-offset:3px}#hero .enter>span{border:1px solid color-mix(in srgb, currentColor 32%, transparent);width:32px;height:32px;transform:scale(var(--entry-scale,1));transition:none}#hero .entry-clock{width:24px;height:24px}#hero .entry-hand{transform-origin:16px 16px;transform:rotate(var(--entry-turn,0deg))}#hero #effect-picker{left:50%;bottom:max(34px, env(safe-area-inset-bottom));z-index:5;max-width:none;color:inherit;text-align:center;background:0 0;border:0;align-items:center;gap:14px;padding:0;display:flex;position:absolute;transform:translate(-50%)}#hero #effect-picker button{border:1px solid color-mix(in srgb, currentColor 38%, transparent);width:44px;height:44px;color:inherit;transition:border-color var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out);background:0 0;border-radius:50%;place-items:center;display:grid}#hero #effect-picker button:hover{background:color-mix(in srgb, currentColor 8%, transparent);border-color:currentColor}#hero #effect-picker button:focus-visible{outline-offset:3px;outline:2px solid}.effect-current{min-width:112px}.effect-caption{font:10px/1.4 var(--mono);letter-spacing:.18em;text-transform:uppercase;opacity:.78;white-space:nowrap;display:block}.effect-tag{margin-right:.7em}#effect-position[data-pad]:before{content:"0"}#hero #effect-label{font:14px/1.5 var(--reader);letter-spacing:.1em;color:inherit;margin-top:4px}#hero .hero-source-note{z-index:5;text-align:right;max-width:320px;font:12px/1.5 var(--mono);color:var(--hero-muted);pointer-events:none;margin:0;padding:13px 0;position:absolute;bottom:34px;left:auto;right:clamp(24px,5vw,80px)}#hero .hero-source-note a{pointer-events:auto;color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:3px}#hero .hero-source-note a:hover{color:var(--hero-ink);text-decoration-color:currentColor}#hero .hero-source-note a:focus-visible{outline-offset:3px;outline:2px solid}.algorithm-layer,.algorithm-still,.algorithm-canvas{position:absolute;inset:0}.algorithm-layer{pointer-events:none;overflow:hidden}.algorithm-layer canvas,.algorithm-canvas{visibility:hidden}.algorithm-layer[data-state=live] canvas,.algorithm-layer[data-state=live] .algorithm-canvas{visibility:visible}.algorithm-layer[data-state=live] .algorithm-still{visibility:hidden}#hero[data-effect=terrain]{--hero-ink:#1d3243;--hero-ground:#f3ede3;--hero-muted:color-mix(in srgb, var(--hero-ink) 84%, transparent);--survey-paper:243 237 227;--survey-ink:29 50 67;--survey-blue:103 186 226;--hero-copy-top:19%;--hero-copy-left:8%;--hero-copy-width:38%;background:#f3ede3}.mountain-gallery{--survey-rise:-60;--survey-ceiling:168;--survey-margin:clamp(24px, 5vw, 80px);--survey-line:rgb(var(--survey-ink) / .8);color:rgb(var(--survey-ink))}.mountain-plate{isolation:isolate;position:absolute;inset:0 0 0 20%;overflow:hidden}.mountain-photo{object-fit:cover;object-position:var(--focal,50% 50%);filter:brightness(1.06)contrast(.82)saturate(.74);width:100%;height:100%;position:absolute;inset:0}.mountain-photo[data-id=tre-cime]{filter:brightness(1.01)contrast(.95)saturate(.82)}.mountain-photo:is([data-id=kawagarbo],[data-id=namcha-barwa]){filter:brightness(1.16)contrast(.74)saturate(.85)hue-rotate(-8deg)}.mountain-photo[data-id=aoraki]{filter:brightness(1.02)contrast(.86)saturate(1.3)hue-rotate(-6deg)}@property --sky-lift{syntax:"<number>";inherits:true;initial-value:0}@property --sky-tint{syntax:"<color>";inherits:true;initial-value:#f1e7d6}.mountain-gallery{transition:--sky-lift .6s var(--ease-out), --sky-tint .6s var(--ease-out)}.mountain-gallery:is([data-mountain=kawagarbo],[data-mountain=namcha-barwa]){--sky-lift:1;--sky-tint:#dce5ec}.mountain-gallery[data-mountain=aoraki]{--sky-tint:#9ec3e3}.mountain-plate:before,.mountain-plate:after{content:"";z-index:1;position:absolute;inset:0}.mountain-plate:before{background:linear-gradient(to bottom, var(--sky-tint,#f1e7d6), #f1e7d6 55%);mix-blend-mode:multiply;opacity:.6}.mountain-plate:after{z-index:2;background:linear-gradient(to bottom, rgb(200 230 246/calc(.62 * var(--sky-lift,0))), rgb(200 230 246/calc(.3 * var(--sky-lift,0))) 30%, #c8e6f600 52%), linear-gradient(to bottom, rgb(var(--survey-paper) / .62), rgb(var(--survey-paper) / .26) 46%, rgb(var(--survey-paper) / .34));mix-blend-mode:screen;transition:opacity .6s var(--ease-out)}.mountain-gallery[data-mountain=tre-cime] .mountain-plate:after{opacity:.55}.survey-grid,.survey-mark,.survey-leader,#hero[data-effect=terrain] .survey-wash{position:absolute;inset:0}#hero[data-effect=terrain] .survey-wash{background:linear-gradient(90deg, rgb(var(--survey-paper)) 22%, rgb(var(--survey-paper) / .9) 32%, rgb(var(--survey-paper) / .6) 42%, rgb(var(--survey-paper) / 0) 54%), linear-gradient(0deg, rgb(var(--survey-paper) / .94), rgb(var(--survey-paper) / .62) 14%, rgb(var(--survey-paper) / 0) 32%), linear-gradient(180deg, rgb(var(--survey-paper) / .5), rgb(var(--survey-paper) / 0) 18%)}.survey-grid{--grid:rgb(var(--survey-ink) / .075);background:linear-gradient(var(--grid) 1px, transparent 1px) 50% 50% / 100% 96px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 50% 50% / 96px 100%}.survey-contours{fill:none;width:560px;height:560px;stroke:rgb(var(--survey-ink) / .07);stroke-width:1px;position:absolute;overflow:visible}.survey-contours path{vector-effect:non-scaling-stroke}.survey-contours[data-corner=nw]{top:-190px;left:-170px}.survey-contours[data-corner=se]{bottom:-210px;right:-190px}.survey-corner{background:radial-gradient(circle, transparent 4px, rgb(var(--survey-ink) / .5) 4px 5px, transparent 5px), linear-gradient(rgb(var(--survey-ink) / .5), rgb(var(--survey-ink) / .5)) 50% 50% / 1px 100% no-repeat, linear-gradient(rgb(var(--survey-ink) / .5), rgb(var(--survey-ink) / .5)) 50% 50% / 100% 1px no-repeat;width:21px;height:21px;position:absolute}.survey-corner[data-corner=nw]{top:var(--inset,12px);left:var(--inset,12px)}.survey-corner[data-corner=ne]{top:var(--inset,12px);right:var(--inset,12px)}.survey-corner[data-corner=sw]{bottom:var(--inset,12px);left:var(--inset,12px)}.survey-corner[data-corner=se]{bottom:var(--inset,12px);right:var(--inset,12px)}.survey-tag{top:calc(var(--hero-copy-top) - 44px);left:var(--hero-copy-left);font:11px/1 var(--mono);letter-spacing:.16em;color:rgb(var(--survey-ink) / .78);white-space:nowrap;align-items:center;gap:12px;margin:0;display:flex;position:absolute}.survey-tag i{background:linear-gradient(90deg,#4bb6e6 0 4px,#e45597 4px 8px,#f2d23c 8px);width:12px;height:4px}.survey-tag span+span{border-left:1px solid rgb(var(--survey-ink) / .3);font-family:var(--reader);letter-spacing:.24em;padding-left:12px}.survey-north{right:var(--survey-margin);width:18px;height:40px;position:absolute;bottom:104px;overflow:visible}.survey-north text{font:10px var(--mono);text-anchor:middle;fill:currentColor}.survey-north path{fill:currentColor}.survey-north path+path{fill:none;stroke:currentColor;stroke-width:1px;stroke-linejoin:round}.survey-mark{transition:opacity .2s var(--ease-out)}.survey-mark[data-leaving]{opacity:0}.survey-leader{z-index:1;width:100%;height:100%;overflow:visible}.survey-leader path,.survey-ring circle{fill:none;stroke:var(--survey-line);stroke-width:1px}.survey-ring>g{opacity:var(--ring,0);scale:calc(.35 + var(--ring,0) * .65)}.survey-ring circle:last-child{fill:rgb(var(--survey-ink));stroke:none}.survey-ring circle:nth-child(2){stroke:rgb(var(--survey-blue));stroke-width:1.4px;stroke-dasharray:3 4.85;animation:30s linear infinite survey-turn}.mountain-gallery[data-light] .survey-ring circle:nth-child(2){animation:none}.survey-ring .survey-ping{stroke:rgb(var(--survey-blue));opacity:0}.survey-mark[data-ping] .survey-ping{animation:survey-ping .9s var(--ease-out) both}@keyframes survey-turn{to{rotate:360deg}}@keyframes survey-ping{0%{opacity:1;scale:.3}to{opacity:0;scale:2.4}}.survey-label{right:var(--survey-margin);isolation:isolate;width:264px;color:rgb(var(--survey-ink));text-shadow:0 0 2px rgb(var(--survey-paper) / .9), 0 0 12px rgb(var(--survey-paper) / .85);position:absolute}.survey-label:before{content:"";z-index:-1;background:rgb(var(--survey-paper) / var(--tag-paper,.84));box-shadow:inset 2px 0 rgb(var(--survey-blue)), 0 0 0 1px rgb(var(--survey-ink) / .12), 0 10px 28px rgb(var(--survey-ink) / .08);backdrop-filter:blur(4px);opacity:var(--name,0);position:absolute;inset:-42px 0 -12px}.survey-label p{margin:0;padding-left:12px}.survey-name{font:20px/1.2 var(--reader);letter-spacing:.08em;white-space:nowrap;opacity:var(--name,0);translate:0 calc((1 - var(--name,0)) * 6px);padding-bottom:8px;position:absolute;bottom:100%;left:0}.survey-name span{font:10px var(--mono);letter-spacing:.2em;opacity:.72;margin-left:12px}.survey-height{opacity:var(--height,0);align-items:baseline;gap:8px;padding-top:10px;display:flex}.survey-height b{font:400 56px/1 var(--reader);letter-spacing:-.01em;font-variant-numeric:lining-nums tabular-nums}.survey-height span{font:13px var(--mono);letter-spacing:.08em}.survey-coord{min-height:1.6em;font:11px/1.6 var(--mono);letter-spacing:.06em;white-space:pre;color:rgb(var(--survey-ink) / .82);padding-top:8px}.survey-coord[data-typing]:after{content:"";vertical-align:-.22em;background:rgb(var(--survey-blue));width:.6em;height:1.15em;margin-left:2px;display:inline-block}@media (width<=1360px){.mountain-gallery{--survey-rise:-44}.survey-label{width:244px}.survey-name span{letter-spacing:.14em;margin-left:8px}}.survey-scan{opacity:0;--spread:0;width:1px;position:absolute;top:0;bottom:0;left:0}.mountain-gallery[data-scanning] .survey-scan{opacity:1}.survey-scan:before{content:"";background:rgb(var(--survey-blue));box-shadow:0 0 3px .5px rgb(var(--survey-blue) / .9), 0 0 16px 2px rgb(var(--survey-blue) / .45);position:absolute;inset:0}.survey-scan:after{content:"";background:linear-gradient(90deg, transparent, rgb(var(--survey-blue) / .16));width:140px;position:absolute;top:0;bottom:0;right:1px}.survey-scan b{font:400 10px/1 var(--mono);letter-spacing:.14em;color:rgb(var(--survey-ink));background:rgb(var(--survey-paper) / .86);box-shadow:inset 0 0 0 1px rgb(var(--survey-blue) / .7);white-space:nowrap;padding:3px 6px;position:absolute;top:14px;left:8px}.survey-scan i{width:4px;opacity:calc(var(--spread) * .85);mix-blend-mode:multiply;position:absolute;top:0;bottom:0}.survey-scan i:first-child{right:calc(3px + var(--spread) * 3px);background:#4bb6e6}.survey-scan i:nth-child(2){right:calc(8px + var(--spread) * 9px);background:#e45597}.survey-scan i:nth-child(3){right:calc(13px + var(--spread) * 16px);background:#f2d23c}.mountain-gallery[data-light] .survey-scan i{display:none}#hero[data-effect=io724]{--hero-ink:#f2f4f5;--hero-ground:#030707;background:radial-gradient(at 80% 75%,#173e4359,#0000 42%),radial-gradient(at 65% 90%,#6d49342e,#0000 40%),#030707}#hero[data-effect=io724] .hero-copy h1{font-style:italic}#hero[data-effect=io724] .hero-description{letter-spacing:.08em;text-wrap:pretty}#hero[data-effect=io724] #hero-stage:after{content:"";pointer-events:none;background:linear-gradient(#0000 80%,#030707c7);position:absolute;inset:0}#hero[data-effect=miniload]{--hero-ink:#f2f4f5;--hero-ground:#050505;--hero-copy-top:25%;--hero-copy-left:0;--hero-copy-width:100%;background:#000}#hero[data-effect=miniload] .hero-copy{text-align:center}#hero[data-effect=miniload] .hero-copy h1{font-family:var(--pixel);letter-spacing:.035em;text-shadow:0 3px 16px #000;font-size:clamp(52px,7vw,104px)}#hero[data-effect=miniload] .hero-description{font:clamp(14px, 1.4vw, 19px)/1.8 var(--mono);margin:26px auto 0}#hero[data-effect=miniload] .saying{display:none}#hero[data-effect=miniload] #hero-stage{opacity:.86;mask-image:linear-gradient(#000 55%,#000b 85%,#0006)}.pixel-cloud-layer,.pixel-cloud-still,.pixel-cloud-surface{position:absolute;inset:0}.pixel-cloud-layer{isolation:isolate}.pixel-cloud-layer:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(at 50% 34%,#0009,#0005 27%,#0000 66%),linear-gradient(#050505b8,#0000 16%),linear-gradient(#0000 76%,#050505d6);position:absolute;inset:0}#hero[data-effect=miniload] .hero-github,#hero[data-effect=miniload] #effect-picker button{background:#0505058c}.pixel-cloud-still{z-index:0;background:url(/images/hero/pixel-cloud.webp) 50%/cover no-repeat,radial-gradient(at 65% 55%,#3c4147,#101214 48%,#000 85%)}.pixel-cloud-surface{z-index:1;visibility:hidden}.pixel-cloud-surface canvas{image-rendering:pixelated}.pixel-cloud-layer[data-state=live] .pixel-cloud-surface{visibility:visible}.pixel-cloud-layer[data-state=live] .pixel-cloud-still{visibility:hidden}.pixel-cloud-shadow{z-index:3;aspect-ratio:1;opacity:0;pointer-events:none;background:radial-gradient(closest-side,#000 0%,#000d 24%,#0007 55%,#0000 100%);width:clamp(220px,60vh,560px);transition:opacity .28s;position:absolute;top:0;left:0}.pixel-cloud-shadow.visible{opacity:1}#hero[data-effect=birds]{--hero-ink:#f2f7ff;--hero-ground:#07192f;--hero-muted:color-mix(in srgb, var(--hero-ink) 84%, transparent);--hero-copy-top:34%;--hero-copy-left:8%;--hero-copy-width:84%;background:#07192f}#hero[data-effect=birds] .hero-copy{--hero-ink:#1c2340;--hero-ground:#edf1f7;--hero-muted:#1c2340e6;color:var(--hero-ink);text-align:center;text-shadow:0 0 26px #edf1f7}#hero[data-effect=birds] .hero-copy h1{font-size:clamp(40px,4.8vw,70px);font-style:italic}#hero[data-effect=birds] .hero-description{letter-spacing:.12em;margin:26px auto 0}#hero[data-effect=birds] .flock-layer,#hero[data-effect=birds] .flock-still{pointer-events:none;position:absolute;inset:0;overflow:hidden}#hero[data-effect=birds] .flock-layer:after{content:"";background:radial-gradient(ellipse var(--birds-glow,46% 25% at 50% 43%), #f2f5facc, #f2f5fa80 46%, #f2f5fa26 72%, #f2f5fa00), linear-gradient(to bottom, #07192f7a, transparent 16%), linear-gradient(to bottom, #15294125, transparent 20%, transparent 76%, #102d4b80);position:absolute;inset:0}#hero[data-effect=birds] .flock-still{background:url(/images/hero/flock-lake.webp) 50% 54%/cover no-repeat,linear-gradient(#829fbe 0%,#e7beb0 48%,#8fabbf 53%,#254c65 100%)}#hero[data-effect=birds] .flock-layer[data-state=live] .flock-still{visibility:hidden}#hero[data-effect=stars]{--hero-ink:#e9ddcb;--hero-ground:#070b16;background:radial-gradient(71% 25% at 50% 100%,#c6a27b12,#0000 72%),linear-gradient(#070b16,#0b1222 52%,#10131c)}#hero[data-effect=stars] .hero-copy{text-shadow:0 2px 24px #070b16}#hero[data-effect=stars] .stars-galaxy{z-index:-1;pointer-events:none;background:50%/100% 100% no-repeat;animation:90s ease-in-out infinite alternate stars-drift;position:absolute;inset:-3%}@keyframes stars-drift{0%{transform:translate(-1.2%,.9%)rotate(-.5deg)}to{transform:translate(1.2%,-.9%)rotate(.5deg)}}#hero[data-effect=stars] .stars-legend{z-index:4;font:11px/1.6 var(--mono);color:#a1abc0;opacity:.8;text-align:right;pointer-events:none;position:absolute;bottom:112px;right:clamp(24px,5vw,80px)}#hero[data-effect=stars] .stars-samples{justify-content:flex-end;gap:18px;margin-bottom:10px;display:flex}#hero[data-effect=stars] .stars-samples span{align-items:center;gap:8px;display:flex}#hero[data-effect=stars] .stars-samples i{background:linear-gradient(90deg, transparent, var(--tier));width:30px;height:1px;position:relative;transform:rotate(32deg)}#hero[data-effect=stars] .stars-samples i:after{content:"";background:var(--tier);width:3px;height:3px;box-shadow:0 0 var(--glow) var(--tier);border-radius:50%;position:absolute;top:-1px;right:0}#hero[data-effect=stars] .stars-legend p{margin:0}#hero[data-effect=stars] .stars-label{z-index:4;color:#e9ddcb;font:11px/1.5 var(--mono);white-space:nowrap;pointer-events:none;opacity:0;background:#070b16d1;border:1px solid #a9b9d84d;border-radius:3px;padding:6px 9px;transition:opacity .15s;position:absolute;top:0;left:0}#hero[data-effect=stars] .stars-label[data-visible=true]{opacity:1}#hero[data-effect=glyphs]{--hero-ink:#d8f3e1;--hero-ground:#050a07;--hero-muted:color-mix(in srgb, var(--hero-ink) 74%, transparent);background:radial-gradient(70% 60% at 70% 48%,#07120c,#050a07 72%)}#hero[data-effect=glyphs] .hero-top,#hero[data-effect=glyphs] .hero-copy{text-shadow:0 2px 22px #050a07}#hero[data-effect=glyphs] .glyphs-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}#hero[data-effect=glyphs] .glyphs-layer canvas{opacity:0;transition:opacity 1.6s cubic-bezier(.22,1,.36,1)}#hero[data-effect=glyphs] .glyphs-layer[data-state=live] canvas{opacity:1}#hero[data-effect=glyphs] .glyphs-layer:after{content:"";background:radial-gradient(ellipse var(--glyphs-veil,25% 38% at 24% 46%), #050a07ee, #050a07dc 72%, #050a0700 98%), linear-gradient(#050a07e6, #050a07b3 9%, #050a0700 17%), linear-gradient(to top, var(--glyphs-floor-ink,#050a07dc), var(--glyphs-floor-mid,#050a0776) var(--glyphs-floor-mid-at,12%), #050a0700 var(--glyphs-floor,26%));position:absolute;inset:0}#hero[data-effect=cinema]{--hero-ink:#2b211b;--hero-ground:#efe7da;--hero-muted:color-mix(in srgb, var(--hero-ink) 80%, transparent);--hero-copy-top:16%;--hero-copy-left:clamp(24px, 5vw, 80px);--hero-copy-width:min(clamp(280px, 31vw, 420px), 35vw - 32px);--reel-top:96px;--reel-bottom:122px;--reel-gap:18px;--veil-from:calc(var(--hero-copy-left) + var(--hero-copy-width) + 32px);--veil-to:calc(var(--veil-from) + 16vw);background:#efe7da}.cinema-layer{pointer-events:none;background:radial-gradient(34% 46% at 18% 36%,#f6efe3,#f6efe300 70%),linear-gradient(#2b211b0b 1px,#0000 1px) 0 0/100% 24px,linear-gradient(90deg,#2b211b0b 1px,#0000 1px) 0 0/24px 100%,#efe7da;position:absolute;inset:0;overflow:hidden;container-type:size}.cinema-rows{inset:var(--reel-top) 0 var(--reel-bottom);justify-content:center;gap:var(--reel-gap);--row-h:min((100cqh - var(--reel-top) - var(--reel-bottom) - 2 * var(--reel-gap)) / 3, 300px);--perf:13px;--edge:22px;--frame-h:calc(var(--row-h) - var(--perf) - var(--edge));--frame-w:calc(var(--frame-h) * 16 / 9);--frame-gap:10px;flex-direction:column;display:flex;position:absolute}.cinema-row{height:var(--row-h);pointer-events:auto;flex:none;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.cinema-track{will-change:transform;width:max-content;height:100%;display:flex}.cinema-strip{box-sizing:border-box;height:100%;padding-top:var(--perf);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 13'%3E%3Crect x='5.5' y='3.5' width='9' height='6' rx='1.6' fill='%23efe7da'/%3E%3C/svg%3E") 0 0 / auto var(--perf) repeat-x, linear-gradient(#3a342e, #463e36 46%, #3e3731 70%, #3a342e);flex:none;display:flex;box-shadow:0 18px 30px -22px #3a342e80}.cinema-tile{grid-template-rows:var(--frame-h) var(--edge);width:var(--frame-w);margin-right:var(--frame-gap);color:#efe7da;-webkit-tap-highlight-color:transparent;flex:none;text-decoration:none;display:grid}.cinema-pic{background:#4b433b;border-radius:2px;position:relative;overflow:hidden}.cinema-pic img{left:calc(var(--fx,50%) * (1 - var(--zoom,1)));top:calc(var(--fy,50%) * (1 - var(--zoom,1)));width:calc(var(--zoom,1) * 100%);height:calc(var(--zoom,1) * 100%);object-fit:cover;object-position:var(--fx,50%) var(--fy,50%);opacity:0;max-width:none;transform-origin:var(--fx,50%) var(--fy,50%);transition:opacity .7s var(--ease-out), transform .45s var(--ease-out), filter .45s var(--ease-out);user-select:none;position:absolute}.cinema-pic img[data-loaded]{opacity:1}.cinema-pic:after{content:"";border-radius:inherit;transition:box-shadow .3s var(--ease-out);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #efe7da12,inset 0 0 34px #3a342e59}.cinema-print{white-space:nowrap;min-width:0;font:9.5px/1 var(--mono);letter-spacing:.12em;color:#efe7da94;align-items:center;gap:8px;padding:0 2px;display:flex;overflow:hidden}.cinema-print i{color:#e3b778;flex:none;font-style:normal}.cinema-print b{font:400 12.5px/1 var(--reader);letter-spacing:.06em;color:#f1e9dc;flex:none}.cinema-print span{text-overflow:ellipsis;text-transform:uppercase;min-width:0;overflow:hidden}.cinema-tile:hover .cinema-pic img{filter:saturate(1.08)brightness(1.04);transform:scale(1.04)}.cinema-tile:hover .cinema-pic:after{box-shadow:inset 0 0 0 1.5px #f3ebdde6,inset 0 0 34px #3a342e33}.cinema-tile:hover .cinema-print b{color:#fffaf0}.cinema-tile:hover .cinema-print span{color:#efe7dacc}.cinema-slate{text-align:right;color:var(--hero-ink);gap:8px;margin:0;display:grid;position:absolute;top:50%;right:clamp(24px,8vw,120px);transform:translateY(-50%)}.cinema-slate b{font:400 26px/1.2 var(--reader)}.cinema-slate span{font:11px/1.5 var(--mono);letter-spacing:.16em;opacity:.7}#hero .cinema-link{border:1px solid color-mix(in srgb, currentColor 42%, transparent);border-radius:var(--radius-pill);min-height:44px;color:var(--hero-ink);background:color-mix(in srgb, var(--hero-ground) 72%, transparent);font:14px/1 var(--reader);letter-spacing:.06em;align-items:center;gap:8px;padding:0 18px;display:inline-flex}#hero .cinema-link:after{content:"→";font-family:var(--mono)}#hero .cinema-link:hover{border-color:currentColor}#hero .cinema-link:focus-visible{outline-offset:3px;outline:2px solid}@media (width>=1101px),(width>=701px) and (orientation:landscape){.cinema-row:not(:last-child){-webkit-mask-image:linear-gradient(90deg, #0000 var(--veil-from), #000 var(--veil-to), #000 96%, #0000);mask-image:linear-gradient(90deg, #0000 var(--veil-from), #000 var(--veil-to), #000 96%, #0000);clip-path:inset(-24px 0 -40px var(--veil-from))}}#hero[data-reduced=true] *,#hero[data-reduced=true] :before,#hero[data-reduced=true] :after{transition:none!important;animation:none!important}@media (width<=1100px){#hero .hero-source-note{left:clamp(24px,5vw,80px);right:clamp(24px,5vw,80px);bottom:max(14px, env(safe-area-inset-bottom));text-align:center;max-width:none}#hero.has-hero-source #effect-picker{bottom:max(52px, calc(env(safe-area-inset-bottom) + 40px))}}@media (width<=700px){#hero{min-height:700px;padding:24px}#hero[data-effect]{--hero-copy-top:21%;--hero-copy-left:24px;--hero-copy-width:calc(100% - 48px)}#hero[data-effect=birds]{--hero-copy-top:34%}#hero[data-effect=birds] .hero-copy h1{font-size:clamp(34px,9vw,48px)}#hero[data-effect=birds] .flock-layer:after{--birds-glow:78% 22% at 50% 43%}.pixel-cloud-layer:after{background:radial-gradient(92% 24% at 50% 31%,#050505d1,#0505058f 58%,#0000 86%),linear-gradient(#050505b8,#0000 16%),linear-gradient(#0000 76%,#050505d6)}#hero .hero-copy{text-align:center}#hero .hero-copy h1{font-size:clamp(34px,9vw,48px)}#hero .hero-description{word-break:keep-all;overflow-wrap:anywhere;margin:26px auto 0;font-size:14px}#hero .hero-tagline{display:none}#hero .hero-top{position:static}#hero .hero-github{right:24px;bottom:max(120px, calc(env(safe-area-inset-bottom) + 116px));z-index:5;min-height:44px;padding:0 14px 0 6px;font-size:11px;position:absolute}#hero .hero-github svg{width:24px;height:24px}#hero .github-label{font-size:15px}#hero .hero-bottom{top:auto;right:auto;bottom:max(120px, calc(env(safe-area-inset-bottom) + 116px));left:24px}#hero .hero-bottom .enter{gap:8px;min-height:44px;padding:0 20px 0 6px;font-size:14px}#hero #effect-picker,#hero.has-hero-source #effect-picker{bottom:max(60px, calc(env(safe-area-inset-bottom) + 56px))}#hero .hero-source-note{left:24px;right:24px;bottom:max(4px, env(safe-area-inset-bottom));padding:0}#hero .hero-source-note a{vertical-align:middle;align-items:center;min-height:44px;display:inline-flex}#hero[data-effect=io724] #hero-stage:after{background:linear-gradient(#0000 74%,#030707c7)}#hero[data-effect=cinema] .hero-github{position:static}#hero .cinema-link{padding:0 14px;font-size:13px}#hero[data-effect=stars] .stars-legend{bottom:184px;left:24px;right:24px}#hero[data-effect=stars] .stars-samples{display:none}#hero[data-effect=glyphs] .glyphs-layer:after{--glyphs-veil:70% 24% at 50% 30%;--glyphs-floor-ink:#050a07f0;--glyphs-floor-mid:#050a07cc;--glyphs-floor-mid-at:18%;--glyphs-floor:35%}}@media (width<=700px),(width<=1100px) and (orientation:portrait){#hero[data-effect=cinema]{--hero-copy-top:max(10%, 88px);--hero-copy-width:calc(100% - 2 * var(--hero-copy-left));--reel-top:max(27cqh, 252px);--reel-bottom:150px;--reel-gap:12px}#hero[data-effect=cinema] .saying{display:none}.cinema-rows{--perf:10px;--edge:18px;--frame-gap:8px}.cinema-print{letter-spacing:.08em;gap:6px;font-size:8.5px}.cinema-print b{font-size:11px}}@media (width<=700px){#hero[data-effect=cinema]{--reel-top:max(30cqh, 252px);--reel-bottom:182px}.cinema-rows{--perf:8px;--edge:16px;--frame-gap:6px}.cinema-print i{display:none}.cinema-print b{font-size:10.5px}}@media (width<=640px){#hero[data-effect=cinema]{--reel-top:max(26cqh, 228px)}.cinema-rows{--row-h:102px;--perf:8px;--edge:16px}.cinema-row{-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.cinema-print{gap:5px;font-size:7.5px}.cinema-print b{font-size:10px}}@media (width<=700px) and (height<=820px){#hero[data-effect=cinema]{--reel-top:max(24cqh, 168px)}#hero[data-effect=cinema] .hero-description{display:none}}@media (width>=701px) and (width<=1010px),(width>=701px) and (width<=1100px) and (orientation:portrait){#hero[data-effect=cinema] .hero-bottom{flex-direction:column;align-items:flex-start}}@media (width>=701px) and (height<=820px) and (orientation:landscape){#hero[data-effect=cinema]{--hero-copy-top:max(13%, 76px)}#hero[data-effect=cinema] .saying{display:none}}#hero .mountain-caption{z-index:5;max-width:calc(100% - 48px);font:15px/1.5 var(--reader);color:var(--hero-ink);text-underline-offset:4px;flex-direction:column;align-items:flex-start;display:flex;position:absolute;bottom:112px;left:clamp(24px,5vw,80px)}#hero .mountain-caption>span:last-child{font:12px/1.5 var(--mono);flex-wrap:wrap;align-items:center;gap:0 6px;display:flex}#hero .mountain-caption a{min-height:44px;color:inherit;align-items:center;display:inline-flex}#hero .mountain-caption a:focus-visible{outline-offset:4px;outline:2px solid}#hero .survey-switch{width:284px;max-width:100%;color:rgb(var(--survey-ink));text-shadow:none;margin-bottom:14px}#hero .survey-now{border-top:1px solid rgb(var(--survey-ink) / .28);border-bottom:1px solid rgb(var(--survey-ink) / .12);box-shadow:inset 2px 0 rgb(var(--survey-blue));grid-template-columns:62px 1fr auto;align-items:baseline;margin:0;padding:8px 0 7px 10px;display:grid}#hero .survey-now span{font:10px/1 var(--mono);letter-spacing:.12em;color:rgb(var(--survey-ink) / .66)}#hero .survey-now b{font:400 14px/1.2 var(--reader);letter-spacing:.08em}#hero .survey-steps{align-items:center;gap:6px;margin-top:6px;display:flex}#hero .survey-ticks{background:linear-gradient(rgb(var(--survey-ink) / .3), rgb(var(--survey-ink) / .3)) 0 100% / 100% 1px no-repeat;flex:1;justify-content:space-between;margin:0;padding:0;list-style:none;display:flex}#hero .survey-ticks button{width:24px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:end center;padding:0;display:grid;position:relative}#hero .survey-ticks i{background:rgb(var(--survey-ink) / .5);width:1px;height:9px;transition:height var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out)}#hero .survey-ticks button:after{content:attr(aria-label);z-index:1;font:12px/1 var(--reader);letter-spacing:.08em;white-space:nowrap;background:rgb(var(--survey-paper) / .95);box-shadow:inset 2px 0 rgb(var(--survey-blue)), 0 0 0 1px rgb(var(--survey-ink) / .16), 0 6px 16px rgb(var(--survey-ink) / .1);opacity:0;pointer-events:none;transition:opacity var(--dur-1) var(--ease-out), translate var(--dur-1) var(--ease-out);padding:5px 9px 5px 10px;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50% 4px}#hero .survey-ticks button:focus-visible:after{opacity:1;translate:-50%}@media (hover:hover){#hero .survey-ticks button:hover:after{opacity:1;translate:-50%}#hero .survey-ticks button:hover i{background:rgb(var(--survey-ink) / .85);height:13px}}#hero .survey-ticks button[aria-current=true] i{background:rgb(var(--survey-blue));width:2px;height:18px}#hero .survey-step{border:1px solid rgb(var(--survey-ink) / .34);background:rgb(var(--survey-paper) / .55);width:28px;height:28px;color:inherit;cursor:pointer;transition:border-color var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out);border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}#hero .survey-step:before{content:"";border-radius:50%;position:absolute;inset:-8px}#hero .survey-step:hover{border-color:rgb(var(--survey-ink) / .8);background:rgb(var(--survey-paper) / .9)}#hero :is(.survey-step,.survey-ticks button):focus-visible{outline:2px solid rgb(var(--survey-ink));outline-offset:2px}@media (width<=700px){#hero .mountain-caption{font-size:14px;bottom:176px;right:24px}#hero .survey-switch{background:rgb(var(--survey-paper) / .7);backdrop-filter:blur(4px);border-radius:20px;width:100%;margin-bottom:8px;padding:4px}#hero .survey-now{box-shadow:none;border:0;gap:8px;padding:6px 14px 0;display:flex}#hero .survey-now b{font-size:13px}#hero .survey-now b:before{content:"·";color:rgb(var(--survey-blue));margin-right:8px}#hero .survey-now span:last-child{display:none}#hero .survey-steps{margin:0}}@media (width<=700px),(width<=1100px) and (orientation:portrait){.mountain-gallery{--survey-rise:-28;--survey-ceiling:76}.mountain-plate{inset:30% 0 0}.mountain-photo{object-position:var(--narrow-focal,var(--focal,50% 50%))}#hero[data-effect=terrain] .survey-wash{background:linear-gradient(180deg, rgb(var(--survey-paper)) 30%, rgb(var(--survey-paper) / .7) 36%, rgb(var(--survey-paper) / 0) 46%), linear-gradient(0deg, rgb(var(--survey-paper) / .96), rgb(var(--survey-paper) / .8) 22%, rgb(var(--survey-paper) / 0) 42%)}.survey-label{width:172px}.survey-name{font-size:16px}.survey-name span{display:none}.survey-label:before{top:-36px}.survey-height b{font-size:36px}.survey-coord{letter-spacing:.02em;font-size:10px}#hero[data-effect=terrain] .saying{display:none}}@media (width<=700px){.mountain-gallery{--survey-margin:24px;--survey-rise:-60;--survey-ceiling:80;--survey-hang:0}.survey-tag{left:50%;transform:translate(-50%)}.survey-north{opacity:.6;top:22px;bottom:auto;right:24px}.survey-contours{width:360px;height:360px;stroke:rgb(var(--survey-ink) / .055)}.survey-contours[data-corner=nw]{top:-120px;left:-110px}.survey-contours[data-corner=se]{bottom:-140px;right:-120px}.survey-label{--tag-paper:.72;width:118px}.survey-label:before{inset:-32px 0 -8px}.survey-name{padding-bottom:6px;font-size:15px}.survey-height{gap:6px;padding-top:6px}.survey-height b{font-size:26px}.survey-coord{letter-spacing:0;white-space:pre-wrap;width:calc(11.5ch + 12px);padding-top:4px;font-size:9.5px;line-height:1.45}.survey-scan b{top:92px}.survey-corner[data-corner]{--inset:6px}}#hero[data-effect=piano]{--hero-ink:#1b1a18;--hero-ground:#eae5e1;--hero-muted:color-mix(in srgb, var(--hero-ink) 82%, transparent);--hero-copy-top:21%;--hero-copy-left:8%;--hero-copy-width:40%;background:#eae5e1}#hero[data-effect=piano] .algorithm-still{background:radial-gradient(70% 55% at 72% 74%,#f5eee5,#f5eee500 70%),linear-gradient(#eae5e1,#e8e1d9)}@media (prefers-reduced-motion:no-preference){#hero[data-effect=piano] .algorithm-layer[data-state=live] .algorithm-piano-canvas{animation:piano-mist 1.4s var(--ease-out) both}}@keyframes piano-mist{0%{opacity:0}}#hero[data-effect=piano] .algorithm-layer:after{content:"";pointer-events:none;background:radial-gradient(52% 44% at 22% 30%,#eae5e1e6,#eae5e1a8 45%,#eae5e100 100%),linear-gradient(0deg,#eae5e1e0,#eae5e1a0 80px,#eae5e100 170px);position:absolute;inset:0}.piano-marks{z-index:1;color:var(--hero-ink);font:10px/1.6 var(--mono);letter-spacing:.16em;text-transform:uppercase;font-variant-numeric:tabular-nums;position:absolute;inset:0}.algorithm-layer:not([data-state=live]) .piano-marks{visibility:hidden}.piano-meter{justify-items:end;margin:0;display:grid;position:absolute;top:108px;right:clamp(24px,5vw,80px)}.piano-meter span+span{font:italic 13px/1.7 var(--reader);letter-spacing:.02em;text-transform:none;opacity:.78}.piano-meter b{align-items:center;gap:10px;margin-top:6px;font-weight:400;display:flex}.piano-meter b:before{content:"";opacity:.6;background:currentColor;width:28px;height:1px}.piano-cue{opacity:0;position:absolute;inset:0}.piano-frame,.piano-lead{color:color-mix(in srgb, var(--hero-ink) 62%, transparent);position:absolute;top:0;left:0}.piano-frame i{border:0 solid;width:9px;height:9px;position:absolute}.piano-frame i:nth-child(-n+2){border-top-width:1px;top:0}.piano-frame i:nth-child(n+3){border-bottom-width:1px;bottom:0}.piano-frame i:nth-child(odd){border-left-width:1px;left:0}.piano-frame i:nth-child(2n){border-right-width:1px;right:0}.piano-lead{border-right:1px solid;height:7px;margin-top:-3px}.piano-lead:before{content:"";background:var(--hero-ink);border-radius:50%;width:5px;height:5px;position:absolute;top:1px;left:-2.5px}.piano-lead:after{content:"";background:currentColor;height:1px;position:absolute;top:3px;left:7px;right:0}.piano-cue-label{color:var(--hero-ink);background:color-mix(in srgb, var(--hero-ground) 72%, transparent);white-space:nowrap;letter-spacing:.18em;border-radius:2px;padding:1px 6px;font-size:11px;position:absolute;bottom:7px;left:14px}.piano-cue[data-side=left] .piano-lead{border-left:1px solid;border-right:0}.piano-cue[data-side=left] .piano-lead:before{left:auto;right:-2.5px}.piano-cue[data-side=left] .piano-lead:after{left:0;right:7px}.piano-cue[data-side=left] .piano-cue-label{left:auto;right:14px}.piano-cue[data-side=top] .piano-lead{border:0}.piano-cue[data-side=top] .piano-lead:before,.piano-cue[data-side=top] .piano-lead:after{content:none}.piano-cue[data-side=top] .piano-cue-label{left:0}#hero :is(.hero-sound,.hero-shuffle){border:1px solid color-mix(in srgb, currentColor 38%, transparent);border-radius:var(--radius-pill);width:36px;height:36px;color:var(--hero-ink);transition:border-color var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out);background:0 0;place-items:center;margin-left:2px;padding:0;display:grid;position:relative}#hero :is(.hero-sound,.hero-shuffle):before{content:"";border-radius:inherit;position:absolute;inset:-4px}#hero .hero-shuffle{width:auto;font:13px/1 var(--reader);letter-spacing:.12em;white-space:nowrap;gap:6px;padding:0 14px 0 11px;display:inline-flex}#hero :is(.hero-sound,.hero-shuffle):hover{background:color-mix(in srgb, currentColor 6%, transparent);border-color:currentColor}#hero :is(.hero-sound,.hero-shuffle):focus-visible{outline-offset:3px;outline:2px solid}#hero :is(.hero-sound,.hero-shuffle) svg{opacity:.72;transition:opacity var(--dur-1) var(--ease-out)}#hero .hero-sound .hero-sound-mute{transition:opacity var(--dur-1) var(--ease-out)}#hero .hero-sound[aria-pressed=true]{border-color:color-mix(in srgb, currentColor 70%, transparent)}#hero .hero-sound[aria-pressed=true] svg{opacity:1}#hero .hero-sound[aria-pressed=true] .hero-sound-mute{opacity:0}#hero .hero-sound[aria-pressed=true] .hero-sound-note{mask:none}#hero .hero-sound:after{content:"";opacity:0;width:6px;height:6px;transition:opacity var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-out);background:#7fd0ec;border-radius:50%;position:absolute;top:2px;right:2px;transform:scale(.4)}#hero .hero-sound[aria-pressed=true]:after{opacity:1;transform:none}#hero .hero-shuffle[data-turning=true] svg{animation:.7s cubic-bezier(.22,1,.36,1) hero-shuffle-turn}@keyframes hero-shuffle-turn{0%{transform:rotate(-200deg)}}@media (width<=700px){#hero[data-effect=piano]{--hero-copy-top:21%;--hero-copy-left:24px;--hero-copy-width:calc(100% - 48px)}#hero[data-effect=piano] .hero-bottom,#hero[data-effect=glyphs] .hero-bottom,#hero[data-effect=flashcut] .hero-bottom{gap:0;right:145px}#hero .hero-shuffle{letter-spacing:.06em;gap:4px;padding:0 10px 0 8px;font-size:12px}#hero :is(.hero-sound,.hero-shuffle){background:color-mix(in srgb, var(--hero-ground) 65%, transparent);backdrop-filter:blur(4px);flex:none;margin:0 auto}#hero[data-effect=piano] .algorithm-layer:after{background:linear-gradient(0deg,#eae5e1f2,#eae5e1d0 170px,#eae5e100 260px),linear-gradient(#eae5e1 34%,#eae5e1b0 46%,#eae5e100 56%)}.piano-meter{display:none}}#hero[data-effect=apertures]{--hero-ink:#1f1a16;--hero-ground:#efe8dc;--hero-copy-top:15%;--hero-copy-left:clamp(24px, 5vw, 80px);--hero-copy-width:min(400px, 34vw);background:#efe8dc}#hero[data-effect=apertures] .algorithm-still{background:radial-gradient(60% 40% at 50% 80%,#e6dccb,#efe8dc00 70%),#efe8dc}#hero[data-effect=apertures]:has(.algorithm-layer[data-state=live]) .hero-copy h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#hero[data-effect=apertures] .hero-description{margin-top:0}.apertures-places{left:50%;bottom:calc(100% - var(--word-top,70%) + 22px);z-index:1;width:min(820px,100% - 48px);font:21px/1.3 var(--reader);letter-spacing:.04em;pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:4px 22px;margin:0;display:flex;position:absolute;transform:translate(-50%)}.algorithm-layer:not([data-state=live])~.apertures-places{display:none}.apertures-places span{color:#1f1a1657;transition:color var(--dur-3) var(--ease-out);cursor:default;animation:apertures-place .9s var(--ease-out) both;animation-delay:calc(1.5s + var(--i,0) * 70ms)}@keyframes apertures-place{0%{opacity:0;transform:translateY(8px)}}.apertures-places span[data-current]{color:#1f1a16}.apertures-places b{font-weight:500}.apertures-places small{font:11px/1 var(--reader);letter-spacing:.08em;vertical-align:.15em;margin-left:5px}.apertures-places span[data-current] small{opacity:.8}@media (width<=700px){#hero[data-effect=apertures]{--hero-copy-left:24px;--hero-copy-width:calc(100% - 48px)}.apertures-places{gap:2px 14px;font-size:16px}.apertures-places small{display:none}}#hero[data-effect=inkwash]{--hero-ink:#f4f0e7;--hero-ground:#0e0e0f;--hero-copy-top:27%;--hero-copy-left:clamp(24px, 6vw, 96px);--hero-copy-width:min(460px, 36vw);background:#0e0e0f}#hero[data-effect=inkwash] .algorithm-still{background:radial-gradient(34% 40% at 70% 52%,#3a3936,#3a393600 70%),radial-gradient(22% 24% at 54% 78%,#2c2b29,#2c2b2900 70%),#0e0e0f}#hero[data-effect=inkwash] .hero-copy h1{letter-spacing:-.02em;font-family:Newsreader,Georgia,serif;font-size:clamp(64px,8.2vw,132px);font-style:italic;line-height:.92}#hero[data-effect=inkwash]:has(.algorithm-layer[data-state=live]) .hero-copy h1{color:#0000}#hero[data-effect=inkwash] .hero-description{color:#a7a399;margin-top:34px}#hero[data-effect=inkwash] .saying{color:#8e8a80}.inkwash-seal{left:var(--seal-left,50%);top:var(--seal-top,50%);z-index:1;width:var(--seal-size,34px);height:var(--seal-size,34px);color:#f6e9dc;font:600 calc(var(--seal-size,34px) * .36) / 1.02 var(--reader);letter-spacing:0;writing-mode:vertical-rl;pointer-events:none;opacity:0;background:#b5372c;border-radius:3px;place-items:center;display:grid;position:absolute;transform:rotate(-3deg);box-shadow:inset 0 0 0 2px #b5372c,inset 0 0 0 3px #f0d9c8a8}.inkwash-seal[data-stamped]{opacity:1;animation:.52s cubic-bezier(.3,1.5,.5,1) both inkwash-seal}@keyframes inkwash-seal{0%{opacity:0;transform:rotate(-3deg)scale(1.7)}}@media (width<=1100px) and (orientation:portrait){#hero[data-effect=inkwash]{--hero-copy-top:max(12%, 92px);--hero-copy-width:calc(100% - 2 * var(--hero-copy-left))}}@media (width<=700px){#hero[data-effect=inkwash]{--hero-copy-top:max(11%, 84px);--hero-copy-left:24px;--hero-copy-width:calc(100% - 48px)}#hero[data-effect=inkwash] .hero-copy{text-align:left}#hero[data-effect=inkwash] .hero-copy h1{font-size:17vw}#hero[data-effect=inkwash] .hero-description{margin:22px 0 0}#hero[data-effect=inkwash] .saying{display:none}}#hero[data-effect=moonrise]{--hero-ink:#ecebe6;--hero-ground:#030407;--hero-copy-top:17%;--hero-copy-left:5%;--hero-copy-width:90%;--moonrise-brass:#b08c5f;--moonrise-line:#d9d4c857;background:radial-gradient(80% 60% at 50% 100%,#0b0f17,#030407 72%)}#hero[data-effect=moonrise] .hero-copy{z-index:auto;text-align:center}#hero[data-effect=moonrise] .eyebrow{width:var(--word-width,100%);color:#d9d4c8;letter-spacing:.34em;white-space:nowrap;align-items:center;gap:22px;margin:0 auto;font-size:11px;display:flex}#hero[data-effect=moonrise] .eyebrow:before,#hero[data-effect=moonrise] .eyebrow:after{content:"";background:var(--moonrise-line);flex:1;height:1px}#hero[data-effect=moonrise] .eyebrow:before{transform-origin:100%}#hero[data-effect=moonrise] .eyebrow:after{transform-origin:0}#hero[data-effect=moonrise] .hero-copy h1,.moonrise-letter{color:#0000;background:linear-gradient(#f3f0e8 38%,#f3f0e8a6 60%,#f3f0e800 88%);-webkit-background-clip:text;background-clip:text}#hero[data-effect=moonrise] .hero-copy h1{letter-spacing:-.03em;margin-top:16px;font-size:min(12vw,25vh);font-weight:500;line-height:.92}#hero[data-effect=moonrise] .hero-copy h1.moonrise-title{background:0 0}.moonrise-letter{display:inline-block}#hero[data-effect=moonrise] :is(.hero-description,.saying){z-index:2;text-shadow:0 0 2px #030407,0 0 14px #030407;margin-left:auto;margin-right:auto;position:relative}#hero[data-effect=moonrise] .hero-description{max-width:30rem;color:color-mix(in srgb, var(--hero-ink) 88%, transparent);margin-top:16px}#hero[data-effect=moonrise] .saying{margin-top:40px}#hero[data-effect=moonrise]:not([data-moonrise]) :is(.eyebrow,.hero-copy h1,.hero-description,.saying){animation:.8s 4s both moonrise-wait}#hero:not([data-moonrise]) .moonrise-notes{opacity:0}#hero[data-effect=moonrise][data-moonrise] .moonrise-letter{animation:moonrise-letter 1.5s calc(var(--i) * 65ms) cubic-bezier(.16, 1, .3, 1) both}#hero[data-effect=moonrise][data-moonrise] .eyebrow{animation:moonrise-fade 1.2s .7s var(--ease-out) both}#hero[data-effect=moonrise][data-moonrise] .eyebrow:before,#hero[data-effect=moonrise][data-moonrise] .eyebrow:after{animation:moonrise-draw 1.5s .7s var(--ease-inout) both}#hero[data-effect=moonrise][data-moonrise] .hero-description{animation:moonrise-rise 1.3s 1.2s var(--ease-out) both}#hero[data-effect=moonrise][data-moonrise] .saying{animation:moonrise-rise 1.3s 1.5s var(--ease-out) both}@keyframes moonrise-wait{0%{opacity:0}}@keyframes moonrise-fade{0%{opacity:0}}@keyframes moonrise-letter{0%{opacity:0;transform:translateY(.45em)}40%{opacity:1}}@keyframes moonrise-draw{0%{transform:scaleX(0)}}@keyframes moonrise-rise{0%{opacity:0;transform:translateY(18px)}}.moonrise-sky{z-index:1;pointer-events:none;position:absolute;inset:0}.moonrise-sky canvas{width:100%;height:100%;display:block}#hero[data-effect=moonrise] .algorithm-still{--moonrise-r:max(52vw, 48vh);background:radial-gradient(circle var(--moonrise-r) at 50% calc(40% + var(--moonrise-r)), #2c2b29, #111113 94%, #6e5c42 99.6%, #6e5c4200 100%);animation:.8s 1.6s both moonrise-wait}.moonrise-finder{animation:moonrise-finder 1.4s var(--ease-out) both;position:absolute;inset:clamp(10px,1.4vw,20px)}.moonrise-finder i{border:0 solid var(--moonrise-brass);width:clamp(32px,9vmin,96px);height:clamp(32px,9vmin,96px);position:absolute}.moonrise-finder [data-corner=tl]{border-width:1.5px 0 0 1.5px;top:0;left:0}.moonrise-finder [data-corner=tr]{border-width:1.5px 1.5px 0 0;top:0;right:0}.moonrise-finder [data-corner=bl]{border-width:0 0 1.5px 1.5px;bottom:0;left:0}.moonrise-finder [data-corner=br]{border-width:0 1.5px 1.5px 0;bottom:0;right:0}@keyframes moonrise-finder{0%{opacity:0;transform:scale(1.04)}}.moonrise-notes{top:calc(var(--word-bottom,60%) + 12px);left:var(--word-left,8%);right:var(--word-right,8%);justify-content:space-between;align-items:flex-start;height:58px;display:flex;position:absolute}.moonrise-notes:after{content:"";background:var(--moonrise-line);height:1px;position:absolute;bottom:0;left:0;right:0}.moonrise-notes p{color:#e9e6de;font:15px/1.35 var(--reader);letter-spacing:.03em;text-shadow:0 0 2px #030407,0 0 14px #030407;margin:0}.moonrise-notes [data-side=right]{text-align:right}.moonrise-notes small{font:9px/1.7 var(--mono);letter-spacing:.26em;color:#b9b2a4;display:block}#hero[data-moonrise] .moonrise-notes p{animation:moonrise-rise 1.3s 1.1s var(--ease-out) both}#hero[data-moonrise] .moonrise-notes:after{animation:moonrise-draw 1.6s .9s var(--ease-inout) both}.moonrise-focus{--moonrise-focus:#d6b47e;background:linear-gradient(var(--moonrise-focus) 0 0) 0 0 / 12px 1.5px, linear-gradient(var(--moonrise-focus) 0 0) 0 0 / 1.5px 12px, linear-gradient(var(--moonrise-focus) 0 0) 100% 0 / 12px 1.5px, linear-gradient(var(--moonrise-focus) 0 0) 100% 0 / 1.5px 12px, linear-gradient(var(--moonrise-focus) 0 0) 0 100% / 12px 1.5px, linear-gradient(var(--moonrise-focus) 0 0) 0 100% / 1.5px 12px, linear-gradient(var(--moonrise-focus) 0 0) 100% 100% / 12px 1.5px, linear-gradient(var(--moonrise-focus) 0 0) 100% 100% / 1.5px 12px;opacity:0;background-repeat:no-repeat;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute}.moonrise-focus:after{content:"";background:var(--moonrise-focus);border-radius:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;position:absolute;top:50%;left:50%}@media (width<=960px){.moonrise-notes{display:none}}@media (width<=700px){#hero[data-effect=moonrise]{--hero-copy-top:15%}#hero[data-effect=moonrise] .hero-copy h1{font-size:23.5vw;line-height:.88}#hero[data-effect=moonrise] .eyebrow{letter-spacing:.28em;gap:14px}#hero[data-effect=moonrise] .hero-description{margin-top:5vh}#hero[data-effect=moonrise] .saying{margin-top:18px}}#hero[data-effect=flashcut]{--hero-ink:#f6f3ec;--hero-ground:#0a0a0a;--flashcut-size:min(9.8vw, 20vh);--flashcut-middle:46%;--hero-copy-top:calc(var(--flashcut-middle) + var(--flashcut-size) * .4 + 30px);--hero-copy-left:calc(50% - min(19rem, 45%));--hero-copy-width:min(38rem, 90%);background:#0a0a0a}#hero[data-effect=flashcut] .hero-copy{text-align:center}#hero[data-effect=flashcut]:has(.flashcut-word) .hero-copy h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#hero[data-effect=flashcut] :is(.hero-description,.saying){text-shadow:0 0 2px #0009,0 1px 14px #000a;transition:opacity .9s var(--ease-out);margin-left:auto;margin-right:auto}#hero[data-effect=flashcut] .hero-description{color:var(--hero-ink);margin-top:0}#hero[data-effect=flashcut]:has(.flashcut-layer[data-state=opening]) :is(.hero-description,.saying){opacity:0;transition:none}.flashcut-layer,.flashcut-plates,.flashcut-plate,.flashcut-shade,.flashcut-rules{position:absolute;inset:0}.flashcut-layer{overflow:hidden}.flashcut-plate img{object-fit:cover;transform-origin:0 0;filter:saturate(.82)brightness(.95);width:100%;height:100%;display:block;position:absolute;inset:0}.flashcut-shade{background:radial-gradient(ellipse 64% 38% at 50% calc(var(--flashcut-middle) + 9%), #000000a0, #0000 78%), linear-gradient(#0006, #0000 24%, #0000 58%, #000000a3), #0000003a}.flashcut-rules{z-index:1}.flashcut-rules i{transform-origin:50% 0;background:#ffffff1f;width:1px;position:absolute;top:0;bottom:0}.flashcut-rules i:first-child{left:16.6667%}.flashcut-rules i:nth-child(2){left:50%}.flashcut-rules i:nth-child(3){left:83.3333%}.flashcut-frame{z-index:2;opacity:0;transition:opacity .26s var(--ease-out);background:#000;position:absolute}.flashcut-frame[data-show]{opacity:1;transition:none}.flashcut-frame[data-show=ticks]{background:0 0}.flashcut-frame img{object-fit:cover;width:100%;height:100%;display:block}.flashcut-frame:not([data-show=thumb]) img{visibility:hidden}.flashcut-frame:before{content:"";--mark:linear-gradient(#f6f3ecb3 0 0);background:var(--mark) 0 0 / 7px 1px, var(--mark) 0 0 / 1px 7px, var(--mark) 100% 0 / 7px 1px, var(--mark) 100% 0 / 1px 7px, var(--mark) 0 100% / 7px 1px, var(--mark) 0 100% / 1px 7px, var(--mark) 100% 100% / 7px 1px, var(--mark) 100% 100% / 1px 7px;background-repeat:no-repeat;position:absolute;inset:-9px}.flashcut-slate{top:calc(var(--flashcut-middle) - var(--flashcut-size) * .4 - 46px);z-index:3;font:11.5px/1 var(--mono);letter-spacing:.16em;font-variant-numeric:tabular-nums;color:#f6f3ec;text-shadow:0 0 2px #0006,0 1px 12px #0009;white-space:nowrap;justify-content:center;gap:1.6em;display:flex;position:absolute;left:0;right:0}.flashcut-number{color:#f6f3ecc2}.flashcut-word{top:var(--flashcut-middle);z-index:3;font:600 var(--flashcut-size) / .8 var(--reader);letter-spacing:-.02em;white-space:nowrap;flex-direction:column;align-items:center;display:flex;position:absolute;left:0;right:0;transform:translateY(-50%)}.flashcut-line{display:block}.flashcut-letter{color:#0000;display:inline-block;position:relative}.flashcut-reel{clip-path:inset(0 -40%);position:absolute;inset:0}.flashcut-strip{color:#f7f4ee;text-shadow:0 2px 30px #00000038;position:absolute;top:0;left:0;right:0}.flashcut-strip b{font-weight:inherit;padding-bottom:.06em;display:block;position:relative;top:.11em}@media (width<=700px){#hero[data-effect=flashcut]{--flashcut-size:22vw;--flashcut-middle:40%;--hero-copy-top:calc(var(--flashcut-middle) + var(--flashcut-size) * .8 + 28px);--hero-copy-left:24px;--hero-copy-width:calc(100% - 48px)}.flashcut-slate{top:calc(var(--flashcut-middle) - var(--flashcut-size) * .8 - 34px)}}#hero[data-effect=collage]{--hero-ink:#ebe8e0;--hero-ground:#121212;--hero-copy-top:25%;--hero-copy-left:clamp(24px, 5vw, 80px);--hero-copy-width:min(440px, 31vw);--collage-accent:#e9b15c;background:#121212}#hero[data-effect=collage] .hero-copy .eyebrow{color:var(--collage-accent);font-family:var(--mono);letter-spacing:.18em}#hero[data-effect=collage] .hero-copy h1{letter-spacing:-.045em;width:min-content;font-size:clamp(64px,7.6vw,128px);line-height:.84}#hero[data-effect=collage] .hero-description{color:#a9a69c;margin-top:30px}#hero[data-effect=collage] .saying{color:var(--collage-accent)}.collage-layer{color:#d9d6cc;font:9px/1.55 var(--mono);letter-spacing:.08em;white-space:pre;--collage-x:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Cpath d='M.5.5h14v14H.5zM.5.5l14 14m0-14-14 14' fill='none' stroke='%23ffffff30'/%3E%3C/svg%3E");--collage-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath d='M6.5 0v13M0 6.5h13' stroke='%23ffffff3a'/%3E%3C/svg%3E");background:var(--collage-x) 38% 9% / 15px no-repeat, var(--collage-x) 98.4% 64% / 15px no-repeat, var(--collage-x) 67% 91% / 15px no-repeat, var(--collage-plus) 36.5% 74% / 13px no-repeat, var(--collage-plus) 62% 6% / 13px no-repeat, linear-gradient(#ffffff09 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(90deg, #ffffff09 1px, transparent 1px) 0 0 / 28px 28px var(--hero-ground);position:absolute;inset:0;overflow:hidden}.collage-layer:before{content:"";opacity:0;mask-image:radial-gradient(circle 240px at var(--px,50%) var(--py,50%), #000, transparent);transition:opacity var(--dur-3) var(--ease-out);background:linear-gradient(#ffffff1c 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#ffffff1c 1px,#0000 1px) 0 0/28px 28px;position:absolute;inset:0}.collage-layer:after{--mark:linear-gradient(#ffffff40, #ffffff40);content:"";pointer-events:none;background:var(--mark) left top / 14px 1px no-repeat, var(--mark) left top / 1px 14px no-repeat, var(--mark) right top / 14px 1px no-repeat, var(--mark) right top / 1px 14px no-repeat, var(--mark) left bottom / 14px 1px no-repeat, var(--mark) left bottom / 1px 14px no-repeat, var(--mark) right bottom / 14px 1px no-repeat, var(--mark) right bottom / 1px 14px no-repeat, var(--mark) left 50% / 9px 1px no-repeat, var(--mark) right 50% / 9px 1px no-repeat;position:absolute;inset:18px}.collage-layer[data-lit]:before{opacity:1}.collage-box{cursor:grab;touch-action:pan-y;user-select:none;position:absolute}.collage-box:active{cursor:grabbing}.collage-pane{will-change:transform;animation:collage-in .76s var(--ease-out) backwards;animation-delay:calc(.24s + var(--i,0) * 95ms);position:absolute}@keyframes collage-in{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}.collage-window{background:#1b1b1a;outline:1px solid #ffffff1f;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 42px #00000080}.collage-film{position:absolute;inset:0}.collage-window img{transform-origin:0 0;filter:sepia(.16)saturate(.86)contrast(1.06);user-select:none;-webkit-user-drag:none;max-width:none;position:absolute;top:0;left:0}.collage-window img.collage-ghost{display:none}.collage-tag{color:#121212;letter-spacing:.12em;background:#cfcabd;padding:2px 5px 1px;font-size:7.5px;position:absolute;top:0;left:-1px;transform:translateY(-100%)}.collage-shade{pointer-events:none;opacity:0;background:radial-gradient(circle 300px at var(--px,50%) var(--py,50%), #12121200 0, #12121200 45%, #121212a6 100%);transition:opacity .6s var(--ease-out);position:absolute;inset:0}.collage-layer[data-lit] .collage-shade{opacity:1}.collage-strip{left:calc(var(--box-left) + var(--box-width) * .1);top:calc(var(--box-top) + var(--box-height) * .5);pointer-events:none;animation:collage-fade .7s 1s var(--ease-out) both;gap:2px;margin:0;font-size:9.5px;display:flex;position:absolute}.collage-strip span{background:#0d0d0ceb;padding:8px 13px 7px;box-shadow:inset 0 0 0 1px #ffffff12}.collage-cursor{color:#ebe8e0;text-shadow:0 0 3px #000,0 0 10px #000c;pointer-events:none;opacity:0;will-change:transform;transition:opacity var(--dur-3) var(--ease-out);margin:0;font-size:8px;position:absolute;top:0;left:0}.collage-layer[data-lit] .collage-cursor{opacity:.85}.collage-strip span:first-child{color:#8f8c84}.collage-strip span:nth-child(2){color:#fff;font-weight:600}.collage-strip span:last-child{color:var(--collage-accent)}.collage-readout{left:calc(var(--box-left) + var(--box-width) * .45);top:calc(var(--box-top) + var(--box-height) * .025);color:#8f8c84;pointer-events:none;animation:collage-fade .7s 1.3s var(--ease-out) both;margin:0;position:absolute}.collage-display{left:calc(var(--box-left) + var(--box-width) * .58);top:calc(var(--box-top) + var(--box-height) * .85)}@keyframes collage-fade{0%{opacity:0}}.collage-scan{left:var(--box-left);top:var(--box-top);width:var(--box-width);height:var(--box-height);pointer-events:none;opacity:0;mix-blend-mode:overlay;background:linear-gradient(#0000 0 46%,#e9b15c30 46% 49%,#ffffff40 49% 50%,#0000 50%) 0 0/100% 200%,repeating-linear-gradient(#ffffff12 0 1px,#0000 1px 3px);position:absolute}.collage-layer[data-glitch] .collage-scan{animation:.56s steps(9,end) collage-scan}@keyframes collage-scan{0%,to{opacity:0}10%,90%{opacity:1}0%{background-position:0 100%,0 0}to{background-position:0 -100%,0 3px}}.collage-layer[data-glitch] .collage-window img.collage-ghost{filter:sepia(.16)saturate(1.05)contrast(1.12)brightness(1.03);animation:.56s step-end both collage-tear;animation-delay:calc(var(--i,0) * 14ms);display:block}@keyframes collage-tear{0%{clip-path:inset(0);translate:0}8%{clip-path:inset(0 0 44%);translate:-14px}16%{clip-path:inset(17% 0 29%);translate:9px}26%{clip-path:inset(51% 0 7%);translate:-22px}36%{clip-path:inset(6% 0 66%);translate:6px}47%{clip-path:inset(63% 0 19%);translate:16px}59%{clip-path:inset(31% 0 58%);translate:-9px}71%{clip-path:inset(81% 0 8%);translate:24px}83%{clip-path:inset(44% 0 52%);translate:-5px}92%,to{clip-path:inset(0 0 100%);translate:0}}.collage-layer[data-glitch] .collage-window{animation:.56s step-end collage-jolt;animation-delay:calc(var(--i,0) * 14ms)}@keyframes collage-jolt{0%{filter:brightness(1.35);translate:0}10%{filter:none;translate:6px}28%{translate:-4px}48%{translate:3px}70%,to{translate:0}}.collage-layer[data-glitch] .collage-window:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#0000 0 23%,#ff3b5c50 23% 24.6%,#0000 24.6% 61%,#3fd8ff48 61% 62.2%,#0000 62.2%);animation:.56s steps(6,end) both collage-fringe;position:absolute;inset:0}@keyframes collage-fringe{to{background-position:0 -340px}}@media (width<=1100px) and (orientation:portrait){#hero[data-effect=collage]{--hero-copy-top:max(13%, 96px);--hero-copy-width:calc(100% - 2 * var(--hero-copy-left))}#hero[data-effect=collage] .hero-copy h1{width:auto}.collage-layer{background:linear-gradient(#ffffff09 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(90deg, #ffffff09 1px, transparent 1px) 0 0 / 28px 28px var(--hero-ground)}}@media (width<=700px){#hero[data-effect=collage]{--hero-copy-top:max(11%, 84px);--hero-copy-left:24px;--hero-copy-width:calc(100% - 48px)}#hero[data-effect=collage] .hero-copy{text-align:left}#hero[data-effect=collage] .hero-copy h1{width:min-content;font-size:19vw}#hero[data-effect=collage] .hero-description{margin-top:20px}#hero[data-effect=collage] .saying,.collage-readout,.collage-display{display:none}.collage-strip{left:calc(var(--box-left) + 8px);font-size:8.5px}.collage-strip span{padding:7px 10px 6px}.collage-strip span:first-child{display:none}.collage-strip span:nth-child(3){text-overflow:ellipsis;max-width:40vw;overflow:hidden}}#hero[data-effect=desk]{--hero-ink:#3a332c;--hero-ground:#e4ddd1;--hero-muted:#6b6055;--hero-copy-top:12%;--hero-copy-left:clamp(24px, 5vw, 80px);--hero-copy-width:min(380px, 30vw);background:#d9d1c4}#hero[data-effect=desk] .hero-copy h1{letter-spacing:-.035em;color:#b9ad9a;text-shadow:0 -1px #5c4c3a99,0 -2px 4px #5c4c3a2e,0 1.5px #fffaf0f2;width:min-content;font-size:clamp(56px,7.6vw,124px);font-weight:600;line-height:.84}#hero[data-effect=desk] .hero-description{margin-top:0}#hero[data-effect=desk] .saying{margin-top:18px}@media (width>=701px){#hero[data-effect=desk] .hero-copy{flex-direction:column;display:flex;bottom:128px}#hero[data-effect=desk] .hero-copy h1{order:3;margin-top:auto}#hero[data-effect=desk] .hero-description{order:1}#hero[data-effect=desk] .saying{order:2}}.desk-layer{touch-action:pan-y;-webkit-user-select:none;user-select:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .31 0 0 0 0 .26 0 0 0 .5 -.18'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.005' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .37 0 0 0 0 .31 0 0 0 .55 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E"),radial-gradient(70% 60% at 72% 40%,#e2dbcf,#cdc4b6 100%);position:absolute;inset:0;overflow:hidden}.desk-sun{pointer-events:none;mix-blend-mode:screen;transition:opacity .9s var(--ease-out);position:absolute;inset:0}.desk-panes{opacity:.4;width:100%;height:100%;position:absolute;inset:0}.desk-leaves{mix-blend-mode:multiply;transform-origin:100% 0;opacity:.92;width:120%;height:120%;position:absolute;top:-10%;left:-10%}.desk-leaves-near{opacity:.75}.desk-slot{left:var(--slot-left);top:var(--slot-top);width:var(--slot-width);height:var(--slot-height);transition:box-shadow var(--dur-3) var(--ease-out), background-color var(--dur-3) var(--ease-out);background:linear-gradient(200deg,#c4baab,#d2c9bb 60%);border-radius:7px;position:absolute;box-shadow:inset -6px 10px 16px #4f43366b,inset 1px -1px #fffaf0b3,0 1px #fffaf099}.desk-slot-label{text-align:center;font:italic 13px/1.3 var(--reader);letter-spacing:.04em;color:#8c7f6f;text-shadow:0 1px #fffaf0b3;position:absolute;inset:auto 0 12px}.desk-layer[data-dragging=slot] .desk-slot{background:linear-gradient(200deg,#c4d4de,#dbe5ea 70%);box-shadow:inset -5px 9px 14px #41556652,inset 1px -1px #ffffffb3,0 0 0 2px #a9c7dc,0 0 26px #bcd6e8}.desk-prints{isolation:isolate;position:absolute;inset:0}.desk-print{width:var(--card);height:calc(var(--card) * 1.2);cursor:grab;touch-action:none;will-change:transform;transition:opacity .5s var(--ease-out), filter .5s var(--ease-out);--lift:0;position:absolute;top:0;left:0}.desk-print[data-held]{cursor:grabbing}.desk-paper{box-sizing:border-box;width:100%;height:100%;box-shadow:inset 0 0 0 1px #00000008, calc(-1px - var(--lift) * 12px) calc(2px + var(--lift) * 18px) calc(3px + var(--lift) * 22px) #3c465a38, calc(-4px - var(--lift) * 20px) calc(8px + var(--lift) * 30px) calc(16px + var(--lift) * 30px) #3c465a1f;background:linear-gradient(160deg,#fdfcf8,#f4f1e9);border-radius:2px;padding:7.5% 7.5% 0}.desk-paper img{aspect-ratio:1;object-fit:cover;filter:sepia(.06)saturate(1.06)contrast(1.04);pointer-events:none;background:#d8d2c6;width:100%;display:block}.desk-paper span{font:italic calc(var(--card) * .1) / 1.2 var(--reader);color:#4b4238;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding-top:6%;display:block;overflow:hidden}.desk-layer[data-entering] .desk-paper{animation:.76s cubic-bezier(.2,.8,.3,1.12) backwards desk-drop;animation-delay:calc(.26s + var(--i,0) * 85ms)}@keyframes desk-drop{0%{opacity:0;transform:translate(26px,-46px)scale(1.3)rotate(-6deg);box-shadow:-26px 44px 40px #3c465a14,-40px 60px 60px #3c465a0d}45%{opacity:1}}.desk-layer[data-projecting] .desk-sun{opacity:.45}.desk-layer[data-projecting] .desk-print:not([data-shown]){opacity:.5;filter:saturate(.5)brightness(.97)}.desk-layer[data-projecting] .desk-print[data-shown]:not([data-docked]){opacity:0;visibility:hidden}.desk-beam{pointer-events:none;opacity:0;mix-blend-mode:screen;clip-path:polygon(calc(var(--slot-left) + 14px) calc(var(--slot-top) + 6px), calc(var(--slot-left) + var(--slot-width) - 14px) calc(var(--slot-top) + 6px), calc(var(--screen-left) + var(--screen-width)) calc(var(--screen-top) + var(--screen-height)), var(--screen-left) calc(var(--screen-top) + var(--screen-height)));background:linear-gradient(to top, #fff6dfe6 0%, #fff3d899 calc(100% - var(--screen-top) - var(--screen-height) - 40px), #fff3d800 100%);transition:opacity .5s var(--ease-out);position:absolute;inset:0}.desk-layer[data-projecting] .desk-beam{opacity:.85}.desk-screen{left:var(--screen-left);top:var(--screen-top);width:var(--screen-width);height:var(--screen-height);opacity:0;visibility:hidden;transition:opacity .26s var(--ease-out), transform .6s var(--ease-out), visibility 0s .26s;margin:0;position:absolute;transform:scale(.97)}.desk-layer[data-projecting] .desk-screen{visibility:visible;opacity:1;transition:opacity .12s var(--ease-out), transform .7s var(--ease-out);animation:.62s step-end desk-flicker;transform:none}@keyframes desk-flicker{0%{opacity:0}18%{opacity:.7}30%{opacity:.25}46%{opacity:.92}58%{opacity:.55}72%,to{opacity:1}}.desk-screen img{object-fit:cover;filter:brightness(1.06)contrast(.94)saturate(.95);border-radius:3px;width:100%;height:100%;display:block;box-shadow:0 0 60px #fff6df;-webkit-mask-image:radial-gradient(72% 76%,#000 62%,#0000 100%);mask-image:radial-gradient(72% 76%,#000 62%,#0000 100%)}.desk-screen figcaption{color:#3a332c;background:#fbf8f1f2;gap:2px;max-width:70%;padding:12px 18px 12px 16px;display:grid;position:absolute;bottom:-14px;left:0;rotate:-1.5deg;box-shadow:-3px 6px 16px #3c465a2e}.desk-screen b{font:600 24px/1.1 var(--reader);letter-spacing:.02em}.desk-screen figcaption span{font:13px/1.5 var(--reader);color:#6b6055}.desk-screen a{font:italic 14px/1.6 var(--reader);color:inherit;text-underline-offset:3px;justify-self:start;margin-top:4px;text-decoration:underline #3a332c66}.desk-screen a:hover{text-decoration-color:currentColor}.desk-close{color:#3a332c;width:36px;height:36px;font:20px/1 var(--reader);cursor:pointer;background:#fbf8f1;border:0;border-radius:50%;position:absolute;top:-10px;right:-10px;box-shadow:-2px 4px 12px #3c465a33}.desk-close:hover{background:#fff}.desk-motes i{pointer-events:none;background:#fffaf0;border-radius:50%;width:3px;height:3px;margin:-1.5px;position:absolute;box-shadow:0 0 6px #fff4dc}@media (width<=700px){#hero[data-effect=desk]{--hero-copy-top:13%;--hero-copy-left:24px;--hero-copy-width:calc(100% - 48px)}.desk-panes{opacity:.26}#hero[data-effect=desk] .hero-copy h1{width:auto;font-size:clamp(44px,13vw,60px)}#hero[data-effect=desk] .saying{display:none}#hero[data-effect=desk] .hero-description{margin-top:14px}.desk-slot,.desk-beam{display:none}.desk-screen figcaption{max-width:82%;padding:10px 14px}.desk-screen b{font-size:20px}.desk-close{top:-6px;right:-6px}}#hero[data-effect=helix]{--hero-ink:#1f2a30;--hero-ground:#ece8e0;--hero-muted:#5b6266;--hero-copy-top:14%;--hero-copy-left:clamp(24px, 5vw, 80px);--hero-copy-width:min(340px, 26vw);--helix-site:#e0563b;--helix-screen:#6fa6c8;background:#ebe7df}#hero[data-effect=helix]:has(.helix-layer[data-state=live]) .hero-copy h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#hero[data-effect=helix] .hero-description{margin-top:0}.helix-layer{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;perspective:1700px;perspective-origin:var(--cx,60%) var(--cy,50%);background:radial-gradient(ellipse 38% 52% at var(--cx,60%) var(--cy,50%), #e6f0f5, #e6f0f500 100%), linear-gradient(170deg, #f1ede6, #e5e0d6);--lean:11deg;position:absolute;inset:0;overflow:hidden}.helix-layer[data-mode=narrow]{--lean:5deg}.helix-layer[data-dragging]{cursor:grabbing}.helix-scene{left:var(--cx,60%);top:var(--cy,50%);width:0;height:0;transform-style:preserve-3d;position:absolute}.helix-word{writing-mode:vertical-rl;font:500 clamp(108px, 17vh, 190px) / .8 var(--reader);letter-spacing:-.03em;color:#1f2a30;white-space:nowrap;pointer-events:none;flex-direction:column;gap:.02em;margin:0;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.helix-word span{display:block}.helix-ghost{left:var(--cx,60%);top:var(--cy,50%);color:#1f2a302e;mix-blend-mode:multiply}.helix-tilt{transform-style:preserve-3d;transform:rotateZ(var(--lean)) rotateX(-13deg);position:absolute;top:0;left:0}.helix-spin{transform-style:preserve-3d;will-change:transform;position:absolute;top:0;left:0}.helix-card{left:calc(var(--card-w) / -2);top:calc(var(--card-h) / -2);width:var(--card-w);height:var(--card-h);transform-style:preserve-3d;transform:rotateY(var(--angle)) translateY(calc(var(--height) * var(--card-h) * -1)) translateZ(var(--radius)) rotateZ(var(--slope,-4deg)) rotateX(var(--tip));-webkit-user-drag:none;position:absolute}.helix-face,.helix-back{box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:3px solid #fbf8f1;border-radius:2px;position:absolute;inset:0;overflow:hidden}.helix-face{transition:transform .42s var(--ease-out), box-shadow .42s var(--ease-out);background:#fbf8f1;box-shadow:0 10px 26px #3a332b26}.helix-face img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.helix-back{background:#f3efe7;border-color:#f3efe7;transform:rotateY(180deg)}.helix-back img{object-fit:cover;opacity:.36;filter:saturate(.5);pointer-events:none;width:100%;height:100%;display:block}.helix-card[data-front] .helix-face{transform:translateZ(16px);box-shadow:0 0 0 1px #d8ccb8,0 16px 34px #3a332b3d}.helix-card:hover .helix-face{transform:translateZ(34px)scale(1.05);box-shadow:0 22px 40px #3a332b3d}.helix-label{color:#1f2a30;max-width:calc(100% - 14px);font:italic 11px/1.25 var(--reader);white-space:nowrap;text-overflow:ellipsis;background:#fbf8f1f0;border-radius:2px;align-items:center;gap:5px;padding:2px 7px 3px 6px;display:flex;position:absolute;bottom:5px;right:5px;overflow:hidden}.helix-label:before{content:"";background:var(--helix-site);border-radius:50%;flex:none;width:5px;height:5px}.helix-card[data-kind=screen] .helix-label:before{background:var(--helix-screen)}.helix-caption{color:#1f2a30;pointer-events:none;justify-items:start;gap:4px;max-width:300px;margin:0;display:grid;position:absolute;bottom:104px;left:clamp(24px,5vw,80px)}.helix-caption b{font:500 26px/1.15 var(--reader);letter-spacing:.01em}.helix-caption span{font:13px/1.5 var(--reader);color:#5b6266;align-items:center;gap:7px;display:flex}.helix-caption span:before{content:"";background:var(--helix-site);border-radius:50%;width:6px;height:6px}.helix-caption[data-kind=screen] span:before{background:var(--helix-screen)}.helix-layer[data-state=live]{animation:helix-fade .9s var(--ease-out) backwards}.helix-layer[data-state=live] .helix-tilt{animation:helix-in 1.5s var(--ease-out) backwards}@keyframes helix-fade{0%{opacity:0}}@keyframes helix-in{0%{transform:rotateZ(var(--lean)) rotateX(-13deg) translateY(70px) scale(.88)}}@media (width<=1100px) and (orientation:portrait),(width<=700px){.helix-word{font-size:min(24vw, calc(var(--band,400px) * .24))}.helix-caption{display:none}.helix-label{padding:1px 5px 2px 4px;font-size:10px}}@media (width<=700px){#hero[data-effect=helix]{--hero-copy-top:13%;--hero-copy-left:24px;--hero-copy-width:calc(100% - 48px)}#hero[data-effect=helix] .saying{display:none}}#hero[data-effect=spines]{--hero-ink:#231f1b;--hero-ground:#e5e0d7;--hero-muted:#5d554c;--hero-copy-top:13%;--hero-copy-left:clamp(24px, 5vw, 80px);--hero-copy-width:min(360px, 27vw);background:#e5e0d7}#hero[data-effect=spines] .hero-copy h1{letter-spacing:-.02em;transform-origin:0 0;width:min-content;margin-bottom:-.04em;font-size:clamp(84px,10.2vw,172px);font-weight:600;line-height:.8;transform:scaleX(.66)}#hero[data-effect=spines] .hero-description{max-width:21em;font-family:var(--reader);margin-top:30px;font-size:16px;line-height:1.85}#hero[data-effect=spines] .hero-description:first-letter{float:left;color:#231f1b;border:1px solid #231f1b;margin:.12em .2em 0 0;padding:.04em .16em;font-size:2.55em;line-height:1}.spines-layer{-webkit-user-select:none;user-select:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .26 0 0 0 0 .22 0 0 0 .4 -.14'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E"),linear-gradient(100deg,#ebe6dd,#e2dcd2);position:absolute;inset:0;overflow:hidden}.spines-shelf{left:var(--shelf-left,38%);cursor:grab;touch-action:pan-y;position:absolute;top:0;bottom:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 18px,#000 96px calc(100% - 150px),#0000 calc(100% - 64px));mask-image:linear-gradient(#0000 18px,#000 96px calc(100% - 150px),#0000 calc(100% - 64px))}.spines-layer[data-dragging] .spines-shelf{cursor:grabbing}.spines-track{width:max-content;height:100%;transition:transform .64s var(--ease-inout);will-change:transform;display:flex}.spines-book{--hue:#a39684;--cloth:color-mix(in srgb, var(--hue) 30%, #efe9df);color:#231f1b;-webkit-user-drag:none;background:var(--cloth);height:100%;animation:spines-in .7s var(--ease-out) backwards;animation-delay:calc(.12s + min(var(--i,0), 14) * 45ms);flex:none;text-decoration:none;display:flex;position:relative;box-shadow:inset 1px 0 #fffaf2a6,inset -1px 0 #3b302626}@keyframes spines-in{0%{opacity:0;transform:translateY(26px)}}.spines-book[data-cat=daily]{--hue:#b58b4c}.spines-book[data-cat=engineering]{--hue:#7d97a8}.spines-book[data-cat=papers]{--hue:#86956f}.spines-book[data-cat=tutorials]{--hue:#ab7e6d}.spines-book[data-cat=thoughts]{--hue:#937f9c}.spines-book[data-cat=travel]{--hue:#6f9a96}.spines-book[data-cat=design]{--hue:#a98a63}.spines-spine{box-sizing:border-box;width:var(--spine);background:linear-gradient(#0000 96px,#3b30261f 96px 97px,#0000 97px 101px,#3b30261f 101px 102px,#0000 102px) 0 0/100% 100% no-repeat;flex-direction:column;flex:none;align-items:center;height:100%;padding:150px 0 154px;display:flex;position:relative}.spines-title{writing-mode:vertical-rl;min-height:0;font:600 19px/1.15 var(--reader);letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.spines-year{writing-mode:vertical-rl;font:12px/1 var(--reader);letter-spacing:.12em;color:#5d554c;flex:none;margin-top:16px}.spines-seal{color:#fbf4ea;width:22px;height:22px;font:600 13px/1 var(--reader);background:#c4472f;border-radius:3px;place-items:center;margin-left:-11px;display:grid;position:absolute;top:114px;left:50%;rotate:-4deg;box-shadow:inset 0 0 0 1.5px #fbf4ea66}.spines-cover{box-sizing:border-box;width:0;height:100%;transition:width .56s var(--ease-inout), padding .56s var(--ease-inout);background:#f4f0e8;flex:none;grid-template-rows:auto auto auto 1fr auto;align-content:start;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 1px 0 #3b302626,inset 10px 0 18px -12px #3b302640}.spines-book[data-open] .spines-cover{width:var(--cover);padding:112px 34px 150px}.spines-cover>*{width:calc(var(--cover) - 68px);opacity:0;transition:opacity .24s var(--ease-out)}.spines-book[data-open] .spines-cover>*{opacity:1;transition:opacity .42s .26s var(--ease-out)}.spines-section{width:auto;font:12px/1.4 var(--reader);letter-spacing:.1em;border:1px solid #231f1b;justify-self:start;padding:2px 8px 3px}.spines-heading{font:600 30px/1.22 var(--reader);letter-spacing:.01em;text-wrap:balance;margin-top:22px}.spines-summary{font:14px/1.75 var(--reader);color:#4f473f;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:14px;display:-webkit-box;overflow:hidden}.spines-plate{width:min(calc(var(--cover) - 68px), calc(min(40vh, 320px) * var(--ratio,1.2)));aspect-ratio:var(--ratio,1.2);background:color-mix(in srgb, var(--hue) 12%, #fbf8f2);min-height:120px;font:600 96px/1 var(--reader);color:color-mix(in srgb, var(--hue) 70%, #f4f0e8);place-self:end start;place-items:center;margin-top:22px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #3b30261f}.spines-plate img{object-fit:contain;box-sizing:border-box;mix-blend-mode:multiply;width:100%;height:100%;padding:8px;position:absolute;inset:0}.spines-plate[data-painting=true] img,.spines-plate[data-crop] img{object-fit:cover;object-position:var(--focus,50%) 50%;mix-blend-mode:normal;padding:0}.spines-date{font:italic 13px/1.4 var(--reader);color:#5d554c;margin-top:12px}.spines-book:hover .spines-title,.spines-book[data-open] .spines-title{color:#000}@media (width<=1100px) and (orientation:portrait){#hero[data-effect=spines] .hero-copy h1{font-size:clamp(72px,12vw,120px)}}@media (width<=700px){#hero[data-effect=spines]{--hero-copy-top:11%;--hero-copy-left:24px;--hero-copy-width:calc(100% - 48px)}#hero[data-effect=spines] .hero-copy{text-align:left}#hero[data-effect=spines] .hero-copy h1{margin-bottom:0;font-size:25vw}#hero[data-effect=spines] .hero-description{margin-top:14px;font-size:14px;line-height:1.75}#hero[data-effect=spines] .hero-description:first-letter{font-size:2.3em}#hero[data-effect=spines] .saying{display:none}.spines-shelf{left:16px;right:16px;top:var(--pile-top);height:var(--pile-height);cursor:auto;touch-action:pan-y;bottom:auto;overflow:hidden auto;-webkit-mask-image:none;mask-image:none}.spines-track{flex-direction:column;width:auto;height:auto;transition:none;transform:none}.spines-book{height:46px;margin:0 calc((70px - var(--spine)) * .9) 0 calc((var(--spine) - 54px) * .9);box-shadow:inset 0 1px #fffaf2a6,inset 0 -1px #3b302626}.spines-spine{background:linear-gradient(90deg,#0000 8px,#3b30261a 8px 9px,#0000 9px) 0 0/100% 100% no-repeat;flex-direction:row;gap:10px;width:100%;height:100%;padding:0 12px 0 14px}.spines-title{writing-mode:horizontal-tb;letter-spacing:.02em;font-size:15px}.spines-year{writing-mode:horizontal-tb;margin:0;font-size:11px}.spines-seal{order:-1;width:20px;height:20px;margin:0;font-size:12px;position:static}.spines-cover{display:none}}#hero[data-effect=folders]{--hero-ink:#24221e;--hero-ground:#e9e5dc;--hero-muted:#4f4941;--hero-copy-top:11%;--hero-copy-left:6vw;--hero-copy-width:88vw;background:#e6e2d9}#hero[data-effect=folders] .hero-copy{text-align:center;transition:opacity .36s var(--ease-out), transform .48s var(--ease-out)}#hero[data-effect=folders][data-files-open] .hero-copy{opacity:0;transform:translateY(-18px)}#hero[data-effect=folders] .hero-copy h1{letter-spacing:-.04em;font-size:clamp(56px,9.2vw,146px);font-weight:600;line-height:.86}#hero[data-effect=folders] .hero-description{max-width:30rem;margin:24px auto 0}#hero[data-effect=folders] .saying{margin-top:10px}.folders-layer{pointer-events:none;color:#24221e;background:radial-gradient(58% 46% at 50% 20%,#f2efe8,#f2efe800 72%),repeating-linear-gradient(90deg,#3a30200a 0 1px,#0000 1px 5px),repeating-linear-gradient(0deg,#3a302008 0 1px,#0000 1px 7px),#e6e2d9;position:absolute;inset:0;overflow:hidden}.folders-stack{clip-path:inset(-100vh -40px calc(var(--stack-foot,0px) - 6px) -40px);position:absolute;inset:0 max(16px,7vw)}.folders-folder{left:0;right:0;top:calc(var(--stack-top,60%) + var(--i) * var(--band,46px));bottom:var(--stack-foot,0px);pointer-events:auto;cursor:pointer;transition:transform .52s cubic-bezier(.2, .8, .2, 1) calc(var(--i) * 45ms);position:absolute}.folders-band{background:var(--tint);border-radius:10px 10px 0 0;position:absolute;inset:0;box-shadow:inset 0 -1px #ffffff59,0 -8px 22px -12px #3b2c1a66}.folders-tabs{left:calc(var(--start) * 100%);max-width:calc((1 - var(--start)) * 100% - 230px);height:var(--tab,30px);gap:6px;display:flex;position:absolute;bottom:calc(100% - 1px)}.folders-tab{background:var(--tint);min-width:0;max-width:240px;height:100%;font:15px / var(--tab,30px) var(--reader);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;transition:transform .26s var(--ease-out);border-radius:10px 10px 0 0;flex:0 auto;padding:0 18px;overflow:hidden;box-shadow:0 -6px 14px -10px #3b2c1a59}.folders-label{font:15px/1 var(--reader);align-items:baseline;gap:10px;margin:0;display:flex;position:absolute;top:10px;right:22px}.folders-label b{letter-spacing:.06em;font-weight:600}.folders-label small{color:#24221eb3;font-size:12px}.folders-folder[data-front] .folders-band:before{content:"";background:repeating-linear-gradient(#0000 0 27px,#24221e1f 27px 28px);position:absolute;inset:46px 26px 18px}.folders-blurb{max-width:34em;font:15px/28px var(--reader);color:#24221ed9;margin:0;position:absolute;top:47px;left:30px}.folders-postmark{width:84px;height:84px;color:color-mix(in srgb, var(--tint) 35%, #3a2c1e);opacity:.62;border:2px solid;border-radius:50%;place-content:center;justify-items:center;margin:0;display:grid;position:absolute;top:38px;right:15%;transform:rotate(-12deg)}.folders-postmark:before{content:"";background:repeating-linear-gradient(#0000 0 6px,currentColor 6px 7.5px);width:84px;height:30px;position:absolute;top:26px;right:calc(100% + 6px);-webkit-mask-image:linear-gradient(90deg,#0000,#000 40%);mask-image:linear-gradient(90deg,#0000,#000 40%)}.folders-postmark b{font:600 26px/1 var(--reader)}.folders-postmark span{font:12px/1.2 var(--reader)}.folders-postmark:after{content:attr(data-date);font:9px/1 var(--mono);letter-spacing:.06em;margin-top:3px}.folders-rim{right:-10px;bottom:calc(var(--stack-foot,0px) - 6px);height:24px;transition:opacity .32s var(--ease-out);background:linear-gradient(#d6c29c,#c3a979 70%,#b39a6c);border-radius:3px;position:absolute;left:-10px;box-shadow:0 -8px 16px -10px #3b2c1a73,0 12px 20px -12px #3b2c1a80,inset 0 1px #fff6}.folders-layer[data-open] .folders-rim{opacity:0}@media (hover:hover){.folders-folder:hover{transition-delay:0s;transform:translateY(-7px)}.folders-tab:hover{transform:translateY(-3px)}}.folders-layer[data-open] .folders-folder{transition:transform .56s cubic-bezier(.55, 0, .75, .2) calc(var(--i) * 40ms);transform:translateY(105vh)}.folders-layer[data-open] .folders-folder[data-chosen],.folders-layer[data-closing] .folders-folder[data-chosen]{visibility:hidden;transform:none}.folders-file{visibility:hidden;position:absolute;inset:0}.folders-layer[data-open] .folders-file,.folders-layer[data-closing] .folders-file{visibility:visible;pointer-events:auto}.folders-frame{background:var(--tint);border-radius:10px;padding:14px 14px 0;position:absolute;inset:92px calc(max(16px,7vw) + 44px) -16px max(16px,7vw);box-shadow:0 -12px 40px -20px #3b2c1a80}.folders-sheet{background:repeating-linear-gradient(90deg,#6a5a400a 0 1px,#0000 1px 26px),radial-gradient(90% 70% at 50% 40%,#fdfcf8,#f6f2e9);border-radius:4px 4px 0 0;grid-template-columns:minmax(220px,34%) minmax(0,1fr);align-content:start;gap:0 5%;height:100%;padding:46px 6% 140px 86px;display:grid;position:relative;overflow:hidden}.folders-holes{background:radial-gradient(6px at 8px,#d9d3c6 0 5px,#b9b1a2 5.5px,#0000 6.5px) 0 0/16px 33.33% repeat-y;width:16px;position:absolute;top:0;bottom:0;left:30px}.folders-photo{background:#fff;align-self:start;margin:8px 0 0;padding:10px 10px 34px;position:relative;transform:rotate(-1.8deg);box-shadow:0 14px 28px -16px #3b2c1a8c,0 1px 2px #3b2c1a33}.folders-photo img{aspect-ratio:4/3;object-fit:cover;background:#fff;width:100%;display:block}.folders-photo[data-kind=diagram] img{object-fit:contain}.folders-photo[data-kind=none] img,.folders-card{display:none}.folders-photo[data-kind=none] .folders-card{aspect-ratio:4/3;font:15px/22px var(--reader);color:#2c3550;background:linear-gradient(#e8605a,#e8605a) 0 43px/100% 1px no-repeat,repeating-linear-gradient(#fff 0 21px,#a9c2e6 21px 22px);padding:26px 20px 0 30px;display:block;overflow:hidden}.folders-card b{letter-spacing:.2em;color:#b0423c;font-weight:600;display:block}.folders-card ol{margin:0;padding-left:1.5em;list-style:decimal}.folders-card li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.folders-card ol[data-note]{padding:0;list-style:none}.folders-card ol[data-note] li{white-space:normal}.folders-clip{color:#8b8780;filter:drop-shadow(1px 2px 1px #3b2c1a40);width:20px;height:56px;position:absolute;top:-24px;left:20%;transform:rotate(5deg)}.folders-clip svg{width:100%;height:100%;display:block}.folders-text{min-width:0;max-width:36em}.folders-meta{font:12px/1.7 var(--mono);color:#6a6258;flex-direction:column;gap:2px;margin:0 0 20px;display:flex}.folders-meta i{color:#9a9186;width:4.5em;font-style:normal;display:inline-block}.folders-title{font:600 clamp(28px, 2.8vw, 46px) / 1.14 var(--reader);letter-spacing:-.015em;text-wrap:balance;margin:0}.folders-summary{font:17px/1.85 var(--reader);color:#3b362f;margin:22px 0 0}.folders-summary:first-letter{float:left;margin:6px 12px 0 0;font-size:3.3em;font-weight:600;line-height:.9}.folders-read{border-radius:var(--radius-pill);min-height:42px;color:inherit;font:15px/1 var(--reader);letter-spacing:.08em;transition:background-color var(--dur-1) var(--ease-out);border:1px solid;align-items:center;margin-top:26px;padding:0 20px;text-decoration:none;display:inline-flex}.folders-read:hover{background:color-mix(in srgb, var(--tint) 45%, transparent)}.folders-stamp{outline-offset:4px;width:150px;height:150px;color:color-mix(in srgb, var(--tint) 55%, #2a2118);font:600 30px/1 var(--reader);letter-spacing:.12em;opacity:.55;mix-blend-mode:multiply;pointer-events:none;border:3px solid;border-radius:50%;outline:1.5px solid;place-items:center;display:grid;position:absolute;bottom:150px;right:9%;transform:rotate(-14deg)}.folders-stamp:after{content:attr(data-date);font:11px/1 var(--mono);letter-spacing:.1em;position:absolute;bottom:30px}.folders-close{width:44px;height:44px;font:28px/1 var(--reader);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:14px}.folders-close:hover{background:color-mix(in srgb, var(--tint) 40%, transparent)}.folders-side{flex-direction:column;gap:6px;width:38px;display:flex;position:absolute;top:124px;bottom:128px;right:calc(max(16px,7vw) + 6px)}.folders-side-tab{background:color-mix(in srgb, var(--tint) 62%, #fffdf8);min-height:0;font:13px/38px var(--reader);letter-spacing:.06em;writing-mode:vertical-rl;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:transform var(--dur-2) var(--ease-out);border-radius:0 10px 10px 0;flex:0 150px;padding:14px 0;overflow:hidden;box-shadow:4px 4px 12px -8px #3b2c1a66}.folders-side-tab[data-current]{background:var(--tint);font-weight:600;transform:translate(4px)}@media (hover:hover){.folders-side-tab:hover{transform:translate(4px)}}@media (width<=1100px) and (orientation:portrait){#hero[data-effect=folders]{--hero-copy-top:max(12%, 96px)}}@media (width<=700px){#hero[data-effect=folders]{--hero-copy-top:max(10%, 78px)}#hero[data-effect=folders] .hero-copy h1{font-size:15.4vw}#hero[data-effect=folders] .hero-description{margin-top:18px}#hero[data-effect=folders] .saying{display:none}.folders-stack{inset:0 12px}.folders-tabs{left:calc(var(--start) * 30%);max-width:calc((1 - var(--start) * .3) * 100% - 132px)}.folders-tab{max-width:none;padding:0 14px;font-size:14px}.folders-label{gap:6px;font-size:14px;right:14px}.folders-blurb,.folders-postmark:before{display:none}.folders-folder[data-front] .folders-band:before{inset:40px 16px 18px}.folders-postmark{width:60px;height:60px;top:8px;left:16px;right:auto}.folders-postmark b{font-size:18px}.folders-postmark span{font-size:10px}.folders-postmark:after{display:none}.folders-frame{padding:10px 10px 0;top:66px;left:10px;right:10px}.folders-sheet{padding:26px 18px 200px 40px;display:block}.folders-holes{left:12px}.folders-photo{width:64%;margin:0 0 20px;padding:7px 7px 20px}.folders-photo img,.folders-photo[data-kind=none] .folders-card{aspect-ratio:3/2}.folders-photo[data-kind=none] .folders-card{padding:26px 14px 0 22px;font-size:14px}.folders-meta{flex-flow:wrap;gap:0 14px;margin-bottom:12px;font-size:11px}.folders-meta i{width:auto;margin-right:6px}.folders-title{font-size:23px}.folders-summary{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:12px;font-size:15px;line-height:1.75;display:-webkit-box;overflow:hidden}.folders-read{min-height:40px;margin-top:16px}.folders-side,.folders-stamp{display:none}}#hero[data-effect=gutter]{--hero-ink:#1c2332;--hero-ground:#edf1f7;--hero-muted:#444e66;--hero-copy-top:20%;--hero-copy-left:clamp(24px, 6vw, 96px);--hero-copy-width:min(330px, 27vw);--gutter-accent:#4f72bd;--gx:50%;--tw:128px;--gw:calc(var(--tw) + 40px);--col-top:92px;--col-bottom:max(30%, calc(9% + 10.7vw + 28px));--line-top:calc((var(--col-top) + 100% - var(--col-bottom)) / 2);background:#edf1f7}#hero[data-effect=gutter] .hero-copy{transition:opacity .36s var(--ease-out)}#hero[data-effect=gutter][data-gutter-open] .hero-copy{opacity:0}#hero[data-effect=gutter]:has(.gutter-layer[data-state=live]) .hero-copy h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#hero[data-effect=gutter] .hero-description{color:var(--hero-ink);margin-top:0;font-size:16px;line-height:1.9}#hero[data-effect=gutter] .saying{color:var(--gutter-accent)}.gutter-layer{pointer-events:none;color:#1c2332;user-select:none;background:radial-gradient(46% 52% at 22% 30%,#d7e5f8,#d7e5f800 70%),radial-gradient(44% 40% at 80% 78%,#f6e1e6,#f6e1e600 70%),#edf1f7;position:absolute;inset:0;overflow:hidden}.gutter-layer:before{content:"";top:calc(var(--col-top) - 40px);bottom:calc(var(--col-bottom) - 16px);left:calc(var(--gx) - var(--gw) / 2 - 1px);width:calc(var(--gw) + 2px);border-inline:1px solid #b9c7dc;position:absolute;-webkit-mask-image:linear-gradient(#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#0000,#000 14% 86%,#0000)}.gutter-layer[data-open]{pointer-events:auto;cursor:zoom-out}.gutter-wordmark{text-align:center;white-space:nowrap;font:400 13.4vw/.8 var(--reader);letter-spacing:-.055em;color:#0000;background:linear-gradient(100deg,#9fb9e6 4%,#c4d3ef 36%,#ecc4d0 68%,#f1d6c2 96%);filter:drop-shadow(0 0 22px #c3d4f2)drop-shadow(0 0 2px #ffffffb3);transition:opacity .42s var(--ease-out);-webkit-background-clip:text;background-clip:text;margin:0;position:absolute;bottom:9%;left:0;right:0}.gutter-column{top:var(--col-top);bottom:var(--col-bottom);left:calc(var(--gx) - var(--gw) / 2);width:var(--gw);pointer-events:auto;cursor:grab;touch-action:pan-x;transition:opacity .42s var(--ease-out);position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 13% 87%,#0000);mask-image:linear-gradient(#0000,#000 13% 87%,#0000)}.gutter-column:active{cursor:grabbing}.gutter-thumb{width:var(--tw);cursor:zoom-in;transition:transform var(--dur-3) var(--ease-out);background:#d9e2ee;border-radius:2px;margin:0 auto 14px;display:block;overflow:hidden;box-shadow:0 1px 2px #1c233226,0 8px 16px -10px #1c233373}.gutter-thumb img{object-fit:cover;width:100%;height:100%;display:block}.gutter-thumb[data-lifted]{visibility:hidden}@media (hover:hover){.gutter-thumb:hover{transform:scale(1.14)}}.gutter-line{top:var(--line-top);transition:opacity .42s var(--ease-out);border-top:1px solid #b9c7dc;position:absolute;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 4%,#000 30% 70%,#0000 96%);mask-image:linear-gradient(90deg,#0000 4%,#000 30% 70%,#0000 96%)}.gutter-index{top:calc(var(--line-top) + 10px);right:0;left:calc(var(--gx) + var(--gw) / 2);height:60px;transition:opacity .42s var(--ease-out);position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 4px,#000 26px 52%,#0000 94%);mask-image:linear-gradient(90deg,#0000 4px,#000 26px 52%,#0000 94%)}.gutter-titles{will-change:transform;transition:transform .72s cubic-bezier(.3,.7,.2,1);display:flex;position:absolute;top:0;left:26px}.gutter-title{width:300px;font:14px/1.4 var(--reader);color:#1c233366;white-space:nowrap;flex:none;padding-right:34px}.gutter-title i{font:italic 13px/1 var(--reader);letter-spacing:.04em;color:color-mix(in srgb, var(--gutter-accent) 60%, transparent);margin-bottom:3px;display:block}.gutter-title b{text-overflow:ellipsis;font-weight:400;display:block;overflow:hidden}.gutter-title[data-current]{color:#1c2332}.gutter-title[data-current] i{color:var(--gutter-accent)}.gutter-title[data-current] b{font-size:18px;font-weight:500}.gutter-counter{top:calc(var(--line-top) + 10px);right:calc(100% - var(--gx) + var(--gw) / 2 + 26px);text-align:right;font:13px/1.4 var(--reader);color:#444e66;transition:opacity .42s var(--ease-out);margin:0;position:absolute}.gutter-counter b{font:italic 400 15px/1.2 var(--reader);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--gutter-accent);margin-bottom:3px;display:block}.gutter-legend{text-align:right;width:min(300px,24vw);font:15px/1.85 var(--reader);color:#444e66;transition:opacity .42s var(--ease-out);margin:0;position:absolute;top:20%;right:clamp(24px,6vw,96px)}.gutter-layer[data-open] :is(.gutter-column,.gutter-line,.gutter-index,.gutter-counter,.gutter-legend){opacity:.18}.gutter-layer[data-open] .gutter-wordmark{opacity:.4}.gutter-plate{visibility:hidden;margin:0;position:absolute;inset:13% 6vw 34%}.gutter-layer[data-open] .gutter-plate{visibility:visible}.gutter-plate-frame{transform-origin:0 0;background:#d9e2ee;border-radius:2px;position:absolute;inset:0;overflow:hidden;box-shadow:0 34px 60px -34px #1c233399}.gutter-plate-frame img{object-fit:cover;width:100%;height:100%;display:block}.gutter-caption{font:15px/1.4 var(--reader);color:#444e66;flex-wrap:wrap;align-items:baseline;gap:6px 18px;display:flex;position:absolute;top:calc(100% + 20px);left:0;right:0}.gutter-caption i{font:italic 14px/1 var(--reader);color:var(--gutter-accent)}.gutter-caption b{font:600 24px/1.25 var(--reader);color:#1c2332}.gutter-caption a{border-radius:var(--radius-pill);color:#1c2332;letter-spacing:.08em;cursor:pointer;border:1px solid;align-items:center;min-height:42px;margin-left:auto;padding:0 20px;font-size:15px;text-decoration:none;display:inline-flex}.gutter-caption a:hover{background:#d7e5f8}@media (width<=1100px) and (orientation:portrait){.gutter-legend{display:none}}@media (width<=700px){#hero[data-effect=gutter]{--hero-copy-top:37%;--hero-copy-left:24px;--hero-copy-width:calc(100% - 48px);--gx:30%;--tw:78px;--gw:calc(var(--tw) + 30px);--col-top:47%;--col-bottom:21%}#hero[data-effect=gutter] .hero-description{font-size:15px;line-height:1.8}#hero[data-effect=gutter] .saying{display:none}.gutter-wordmark{font-size:25vw;line-height:.82;top:11%;bottom:auto}.gutter-wordmark span{display:block}.gutter-layer{background:radial-gradient(80% 40% at 30% 18%,#d7e5f8,#d7e5f800 70%),radial-gradient(70% 30% at 80% 74%,#f6e1e6,#f6e1e600 70%),#edf1f7}.gutter-thumb{margin-bottom:10px}.gutter-layer:before{top:calc(var(--col-top) - 12px)}.gutter-index{-webkit-mask-image:linear-gradient(90deg,#0000 2px,#000 16px 84%,#0000);mask-image:linear-gradient(90deg,#0000 2px,#000 16px 84%,#0000)}.gutter-titles{left:16px}.gutter-title{width:210px;padding-right:24px;font-size:13px}.gutter-title[data-current] b{font-size:16px}.gutter-counter{top:calc(var(--line-top) - 30px);right:auto;left:calc(var(--gx) + var(--gw) / 2 + 16px);text-align:left;align-items:baseline;gap:10px;font-size:12px;display:flex}.gutter-counter b{margin:0;font-size:14px}.gutter-plate{inset:12% 12px 50%}.gutter-caption{gap:4px 12px}.gutter-caption b{flex-basis:100%;font-size:19px}.gutter-caption a{margin:8px 0 0}}#hero[data-effect=blinds]{--hero-ink:#2a251f;--hero-ground:#efe4d1;--hero-muted:#5a5045;background:#efe4d1}#hero[data-effect=blinds]:has(.blinds-layer[data-state=live]) .hero-copy{opacity:0}.blinds-layer{color:#2a251f;user-select:none;touch-action:pan-x;cursor:ns-resize;--wall:#efe4d1;--wall-low:#e4d4ba;--sun:#fff6e2;--leaf:.5;position:absolute;inset:0;overflow:hidden}.blinds-layer[data-daypart=morning]{--wall:#ece8df;--wall-low:#dfd9cc;--sun:#fffcf4;--leaf:.42}.blinds-layer[data-daypart=evening]{--wall:#f2dcbe;--wall-low:#e7c49c;--sun:#ffe3b6;--leaf:.6}.blinds-layer[data-daypart=night]{--wall:#ede3d4;--wall-low:#ddcdb6;--sun:#ffe8c6;--leaf:.3}.blinds-layer[data-dragging]{cursor:grabbing}.blinds-wall{background:linear-gradient(170deg, var(--wall) 30%, var(--wall-low));position:absolute;inset:0}.blinds-wall:before{content:"";background:var(--sun);filter:blur(46px);opacity:.9;width:54%;height:92%;position:absolute;top:6%;left:20%;transform:skew(-16deg)}.blinds-layer[data-daypart=night] .blinds-wall:before{border-radius:50%;width:60%;height:80%;top:-10%;left:2%;transform:none}.blinds-room{position:absolute;inset:0}.blinds-typed{width:34%;font:18px/1.65 var(--mono);letter-spacing:.01em;flex-direction:column;align-items:flex-start;display:flex;position:absolute;top:23%;left:21%}.blinds-line{white-space:pre;min-height:1.65em;margin:14px 0 0}.blinds-line:nth-of-type(3n+2){margin-left:7.5em}.blinds-line:nth-of-type(3n){margin-left:2.5em}.blinds-line:nth-of-type(3n+1){margin-top:38px}.blinds-line[data-greeting]{letter-spacing:0;white-space:normal;margin:0;font-size:22px}.blinds-name{font:italic 600 clamp(52px, 5.2vw, 84px) / .95 var(--reader);letter-spacing:-.025em;white-space:nowrap;color:#2a251f;margin:10px 0 4px -.04em;display:block}.blinds-line a{color:inherit;text-underline-offset:5px;pointer-events:auto;cursor:pointer;text-decoration:underline 1px}.blinds-stars{font:17px/1.3 var(--mono);white-space:pre;opacity:0;transition:opacity .6s var(--ease-out);margin:22px 0 0 1em}.blinds-stars[data-shown]{opacity:.75}.blinds-caret{vertical-align:-.15em;background:currentColor;width:.55em;height:1.05em;margin-left:2px;animation:1.06s step-end infinite blinds-caret;display:inline-block}@keyframes blinds-caret{50%{opacity:0}}.blinds-photo{--turn:4deg;width:min(260px,18vw);transform:rotate(var(--turn));pointer-events:auto;cursor:pointer;background:#fbf8f1;margin:0;padding:10px 10px 12px;position:absolute;top:37%;left:60.5%;box-shadow:0 22px 34px -20px #3a2a1a99,0 2px 4px #3a2a1a26}.blinds-photo img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.blinds-photo figcaption{font:italic 15px/1.4 var(--reader);color:#4a4036;margin-top:9px}.blinds-tape{background:#e8dbbdb8;width:78px;height:24px;position:absolute;top:-12px;left:-18px;transform:rotate(-34deg);box-shadow:0 1px 2px #3a2a1a1f}.blinds-tape+.blinds-tape{background:#cfe1efb8;left:auto;right:-20px;transform:rotate(30deg)}.blinds-shade{pointer-events:none;position:absolute;inset:0}.blinds-slat{height:var(--pitch,26px);transform-origin:0 0;will-change:transform;background:linear-gradient(#fdfcf9e6,#f0ede7db 40%,#dcd7ced9 86%,#c8c1b5e6);position:absolute;top:0;left:1.2%;right:1.2%;box-shadow:inset 0 1px #ffffffd9,0 7px 9px -4px #3a2a1a33}.blinds-strings{background:linear-gradient(90deg,#0000 22.9%,#c4bcaf 22.9% 23.05%,#0000 23.05% 76.9%,#c4bcaf 76.9% 77.05%,#0000 77.05%);position:absolute;top:16px;left:0;right:0}.blinds-rail{background:linear-gradient(#f7f5f0,#d2ccc1);border-radius:2px;height:11px;position:absolute;top:0;left:.8%;right:.8%;box-shadow:0 6px 10px -4px #3a2a1a59}.blinds-head{background:linear-gradient(#f9f7f3,#d9d3c8);height:16px;position:absolute;top:0;left:0;right:0;box-shadow:0 4px 8px -3px #3a2a1a47}.blinds-cord{pointer-events:auto;cursor:grab;background:linear-gradient(90deg,#ddd6c9,#b2a998);width:2px;height:40%;position:absolute;top:0;left:85%}.blinds-cord:before{content:"";position:absolute;inset:0 -16px}.blinds-wand{background:linear-gradient(90deg,#f6f2ea,#cbc3b6);border-radius:6px;width:12px;height:44px;position:absolute;bottom:-44px;left:50%;transform:translate(-50%);box-shadow:0 8px 12px -6px #3a2a1a73}.blinds-tag{border-radius:var(--radius-pill);font:12px/1.4 var(--mono);white-space:nowrap;background:#fbf8f1e6;padding:3px 10px;position:absolute;top:54px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px -3px #3a2a1a4d}#hero .blinds-leaves{object-fit:cover;width:112%;height:112%;opacity:var(--leaf);mix-blend-mode:multiply;pointer-events:none;transform-origin:8% 0;animation:9s ease-in-out infinite alternate blinds-sway;position:absolute;top:-6%;left:-6%}.blinds-layer[data-paused] :is(.blinds-leaves,.blinds-caret){animation-play-state:paused}@keyframes blinds-sway{0%{transform:rotate(-.7deg)translate(-.7%)}to{transform:rotate(.9deg)translate(.9%,.7%)}}@media (width<=1100px) and (orientation:portrait){.blinds-typed{width:60%;left:10%}.blinds-photo{width:min(260px,30vw);top:50%;left:56%}.blinds-cord{left:92%}}@media (width<=700px){.blinds-typed{width:auto;font-size:15px;top:max(17%,132px);left:24px;right:24px}.blinds-line{margin-top:6px}.blinds-line:nth-of-type(3n+2){margin-left:4em}.blinds-line:nth-of-type(3n){margin-left:1.5em}.blinds-line:nth-of-type(3n+1){margin-top:18px}.blinds-line[data-greeting]{margin:0;font-size:16px}.blinds-name{margin-top:6px;font-size:12.4vw}.blinds-stars{margin-top:12px;font-size:15px}.blinds-photo{width:44%;padding:7px 7px 8px;top:55%;left:9%}.blinds-photo img{aspect-ratio:1}.blinds-photo figcaption{font-size:13px}.blinds-cord{left:91%}.blinds-tag{left:auto;right:-4px;transform:none}}#hero[data-effect=dial]{--hero-ink:#1f1c19;--hero-ground:#f8f4ed;--hero-muted:#5b534a;--hero-copy-top:13%;--hero-copy-left:clamp(24px, 4.6vw, 74px);--hero-copy-width:min(520px, 38vw);--dial-accent:#b0424e;background:#f8f4ed}#hero[data-effect=dial] .hero-copy h1{letter-spacing:-.035em;font-size:clamp(44px,4.4vw,70px)}#hero[data-effect=dial] .hero-description{max-width:24rem;margin-top:14px}#hero[data-effect=dial] .saying{display:none}.dial-layer{color:#1f1c19;background:radial-gradient(40% 50% at 22% 60%,#fdfbf7,#fdfbf700 70%),#f8f4ed;position:absolute;inset:0;overflow:hidden}.dial-paper{position:absolute;inset:0 54% 0 0}.dial-face{aspect-ratio:1;width:min(35vw,58vh);position:absolute;top:59%;left:50%;transform:translate(-50%,-50%);container-type:inline-size}.dial-svg,.dial-ring{width:100%;height:100%;position:absolute;inset:0}.dial-svg{overflow:visible}.dial-ring{-webkit-mask-image:linear-gradient(90deg,#0000 6%,#000 22% 78%,#0000 94%);mask-image:linear-gradient(90deg,#0000 6%,#000 22% 78%,#0000 94%)}.dial-ring-svg{width:100%;height:100%;display:block;overflow:visible}.dial-ring-svg text{font:italic 15px var(--reader);letter-spacing:.02em;fill:#1f1c19}.dial-ring-svg .accent{fill:var(--dial-accent)}.dial-rays line{stroke:#cdc1b2;stroke-width:.9px;opacity:0;transition:opacity .5s var(--ease-out)}.dial-rays line.on{opacity:1}.dial-layer[data-sweep] .dial-rays line{transition-duration:.9s}.dial-ticks line{stroke:#cec4b6;stroke-width:1px;transition:stroke .4s var(--ease-out)}.dial-ticks line.major{stroke-width:1.6px}.dial-ticks line.on{stroke:#6d645a}.dial-ticks line.now{stroke:var(--dial-accent);stroke-width:2.4px}.dial-numbers text{font:9px var(--reader);font-variant-numeric:tabular-nums;fill:#a2988b;text-anchor:middle;dominant-baseline:central}.dial-numbers text.major{fill:#1f1c19;font-size:12.5px}.dial-readout{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.dial-time{font:500 clamp(40px, 13cqi, 76px) / 1 var(--reader);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.02em;margin:0}.dial-colon{color:var(--dial-accent);transition:opacity .3s var(--ease-out);margin:0 .04em;display:inline-block;transform:translateY(-.07em)}.dial-colon.dim{opacity:.2}.dial-date{font:15px/1.4 var(--reader);color:#5b534a;margin:12px 0 0}.dial-zone{font:italic 13px/1.4 var(--reader);color:#8b8276;margin:2px 0 0}.dial-window{pointer-events:auto;cursor:pointer;background:#e9e1d4;border-radius:4px;margin:0;position:absolute;inset:92px clamp(24px,4.6vw,74px) 116px 46%;overflow:hidden;box-shadow:0 34px 64px -40px #3a2a1a8c,0 2px 6px #3a2a1a1f}.dial-picture{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.4s;position:absolute;inset:0}.dial-picture[data-front]{opacity:1}.dial-picture[data-push]{animation:14s linear both dial-push}@keyframes dial-push{0%{transform:scale(1)}to{transform:scale(1.07)}}.dial-label{background:#f8f4ed;border-radius:0 6px 0 0;flex-direction:column;gap:2px;min-width:210px;padding:14px 22px 18px;display:flex;position:absolute;bottom:0;left:0}.dial-label b{font:400 23px/1.2 var(--reader)}.dial-label span{font:italic 14px/1.4 var(--reader);color:#5b534a}.dial-progress{background:#ddd3c6;height:1px;position:absolute;bottom:9px;left:22px;right:22px}.dial-progress:after{content:"";background:var(--dial-accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.dial-progress[data-run]:after{animation:11s linear both dial-progress}@keyframes dial-progress{to{transform:scaleX(1)}}.dial-layer[data-paused] .dial-picture,.dial-layer[data-paused] .dial-progress:after{animation-play-state:paused}@media (width<=1100px) and (orientation:portrait){#hero[data-effect=dial]{--hero-copy-top:calc(42% + 8px);--hero-copy-width:calc(100% - 2 * var(--hero-copy-left))}#hero[data-effect=dial] .hero-description{display:none}.dial-paper{inset:0}.dial-window{top:88px;right:var(--hero-copy-left);bottom:58%;left:var(--hero-copy-left)}.dial-face{width:min(60vw,34vh);top:69%}}@media (width<=700px){#hero[data-effect=dial]{--hero-copy-top:36.5%}#hero[data-effect=dial] .hero-copy h1{font-size:34px}.dial-window{height:max(180px,36% - 84px);inset:70px 16px auto}.dial-label{min-width:0;padding:9px 14px 13px}.dial-label b{font-size:18px}.dial-label span{font-size:12.5px}.dial-progress{bottom:6px;left:14px;right:14px}.dial-face{width:min(66vw,250px);top:60%}.dial-ring-svg text{font-size:21px}.dial-numbers text{font-size:11px}.dial-numbers text.major{font-size:15px}.dial-date{margin-top:6px;font-size:13px}.dial-zone{display:none}}