@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,300..800;1,400..600&family=Outfit:wght@300..800&family=Instrument+Serif:ital@0;1&family=Space+Grotesk:wght@400..700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";body{overflow:hidden;background:#E5E1E4}.experience{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.experience .canvas{width:100%;height:100%}#root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}:root{--sage: #aec5a2;--cream: #efeae4;--lav: #8f7bd8;--coral: #e2774f;--teal: #2f9e8f;--navy: #343a64;--book-red: #b9503c;--ink: #262019;--ink-soft: #5b5246;--ink-faint: #8d8275;--line: rgba(38, 32, 25, .12);--accent: #F76440;--accent-ink: #ffffff;--surface: rgba(250, 248, 244, .62);--surface-solid: rgba(250, 248, 244, .94);--glass-blur: 16px;--scrim: .06;--show-pins: 1;--font-display: "Hanken Grotesk", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-label: "Hanken Grotesk", system-ui, sans-serif;--label-spacing: .14em;--label-transform: uppercase;--display-weight: 760;--display-tracking: -.025em;--ease: cubic-bezier(.66, 0, .2, 1);--radius: 18px}[data-font=grotesque]{--font-display: "Hanken Grotesk", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-label: "Hanken Grotesk", system-ui, sans-serif;--display-weight: 760;--display-tracking: -.028em;--label-spacing: .16em;--label-transform: uppercase}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);color:var(--ink);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.scene-scrim{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 40%,rgba(38,32,25,.1) 100%);opacity:calc(var(--scrim) * 6);z-index:5}.chrome{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30}.chrome>*{pointer-events:auto}.brand{position:absolute;top:26px;left:30px;display:flex;align-items:center;gap:11px;font-family:var(--font-label);font-size:13px;letter-spacing:var(--label-spacing);text-transform:var(--label-transform);color:var(--ink)}.brand .dot{width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);flex:none}.navdots{position:absolute;top:50%;right:26px;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;align-items:flex-end}.navdots button{display:flex;align-items:center;gap:10px;padding:7px 12px;font-family:var(--font-label);font-size:11px;letter-spacing:.08em;text-transform:var(--label-transform);color:var(--ink-soft);background:var(--surface-solid);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border-radius:100px;border:1px solid var(--line);transition:box-shadow .2s ease}.navdots button:hover{box-shadow:0 4px 14px -6px #2620194d}.navdots .nd-label{opacity:0;transform:translate(6px);transition:opacity .3s,transform .3s;white-space:nowrap}.navdots button:hover .nd-label,.navdots button.active .nd-label{opacity:1;transform:translate(0)}.navdots .nd-tick{width:26px;height:2px;border-radius:2px;background:var(--ink-faint);opacity:.5;transition:all .35s var(--ease)}.navdots button.active .nd-tick{width:40px;background:var(--accent);opacity:1}.scrollhint{position:absolute;bottom:26px;left:30px;display:flex;align-items:center;gap:12px;font-family:var(--font-label);font-size:11px;letter-spacing:var(--label-spacing);text-transform:var(--label-transform);color:var(--ink-soft)}.scrollhint .bar{width:54px;height:2px;background:var(--line);border-radius:2px;overflow:hidden}.scrollhint .bar i{display:block;height:100%;background:var(--accent);transition:width .5s var(--ease)}.scroll-track{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;z-index:20;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-track::-webkit-scrollbar{display:none}.scroll-sec{height:100%;scroll-snap-align:start;scroll-snap-stop:always}.content-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;pointer-events:none}.content-layer .anchor-card,.content-layer .proj-mini{pointer-events:auto}.eyebrow{font-family:var(--font-label);font-size:12px;letter-spacing:var(--label-spacing);text-transform:var(--label-transform);color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:9px}.eyebrow .num{color:var(--ink-faint)}.display{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:.98;color:var(--ink)}.lede{font-size:clamp(15px,1.15vw,18px);line-height:1.5;color:var(--ink-soft)}.glass{background:var(--surface);backdrop-filter:blur(var(--glass-blur)) saturate(1.25);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.25);border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:var(--radius);box-shadow:0 1px #ffffff80 inset,0 24px 50px -30px #2620198c}.tag{font-family:var(--font-label);font-size:11px;letter-spacing:.03em;text-transform:var(--label-transform);color:var(--ink-soft);padding:5px 11px;border:1px solid var(--line);border-radius:100px;background:color-mix(in srgb,var(--cream) 40%,transparent)}.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-label);font-size:13px;letter-spacing:.03em;font-weight:600;padding:12px 20px;border-radius:100px;background:var(--accent);color:var(--accent-ink);transition:transform .2s var(--ease),box-shadow .2s ease;box-shadow:0 12px 26px -12px color-mix(in srgb,var(--accent) 70%,transparent)}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 30px -14px color-mix(in srgb,var(--accent) 75%,transparent)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink);box-shadow:none}.btn.ghost:hover{background:var(--ink);color:var(--cream)}.enter>*{opacity:0;transform:translateY(16px)}.enter.show>*{animation:rise .7s var(--ease) forwards}.enter.show>*:nth-child(1){animation-delay:.04s}.enter.show>*:nth-child(2){animation-delay:.11s}.enter.show>*:nth-child(3){animation-delay:.18s}.enter.show>*:nth-child(4){animation-delay:.25s}.enter.show>*:nth-child(5){animation-delay:.32s}.enter.show>*:nth-child(6){animation-delay:.39s}@keyframes rise{to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.enter>*,.enter.show>*{opacity:1!important;transform:none!important;animation:none!important}}.anchored-field{position:absolute;top:0;right:0;bottom:0;left:0}.anchor-card{position:absolute;padding:22px 24px;width:max-content;max-width:min(40vw,440px)}.anchor-card.wide{max-width:min(46vw,540px)}.anchor-pin{position:absolute;display:flex;align-items:center;gap:9px;pointer-events:none;transform:translate(-50%,-50%);opacity:var(--show-pins, 1);transition:opacity .4s ease}.anchor-pin .ring{width:14px;height:14px;border-radius:50%;border:2px solid var(--accent);position:relative;flex:none;background:color-mix(in srgb,var(--accent) 25%,transparent)}.anchor-pin .ring:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:1.5px solid var(--accent);opacity:.5;animation:ping 2.6s var(--ease) infinite}@keyframes ping{0%{transform:scale(.6);opacity:.6}70%,to{transform:scale(1.5);opacity:0}}.anchor-pin .pin-label{font-family:var(--font-label);font-size:10.5px;letter-spacing:.08em;text-transform:var(--label-transform);color:var(--ink);font-weight:600;padding:4px 9px;border-radius:100px;background:var(--surface-solid);box-shadow:0 6px 16px -8px #26201980;white-space:nowrap}@media (prefers-reduced-motion: reduce){.anchor-pin .ring:after{animation:none}}.proj-mini{position:absolute;padding:16px 18px;width:250px;transition:transform .25s var(--ease);display:block}.proj-mini:hover{transform:translateY(-4px)}.proj-mini .pm-bar{width:30px;height:4px;border-radius:3px;margin-bottom:12px}.proj-mini h4{font-family:var(--font-display);font-size:17px;letter-spacing:-.01em}.proj-mini p{font-size:12.5px;color:var(--ink-soft);line-height:1.45;margin-top:6px}.proj-mini .pm-foot{display:flex;gap:6px;margin-top:12px;align-items:center;flex-wrap:wrap}.proj-mini .pm-arrow{margin-left:auto;color:var(--accent);font-size:15px}.stat-row{display:flex;gap:26px;flex-wrap:wrap}.stat-row .stat .k{font-family:var(--font-display);font-weight:var(--display-weight);font-size:28px;color:var(--accent);letter-spacing:-.02em}.stat-row .stat .v{font-size:11.5px;color:var(--ink-soft);max-width:130px;line-height:1.35;margin-top:3px}.chip-row{display:flex;gap:7px;flex-wrap:wrap}.link-list{display:flex;flex-direction:column;gap:2px}.link-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 4px;border-bottom:1px solid var(--line);transition:padding .25s var(--ease)}.link-row:hover{padding-left:10px}.link-row:last-child{border-bottom:none}.link-row .lr-label{font-family:var(--font-label);font-size:11px;letter-spacing:.08em;text-transform:var(--label-transform);color:var(--ink-faint)}.link-row .lr-handle{font-size:15px;font-weight:600}.link-row .lr-arrow{margin-left:auto;color:var(--accent)}.work-item{padding:16px 0;border-bottom:1px solid var(--line)}.work-item:last-child{border-bottom:none}.work-item .wi-top{display:flex;justify-content:space-between;gap:14px;align-items:baseline}.work-item .wi-role{font-weight:700;font-size:15px}.work-item .wi-org{color:var(--accent);font-weight:600}.work-item .wi-period{font-family:var(--font-label);font-size:10.5px;letter-spacing:.04em;color:var(--ink-faint);white-space:nowrap}.work-item .wi-place{font-size:12px;color:var(--ink-soft);margin-top:2px}.work-item .wi-points{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.work-item .wi-points li{font-size:12.5px;color:var(--ink-soft);line-height:1.45;padding-left:16px;position:relative}.work-item .wi-points li:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.6}.work-item .wi-tech{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.mini-tag{font-family:var(--font-label);font-size:10px;letter-spacing:.03em;color:var(--ink-soft);padding:3px 8px;border:1px solid var(--line);border-radius:5px}.anchor-card{scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.anchor-card::-webkit-scrollbar{width:4px}.anchor-card::-webkit-scrollbar-track{background:transparent}.anchor-card::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px;opacity:.7}.anchor-card::-webkit-scrollbar-button{display:none}@media (max-width: 860px){.navdots{right:14px}.navdots .nd-label{display:none}.brand{top:18px;left:18px;font-size:11px}.scrollhint{left:18px;bottom:18px}.anchored-field .anchor-pin{display:none}.anchor-card,.proj-mini{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;max-width:none!important}.anchored-scroll{position:absolute;left:0;right:0;bottom:0;max-height:64vh;overflow-y:auto;padding:16px 16px 24px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 26px);mask-image:linear-gradient(to bottom,transparent,#000 26px)}.proj-mini{width:auto!important}}@media (max-width: 860px) and (max-height: 680px){.anchored-scroll{max-height:56vh}}