.hw-root{display:inline-block;border-bottom:1.5px dashed rgba(0,0,0,.22);cursor:default}.hw-root--above{position:relative;cursor:pointer}.hw-stack{position:absolute;right:calc(100% + 24px);top:50%;transform:translateY(calc(-50% + 24px));width:180px;height:210px;pointer-events:none;z-index:100}.hw-polaroid{position:absolute;top:0;left:0;width:180px;transform:rotate(var(--rot));transform-origin:center bottom;animation:hw-in .28s cubic-bezier(.22,1,.36,1) forwards;filter:drop-shadow(0 4px 12px rgba(0,0,0,.18))}@keyframes hw-in{0%{opacity:0;transform:rotate(var(--rot)) scale(.82) translateY(14px)}to{opacity:1;transform:rotate(var(--rot)) scale(1) translateY(0)}}.hw-gif{position:absolute;right:calc(100% + 24px);top:50%;transform:translateY(-50%);max-height:88px;width:auto;border-radius:6px;pointer-events:none;z-index:100;animation:hw-fade .18s ease forwards}.hw-img-above{position:absolute;bottom:calc(100% + 10px);left:50%;max-height:96px;width:auto;pointer-events:none;z-index:100;animation:hw-fade-above .2s cubic-bezier(.22,1,.36,1) forwards}@keyframes hw-fade-above{0%{opacity:0;transform:translate(-50%) rotate(var(--rot, 0deg)) translateY(8px)}to{opacity:1;transform:translate(-50%) rotate(var(--rot, 0deg)) translateY(0)}}.eph-board{position:relative;width:100%;margin:6px 0 10px}.eph-board .eph-item{position:absolute;will-change:transform;cursor:grab}.eph-board .eph-item.is-dragging{cursor:grabbing}.eph-note{position:relative}.eph-note__text{position:absolute;top:0;right:0;bottom:0;left:0;padding:13% 15%;display:flex;flex-direction:column;pointer-events:none}.eph-note__title{font-family:DM Mono,ui-monospace,monospace;font-weight:500;font-size:18px;letter-spacing:-.01em;color:#1a1a1a;margin-bottom:8px}.eph-note__body{font-family:DM Sans,-apple-system,sans-serif;font-weight:400;font-size:15px;line-height:1.4;color:#222}.eph-img--polaroid{border:1px solid #d2d2d2;border-radius:4px;box-sizing:border-box;box-shadow:0 6px 18px #0000001f}.eph-img--framed{border:1px solid #d2d2d2;border-radius:10px;box-sizing:border-box}.eph-img{display:block;height:auto;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.eph-board .eph-item.is-dragging{filter:none}.eph-board--surface{border-radius:14px}.eph-board--surface:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;background-image:radial-gradient(rgba(96,141,214,.4) .9px,transparent 1.1px);background-size:16px 16px;background-position:center;pointer-events:none;z-index:0}.eph-board .eph-item--clickable{cursor:pointer}.eph-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#1010149e;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:default;transition:background .32s ease,backdrop-filter .32s ease;animation:eph-scrim-in .24s ease forwards}@keyframes eph-scrim-in{0%{background:#10101400}to{background:#1010149e}}.eph-overlay.is-closing{background:#10101400;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.eph-stage{position:relative;display:flex;align-items:center;justify-content:center;max-width:94vw}.eph-stage__asset{flex:none;will-change:transform}.eph-detail,.eph-overlay__close{animation:eph-card-in .3s ease .12s both}@keyframes eph-card-in{0%{opacity:0}to{opacity:1}}.eph-overlay.is-closing .eph-detail,.eph-overlay.is-closing .eph-overlay__close{opacity:0;animation:none;transition:opacity .18s ease}.eph-board .eph-item.is-hidden{opacity:0;pointer-events:none}.eph-detail{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:36px;width:min(288px,34vw);background:#fff;border-radius:14px;padding:22px 22px 20px;box-shadow:0 18px 50px #00000057}.eph-overlay__close{position:absolute;top:-24px;right:-20px;width:44px;height:44px;border:none;border-radius:50%;background:#e2463b;color:#fff;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 6px 16px #00000052;transition:transform .12s ease,background .12s ease;z-index:3}.eph-overlay__close:hover{transform:scale(1.08);background:#cf3b30}.eph-detail__title{font-family:Hanken Grotesk,-apple-system,sans-serif;font-size:19px;font-weight:600;color:#1a1a1a;margin:2px 40px 10px 0;line-height:1.3}.eph-detail__body{font-family:Hanken Grotesk,-apple-system,sans-serif;font-size:14px;line-height:1.55;color:#444;margin:0 0 14px}.eph-detail__quote{border-top:1px solid #eee;padding-top:14px}.eph-detail__quote-label{display:block;font-family:Hanken Grotesk,-apple-system,sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#aaa;margin-bottom:4px}.eph-detail__steps{margin:0 0 14px;padding-left:20px;display:flex;flex-direction:column;gap:6px}.eph-detail__steps li{font-family:Hanken Grotesk,-apple-system,sans-serif;font-size:13.5px;line-height:1.45;color:#444}.eph-detail__quote-text{font-family:Hanken Grotesk,-apple-system,sans-serif;font-style:italic;font-size:14px;line-height:1.5;color:#333;margin:0}.eph-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;box-sizing:border-box;border:1.5px dashed #cbb78a;border-radius:4px;background:repeating-linear-gradient(-45deg,#f0e4c459,#f0e4c459 8px,#fffaeb59 8px,#fffaeb59 16px)}.eph-placeholder span{font-family:var(--font-hand),"Caveat",cursive;font-size:13px;line-height:1.4;color:#8a7a52}.cs-back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#888;text-decoration:none;margin-bottom:32px;transition:color .12s ease}.cs-back:hover{color:#1a1a1a}.cs-back--top{margin-top:48px;margin-bottom:40px;display:block}.cs-hero{width:100%;border-radius:8px;overflow:hidden;margin-bottom:32px}.cs-hero img{width:100%;display:block;object-fit:cover;max-height:480px}.cs-meta{display:flex;align-items:center;gap:12px;margin-bottom:20px}.cs-meta-text h1{font-size:24px;font-weight:600;margin:0 0 4px;color:#1a1a1a}.cs-meta-date{font-size:14px;color:#888}.cs-headline{font-size:20px;font-weight:600;line-height:1.4;color:#1a1a1a;margin:0 0 16px;max-width:680px}.cs-desc{font-size:16px;line-height:1.7;color:#444;margin:0 0 24px;max-width:640px}.cs-facts{display:flex;gap:40px;margin-bottom:28px;flex-wrap:wrap}.cs-fact{display:flex;flex-direction:column;gap:4px}.cs-fact-label{font-size:14px;font-weight:700;color:#1a1a1a;letter-spacing:.01em}.cs-fact-value{font-size:14px;color:#333}.cs-divider{border:none;border-top:1px solid #eee;margin:32px 0}.cs-sections{display:flex;flex-direction:column;gap:32px;padding-bottom:100px}.cs-section-heading{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 10px}.cs-section-subheading{font-size:15px;font-weight:600;color:#555;margin:0 0 8px}.cs-section-body{font-size:16px;line-height:1.75;color:#444;margin:0 0 10px;max-width:680px}.cs-section-body:last-child{margin-bottom:0}.cs-section-bullets{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:8px}.cs-section-bullets li{font-size:16px;line-height:1.65;color:#444}.cs-img-ph{width:100%;background:#f5f5f5;border-radius:8px;min-height:280px;display:flex;align-items:center;justify-content:center}.cs-img-ph span{font-size:13px;color:#bbb;font-style:italic}.cs-img-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cs-img-ph--half{min-height:200px}.cs-figure{margin:0;width:100%}.cs-figure-img{display:block;width:100%;height:auto}.cs-figure--half{width:100%}.cs-figcaption{font-size:13px;color:#999;margin-top:10px;line-height:1.5;font-style:italic}.cs-icon-row{display:flex;justify-content:center;align-items:center;gap:clamp(24px,6vw,72px);padding:8px 0 4px}.cs-icon{width:clamp(72px,11vw,104px);height:auto;mix-blend-mode:multiply;opacity:.9}.cs-context{width:100%}.cs-eyebrow{display:inline-block;font-size:14px;font-weight:500;letter-spacing:.01em;color:#2b2b2b;background:#ededed;padding:6px 13px;border-radius:8px;margin-bottom:24px}.cs-context-heading{font-size:clamp(28px,3.4vw,42px);font-weight:600;line-height:1.2;color:#1a1a1a;margin:0 0 44px;letter-spacing:-.01em}.cs-hl{background:#e9e9e9;color:inherit;padding:2px 14px;border-radius:10px;white-space:nowrap;box-decoration-break:clone;-webkit-box-decoration-break:clone}.cs-context-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,56px);align-items:start}.cs-context-col{display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px}.cs-context-icon{width:clamp(96px,13vw,132px);height:auto;mix-blend-mode:multiply}.cs-context-icon--badge{width:clamp(96px,12vw,120px);mix-blend-mode:normal}.cs-context-caption{font-size:17px;line-height:1.5;font-weight:500;color:#3a3a3a;margin:0;max-width:260px}.cs-context-caption strong{font-weight:700;color:#1a1a1a}.cs-context-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 3px;line-height:1.3}.cs-context-cols--cards{gap:clamp(16px,2.5vw,32px)}.cs-context-cols--cards .cs-context-col{text-align:left;align-items:stretch}.cs-context-cols--cards .cs-context-caption{max-width:none}.cs-context-card{width:100%;height:auto;display:block}.cs-stats{display:flex;flex-wrap:wrap;gap:clamp(28px,6vw,72px);padding:26px 0;border-top:1px solid #ececec;border-bottom:1px solid #ececec}.cs-stat{display:flex;flex-direction:column;gap:6px}.cs-stat-value{font-size:clamp(32px,4.4vw,44px);font-weight:700;line-height:1;letter-spacing:-.02em;color:#1a1a1a}.cs-stat-label{font-size:14px;line-height:1.4;color:#666;max-width:210px}.cs-act{padding:60px 0 24px}.cs-act__title{display:block;margin:0 0 6px;font-size:34px;font-weight:700;letter-spacing:-.01em;color:#1a1a1a}.cs-act__line{width:100%;height:3px;background:#1a1a1a}.cs-rule{border:none;border-top:1px solid #e6e6e3;margin:6px 0;width:100%}.cs-timeline{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.cs-tl-node{position:relative;padding-top:26px}.cs-tl-node:after{content:"";position:absolute;top:6px;left:6px;width:calc(100% + 24px);height:2px;background:#e6e6e3;z-index:0}.cs-tl-node:last-child:after{width:calc(100% - 6px)}.cs-tl-dot{position:absolute;top:1px;left:0;width:13px;height:13px;border-radius:50%;background:#1a1a1a;z-index:1}.cs-tl-phase{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#999;margin-bottom:6px}.cs-tl-metric{display:block;font-size:26px;font-weight:700;line-height:1.05;letter-spacing:-.01em;color:#1a1a1a;margin-bottom:4px}.cs-tl-title{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 5px;line-height:1.3}.cs-tl-body{font-size:13px;line-height:1.5;color:#666;margin:0}.cs-cc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:6px}.cs-cc-card{display:flex;flex-direction:column;background:#f6f6f4;border:1px solid #ececea;border-radius:12px;padding:18px 18px 16px}.cs-cc-metric{font-size:30px;font-weight:700;line-height:1;letter-spacing:-.02em;color:#1a1a1a;margin-bottom:10px}.cs-cc-phase{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#999;margin-bottom:10px}.cs-cc-title{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 6px;line-height:1.3}.cs-cc-body{font-size:13px;line-height:1.5;color:#666;margin:0}.cs-cc-metriclabel{font-size:12px;color:#999;margin:8px 0 0}@media (max-width: 720px){.cs-timeline,.cs-cc-grid{grid-template-columns:1fr 1fr}.cs-tl-node:nth-child(2):after{display:none}}.cs-split{display:grid;grid-template-columns:minmax(180px,3.5fr) 10fr;gap:clamp(20px,3vw,36px);align-items:start}.cs-split-text{padding-top:2px}.cs-split-heading{font-size:21px;font-weight:700;line-height:1.25;color:#1a1a1a;margin:0 0 10px}.cs-split-text .cs-section-body{font-size:16px;color:#333;max-width:none}.cs-split-media{margin:0;min-width:0}.cs-figure--video{margin:0}.cs-video{position:relative;width:100%;padding-bottom:62.5%;overflow:hidden;background:#0d0d12}.cs-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.cs-scale-v2 .cs-context-heading{font-size:20px;line-height:1.35;font-weight:600;letter-spacing:normal;margin:0 0 24px}.cs-scale-v2 .cs-hl{background:none;padding:0;border-radius:0}.cs-scale-v2 .cs-section-heading{font-size:20px;line-height:1.35}.cs-scale-v2 .cs-section-subheading,.cs-scale-v2 .cs-split-heading{font-size:16px;font-weight:600;color:#1a1a1a}.cs-scale-v2 .cs-context-caption{font-size:16px;font-weight:400;color:#333}.cs-scale-v2 .cs-section-body,.cs-scale-v2 .cs-section-bullets li{color:#333}.cs-scale-v2 .cs-figcaption{font-size:14px;color:#888}@media (max-width: 680px){.cs-img-pair{grid-template-columns:1fr}.cs-facts{gap:20px}.cs-icon-row{gap:28px}.cs-context-cols{grid-template-columns:1fr;gap:36px}.cs-context-caption{max-width:320px}.cs-split{grid-template-columns:1fr;gap:14px}}.df-dark{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;pointer-events:none;opacity:0;transition:opacity .35s ease;--mx: 50vw;--my: 50vh}.df-dark.is-on{opacity:1}.df-dark>div{position:absolute;top:0;right:0;bottom:0;left:0}.df-beam{background:radial-gradient(circle 280px at var(--mx) var(--my),rgba(255,196,0,.45) 0%,rgba(255,196,0,.16) 32%,rgba(255,196,0,0) 58%);mix-blend-mode:multiply}.df-mask{background:radial-gradient(circle 300px at var(--mx) var(--my),rgba(0,0,0,0) 0%,rgba(0,0,0,0) 17%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.985) 66%,rgba(0,0,0,.995) 100%)}.df-footer{position:relative;z-index:9500;display:flex;justify-content:center;padding:60px 0 48px}.df-toggle{width:66px;height:34px;padding:4px;border:none;border-radius:999px;cursor:pointer;background:#d4a933;display:flex;align-items:center;transition:background .25s ease,box-shadow .25s ease}.df-toggle .df-knob{width:26px;height:26px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#d4a933;transition:transform .28s cubic-bezier(.4,0,.2,1),color .25s ease}.df-toggle.is-dark{background:#3b3a6b;box-shadow:0 0 0 4px #4ade801f,0 0 22px 5px #4ade808c}.df-toggle.is-dark .df-knob{transform:translate(32px);color:#3b3a6b}.v4-root{font-family:Hanken Grotesk,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;background:#fff;color:#1a1a1a;min-height:100vh}.v4-wrap{padding:0 22%}.v4-header{padding:120px 0 20px;position:relative}.v4-header-name{font-size:32px;font-weight:600;margin:0 0 6px;color:#1a1a1a}.v4-header-tagline{font-size:18px;color:#444;margin:0 0 3px;line-height:1.5}.v4-header-links{font-size:18px;color:#444;margin:0}.v4-header-links a{color:#0057ff;text-decoration:none}.v4-header-links a:hover{text-decoration:underline}.v4-nav{display:flex;gap:8px;margin:20px 0 0}.v4-nav-btn{all:unset;padding:5px 10px;border-radius:999px;font-size:16px;cursor:pointer;color:#555;border:1px solid #d8d8d8;transition:background .12s ease,color .12s ease,border-color .12s ease}.v4-nav-btn:hover{background:#f4f4f4}.v4-nav-btn--external{text-decoration:none;display:inline-flex;align-items:center;gap:3px}.v4-ext-icon{width:12px;height:12px;opacity:.5;display:inline-block;vertical-align:middle}.v4-nav-btn.active{background:#f0d20033;color:#8a7800;border-color:#e8cc00}.v4-nav-toggle{display:inline-flex;align-items:center;justify-content:center;padding:5px 14px;color:#555}.v4-nav-toggle svg{display:block}.about-tab{padding-top:36px}.v4-postlist{padding:18px 0 120px}.v4-post{padding:18px 0}.v4-post-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:1.3}.v4-post-date{font-size:15px;color:#999;margin:0}.v4-project-list{padding:8px 0 0}.v4-project-row{display:grid;grid-template-columns:5fr 4fr;gap:28px;padding:28px 0;align-items:stretch;text-decoration:none;color:inherit}.v4-project-img{min-height:272px;background:#f3f3f3;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:13px;position:relative}.v4-project-img--photo{background:none;cursor:pointer}.v4-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1);transform-origin:center center;transition:transform .4s ease}.v4-project-row{cursor:pointer}.v4-project-row:hover .v4-img{transform:scale(1.04)}.v4-project-row:hover .v4-project-name{text-decoration:underline}.v4-project-row--soon,.v4-project-row--soon .v4-project-img--photo{cursor:default}.v4-project-row--soon:hover .v4-img{transform:scale(1)}.v4-project-row--soon:hover .v4-project-name{text-decoration:none}.v4-project-content{display:flex;flex-direction:column;gap:0}.v4-project-meta-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.v4-project-icon{width:36px;height:36px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#00000080;overflow:hidden;position:relative}.v4-project-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;box-shadow:inset 0 0 0 1px #00000014;pointer-events:none}.v4-project-icon img{width:100%;height:100%;object-fit:cover;display:block}.v4-project-title-block{flex:1;min-width:0}.v4-project-name-row{display:flex;align-items:center;gap:8px;margin:0 0 2px}.v4-project-name{font-size:18px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.3}.v4-soon-badge{display:inline-block;padding:2px 9px;border-radius:999px;background:#f0f0ee;color:#8a8a86;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.v4-project-date{font-size:14px;color:#aaa;display:flex;align-items:center;gap:6px}.v4-project-badge{display:inline-block;padding:1px 7px;border-radius:999px;background:#fff3cd;color:#8a6000;font-size:11px;font-weight:500;border:1px solid #ffe08a}.v4-project-desc{font-size:16px;line-height:1.35;color:#444;margin:0 0 22px}.v4-what-how{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v4-col-label{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 5px;letter-spacing:.01em}.v4-col-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.v4-col-items li{font-size:14px;color:#333;line-height:1.6}@media (max-width: 680px){.v4-wrap{padding:0 20px}.v4-header{padding-top:48px}.v4-project-row{grid-template-columns:1fr;gap:16px}}.cs-toc{position:fixed;top:24px;right:24px;z-index:400;width:176px;box-sizing:border-box;background:#f4f4f2;padding:12px 12px 9px;font-family:Hanken Grotesk,-apple-system,sans-serif}.cs-toc__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:0 4px}.cs-toc__title{font-size:13px;color:#999;letter-spacing:.02em}.cs-toc__collapse{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;color:#999;transition:color .12s ease,background .12s ease}.cs-toc__collapse:hover{color:#333;background:#0000000d}.cs-toc__list{display:flex;flex-direction:column}.cs-toc__item{all:unset;cursor:pointer;font-size:14px;line-height:1.3;color:#b0b0ad;padding:6px 4px;border-radius:6px;transition:color .12s ease}.cs-toc__item:hover{color:#666}.cs-toc__item.is-active{color:#1a1a1a;font-weight:600}.cs-toc-menu{position:fixed;top:24px;right:24px;z-index:400;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:none;background:#f4f4f2;color:#555;cursor:pointer;transition:background .12s ease}.cs-toc-menu:hover{background:#ececea}.cs-anchor{scroll-margin-top:88px}@media (max-width: 1100px){.cs-toc,.cs-toc-menu{display:none}}.pw-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:#fff;font-family:Hanken Grotesk,-apple-system,sans-serif}.pw-card{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;text-align:center}.pw-name{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 6px}.pw-hint{font-size:15px;color:#8a8a86;margin:0 0 24px}.pw-row{display:flex;gap:8px;width:100%}.pw-input{flex:1;min-width:0;height:44px;padding:0 14px;font-size:15px;font-family:inherit;color:#1a1a1a;background:#f4f4f2;border:1.5px solid #f4f4f2;border-radius:8px;outline:none;transition:border-color .12s ease,background .12s ease}.pw-input:focus{border-color:#cfcfca;background:#fff}.pw-input--error{border-color:#e2463b;background:#fdf2f1}.pw-submit{height:44px;padding:0 20px;font-size:15px;font-weight:600;font-family:inherit;color:#fff;background:#1a1a1a;border:none;border-radius:8px;cursor:pointer;transition:background .12s ease}.pw-submit:hover{background:#333}.pw-error{font-size:13px;color:#e2463b;margin:12px 0 0}.version-bar{position:fixed;top:0;left:0;right:0;height:36px;z-index:9999;background:#121212f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;padding:0 16px}.version-select{background:none;border:none;color:#ddd;font-family:Inter,sans-serif;font-size:13px;cursor:pointer;outline:none;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.version-select option{background:#1a1a1a;color:#fff}.nav{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,56px);background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(20,40,80,.08)}.nav__brand{font-weight:700;font-size:18px;text-decoration:none;color:#16223a}.nav__links{display:flex;gap:28px}.nav__links a{text-decoration:none;font-weight:500;font-size:15px;color:#3a4761;transition:color .15s ease}.nav__links a:hover{color:#1b6fb3}.works{background:#f4f6f8;padding:clamp(48px,8vw,110px) clamp(20px,6vw,96px) 120px}.works__heading{font-size:clamp(26px,4vw,40px);font-weight:700;color:#16223a;margin:0 0 36px}.works__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:clamp(24px,4vw,48px)}.work-card{display:block;text-decoration:none;color:inherit}.work-card__thumb{aspect-ratio:16 / 11;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px -12px #1428504d;transition:transform .18s ease,box-shadow .18s ease}.work-card__thumb img{width:100%;height:100%;object-fit:cover}.work-card:hover .work-card__thumb{transform:translateY(-4px);box-shadow:0 18px 34px -14px #14285066}.work-card__title{margin:18px 0 4px;font-size:22px;font-weight:600;color:#16223a}.work-card:hover .work-card__title{color:#1b6fb3}.work-card__meta{margin:0;font-size:15px;color:#5a6678}.work-card__chrome{width:100%;height:100%;padding:18px 18px 0}.work-card__bar{display:flex;align-items:center;gap:6px;height:26px;padding:0 10px;background:#fff;border-radius:8px 8px 0 0}.work-card__bar span{width:8px;height:8px;border-radius:50%;background:#d6dbe2}.work-card__url{flex:1;height:10px;margin-left:10px;border-radius:5px;background:#eef1f5}.work-card__screen{display:flex;height:calc(100% - 26px);background:#fff;border-radius:0;overflow:hidden}.work-card__rail{width:26%;background:linear-gradient(180deg,#5a6cf0,#4453d8)}.work-card__content{flex:1;padding:16px 16px 0;display:flex;flex-direction:column;gap:10px}.work-card__row{height:10px;border-radius:5px;background:#e7ebf1}.page{max-width:820px;margin:0 auto;padding:clamp(96px,12vw,150px) clamp(20px,6vw,40px) 120px;background:#fff}.page__eyebrow{margin:0 0 12px;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#8a93a4}.page__eyebrow a{text-decoration:none;color:#1b6fb3}.page__title{margin:0 0 16px;font-size:clamp(30px,5vw,48px);font-weight:700;color:#16223a}.page__lead{margin:0 0 28px;font-size:clamp(17px,2.2vw,21px);line-height:1.5;color:#44506a}.page__prose p{font-size:17px;line-height:1.7;color:#3a4761}.resume__block{margin-top:44px}.resume__block h2{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#8a93a4;margin:0 0 18px}.resume__list{list-style:none;margin:0;padding:0}.resume__item{padding:18px 0;border-top:1px solid #eceff3}.resume__item-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.resume__role{font-size:18px;font-weight:600;color:#16223a}.resume__period{font-size:14px;color:#8a93a4;white-space:nowrap}.resume__org{font-size:15px;color:#5a6678;margin-top:2px}.resume__note{margin:8px 0 0;font-size:15px;line-height:1.6;color:#44506a}.resume__skills{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}.resume__skills li{padding:8px 16px;border-radius:999px;background:#f0f3f7;font-size:15px;color:#3a4761}.case__hero{padding:clamp(110px,14vw,170px) clamp(20px,6vw,40px) clamp(48px,7vw,80px)}.case__hero-inner{max-width:820px;margin:0 auto}.case__title{margin:0 0 16px;font-size:clamp(30px,5vw,52px);font-weight:700;color:#16223a}.case__lead{margin:0 0 28px;font-size:clamp(17px,2.2vw,22px);line-height:1.5;color:#2c3a52;max-width:60ch}.case__facts{display:flex;gap:48px;margin:0}.case__facts dt{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#5a6678}.case__facts dd{margin:4px 0 0;font-size:17px;font-weight:600;color:#16223a}.case__body{max-width:820px;margin:0 auto;padding:clamp(48px,7vw,80px) clamp(20px,6vw,40px) 120px}.case__section{margin-bottom:44px}.case__section h2{font-size:clamp(22px,3vw,30px);color:#16223a;margin:0 0 12px}.case__section p{font-size:17px;line-height:1.7;color:#3a4761;margin:0}@media (max-width: 720px){.case__facts{gap:28px}}:root{--board-blue: #1b6fb3;--ink: #1a3c8a;--ink-soft: #2b56b0;--page-bg: #2a6db0;--page-bg-2: #1f5894;--font-marker: "ThinkerAlt1", "Caveat", cursive;--font-hand: "ThinkerAlt1", "Caveat", cursive}@font-face{font-family:ThinkerAlt1;src:url(/fonts/ThinkerAlt1.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:#16223a;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh;background:#fff}a{color:inherit}.no-select{user-select:none;-webkit-user-select:none}