:root{--color-primary: #2E4BD8;--color-primary-hover: #2439B0;--color-primary-active: #1C2C8C;--color-primary-soft: #DCE3FC;--color-primary-contrast: #FFFFFF;--color-bg: #F8F6F3;--color-surface: #EBE9E4;--color-surface-alt: #EBEAE6;--color-ink: #2A3132;--color-ink-muted: #4B5153;--color-white: #FFFFFF;--color-display: #2A3132;--color-accent-soft: #CADCFC;--color-grid: rgba(42, 49, 50, .1);--color-success: #16A34A;--color-error: #DC2626;--color-warning: #D97706;--font-display: "DM Sans", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-section: 120px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 48px;--radius-pill: 999px;--shadow-soft: 0 .6px 1.6px -1.5px rgba(0, 0, 0, .17), 0 2.3px 6px -3px rgba(0, 0, 0, .14), 0 10px 26px -4.5px rgba(0, 0, 0, .02);--shadow-lifted: 0 .5px 1.3px -1.1px rgba(0, 0, 0, .22), 0 1.6px 4.1px -2.25px rgba(0, 0, 0, .2), 0 4.1px 10.8px -3.4px rgba(0, 0, 0, .16), 0 13px 33.8px -4.5px rgba(0, 0, 0, .02);--ease-default: cubic-bezier(.44, 0, .56, 1);--ease-out: cubic-bezier(.23, 1, .32, 1);--duration-fast: .2s;--duration-base: .4s;--duration-slow: .8s}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/fonts/dm-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/fonts/dm-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:italic;font-weight:100 1000;font-display:swap;src:url(/fonts/dm-sans-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:italic;font-weight:100 1000;font-display:swap;src:url(/fonts/dm-sans-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;font:400 1rem/1.6 var(--font-body);color:var(--color-ink);background:var(--color-bg)}h1,h2,h3{font-family:var(--font-display);line-height:1.15;margin:0 0 var(--space-3)}h1{font-size:clamp(1.75rem,5vw,3.5rem)}h2{font-size:1.75rem}h3{font-size:1.25rem}p{margin:0 0 var(--space-3)}a{color:inherit}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.name,.btn-primary,.btn-secondary,.about-btn,.win,.cta-btn,.dock a{text-decoration:none}.name{position:absolute;top:28px;left:50%;transform:translate(-50%);z-index:2;font:700 24px/1 var(--font-display);letter-spacing:-.01em;color:var(--color-white);text-shadow:0 0 18px rgba(0,0,0,.38),0 0 44px rgba(0,0,0,.2)}.glass{background:#f7f7f7cc;border:1px solid #E6E6EB;backdrop-filter:blur(36px) saturate(150%);-webkit-backdrop-filter:blur(36px) saturate(150%);box-shadow:0 2px 6px #00000040,inset 0 2px 6px #ffffff52}@media(prefers-reduced-transparency:reduce){.glass{background:#f8f6f3f5;backdrop-filter:none;-webkit-backdrop-filter:none}}.dock-wrap{position:fixed;left:0;right:0;bottom:16px;display:flex;justify-content:center;z-index:50;pointer-events:none}.dock{pointer-events:auto;display:flex;align-items:flex-end;gap:8px;padding:9px;border-radius:20px}.dock a,.dock button{position:relative;display:block;width:49px;padding:0;border:0;background:none;cursor:pointer;transition:width .18s var(--ease-default)}.dock .icon{width:100%;aspect-ratio:1;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 1px 3px #0000002e,inset 0 1px #ffffff80;transition:font-size .18s,transform .16s var(--ease-out)}.dock a:active .icon,.dock button:active .icon{transform:scale(.94)}.dock .tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%) translateY(4px);background:var(--color-white);color:var(--color-ink);font:500 12.5px/1 var(--font-body);padding:7px 12px;border-radius:var(--radius-pill);box-shadow:0 1px 2px #00000040;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.dock a:hover .tip,.dock a:focus-visible .tip,.dock button:hover .tip,.dock button:focus-visible .tip{opacity:1;transform:translate(-50%) translateY(0)}.dock .icon-app{background:none;box-shadow:none}.dock .icon-app img{width:100%;height:100%;object-fit:contain;pointer-events:none}.di-palette{background:linear-gradient(160deg,#ede6fb,#c7a9f0)}.di-palette img{width:78%;height:78%;object-fit:contain;pointer-events:none}.di-about{background:none;overflow:hidden}.di-about img{width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}.hero-frame{position:sticky;top:0;z-index:0;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:var(--color-bg)}.page{position:relative;z-index:1;background-color:var(--color-bg);background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:56px 56px;background-position:center top}.works-scene{position:relative;z-index:1}.works-scene .scene-bg{position:sticky;top:0;height:100dvh;background:url(/assets/bg-work.jpg) center / cover no-repeat}.works-scene .scene-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000042}.works-scene .works{position:relative;z-index:1;margin-top:-100dvh;padding-top:13dvh;padding-bottom:20dvh}.works-scene .works h2{color:var(--color-white);text-shadow:0 0 24px rgba(0,0,0,.34),0 0 72px rgba(0,0,0,.22)}.hero-frame .bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-frame video.bg{pointer-events:none}.bg-switch{position:absolute;top:24px;right:24px;z-index:3;display:flex;gap:4px;padding:4px;border-radius:var(--radius-pill);background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bg-switch button{border:0;padding:6px 14px;border-radius:var(--radius-pill);font:500 12.5px/1 var(--font-body);color:var(--color-white);background:transparent;cursor:pointer}.bg-switch button.on{background:var(--color-white);color:var(--color-ink)}.hero-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#00000042}.hero{max-width:1200px;margin:0 auto;padding:96px 40px 120px;position:relative;z-index:1;text-align:center}.profile{display:inline-flex;align-items:center;gap:14px;border-radius:var(--radius-md);padding:10px 22px 10px 10px;margin-bottom:30px;text-align:left}.profile .avatar{width:44px;height:44px;border-radius:var(--radius-pill);flex:none;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--color-primary-soft);box-shadow:inset 0 1px #fff9}.profile .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile .nm{display:block;font:700 15px/1.2 var(--font-body);color:var(--color-ink);letter-spacing:.01em}.profile .st{display:flex;align-items:center;gap:8px;margin-top:4px;font:500 13.5px/1.2 var(--font-body);color:var(--color-ink-muted)}.profile .st i{width:9px;height:9px;border-radius:50%;background:#34c75a;flex:none;box-shadow:0 0 0 3px #34c75a38}.hero h1{margin:0;font:800 clamp(34px,5vw,60px) / 1.06 var(--font-display);text-transform:uppercase;letter-spacing:calc(-.012em + 2px);color:var(--color-white);padding-bottom:6px;text-shadow:0 0 24px rgba(0,0,0,.34),0 0 72px rgba(0,0,0,.22)}.hero h1 .hl{font-style:italic}.hero .lead{font:500 20px/1.5 var(--font-body);color:var(--color-white);max-width:52ch;margin:26px auto 0;text-shadow:0 0 20px rgba(0,0,0,.38),0 0 52px rgba(0,0,0,.22)}.hero-actions{margin-top:36px;display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}.btn-primary,.btn-secondary{white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast);font:500 16px/1 var(--font-body);padding:14px 28px;border-radius:var(--radius-pill);transition:background var(--duration-fast) var(--ease-default),transform var(--duration-fast)}.btn-primary:hover{background:var(--color-primary-hover);transform:scale(1.03)}.btn-primary:active,.btn-secondary:active{transform:scale(.97)}.btn-secondary{background:var(--color-surface);color:var(--color-ink);font:500 16px/1 var(--font-body);padding:14px 28px;border:0;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration-fast)}.btn-secondary:hover{background:var(--color-surface-alt)}.about{position:relative;max-width:1200px;margin:0 auto;padding:clamp(110px,15vh,160px) 40px clamp(150px,20vh,220px);text-align:center}.about-tab{position:absolute;top:34px;left:6%;transform:rotate(-8deg);display:inline-flex;align-items:center;gap:8px;background:var(--color-primary-soft);border-radius:var(--radius-sm);font:500 15px/1 var(--font-body);color:var(--color-ink);padding:10px 18px;box-shadow:var(--shadow-soft)}.about h2{font:900 clamp(34px,5vw,58px) / 1.1 var(--font-body);text-transform:uppercase;color:var(--color-ink);letter-spacing:.01em;margin:0}.about h2 .hl{color:var(--color-primary)}.about .sub{font:400 20px/1.5 var(--font-body);color:var(--color-ink-muted);max-width:46ch;margin:26px auto 0}.about .sub .dashline{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:4px}.about .sub .dash{width:44px;height:4px;border-radius:var(--radius-pill);background:var(--color-primary)}.about-btn{display:inline-block;margin-top:44px;transform:rotate(-6deg);background:var(--color-white);color:var(--color-ink);font:500 16px/1 var(--font-body);padding:14px 26px;border-radius:12px;box-shadow:0 6px 10px #00000026;position:relative;transition:transform var(--duration-fast) var(--ease-default)}.about-btn:hover{transform:rotate(0) scale(1.04)}.about-btn:active{transform:rotate(-6deg) scale(.97)}.about-btn .pin{position:absolute;top:-16px;right:8px;width:27px;height:auto;pointer-events:none}.about-btn{border:0;cursor:pointer}.about-modal{border:0;padding:0;width:min(960px,calc(100vw - 32px));max-height:86dvh;border-radius:18px;background:var(--color-bg);box-shadow:var(--shadow-lifted);overflow:hidden}.about-modal::backdrop{background:#0000008f}.am-bar{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--color-white);border-bottom:1px solid #E6E6EB}.am-dot{width:12px;height:12px;border-radius:50%;border:0;padding:0;flex:none}.am-close{background:#ff5f57;cursor:pointer}.am-close:hover{filter:brightness(.9)}.am-min{background:#febc2e}.am-max{background:#28c840}.am-url{flex:1;margin-left:10px;background:var(--color-surface);border-radius:var(--radius-pill);padding:8px 16px;font:500 13px/1 var(--font-body);color:var(--color-ink-muted);text-align:center}.am-avatar{flex:none;width:30px;height:30px;margin-left:4px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;overflow:hidden;background:linear-gradient(160deg,#f7f7f7,#c9cdd2);box-shadow:0 1px 3px #0000002e,inset 0 1px #ffffff80}.am-avatar img{width:100%;height:100%;object-fit:cover}.am-body{overflow-y:auto;max-height:calc(86dvh - 46px);padding:36px clamp(22px,5vw,56px) 56px;text-align:left}.am-body h2{font:800 clamp(22px,2.6vw,30px) / 1.15 var(--font-display);letter-spacing:-.015em;color:var(--color-display);margin:0;text-transform:none}.am-hero{display:grid;grid-template-columns:minmax(0,300px) 1fr;align-items:start;gap:clamp(24px,4vw,44px);margin-top:28px}.am-photo{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:var(--radius-lg)}@media(max-width:700px){.am-hero{grid-template-columns:1fr}.am-photo{max-width:300px}}.am-col-title{margin:0 0 6px;padding-bottom:14px;border-bottom:1px solid rgba(42,49,50,.14)}.am-intro-tag{white-space:nowrap}.am-cycler{display:inline-block;width:28px;height:28px;border-radius:var(--radius-pill);object-fit:cover;vertical-align:-8px;margin-right:4px}.am-col>p{font:400 16px/1.7 var(--font-body);color:var(--color-ink-muted);margin:18px 0 0}.am-col strong{color:var(--color-ink);font-weight:700}.am-col section{margin-top:26px}.am-col h4{font:700 16px/1.5 var(--font-body);color:var(--color-ink);margin:0}.am-col section>p{font:400 16px/1.7 var(--font-body);color:var(--color-ink-muted);margin:4px 0 0}.am-body h3{font:700 20px/1.25 var(--font-body);color:var(--color-ink);margin:36px 0 8px}.am-body section>p{font:400 16px/1.6 var(--font-body);color:var(--color-ink-muted);margin:0}.am-timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.am-timeline li{display:grid;grid-template-columns:168px 1fr;gap:16px;background:var(--color-surface);border-radius:var(--radius-md);padding:16px 20px}.am-period{font:700 13px/1.5 var(--font-body);color:var(--color-primary)}.am-timeline strong{font:700 15px/1.4 var(--font-body);color:var(--color-ink)}.am-timeline p{font:400 14px/1.5 var(--font-body);color:var(--color-ink-muted);margin:2px 0 0}@media(max-width:600px){.am-timeline li{grid-template-columns:1fr;gap:4px}}.contact-modal{width:min(640px,calc(100vw - 32px))}.cm-lead{font:400 16px/1.6 var(--font-body);color:var(--color-ink-muted);margin:10px 0 0}.cm-rows{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px}.cm-rows li{display:flex;flex-direction:column;gap:4px}.cm-label{font:500 16px/1.3 var(--font-body);color:var(--color-ink)}.cm-value{font:500 14px/1.4 var(--font-body);color:var(--color-ink-muted);text-decoration:none;width:fit-content;transition:color var(--duration-fast) var(--ease-default)}.cm-value:hover{color:var(--color-primary)}.cm-rule{border:0;border-top:1px solid rgba(42,49,50,.14);margin:26px 0 0}.cm-resume-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:26px}.cm-resume-head h3{margin:0}.cm-download{padding:12px 22px}.cm-resume{margin-top:16px;display:flex;flex-direction:column;gap:16px}.cm-resume img{display:block;width:100%;height:auto;border-radius:var(--radius-sm);background:var(--color-white);box-shadow:var(--shadow-soft)}@media(prefers-reduced-motion:no-preference){.about-modal[open]{animation:amIn .3s var(--ease-out)}.about-modal[open]::backdrop{animation:amFade .3s var(--ease-out)}@keyframes amIn{0%{opacity:0;transform:translateY(16px) scale(.97)}}@keyframes amFade{0%{opacity:0}}}.doodle{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none}.dd-flake{left:17%;top:4%;width:clamp(72px,9vw,130px);transform:rotate(-8deg)}.dd-loop{right:12%;top:7%;width:clamp(64px,8vw,112px);transform:rotate(10deg)}.dd-oval{left:9%;bottom:5%;width:clamp(76px,9.5vw,136px);transform:rotate(-6deg)}@media(max-width:600px){.doodle{display:none}}.nf-page{min-height:100dvh;display:grid}.name-on-paper{color:var(--color-ink);text-shadow:none}.nf{position:relative;place-self:center;text-align:center;width:min(720px,100%);padding:48px 24px 160px}.nf-code{font:900 clamp(120px,22vw,220px) / 1 var(--font-display);letter-spacing:-.02em;color:var(--color-primary-soft);margin:0;-webkit-user-select:none;user-select:none}.nf h1{font:700 clamp(24px,3.4vw,36px) / 1.2 var(--font-display);letter-spacing:-.015em;color:var(--color-display);margin:8px 0 0}.nf-lead{font:400 clamp(16px,1.8vw,20px) / 1.5 var(--font-body);color:var(--color-ink-muted);margin:14px 0 0}.nf .btn-primary{display:inline-block;margin-top:32px}.nf-d1{left:4%;top:30%;width:clamp(64px,8vw,110px);transform:rotate(-10deg)}.nf-d2{right:6%;top:12%;width:clamp(56px,7vw,96px);transform:rotate(12deg)}.nf-d3{right:10%;bottom:18%;width:clamp(64px,8vw,112px);transform:rotate(-6deg)}@media(prefers-reduced-motion:no-preference){.nf-code,.nf h1,.nf-lead,.nf .btn-primary{animation:nfRise var(--duration-slow) var(--ease-out) backwards}.nf h1{animation-delay:80ms}.nf-lead{animation-delay:.16s}.nf .btn-primary{animation-delay:.24s}@keyframes nfRise{0%{opacity:0;transform:translateY(18px)}}}.pg{position:relative;height:100dvh;overflow:hidden}.pg-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:grab;touch-action:none}.pg-viewport.is-panning{cursor:grabbing}.pg-viewport:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.pg-board{position:absolute;width:3200px;height:2000px;background-color:var(--color-bg);background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:56px 56px;-webkit-user-select:none;user-select:none;will-change:transform}.pg-note{position:absolute;width:190px;padding:18px 16px 26px;font:500 15px/1.45 var(--font-body);color:var(--color-ink);box-shadow:var(--shadow-soft);border-radius:2px}.pg-note-yellow{background:#f6e7b2}.pg-note-pink{background:#f4eaf5}.pg-polaroid{position:absolute;width:240px;margin:0;padding:10px 10px 12px;background:var(--color-white);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}.pg-polaroid img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:4px;pointer-events:none}.pg-polaroid figcaption{margin-top:8px;font:500 13px/1.4 var(--font-body);color:var(--color-ink-muted);text-align:center}.pg-ruler{position:absolute;top:0;left:0;right:0;height:26px;z-index:3;overflow:hidden;background:var(--color-bg);border-bottom:1px solid rgba(42,49,50,.14);pointer-events:none}.pg-ruler-strip{position:absolute;inset:0 auto 0 0;width:3200px;background-image:repeating-linear-gradient(90deg,rgba(42,49,50,.35) 0 1px,transparent 1px 100px),repeating-linear-gradient(90deg,rgba(42,49,50,.16) 0 1px,transparent 1px 20px);background-size:100% 10px,100% 5px;background-position:bottom left,bottom left;background-repeat:no-repeat}.pg-ruler-strip span{position:absolute;top:3px;transform:translate(4px);font:500 9.5px/1 var(--font-body);color:var(--color-ink-muted)}.pg-name{top:44px}.pg-hint{position:absolute;left:50%;bottom:118px;transform:translate(-50%);z-index:3;padding:10px 18px;border-radius:var(--radius-pill);font:500 14px/1 var(--font-body);color:var(--color-ink);pointer-events:none}@media(max-width:600px){.pg-hint{bottom:104px}}.confetti{position:absolute;border-radius:3px;pointer-events:none}.cf1{width:14px;height:14px;background:var(--color-accent-soft);left:14%;top:58%;transform:rotate(18deg)}.cf2{width:11px;height:11px;background:var(--color-primary-soft);right:16%;top:40%;transform:rotate(-12deg);border-radius:50%}.cf3{width:16px;height:8px;background:#cbebd3;right:10%;bottom:22%;transform:rotate(24deg)}.cf4{width:10px;height:10px;background:var(--color-primary);left:9%;bottom:30%;transform:rotate(40deg);opacity:.55}.works{max-width:1160px;margin:0 auto;padding:0 40px 60px;position:relative;text-align:center}.works-tab{display:inline-flex;align-items:center;gap:8px;transform:rotate(-7deg);background:var(--color-accent-soft);border-radius:var(--radius-sm);font:500 15px/1 var(--font-body);color:var(--color-ink);padding:10px 18px;box-shadow:var(--shadow-soft);margin-bottom:6px}.works h2{font:900 clamp(30px,4.4vw,50px) / 1.12 var(--font-body);text-transform:uppercase;color:var(--color-ink);margin:0 0 64px}.win-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:64px 36px;text-align:left}.win{position:relative;display:block;background:#f7f7f7cc;backdrop-filter:blur(36px) saturate(150%);-webkit-backdrop-filter:blur(36px) saturate(150%);border:1px solid #E6E6EB;border-radius:var(--radius-md);overflow:visible;grid-column:span 2;box-shadow:var(--shadow-soft);transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}@media(prefers-reduced-transparency:reduce){.win{background:#f8f6f3f5;backdrop-filter:none;-webkit-backdrop-filter:none}}.win:nth-child(1){transform:rotate(-5deg)}.win:nth-child(2){transform:rotate(1.6deg) translateY(-14px)}.win:nth-child(3){transform:rotate(4deg) translateY(10px)}.win:nth-child(4){grid-column:2 / span 2;transform:rotate(-3deg)}.win:nth-child(5){grid-column:4 / span 2;transform:rotate(2.6deg) translateY(18px)}@media(hover:hover)and (pointer:fine){.win:hover{transform:rotate(0) translateY(-6px);box-shadow:var(--shadow-lifted)}}.win:active{box-shadow:var(--shadow-soft)}.win .bar{display:flex;align-items:center;gap:6px;padding:11px 13px;border-bottom:1px solid #E6E6EB}.win .dotr{width:10px;height:10px;border-radius:50%}.win .clip{position:absolute;top:-12px;left:85%;width:34px;transform:rotate(16deg);z-index:1}.win .clip svg{display:block;width:100%;height:auto}.clip.c-blue{color:#3e4cff}.clip.c-primary{color:var(--color-primary)}.clip.c-gold{color:#e0a32e}.clip.c-green{color:#2fa84f}.clip.c-plum{color:#8b5cd6}.win .shot{display:block;width:calc(100% - 24px);margin:0 auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm)}.win .cap{display:flex;justify-content:space-between;align-items:baseline;padding:16px 18px 18px;gap:10px;flex-wrap:wrap}.win .cap h3{font:700 20px/1.2 var(--font-body);color:var(--color-ink);margin:0}.win .cap .meta{font:500 13px/1.4 var(--font-body);color:var(--color-ink-muted)}.sneak{padding:120px 0 140px;text-align:center;overflow:hidden}.sneak-scope{display:block;font-size:30px}.sneak h2{font:700 clamp(24px,3vw,34px) / 1.2 var(--font-display);letter-spacing:-.015em;color:var(--color-display);margin:10px 0 0}.sneak-clip{margin-top:52px}.sneak-track{display:flex;align-items:flex-end;width:max-content}.sneak-track img,.sneak-track video{display:block;border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);margin-right:24px;object-fit:cover}@media(prefers-reduced-motion:no-preference){.sneak-track{animation:sneakScroll 50s linear infinite}@media(hover:hover)and (pointer:fine){.sneak-clip:hover .sneak-track{animation-play-state:paused}}@keyframes sneakScroll{to{transform:translate(-50%)}}}.footer{position:relative;overflow:hidden;background:var(--color-primary-soft);padding:64px 16px 150px}.footer-wm{position:absolute;top:-6%;right:-12%;bottom:-6%;left:-12%;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-6deg);pointer-events:none;-webkit-user-select:none;user-select:none}.footer-wm span{font:900 clamp(88px,14vw,170px) / .94 var(--font-display);font-style:italic;text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;color:#2e4bd812}.footer-wm span:nth-child(2){align-self:center}.footer-wm span:nth-child(3){align-self:flex-end}.cta-card{position:relative;width:100%;height:433px;border-radius:16px;overflow:hidden;background:var(--color-ink);box-shadow:var(--shadow-lifted);display:flex;flex-direction:column;justify-content:space-between;padding:36px 40px}.cta-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000042;pointer-events:none}.cta-card>*{position:relative}.cta-top{display:flex;justify-content:flex-end;text-align:right;align-items:flex-start;gap:24px;flex-direction:column;align-items:flex-end}.cta-lead{font:500 clamp(17px,2vw,22px) / 1.35 var(--font-body);color:var(--color-white);margin:0;text-shadow:0 0 20px rgba(0,0,0,.38),0 0 52px rgba(0,0,0,.22)}.cta-btn{background:var(--color-white);color:var(--color-ink);font:500 16px/1 var(--font-body);padding:14px 28px;border:0;border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--duration-fast) var(--ease-default)}.cta-btn:hover{transform:scale(1.03)}.cta-btn:active{transform:scale(.97)}.cta-card h2{font:800 clamp(34px,4.6vw,56px) / .95 var(--font-display);text-transform:uppercase;letter-spacing:-.02em;color:var(--color-white);margin:0;text-shadow:0 0 24px rgba(0,0,0,.34),0 0 72px rgba(0,0,0,.22)}.cta-chip{position:absolute;display:inline-flex;align-items:center;gap:8px;font:500 14px/1 var(--font-body);color:var(--color-ink);padding:9px 14px 9px 9px;border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}.cta-chip i{font-style:normal;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px}.chip-pink{background:#f4eaf5}.chip-pink i{background:#ec68fd}.chip-green{background:#f4f8e8}.chip-green i{background:#93ba06}.chip-purple{background:#f1eefc}.chip-purple i{background:#8168fd}.chip-t1{left:6%;top:26%;transform:rotate(-7deg)}.chip-t2{right:8%;top:52%;transform:rotate(5deg)}.chip-t3{left:30%;top:42%;transform:rotate(-4deg)}.footer-row{margin:56px 0 0;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:20px}.footer-mark{font:800 clamp(28px,3.4vw,44px) / 1 var(--font-display);color:var(--color-ink);letter-spacing:-.015em;text-decoration:none}.footer-nav{display:flex;flex-wrap:wrap;gap:10px 26px}.footer-nav a,.footer-nav button{font:500 15px/1 var(--font-body);color:var(--color-ink);text-decoration:none;border:0;background:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:color var(--duration-fast) var(--ease-default)}.footer-nav a:hover,.footer-nav button:hover{color:var(--color-primary)}.footer-meta{margin:28px 0 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font:500 13px/1.4 var(--font-body);color:var(--color-ink-muted)}@media(max-width:809px){.cta-card{padding:26px 22px}.cta-card h2{font-size:clamp(25px,7vw,32px)}.cta-lead{font-size:16px}.cta-chip{font-size:12px;padding:7px 11px 7px 7px;gap:6px}.cta-chip i{width:20px;height:20px;font-size:11px}.chip-t1{left:3%;top:32%}.chip-t2{right:3%;top:44%}.chip-t3{left:8%;top:56%}}@media(min-width:810px){.footer{padding-left:24px;padding-right:24px}.cta-card{height:704px;border-radius:18px}}@media(min-width:1440px){.footer{padding-left:32px;padding-right:32px}.cta-card{height:788px;border-radius:24px}}@media(prefers-reduced-motion:no-preference){.hero .profile,.hero h1,.hero .lead,.hero .hero-actions{animation:riseIn var(--duration-slow) var(--ease-out) backwards}.hero .profile{animation-delay:80ms}.hero h1{animation-delay:.16s}.hero .lead{animation-delay:.24s}.hero .hero-actions{animation-delay:.32s}.dock-wrap{animation:dockRise .6s var(--ease-out) .48s backwards}@keyframes riseIn{0%{opacity:0;transform:translateY(24px)}}@keyframes dockRise{0%{opacity:0;transform:translateY(72px)}}}@supports (animation-timeline: scroll()){@media(prefers-reduced-motion:no-preference){.hero,.name{animation:heroSettle linear both;animation-timeline:scroll(root block);animation-range:0 78vh}@keyframes heroSettle{to{opacity:0;transform:translateY(-28px) scale(.97)}}}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.works-scene .win{animation:winIn linear both;animation-timeline:view();animation-range:entry 5% cover 40%}@keyframes winIn{0%{opacity:0}}}}.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.reveal.in{opacity:1;transform:translateY(0)}@media(max-width:760px){.hero{padding:56px 22px 60px}.works{padding-left:22px;padding-right:22px}.win-grid{grid-template-columns:1fr;gap:44px}.win:nth-child(n){grid-column:auto}.win:nth-child(1){transform:rotate(-2deg)}.win:nth-child(2){transform:rotate(1.6deg) translateY(0)}.win:nth-child(3){transform:rotate(2deg) translateY(0)}.win:nth-child(4){transform:rotate(-2deg)}.win:nth-child(5){transform:rotate(1.8deg) translateY(0)}}@media(min-width:761px)and (max-width:1000px){.win-grid{grid-template-columns:1fr 1fr;gap:52px 36px}.win:nth-child(n){grid-column:span 1}.win:nth-child(5){grid-column:1 / -1;max-width:52%;margin:0 auto;width:100%}}@media(max-width:480px){.hero{padding:72px 22px 90px}.hero .lead{font-size:17px;margin-top:20px}.btn-primary,.btn-secondary{padding:13px 22px;font-size:15px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.btn-primary{transition:none}}.page-brand{position:absolute;top:28px;left:50%;transform:translate(-50%);z-index:2;font:700 24px/1 var(--font-display);letter-spacing:-.01em;color:var(--color-ink);text-decoration:none}.work-page{min-height:100dvh;padding:120px 40px 170px}.work-page>*{max-width:1160px;margin-left:auto;margin-right:auto}.case-head{text-align:left;padding-top:24px}.case-crumb{display:flex;align-items:center;gap:10px;font:500 15px/1 var(--font-body);color:var(--color-ink-muted)}.case-crumb a{color:var(--color-ink);text-decoration:underline;text-underline-offset:3px;transition:color var(--duration-fast) var(--ease-default)}.case-crumb a:hover{color:var(--color-primary)}.case-head h1{font:800 clamp(36px,5vw,56px) / 1.1 var(--font-display);letter-spacing:-.02em;color:var(--color-display);margin:28px 0 0}.case-summary{font:400 20px/1.6 var(--font-body);color:var(--color-ink-muted);max-width:68ch;margin:24px 0 0}.case-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.meta-status,.meta-chip{font:500 13px/1 var(--font-body);padding:9px 16px;border-radius:var(--radius-pill)}.meta-status{background:var(--color-ink);color:var(--color-white)}.meta-chip{background:var(--color-surface);color:var(--color-ink)}.case-cover{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-md);margin-top:48px;box-shadow:var(--shadow-soft)}.tldr-card{max-width:840px;background:var(--color-primary-soft);border-radius:var(--radius-md);padding:28px 32px;margin-top:56px}.tldr-card h2{font:700 20px/1.2 var(--font-body);color:var(--color-ink);margin:0 0 12px}.tldr-card ul{margin:0;padding-left:20px;color:var(--color-ink);line-height:1.6}.case-facts{display:flex;flex-wrap:wrap;gap:24px 56px;margin-top:40px}.case-facts dt{font:400 15px/1.5 var(--font-body);color:var(--color-ink-muted)}.case-facts dd{font:500 15px/1.5 var(--font-body);color:var(--color-ink);margin:2px 0 0}.cs-sidebar{position:fixed;left:40px;top:23px;z-index:4;width:150px;max-height:calc(100dvh - 180px);overflow-y:auto;display:none}@media(min-width:1480px){.cs-sidebar{display:block}}@media(prefers-reduced-motion:no-preference){.cs-sidebar{animation:csSideIn var(--duration-slow) var(--ease-out) backwards;animation-delay:.12s}@keyframes csSideIn{0%{opacity:0;transform:translate(-14px)}}}.cs-back{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-pill);color:var(--color-ink);background:var(--color-surface);transition:background var(--duration-fast) var(--ease-default)}.cs-back:hover{background:var(--color-surface-alt)}.cs-sidebar nav{margin-top:28px;display:flex;flex-direction:column;gap:14px}.cs-sidebar nav a{font:500 13px/1.4 var(--font-body);color:var(--color-ink-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}.cs-sidebar nav a:hover{color:var(--color-primary)}.case-section{scroll-margin-top:32px}.case-article{max-width:840px;padding-top:24px}.case-section h2{font:700 24px/1.3 var(--font-body);color:var(--color-ink);margin:56px 0 12px}.case-section h3{font:700 18px/1.4 var(--font-body);color:var(--color-ink);margin:28px 0 8px}.case-section p{font:400 16px/1.7 var(--font-body);color:var(--color-ink-muted);margin:0 0 16px}.case-section ul{margin:0 0 16px;padding-left:22px;color:var(--color-ink-muted);font:400 16px/1.7 var(--font-body)}.case-section li{margin-bottom:4px}.cs-quote{margin:20px 0 24px;padding:18px 24px;background:var(--color-surface);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm)}.cs-quote blockquote{margin:0;font:400 16px/1.7 var(--font-body);color:var(--color-ink)}.case-section p.cs-statement{margin:24px 0 28px;padding:32px 40px;background:var(--color-primary-soft);border-radius:var(--radius-md);text-align:center;text-wrap:balance;font:600 clamp(20px,2.4vw,26px) / 1.45 var(--font-body);color:var(--color-ink)}.cs-quote figcaption{margin-top:8px;font:700 13px/1.4 var(--font-body);color:var(--color-ink-muted)}.cs-ph{display:flex;align-items:center;justify-content:center;min-height:260px;margin:20px 0 8px;border:1.5px dashed rgba(42,49,50,.28);border-radius:var(--radius-md);background:#ffffff8c}.cs-ph span{font:500 14px/1.5 var(--font-body);color:var(--color-ink-muted);text-align:center;padding:0 24px}.cs-img{display:block;width:100%;height:auto;margin:28px 0 36px;border-radius:var(--radius-md)}.cs-img+.cs-caption{margin-top:-28px}.cs-video{width:auto;max-width:min(320px,100%);margin-inline:auto}.cs-split{margin:96px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,4vw,56px)}.cs-split-flip .cs-split-media{order:-1}.cs-split-copy h3{margin-top:0}.cs-split-media{position:relative;display:flex;align-items:center;justify-content:center}.cs-split-media video,.cs-split-media img{display:block;width:min(250px,62%);height:auto;border-radius:14px;box-shadow:var(--shadow-lifted)}.cs-collage{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.cs-collage img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);box-shadow:none}.cs-collage img:first-child{grid-column:1 / -1;aspect-ratio:443 / 322}.cs-task-card{background:var(--color-surface);border-radius:var(--radius-md);padding:20px 22px;margin-top:16px}.cs-task-card h4{font:700 18px/1.35 var(--font-body);color:var(--color-ink);margin:0}.cs-task-card ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.cs-task-card li{font:400 15px/1.5 var(--font-body);color:var(--color-ink-muted)}.cs-task-card strong{font-weight:700;color:var(--color-ink)}.cs-split-embed{width:100%;border:0;border-radius:var(--radius-md);background:var(--color-ink);box-shadow:var(--shadow-soft)}.cs-stack{position:relative;width:100%;aspect-ratio:399 / 440}.cs-stack img{position:absolute;display:block;object-fit:cover;border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}.cs-stack img:nth-child(1){left:0;top:0;width:87.7%;aspect-ratio:350 / 316}.cs-stack img:nth-child(2){left:38.6%;top:14.3%;width:61.4%;aspect-ratio:245 / 201}.cs-stack img:nth-child(3){left:16%;top:39.8%;width:47.6%;aspect-ratio:190 / 265}.cs-split-media.has-card{aspect-ratio:1.1;border-radius:var(--radius-md);background:#5c6be0 center / cover no-repeat}.cs-split-media.has-card video,.cs-split-media.has-card img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media(max-width:860px){.cs-split{grid-template-columns:1fr;gap:24px}.cs-split-flip .cs-split-media{order:0}.cs-split-media video,.cs-split-media img{width:min(220px,52%)}}.cs-embed{margin:28px auto 8px;width:min(500px,100%);border-radius:var(--radius-md);overflow:hidden;background:var(--color-ink);box-shadow:var(--shadow-soft)}.cs-embed iframe{display:block;width:100%;height:100%;border:0}.cs-gallery-wrap{position:relative;width:100%;margin:28px 0 36px}.cs-gal-btn{position:absolute;top:calc(50% - 6px);width:40px;height:40px;border:1px solid #e6e6eb;border-radius:50%;background:var(--color-white);color:var(--color-ink);box-shadow:var(--shadow-soft);display:grid;place-items:center;transition:opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.cs-gal-prev{left:-14px;transform:translateY(-50%)}.cs-gal-next{right:-14px;transform:translateY(-50%) rotate(180deg)}.cs-gal-btn:disabled{opacity:.3;cursor:default}@media(hover:hover)and (pointer:fine){.cs-gal-btn:not(:disabled):hover{transform:translateY(-50%) scale(1.06)}.cs-gal-next:not(:disabled):hover{transform:translateY(-50%) rotate(180deg) scale(1.06)}}.cs-gallery{width:100%;list-style:none;padding:0 0 12px;display:flex;justify-content:safe center;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.cs-gallery li{flex:none;scroll-snap-align:center}.cs-gallery img{display:block;width:100%;height:auto;border-radius:var(--radius-md)}.cs-gallery-slide li{width:100%}.cs-gallery-card li{width:min(300px,62vw)}.cs-gallery:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.cs-gal-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}.cs-gal-dot{width:8px;height:8px;padding:0;border:0;border-radius:var(--radius-pill);background:#2a313238;transition:width var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-default)}.cs-gal-dot.is-on{width:22px;background:var(--color-primary)}.cs-pair{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,4vw,56px);margin:48px 0}.cs-pair video,.cs-pair img{display:block;justify-self:center;height:auto;border-radius:var(--radius-md)}.cs-pair video{width:min(250px,100%);border-radius:14px;box-shadow:var(--shadow-lifted)}.cs-pair img{width:min(300px,100%)}@media(max-width:860px){.cs-pair{grid-template-columns:1fr;gap:28px}}.cs-logos{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:28px;margin:24px 0 8px;padding:0}.cs-logos li{display:flex;flex-direction:column;align-items:center;gap:10px}.cs-logos img{width:84px;height:84px;border-radius:18px;object-fit:cover}.cs-logos span{font:500 13px/1.4 var(--font-body);color:var(--color-ink-muted)}.cs-caption{font:400 13px/1.5 var(--font-body);color:var(--color-ink-muted);text-align:center;margin:0 0 24px}.cs-link{display:inline-block;font:500 16px/1 var(--font-body);color:var(--color-primary);text-decoration:none}.cs-link:hover{text-decoration:underline}.cs-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:20px 0 24px}.cs-stats div{background:var(--color-surface);border-radius:var(--radius-md);padding:20px 22px}.cs-stats dt{font:800 clamp(22px,2.6vw,30px) / 1.15 var(--font-display);letter-spacing:-.015em;color:var(--color-primary)}.cs-stats dd{margin:6px 0 0;font:400 14px/1.5 var(--font-body);color:var(--color-ink-muted)}.coming-soon-card{text-align:center;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);transform:rotate(-1deg);padding:56px 32px;margin-top:24px}.cs-plant{display:block;font-size:44px;margin-bottom:12px}.coming-soon-card h2{font:700 24px/1.2 var(--font-body);color:var(--color-ink);margin:0 0 10px}.coming-soon-card p{color:var(--color-ink-muted);max-width:44ch;margin:0 auto;line-height:1.6}.coming-soon-card a{color:var(--color-primary);font-weight:500}.case-nav{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:16px;margin-top:96px}.case-nav a{font:700 clamp(22px,2.6vw,36px) / 1.2 var(--font-display);letter-spacing:-.015em;color:var(--color-ink);text-decoration:none;transition:color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.case-nav a:hover{color:var(--color-primary)}.case-nav a:first-child:hover{transform:translate(-4px)}.case-nav a:last-child:hover{transform:translate(4px)}}@media(max-width:760px){.work-page{padding:104px 22px 150px}.case-nav{margin-top:64px}}.work-page>.footer{max-width:none;margin:96px -40px -170px}@media(max-width:760px){.work-page>.footer{margin:96px -22px -150px}}