@font-face{font-family:Exposure Trial;src:url(/assets/ExposureTrial-20-BCpl0VJK.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root,[data-theme=light]{--bg: #f7f7f4;--surface: #f2f1ed;--surface-hover: #ebeae5;--surface-2: #e6e5e0;--text: #26251e;--text-2: #3b3a33;--text-3: #807f77;--text-4: #a09f98;--border-subtle: #f0efeb;--border: #e4e3de;--border-med: #cdccc6;--accent: #f54e00;--svg-bg: #eae9e4;--svg-stroke: #b8b7b0;--svg-fill: #d4d3cc;--svg-fill-light: #dddcd6;--svg-dot: #b8b7b0;--radius: 16px;--radius-sm: 12px}[data-theme=dark]{--bg: #161513;--surface: #1e1d1a;--surface-hover: #26251f;--surface-2: #2e2d27;--text: #edece8;--text-2: #b5b4ad;--text-3: #807f77;--text-4: #55544e;--border-subtle: #222120;--border: #2d2c27;--border-med: #3d3c36;--accent: #f54e00;--svg-bg: #2e2d27;--svg-stroke: #5a5952;--svg-fill: #4a4940;--svg-fill-light: #3a3933;--svg-dot: #6a6960}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Satoshi,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;transition:background .35s ease,color .35s ease}a{color:inherit;text-decoration:none}code{font-family:SF Mono,Fira Code,monospace;font-size:.85em;background:var(--surface-2);padding:2px 6px;border-radius:4px;transition:background .35s ease}.scroll-fade{position:fixed;left:0;right:0;pointer-events:none;z-index:50;background:var(--bg);transition:background .35s ease}.scroll-fade--top{top:0;height:48px;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,transparent 100%)}.scroll-fade--bottom{bottom:0;height:64px;-webkit-mask-image:linear-gradient(to top,black 0%,transparent 100%);mask-image:linear-gradient(to top,black 0%,transparent 100%)}.theme-switcher{position:fixed;top:24px;right:24px;z-index:100;display:flex;align-items:center;height:36px;border-radius:18px;border:1px solid var(--border);background:var(--surface);padding:0 4px;transition:background .35s,border-color .25s;overflow:hidden}.theme-switcher:hover{border-color:var(--border-med)}.ts-btn{width:28px;height:28px;min-width:28px;border-radius:14px;border:none;background:transparent;color:var(--text-4);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:color .2s,background .2s,width .3s cubic-bezier(.34,1.56,.64,1),min-width .3s cubic-bezier(.34,1.56,.64,1),opacity .2s,margin .3s cubic-bezier(.34,1.56,.64,1)}.ts-btn svg{width:15px;height:15px;flex-shrink:0}.ts-btn.active{color:var(--text-2)}.ts-btn:not(.active){width:0;min-width:0;opacity:0;overflow:hidden;margin:0}.theme-switcher:hover .ts-btn:not(.active){width:28px;min-width:28px;opacity:1}.theme-switcher:hover .ts-btn:hover{color:var(--text);background:var(--surface-hover)}.s-bg{fill:var(--svg-bg);transition:fill .25s}.s-str{stroke:var(--svg-stroke);transition:stroke .25s}.s-fill{fill:var(--svg-fill);transition:fill .25s}.s-fill2{fill:var(--svg-fill-light);transition:fill .25s}.s-dot{fill:var(--svg-dot);transition:fill .25s}.s-str2{stroke:var(--svg-fill);transition:stroke .25s}.project-row:hover .s-str{stroke:#a09f98}.project-row:hover .s-fill{fill:#cdccc6}.project-row:hover .s-fill2{fill:#e4e3de}.project-row:hover .s-dot{fill:#a09f98}.project-row:hover .s-str2{stroke:#cdccc6}[data-theme=dark] .project-row:hover .s-str{stroke:#807f77}[data-theme=dark] .project-row:hover .s-fill{fill:#5a5952}[data-theme=dark] .project-row:hover .s-fill2{fill:#4a4940}[data-theme=dark] .project-row:hover .s-dot{fill:#807f77}[data-theme=dark] .project-row:hover .s-str2{stroke:#5a5952}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger{opacity:0;transform:translateY(8px);animation:enter .5s ease both}.stagger.entered{opacity:1;transform:none;animation:none}.page{max-width:620px;margin:0 auto;padding:0 24px}.home-page{padding-top:80px;padding-bottom:100px}.identity{margin-bottom:56px}.identity-name{font-family:Exposure Trial,Satoshi,sans-serif;font-size:1.75rem;font-weight:400;letter-spacing:-.02em;margin-bottom:8px}.identity-bio{font-size:.9375rem;color:var(--text-2);line-height:1.7;max-width:520px}.identity-bio a{color:var(--text-2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:var(--border-med);transition:color .15s,text-decoration-color .15s}.identity-bio a:hover{color:var(--accent);text-decoration-color:var(--accent)}.section-header{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-4);margin-bottom:20px;display:flex;align-items:baseline;justify-content:space-between}.section-header-link{font-size:.8125rem;font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-3);transition:color .15s}.section-header-link:hover{color:var(--accent)}.projects-list{display:flex;flex-direction:column;gap:2px;margin-bottom:64px}.project-row{display:flex;align-items:center;gap:16px;padding:14px 4px;cursor:pointer;border-bottom:1px solid var(--border-subtle);text-decoration:none;color:inherit;opacity:1;transition:opacity .2s ease;will-change:opacity}.projects-list:hover .project-row{opacity:.3}.projects-list .project-row:hover{opacity:1}.project-row:first-child{border-top:1px solid var(--border-subtle)}.project-row.no-link{cursor:default}.project-icon-wrap{width:48px;height:48px;border-radius:11px;background:var(--surface);border:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transform:rotate(-6deg);transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .35s,border-color .35s}.project-row:hover .project-icon-wrap{transform:rotate(0) scale(1.08)}.project-text{flex:1;min-width:0}.project-title{font-size:.9375rem;font-weight:500;margin-bottom:2px}.project-desc{font-size:.8125rem;color:var(--text-3);line-height:1.45}.project-meta{font-size:.6875rem;color:var(--text-4);margin-top:2px}.project-arrow{color:var(--text-4);font-size:.875rem;flex-shrink:0;transition:transform .15s,color .15s}.project-row:hover .project-arrow{transform:translate(2px);color:var(--accent)}.kw-marquee{overflow:hidden;margin-bottom:64px;padding:16px 0;-webkit-mask-image:linear-gradient(to right,transparent,black 48px,black calc(100% - 48px),transparent);mask-image:linear-gradient(to right,transparent,black 48px,black calc(100% - 48px),transparent)}.kw-marquee-track{display:flex;white-space:nowrap;animation:kw-scroll 90s linear infinite;will-change:transform}.kw-marquee:hover .kw-marquee-track{animation-play-state:paused}.kw-marquee-item{display:inline-flex;align-items:baseline;gap:5px}.kw-marquee-text{font-size:.8125rem;color:var(--text-3);font-style:italic;line-height:1}.kw-marquee-source{font-size:.6875rem;color:var(--text-4);white-space:nowrap}.kw-marquee-dot{color:var(--border-med);padding:0 24px;font-size:.75rem}@keyframes kw-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.kw-crossfade{margin-bottom:64px;cursor:default}.kw-crossfade-stack{display:grid;min-height:80px}.kw-crossfade-item{grid-area:1 / 1;opacity:0;transition:opacity .8s ease;display:flex;flex-direction:column;justify-content:center}.kw-crossfade-item.active{opacity:1}.kw-crossfade-text{font-size:.9375rem;color:var(--text-3);font-style:italic;line-height:1.65;margin-bottom:8px}.kw-crossfade-source{font-size:.75rem;color:var(--text-4)}.kw-toggle{position:fixed;bottom:24px;left:24px;z-index:100;font-family:inherit;font-size:.75rem;font-weight:500;padding:8px 14px;border-radius:18px;border:1px solid var(--border);background:var(--surface);color:var(--text-3);cursor:pointer;transition:color .15s,border-color .15s,background .35s}.kw-toggle:hover{color:var(--text);border-color:var(--border-med)}.contact-row{display:flex;gap:20px}.contact-row a{font-size:.8125rem;color:var(--text-3);transition:color .15s}.contact-row a:hover{color:var(--accent)}.case-page{max-width:640px;margin:0 auto;padding:120px 24px 96px}.case-back{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;color:var(--text-3);cursor:pointer;margin-bottom:56px;transition:color .15s}.case-back:hover{color:var(--accent)}.case-back svg{width:14px;height:14px;transition:transform .15s}.case-back:hover svg{transform:translate(-2px)}.case-title{font-family:Exposure Trial,Satoshi,sans-serif;font-size:2.25rem;font-weight:400;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}.case-lede{font-size:1.0625rem;color:var(--text-2);line-height:1.65;margin-bottom:40px;max-width:540px}.case-meta{font-size:.8125rem;color:var(--text-3);margin-bottom:48px}.case-meta span{color:var(--text-2)}.img-full{width:100%;border-radius:var(--radius);overflow:hidden;margin-top:48px;margin-bottom:48px;cursor:zoom-in}.img-full .img-label,.img-inline .img-label{font-size:.6875rem;color:var(--text-4)}.img-full img,.img-inline img{width:100%;height:auto;border-radius:inherit;display:block}.img-inline{width:100%;border-radius:var(--radius);overflow:hidden;margin:36px 0;cursor:zoom-in}.img-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:48px;margin-bottom:48px}.img-pair .img-inline{margin:0;border-radius:var(--radius-sm)}.img-caption{font-size:.6875rem;color:var(--text-4);margin-top:-20px;margin-bottom:32px}.video-embed{width:100%;margin-top:48px;margin-bottom:48px}.video-embed .video-wrap{position:relative;padding-bottom:56.25%;height:0;border-radius:var(--radius);overflow:hidden}.video-embed .video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-embed .video-caption{font-size:.75rem;color:var(--text-4);margin-top:8px;text-align:center}.case-body h2{font-family:Exposure Trial,Satoshi,sans-serif;font-size:1.25rem;font-weight:400;letter-spacing:-.01em;margin-top:72px;margin-bottom:20px;scroll-margin-top:80px}.case-body p{font-size:.9375rem;color:var(--text-2);line-height:1.75;margin-bottom:20px}.case-body p strong{color:var(--text);font-weight:500}.case-body ul{font-size:.9375rem;color:var(--text-2);line-height:1.75;margin-bottom:18px;padding-left:20px}.case-body ul li{margin-bottom:6px}.case-body blockquote{border-left:2px solid var(--accent);padding-left:20px;margin:28px 0;font-style:italic;color:var(--text-2);font-size:1rem;line-height:1.7}.case-stats{display:flex;gap:8px;margin:36px 0}.case-stat{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center;transition:background .35s,border-color .35s}.case-stat-num{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1;margin-bottom:4px}.case-stat-label{font-size:.6875rem;color:var(--text-3)}.case-end{margin-top:56px;padding-top:24px;border-top:1px solid var(--border-subtle);font-size:.8125rem;color:var(--text-3)}.case-end a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.case-toc{position:fixed;left:max(16px,calc(50vw - 490px));top:120px;width:140px;z-index:60;display:flex;flex-direction:column;gap:0}.toc-back{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:500;color:var(--text-3);cursor:pointer;margin-bottom:20px;transition:color .15s}.toc-back:hover{color:var(--accent)}.toc-back svg{width:12px;height:12px;transition:transform .15s}.toc-back:hover svg{transform:translate(-2px)}.toc-nav{display:flex;flex-direction:column;gap:2px}.toc-link{position:relative;font-size:.6875rem;color:var(--text-4);padding:4px 0 4px 12px;transition:color .2s;text-decoration:none;line-height:1.4}.toc-link:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:1px;background:var(--border);transition:background .2s}.toc-link:hover{color:var(--text-2)}.toc-link.active{color:var(--accent)}.toc-link.active:before{background:var(--accent)}@media(max-width:1120px){.case-toc{display:none}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;overflow:hidden}.lightbox.open{opacity:1;visibility:visible}.lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.lightbox-content{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:scale(.94);transition:transform .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.lightbox.open .lightbox-content{transform:scale(1)}.lightbox-image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.lightbox-content img{max-width:96vw;max-height:96vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius);transition:transform .15s ease-out;cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox-content.zoomed{cursor:zoom-out}.lightbox-content.zoomed.dragging{cursor:grabbing}.lightbox-content.zoomed img{cursor:inherit;max-width:none;max-height:none}.lightbox-close{position:absolute;top:16px;right:16px;z-index:2;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.lightbox-close:hover{background:#ffffff38}.lightbox-close svg{width:18px;height:18px}.lightbox-zoom-controls{position:absolute;bottom:16px;right:16px;z-index:2;display:flex;gap:8px}.lightbox-zoom-btn{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:18px;font-weight:500}.lightbox-zoom-btn:hover{background:#ffffff38}.lightbox-zoom-btn:disabled{opacity:.4;cursor:not-allowed}.lightbox-zoom-btn:disabled:hover{background:#ffffff1f}.pw-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center}.pw-gate-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#f7f7f480;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;animation:pw-fade-in .4s ease forwards}[data-theme=dark] .pw-gate-backdrop{background:#16151380}.pw-gate-card{position:relative;z-index:1;width:100%;max-width:360px;padding:40px 32px 32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);opacity:0;transform:scale(.96) translateY(8px);animation:pw-card-in .5s cubic-bezier(.16,1,.3,1) .1s forwards}.pw-gate-icon{width:40px;height:40px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border-radius:10px;color:var(--text-3);transition:background .35s}.pw-gate-icon svg{width:18px;height:18px}.pw-gate-title{font-size:.9375rem;font-weight:600;text-align:center;margin-bottom:4px;color:var(--text);letter-spacing:-.01em}.pw-gate-sub{font-size:.8125rem;color:var(--text-3);text-align:center;margin-bottom:24px;line-height:1.5}.pw-gate-form{display:flex;flex-direction:column;gap:10px}.pw-gate-input{width:100%;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:.875rem;outline:none;transition:border-color .2s,box-shadow .2s,background .35s}.pw-gate-input::placeholder{color:var(--text-4)}.pw-gate-input:focus{border-color:var(--text-3);box-shadow:0 0 0 3px #0000000a}[data-theme=dark] .pw-gate-input:focus{box-shadow:0 0 0 3px #ffffff0d}.pw-gate-input.error{border-color:#e5484d}.pw-gate-submit{width:100%;padding:10px 16px;background:var(--text);color:var(--bg);border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s,background .35s,color .35s}.pw-gate-submit:hover{opacity:.85}.pw-gate-error{font-size:.75rem;color:#e5484d;text-align:center;margin-top:4px;opacity:0;transition:opacity .2s}.pw-gate-error.visible{opacity:1}.pw-gate-card.shake{animation:pw-shake .4s ease}.pw-gate-close{position:absolute;top:24px;right:24px;z-index:2;width:36px;height:36px;border-radius:50%;border:none;background:var(--surface);border:1px solid var(--border);color:var(--text-3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s;opacity:0;animation:pw-fade-in .3s ease .3s forwards}.pw-gate-close:hover{color:var(--text);border-color:var(--border-med)}.pw-gate-close svg{width:16px;height:16px}.pw-gate.exiting .pw-gate-close,.pw-gate.exiting .pw-gate-backdrop,.pw-gate.exiting .pw-gate-card{animation:pw-fade-out .3s ease forwards}@keyframes pw-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pw-fade-out{0%{opacity:1}to{opacity:0}}@keyframes pw-card-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pw-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@media(max-width:640px){.home-page{padding-top:56px}.project-desc,.project-meta{display:none}.case-title{font-size:1.625rem}.case-stats{flex-direction:column}.img-full,.img-pair,.video-embed{margin-top:32px;margin-bottom:32px}.img-pair{grid-template-columns:1fr}.theme-switcher,.pw-gate-close{top:16px;right:16px}.pw-gate-card{margin:0 16px;padding:32px 24px 24px}}