:root{--bg: #16181C;--bg-2: #1C1F24;--bg-3: #22262C;--fg: #E4E1DA;--fg-muted: #9E9C94;--fg-dim: #838178;--line: #25282E;--accent: #9FB2C8;--accent-ink: #B6C5D8;--warn: #D6BE8A;--bloom-a: #1F2A38;--bloom-b: #2A2230;--shadow-soft: 0 24px 60px rgba(0,0,0,.5);--shadow-card: 0 0 0 1px var(--line);--radius: 3px;--f-display: "Inter Tight", "Inter", system-ui, sans-serif;--f-sans: "Inter", system-ui, sans-serif;--f-mono: "Inter", system-ui, sans-serif}html[data-theme=light]{--bg: #F6F4F8;--bg-2: #EFEBF2;--bg-3: #E5E0EA;--fg: #1F1B2A;--fg-muted: #4A4458;--fg-dim: #5E5B6B;--line: #E2DCEA;--accent: #B07A8E;--accent-ink: #8E5C72;--warn: #B97A4A;--bloom-a: #FFB89C;--bloom-b: #A8B8E8;--bloom-c: #F4C0CE;--bloom-d: #FFE6C8;--shadow-soft: 0 40px 100px -30px rgba(168, 184, 232, .28), 0 16px 40px -16px rgba(255, 184, 156, .14);--shadow-card: 0 1px 0 var(--line), 0 24px 60px -28px rgba(168, 184, 232, .22), 0 8px 20px -8px rgba(244, 192, 206, .14)}html,body{transition:background-color 1.1s cubic-bezier(.22,1,.36,1),color .9s cubic-bezier(.22,1,.36,1) .1s}.nav,.case-hero,.approach-item,.surface,.mock,.node,.phone,.case-kv,.about-meta .row,.skill-col h3,.contact-cta-row,.contact-socials a,.case-meta-rail,.footer,.tweaks{transition:background-color 1.1s cubic-bezier(.22,1,.36,1),border-color 1.1s cubic-bezier(.22,1,.36,1),color .9s cubic-bezier(.22,1,.36,1) .1s,box-shadow 1.1s cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);transition:background-color .28s cubic-bezier(.22,1,.36,1),color .28s cubic-bezier(.22,1,.36,1)}body{font-family:var(--f-sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;font-weight:400}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--bg)}.wrap{max-width:1400px;margin:0 auto;padding:0 48px}@media (max-width: 720px){.wrap{padding:0 24px}}.nav{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);background:#16181cb3;border-bottom:1px solid transparent;transition:border-color .5s ease,background .5s ease}.nav.scrolled{border-bottom-color:var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 48px;max-width:1400px;margin:0 auto}.logo{font-family:var(--f-display);font-weight:400;font-size:15px;letter-spacing:-.005em;display:flex;align-items:center;gap:10px}.logo .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.75;animation:pulse 5.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:.35;transform:scale(.9)}}.nav-links{display:flex;gap:36px;font-family:var(--f-mono);font-size:12px;letter-spacing:.02em;color:var(--fg-muted)}.nav-links a{position:relative;padding:4px 0;transition:color .2s ease}.nav-links a:hover{color:var(--fg)}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--accent);transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-cta{font-family:var(--f-mono);font-size:12px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius);transition:background .2s,border-color .2s}.nav-cta:hover{background:var(--bg-3);border-color:var(--fg-dim)}@media (max-width: 720px){.nav-inner{padding:14px 24px}.nav-links{display:none}}.hero{min-height:100vh;padding:180px 0 120px;position:relative;display:flex;flex-direction:column;justify-content:center}.hero-meta{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:11px;color:var(--fg-dim);letter-spacing:.08em;text-transform:uppercase;margin-bottom:72px}.hero-meta .right{display:flex;gap:24px}.hero-meta .live{display:inline-flex;align-items:center;gap:6px}.hero-meta .live:before{content:"";width:6px;height:6px;border-radius:50%;background:#6fcf97;box-shadow:0 0 8px #6fcf97;animation:livePulse 2.4s cubic-bezier(.4,0,.6,1) infinite}.hero-meta .live:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#6fcf97;left:0;top:50%;transform:translateY(-50%);animation:liveRing 2.4s cubic-bezier(.22,1,.36,1) infinite;pointer-events:none}.hero-meta .live{position:relative;padding-left:12px}.hero-meta .live:before{position:absolute;left:0;top:50%;transform:translateY(-50%)}@keyframes livePulse{0%,to{box-shadow:0 0 6px #6fcf9799,0 0 14px #6fcf9740;opacity:1}50%{box-shadow:0 0 10px #6fcf97f2,0 0 22px #6fcf9780;opacity:.92}}@keyframes liveRing{0%{transform:translateY(-50%) scale(1);opacity:.7}80%{transform:translateY(-50%) scale(3.2);opacity:0}to{transform:translateY(-50%) scale(3.2);opacity:0}}@media (prefers-reduced-motion: reduce){.hero-meta .live:before,.hero-meta .live:after{animation:none}}h1.hero-headline{font-family:var(--f-display);font-weight:320;font-size:clamp(40px,7vw,96px);line-height:1.08;letter-spacing:-.025em;color:var(--fg);max-width:19ch;font-variation-settings:"opsz" 144,"SOFT" 30}h1.hero-headline em{font-style:italic;font-weight:300;color:var(--fg-muted);font-variation-settings:"opsz" 144,"SOFT" 100}h1.hero-headline .accent{color:var(--accent-ink);font-style:italic;font-weight:320}.hero-sub{margin-top:48px;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:end}@media (max-width: 900px){.hero-sub{grid-template-columns:1fr;gap:40px}}.hero-desc{max-width:48ch;font-size:17px;line-height:1.7;color:var(--fg-muted);text-wrap:pretty;font-weight:400}.hero-desc strong{color:var(--fg);font-weight:500}.hero-ctas{display:flex;gap:16px;align-items:center;justify-content:flex-start}.to-top{position:fixed;right:clamp(20px,3vw,40px);bottom:clamp(24px,4vw,48px);z-index:50;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg-2);color:var(--fg-muted);font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .5s cubic-bezier(.2,.7,.2,1),transform .5s cubic-bezier(.2,.7,.2,1),border-color .25s,color .25s}.to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.to-top:hover{color:var(--fg);border-color:var(--fg-dim)}.to-top .to-top-arr{font-family:var(--f-display);font-size:13px;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.to-top:hover .to-top-arr{transform:translateY(-2px)}@media (max-width: 600px){.to-top{padding:10px 12px}.to-top .to-top-label{display:none}.to-top .to-top-arr{font-size:14px}}@media (prefers-reduced-motion: reduce){.to-top{transition:opacity .2s;transform:none}}.hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) 1px minmax(0,.9fr);gap:clamp(36px,5vw,72px);align-items:stretch}.hero-text{display:flex;flex-direction:column;gap:clamp(28px,3.5vw,44px);justify-content:center;padding:clamp(8px,2vw,24px) 0}.hero-text .hero-headline{margin:0}.hero-tagline{margin:0;font-family:var(--f-display);font-weight:320;font-size:clamp(22px,3.4vw,40px);letter-spacing:-.02em;line-height:1.18;color:var(--fg-dim);max-width:22ch;text-wrap:balance}.hero-tagline .accent{color:var(--accent-ink);font-style:italic}.hero-rule{width:1px;background:var(--line);align-self:stretch;opacity:.7}.hero-aside{display:flex;flex-direction:column;gap:24px;justify-content:center;padding:clamp(8px,2vw,24px) 0;max-width:340px}.hero-portrait{margin:0;width:96px}.hero-portrait-frame{position:relative;width:96px;height:96px;overflow:hidden;border-radius:50%;border:1px solid var(--line);background:var(--bg-2);box-shadow:0 12px 28px -16px #0000008c}.hero-portrait-frame:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(120% 80% at 50% 20%,rgba(255,255,255,.05),transparent 60%);pointer-events:none;mix-blend-mode:overlay}.hero-portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:saturate(.88) contrast(.96) brightness(.96);transition:transform 1.6s cubic-bezier(.2,.7,.2,1),filter .9s}.hero-portrait:hover .hero-portrait-frame img{transform:scale(1.04);filter:saturate(.95) contrast(1) brightness(1)}html[data-theme=light] .hero-portrait-frame img{filter:saturate(.92) contrast(1) brightness(1.02)}.hero-bio{margin:0;font-size:15px;line-height:1.65;color:var(--fg-muted);text-wrap:pretty}.hero-bio strong{color:var(--fg);font-weight:500}.hero-bio em{font-style:italic;color:var(--fg)}.hero-aside-meta{display:inline-flex;gap:10px;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);padding-top:8px;border-top:1px solid var(--line);margin-top:4px}.hero-aside-meta .k{color:var(--fg-dim)}.hero-aside-meta .v{color:var(--fg-muted)}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-rule{display:none}.hero-aside{max-width:none;flex-direction:column}}.btn{font-family:var(--f-sans);font-size:14px;letter-spacing:0;text-transform:none;font-weight:500;padding:14px 24px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;transition:transform .45s cubic-bezier(.2,.7,.2,1),background .35s,border-color .35s,color .35s;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--fg);color:var(--bg)}.btn-primary:hover{background:var(--accent);color:var(--bg);transform:translateY(-1px)}.btn-ghost{border-color:var(--line);color:var(--fg)}.btn-ghost:hover{border-color:var(--fg-dim);background:var(--bg-2)}.btn .arrow{transition:transform .4s}.btn:hover .arrow{transform:translate(3px)}.section{padding:100px 0;position:relative}.section-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:40px;margin-bottom:80px;border-bottom:1px solid var(--line)}.section-label{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);display:flex;align-items:center;gap:10px}.section-label .num{color:var(--accent-ink)}.section-title{font-family:var(--f-display);font-weight:320;font-size:clamp(28px,3.2vw,42px);letter-spacing:-.022em;line-height:1.15;max-width:22ch;font-variation-settings:"opsz" 144}.section-title em{font-style:italic;color:var(--fg-muted);font-weight:300}.work-list{display:flex;flex-direction:column;gap:120px}.case{position:relative;opacity:0;transform:translateY(32px);transition:opacity 1.4s ease,transform 1.4s cubic-bezier(.2,.7,.2,1)}.case.visible{opacity:1;transform:none}.layout-fullbleed .case{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,4vw,56px);align-items:center;min-height:min(72vh,640px)}@media (max-width: 900px){.layout-fullbleed .case{grid-template-columns:1fr!important;gap:32px;min-height:0}}.layout-fullbleed .case-hero{position:relative;aspect-ratio:16 / 9!important;height:auto!important;border-radius:12px;overflow:hidden;border:none;background:transparent;margin:0}.layout-fullbleed .case-hero .hero-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:12px;transition:transform .8s cubic-bezier(.2,.7,.2,1);padding:0}.layout-fullbleed .case:hover .case-hero .hero-img{transform:scale(1.02)}.layout-fullbleed .case-meta-rail,.layout-fullbleed .case-kv{display:none!important}.layout-fullbleed .case-summary{margin-bottom:24px}.layout-fullbleed .case-grid{display:flex!important;flex-direction:column;gap:18px;grid-template-columns:unset!important}.layout-fullbleed .case-meta-rail{flex-direction:row!important;flex-wrap:wrap;gap:8px 24px!important;padding-top:0!important;margin:0}.layout-fullbleed .case-meta-rail .row{display:inline-flex!important;grid-template-columns:unset!important;gap:6px;min-width:0}.layout-fullbleed .case-meta-rail .row .k{font-size:10px}.layout-fullbleed .case-meta-rail .row .v{font-size:12px}.layout-fullbleed .case-title{font-size:clamp(24px,2.6vw,36px)!important;line-height:1.12!important;margin-bottom:8px!important;text-wrap:balance}.layout-fullbleed .case-summary{font-size:15px!important;line-height:1.6!important;margin-bottom:16px!important;max-width:56ch}.layout-fullbleed .case-kv{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;margin-bottom:20px!important}.layout-fullbleed .case-kv .kv-item .v{font-size:20px!important;line-height:1.1!important}.layout-fullbleed .case-kv .kv-item .k,.layout-fullbleed .case-kv .kv-item .sub{font-size:11px}.layout-fullbleed .case-meta-rail .row{display:none!important}.layout-fullbleed .case-meta-rail .row.show-row{display:inline-flex!important}.layout-fullbleed .case-summary{display:none!important}.layout-fullbleed .case-kv{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:16px!important}@media (max-width: 900px){.layout-fullbleed .case-kv{grid-template-columns:repeat(2,1fr)!important}}.layout-fullbleed .case-kv .kv-item .v{font-size:18px!important;line-height:1.1!important}.layout-fullbleed .case-kv .kv-item .k,.layout-fullbleed .case-kv .kv-item .sub{font-size:10px}.layout-fullbleed .case-kv .kv-item .sub{display:none!important}.layout-fullbleed .case-link{margin-top:4px}._unused_layout-fullbleed .case-hero{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;background:var(--bg-2);border:1px solid var(--line);margin-bottom:32px;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.layout-fullbleed .case:hover .case-hero{transform:scale(1.005)}.layout-fullbleed .case-hero .hero-surface{position:absolute;inset:0}.case-hero .hero-img{width:100%;height:100%;object-fit:cover;display:block}.layout-fullbleed .case-grid{display:grid;grid-template-columns:1fr 2.4fr;gap:64px;align-items:start}@media (max-width: 900px){.layout-fullbleed .case-grid{grid-template-columns:1fr;gap:28px}}.case-meta-rail{display:flex;flex-direction:column;gap:20px;font-family:var(--f-mono);font-size:11px;color:var(--fg-dim);letter-spacing:.04em;text-transform:uppercase;padding-top:6px}.case-meta-rail .row{display:grid;grid-template-columns:60px 1fr;gap:16px;align-items:baseline}.case-meta-rail .row .k{color:var(--fg-dim)}.case-meta-rail .row .v{color:var(--fg);text-transform:none;font-family:var(--f-sans);letter-spacing:normal;font-size:13px}.case-title{font-family:var(--f-display);font-size:clamp(28px,3.6vw,46px);font-weight:320;line-height:1.12;letter-spacing:-.022em;margin-bottom:24px;font-variation-settings:"opsz" 144}.case-title em{font-style:italic;color:var(--fg-muted);font-weight:300}.case-summary{font-size:17px;line-height:1.7;color:var(--fg-muted);max-width:56ch;margin-bottom:40px;text-wrap:pretty}.case-kv{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:24px 0;margin-bottom:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}@media (max-width: 720px){.case-kv{grid-template-columns:repeat(2,1fr)}}.case-kv .kv-item .k{font-family:var(--f-mono);font-size:10px;color:var(--fg-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.case-kv .kv-item .v{font-family:var(--f-display);font-size:28px;letter-spacing:-.02em;color:var(--fg);line-height:1.08;font-weight:340}.case-kv .kv-item .v.accent{color:var(--accent-ink);font-style:italic;font-weight:300}.case-kv .kv-item .sub{margin-top:6px;font-size:12px;color:var(--fg-muted)}.case-link{font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;gap:12px;padding-bottom:4px;border-bottom:1px solid var(--fg-dim);transition:border-color .25s,color .25s,gap .25s}.case-link:hover{color:var(--accent-ink);border-color:var(--accent-ink);gap:16px}.case-link:after{content:"";position:absolute;inset:0}.layout-split .case-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}@media (max-width: 900px){.layout-split .case-grid{grid-template-columns:1fr}}.layout-split .case-hero{position:relative;aspect-ratio:4 / 5;border-radius:var(--radius);overflow:hidden;background:var(--bg-2);border:1px solid var(--line)}.layout-split .case-hero .hero-surface{position:absolute;inset:0}.layout-split .case-meta-rail{flex-direction:row;flex-wrap:wrap;gap:12px 32px;margin-bottom:24px}.layout-split .case-meta-rail .row{display:inline-flex;gap:8px;grid-template-columns:unset}.layout-split .case-kv{grid-template-columns:repeat(2,1fr)}.layout-index .work-list{gap:0}.layout-index .case{border-top:1px solid var(--line);padding:40px 0;display:grid;grid-template-columns:48px 1fr 1.6fr auto;gap:40px;align-items:center;cursor:pointer;transition:padding .4s cubic-bezier(.2,.7,.2,1),background .3s;position:relative}.layout-index .work-list .case:last-child{border-bottom:1px solid var(--line)}.layout-index .case:hover{padding:56px 24px;background:var(--bg-2)}.layout-index .case-num{font-family:var(--f-mono);font-size:11px;color:var(--fg-dim);letter-spacing:.08em}.layout-index .case-title-inline{font-family:var(--f-display);font-size:clamp(28px,3vw,44px);letter-spacing:-.025em;line-height:1;font-weight:340}.layout-index .case-title-inline em{font-style:italic;color:var(--fg-muted);font-weight:300}.layout-index .case-sub{color:var(--fg-muted);font-size:15px;max-width:56ch;text-wrap:pretty}.layout-index .case-arrow{font-family:var(--f-mono);font-size:12px;color:var(--fg-dim);transition:color .25s,transform .25s}.layout-index .case:hover .case-arrow{color:var(--accent-ink);transform:translate(6px)}.layout-index .case-hero,.layout-index .case-kv,.layout-index .case-meta-rail,.layout-index .case-title,.layout-index .case-summary{display:none}.layout-index .case-grid,.layout-index .case-body{display:contents}.layout-index .case-link{display:none}@media (max-width: 900px){.layout-index .case{grid-template-columns:32px 1fr auto;padding:28px 0}.layout-index .case-sub{display:none}}.work-list.layout-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px);align-items:stretch}@media (max-width: 900px){.work-list.layout-cards{grid-template-columns:1fr;gap:clamp(28px,5vw,40px)}}.layout-cards .case{position:relative;display:flex!important;flex-direction:column;gap:0!important;min-height:0!important;grid-template-columns:unset!important;border-radius:18px;overflow:visible;background:transparent;border:none;box-shadow:none;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.layout-cards .case{position:relative;display:flex!important;flex-direction:column;gap:0!important;min-height:0!important;grid-template-columns:unset!important;padding:clamp(14px,1.4vw,18px) clamp(14px,1.4vw,18px) 0;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#ffffff0d,#ffffff05 60%,#ffffff0a);backdrop-filter:blur(50px) saturate(130%);-webkit-backdrop-filter:blur(50px) saturate(130%);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px -28px #0009,0 8px 20px -10px #0006,inset 0 1px #ffffff0f,inset 0 -1px #00000040;transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s cubic-bezier(.2,.7,.2,1);filter:none}.layout-cards .case:hover{transform:translateY(-6px);box-shadow:0 42px 70px -22px #000000b3,0 10px 24px -10px #00000073,inset 0 1px #ffffff14,inset 0 -1px #0000004d;filter:none}.layout-cards .case-hero{position:relative!important;aspect-ratio:16 / 9!important;height:auto!important;width:100%;border-radius:12px!important;overflow:hidden;border:1px solid rgba(255,255,255,.08)!important;background:var(--bg-3);margin:0!important;box-shadow:0 14px 24px -12px #0009,0 2px 6px -2px #0006,inset 0 1px #ffffff0a;transition:box-shadow .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}.layout-cards .case:hover .case-hero{box-shadow:0 18px 30px -12px #000000b3,0 3px 8px -2px #00000073,inset 0 1px #ffffff0d}.layout-cards .case-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.28) 70%,rgba(0,0,0,.48) 100%);pointer-events:none}@media (max-width: 600px){.layout-cards .case-hero{aspect-ratio:16 / 9!important;border-radius:10px!important}}.layout-cards .case-hero .hero-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:0!important;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.layout-cards .case:hover .case-hero .hero-img{transform:scale(1.04)}.layout-cards .case-grid{display:contents!important;gap:0!important;padding:0!important}.layout-cards .case-meta-rail,.layout-cards .case-kv,.layout-cards .case-summary{display:none!important}.layout-cards .case-body{position:relative;z-index:2;flex:1;margin:-60px calc(clamp(14px,1.4vw,18px)*-1) 0;width:auto;align-self:stretch;padding:clamp(28px,3vw,38px) clamp(20px,2.4vw,28px) clamp(18px,2.2vw,24px);background:linear-gradient(180deg,#121418b3 0% 100%);backdrop-filter:blur(70px) saturate(170%) brightness(.92);-webkit-backdrop-filter:blur(70px) saturate(170%) brightness(.92);border-radius:0 18px 22px 22px;border:none;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 1px #ffffff1a,0 -14px 30px -10px #00000073}.layout-cards .case-body:before{content:"";position:absolute;bottom:calc(100% - 1px);left:0;width:clamp(140px,48%,280px);height:24px;background:linear-gradient(180deg,#121418b3 0% 100%);backdrop-filter:blur(70px) saturate(170%) brightness(.92);-webkit-backdrop-filter:blur(70px) saturate(170%) brightness(.92);border:none;border-radius:16px 16px 0 0;box-shadow:inset 0 1px #ffffff1a}.layout-cards .case-body:after{display:none}@media (max-width: 600px){.layout-cards .case-body{margin-top:-48px;padding:22px 16px 16px;border-radius:0 14px 18px 18px}.layout-cards .case-body:before{height:20px;width:clamp(120px,50%,220px);border-radius:14px 14px 0 0}}.layout-cards .case-title{font-family:var(--f-display)!important;font-size:clamp(17px,1.7vw,22px)!important;font-weight:360!important;line-height:1.22!important;letter-spacing:-.015em!important;margin:0!important;color:var(--fg)!important;text-wrap:balance}.layout-cards .case-title em{color:var(--fg-muted)!important;font-weight:320!important}.layout-cards .case-subline{font-family:var(--f-sans);font-size:clamp(12.5px,1.2vw,13.5px);line-height:1.5;color:var(--fg-muted);margin:0;text-wrap:pretty;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.layout-cards .case-link{margin-top:6px;padding-top:4px;align-self:flex-start;font-size:11px;color:var(--fg-muted);border-bottom:1px solid var(--fg-dim)}.layout-cards .case-link:hover{color:var(--fg);border-bottom-color:var(--fg)}html[data-theme=light] .layout-cards .case{background:linear-gradient(180deg,#ffffffa6,#ffffff73);border:1px solid rgba(255,255,255,.7);box-shadow:0 30px 50px -24px #3c325038,0 8px 18px -8px #3c325024,inset 0 1px #ffffffe6,inset 0 -1px #3c32500f}html[data-theme=light] .layout-cards .case:hover{box-shadow:0 42px 60px -22px #3c325047,0 10px 22px -8px #3c32502e,inset 0 1px #fffffff2,inset 0 -1px #3c325014}html[data-theme=light] .layout-cards .case-hero{border:1px solid rgba(60,50,80,.08)!important;box-shadow:0 12px 20px -10px #3c325038,0 2px 6px -2px #3c325024,inset 0 1px #ffffff80}html[data-theme=light] .layout-cards .case-hero:after{background:linear-gradient(to bottom,transparent 0%,rgba(60,50,80,.1) 70%,rgba(60,50,80,.2) 100%)}html[data-theme=light] .layout-cards .case-body{background:linear-gradient(180deg,#ffffffb3 0% 100%);backdrop-filter:blur(70px) saturate(180%);-webkit-backdrop-filter:blur(70px) saturate(180%);border:none;box-shadow:inset 0 1px #fffffff2,0 -10px 22px -10px #3c32501f}html[data-theme=light] .layout-cards .case-body:before{background:linear-gradient(180deg,#ffffffb3 0% 100%);backdrop-filter:blur(70px) saturate(180%);-webkit-backdrop-filter:blur(70px) saturate(180%);border:none;box-shadow:inset 0 1px #fffffff2}@media (prefers-reduced-motion: reduce){.layout-cards .case,.layout-cards .case-hero .hero-img{transition:none}.layout-cards .case:hover,.layout-cards .case:hover .case-hero .hero-img{transform:none}}.surface{width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch;position:relative;background:linear-gradient(135deg,rgba(77,124,254,.06),transparent 60%),var(--bg-2)}.surface:before{content:attr(data-label);position:absolute;top:20px;left:20px;font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);z-index:3}.surface-stripe{background-image:repeating-linear-gradient(135deg,transparent 0 18px,rgba(237,230,214,.025) 18px 19px)}.mock{position:absolute;inset:56px 56px 0;background:var(--bg-3);border:1px solid var(--line);border-radius:4px 4px 0 0;display:flex;flex-direction:column;overflow:hidden}.mock-bar{padding:10px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:10px;color:var(--fg-dim)}.mock-bar .dots{display:flex;gap:5px;margin-right:10px}.mock-bar .dots i{width:8px;height:8px;border-radius:50%;background:var(--line);display:inline-block}.mock-body{flex:1;display:grid;gap:1px;background:var(--line);padding:1px}.mock-dash{grid-template-columns:180px 1fr}.mock-side,.mock-main{background:var(--bg-3);padding:16px;display:flex;flex-direction:column;gap:10px}.mock-side .it{font-family:var(--f-mono);font-size:10px;color:var(--fg-dim);padding:6px 8px;border-radius:2px}.mock-side .it.active{background:var(--bg);color:var(--fg)}.mock-side .it.accent{color:var(--accent-ink)}.mock-main .row1{display:flex;justify-content:space-between;align-items:baseline}.mock-main h3{font-family:var(--f-display);font-size:20px;font-weight:400;letter-spacing:-.018em}.mock-main .pill{font-family:var(--f-mono);font-size:9px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--fg-muted)}.mock-main .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}.mock-main .kpi{padding:12px;border:1px solid var(--line);border-radius:3px}.mock-main .kpi .l{font-family:var(--f-mono);font-size:9px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em}.mock-main .kpi .n{font-family:var(--f-display);font-size:20px;font-weight:400;letter-spacing:-.018em;margin-top:4px}.mock-main .kpi .n.accent{color:var(--accent-ink);font-style:italic;font-weight:320}.mock-main .chart{flex:1;margin-top:4px;border:1px solid var(--line);border-radius:3px;position:relative;overflow:hidden}.mock-main .chart svg{width:100%;height:100%}.mock-flow{grid-template-columns:1fr}.mock-canvas{background:radial-gradient(circle at 1px 1px,rgba(237,230,214,.08) 1px,transparent 0),var(--bg-3);background-size:16px 16px;position:relative;padding:24px}.node{position:absolute;min-width:120px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:3px}.node .nt{font-family:var(--f-mono);font-size:9px;color:var(--fg-dim);letter-spacing:.08em;text-transform:uppercase}.node .nn{font-family:var(--f-sans);font-size:12px;color:var(--fg);margin-top:4px}.node.accent{border-color:var(--accent)}.node.accent .nt{color:var(--accent-ink)}.mock-mobile{grid-template-columns:1fr 1fr}.mock-phone-col{background:var(--bg-3);padding:32px;display:flex;align-items:center;justify-content:center}.phone{width:180px;aspect-ratio:9/19.5;background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:14px 10px;display:flex;flex-direction:column;gap:8px;position:relative}.phone .status{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:8px;color:var(--fg-dim)}.phone .hd{font-family:var(--f-display);font-size:13px;font-weight:500;letter-spacing:-.012em;margin-top:10px;color:var(--fg)}.phone .sub{font-family:var(--f-mono);font-size:8px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.1em}.phone .card{border:1px solid var(--line);border-radius:3px;padding:8px;margin-top:4px}.phone .card .t{font-family:var(--f-sans);font-size:10px;color:var(--fg)}.phone .card .m{font-family:var(--f-mono);font-size:8px;color:var(--fg-dim);margin-top:3px}.phone .bar{height:3px;background:var(--line);border-radius:2px;margin-top:3px}.phone .bar>span{display:block;height:100%;background:var(--accent);border-radius:2px}.mock-phone-info{background:var(--bg-3);padding:28px;display:flex;flex-direction:column;justify-content:center;gap:16px}.mock-phone-info .big{font-family:var(--f-display);font-size:34px;letter-spacing:-.022em;line-height:1.05;font-weight:320;color:var(--accent-ink);font-style:italic}.mock-phone-info .small{font-family:var(--f-mono);font-size:10px;color:var(--fg-dim);letter-spacing:.08em;text-transform:uppercase}.mock-phone-info .desc{font-size:13px;color:var(--fg-muted)}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;gap:40px}}.about-copy p{font-family:var(--f-display);font-size:clamp(20px,2vw,26px);line-height:1.55;letter-spacing:-.012em;font-weight:320;color:var(--fg);margin-bottom:22px;text-wrap:pretty;font-variation-settings:"opsz" 72}.about-copy p em{font-style:italic;color:var(--fg-muted);font-weight:300}.about-copy p strong{font-weight:340;color:var(--accent-ink);font-style:italic}.about-meta{font-family:var(--f-mono);font-size:12px;color:var(--fg-dim);letter-spacing:.04em;display:flex;flex-direction:column;gap:20px}.about-meta .row{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.about-meta .row .k{text-transform:uppercase}.about-meta .row .v{color:var(--fg);font-family:var(--f-sans);letter-spacing:normal;font-size:14px}.about-stack{margin-top:clamp(56px,7vw,88px);display:flex;flex-direction:column;gap:clamp(48px,6vw,72px)}.about-bento{margin-top:clamp(56px,7vw,88px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-auto-rows:auto;gap:16px;align-items:stretch}@media (max-width: 900px){.about-bento{grid-template-columns:1fr}}.bento-card{background:var(--bg-2);border:1px solid var(--line);border-radius:18px;padding:clamp(20px,2.4vw,28px);transition:border-color .25s,background .25s;display:flex;flex-direction:column}.bento-card:hover{border-color:var(--fg-dim)}.bento-card.span-2{grid-column:span 2}@media (max-width: 900px){.bento-card.span-2{grid-column:span 1}}.bento-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line)}.bento-head .label{font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim)}.bento-head h3{font-family:var(--f-display);font-weight:320;font-size:clamp(18px,1.8vw,22px);letter-spacing:-.015em;line-height:1.18;color:var(--fg)}.bento-head h3 em{font-style:italic;color:var(--fg-muted);font-weight:300}.bento-journey{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column}@media (max-width: 900px){.bento-journey{position:static;top:auto}}.journey-headline{font-family:var(--f-display);font-size:clamp(24px,2.6vw,32px);font-weight:320;letter-spacing:-.018em;line-height:1.18;color:var(--fg);margin-bottom:6px;text-wrap:balance}.journey-headline em{font-style:italic;color:var(--fg-muted);font-weight:300}.journey-headline .accent{color:var(--accent-ink);font-style:italic}.journey-sub{font-family:var(--f-sans);font-size:13.5px;line-height:1.55;color:var(--fg-muted);margin-bottom:22px;max-width:38ch}.journey-timeline{display:flex;flex-direction:column;position:relative;padding-left:20px}.journey-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,var(--accent-ink),var(--line) 80%,transparent);opacity:.5}.journey-step{position:relative;padding:10px 0 14px}.journey-step:before{content:"";position:absolute;left:-20px;top:16px;width:14px;height:14px;border-radius:50%;background:var(--bg-2);border:1.5px solid var(--fg-dim)}.journey-step.active:before{border-color:var(--accent-ink);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent-ink) 18%,transparent)}.journey-when{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:4px}.journey-what{font-family:var(--f-sans);font-size:14.5px;color:var(--fg);line-height:1.4;font-weight:500}.journey-what em{font-style:italic;color:var(--accent-ink);font-weight:400}.journey-note{font-family:var(--f-sans);font-size:12.5px;color:var(--fg-muted);line-height:1.5;margin-top:3px}.bento-right{display:flex;flex-direction:column;gap:16px}.exp-item{display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);transition:padding .35s cubic-bezier(.2,.7,.2,1)}.exp-item{grid-template-columns:40px 1fr auto;align-items:start;padding:18px 0}.exp-item:hover{padding-left:8px}.exp-logo{width:40px;height:40px;border-radius:9px;background:var(--bg);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative}.exp-logo img{width:100%;height:100%;object-fit:cover;display:block}.exp-logo.has-logo{background:transparent;border-color:#ffffff0f}.exp-logo .fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);font-family:var(--f-display);font-size:14px;font-weight:500;background:var(--bg)}.exp-logo img+.fallback{display:none}.exp-logo img[data-failed="1"]+.fallback{display:flex}.exp-logo img[data-failed="1"]{display:none}.exp-role{font-family:var(--f-sans);font-size:14px;font-weight:500;color:var(--fg);line-height:1.3}.exp-where{font-family:var(--f-sans);font-size:12.5px;color:var(--fg-muted);margin-top:2px}.exp-blurb{font-family:var(--f-sans);font-size:12px;color:var(--fg-dim);line-height:1.5;margin-top:6px;grid-column:2 / -1;max-width:56ch}.exp-when{font-family:var(--f-mono);font-size:10.5px;color:var(--fg-dim);letter-spacing:.06em;text-align:right;white-space:nowrap}@media (max-width: 600px){.exp-item{grid-template-columns:36px 1fr;grid-template-rows:auto auto;gap:6px 12px;padding:12px 0}.exp-body{grid-column:2}.exp-when{grid-column:2;text-align:left;margin-top:-2px}}.tools-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;align-content:start}.tool-mini{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 8px 12px;background:var(--bg);border:1px solid var(--line);border-radius:12px;transition:border-color .2s,background .2s,transform .35s cubic-bezier(.2,.7,.2,1)}.tool-mini:hover{border-color:var(--fg-dim);background:var(--bg-3);transform:translateY(-2px)}.tool-mini .icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-radius:8px}.tool-mini .icon.has-logo{background:transparent}.tool-mini .icon img{width:100%;height:100%;object-fit:contain}.tool-mini .icon svg{width:100%;height:100%;color:var(--fg)}.tool-mini .name{font-family:var(--f-sans);font-size:11.5px;color:var(--fg);font-weight:500;letter-spacing:-.005em}.skill-chips{display:flex;flex-wrap:wrap;gap:6px}.skill-chip{font-family:var(--f-sans);font-size:11.5px;color:var(--fg-muted);padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg);transition:color .2s,border-color .2s,background .2s}.testimonials-marquee{position:relative;overflow:hidden;width:100%;mask-image:linear-gradient(to right,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%)}.testimonials-track{display:flex;flex-wrap:nowrap;gap:16px;width:max-content;will-change:transform;animation:testimonialsScroll var(--marquee-dur, 90s) linear infinite}.testimonials-marquee:hover .testimonials-track,.testimonials-marquee:focus-within .testimonials-track,.testimonials-marquee.is-paused .testimonials-track{animation-play-state:paused}@keyframes testimonialsScroll{0%{transform:translateZ(0)}to{transform:translate3d(calc(-1 * var(--marquee-shift, 50%)),0,0)}}.testimonials-track .testimonial-card{flex:0 0 auto;width:clamp(280px,28vw,380px)}@media (max-width: 700px){.testimonials-track .testimonial-card{width:82vw}.testimonials-marquee{mask-image:linear-gradient(to right,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%)}}@media (prefers-reduced-motion: reduce){.testimonials-track{animation:none}.testimonials-marquee{overflow-x:auto;-webkit-overflow-scrolling:touch}}.testimonial-card{position:relative;background:var(--bg-2);border:1px solid var(--line);border-radius:18px;padding:clamp(22px,2.6vw,30px);display:flex;flex-direction:column;gap:18px;transition:border-color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}.testimonial-card:hover{border-color:var(--fg-dim);transform:translateY(-3px)}.testimonial-card .mark{font-family:var(--f-display);font-size:48px;line-height:.6;color:var(--accent-ink);opacity:.55;margin-bottom:-8px;display:block}.testimonial-card .quote{font-family:var(--f-sans);font-size:14px;line-height:1.6;color:var(--fg);flex:1;text-wrap:pretty}.testimonial-card .quote em{color:var(--fg-muted);font-style:italic}.testimonial-card .person{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--line)}.testimonial-card .avatar{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-display);font-size:14px;font-weight:500;color:var(--fg);background:var(--bg-3);border:1px solid var(--line);flex-shrink:0}.testimonial-card .avatar[data-tone=a]{background:linear-gradient(140deg,#8c7ae638,#8c7ae60f);border-color:#8c7ae652;color:#b5a8f0}.testimonial-card .avatar[data-tone=b]{background:linear-gradient(140deg,#78a5d738,#78a5d70f);border-color:#78a5d752;color:#b0c4de}.testimonial-card .avatar[data-tone=c]{background:linear-gradient(140deg,#d69e7b38,#d69e7b0f);border-color:#d69e7b52;color:#dcb58e}.testimonial-card .avatar[data-tone=d]{background:linear-gradient(140deg,#96c8aa38,#96c8aa0f);border-color:#96c8aa52;color:#a8d4ba}.testimonial-card .avatar[data-tone=e]{background:linear-gradient(140deg,#dca0b438,#dca0b40f);border-color:#dca0b452;color:#e0b5c5}.testimonial-card .avatar[data-tone=f]{background:linear-gradient(140deg,#78c8c838,#78c8c80f);border-color:#78c8c852;color:#9fd4d4}.testimonial-card .avatar[data-tone=g]{background:linear-gradient(140deg,#dcc88c38,#dcc88c0f);border-color:#dcc88c52;color:#e0d192}.testimonial-card .avatar[data-tone=h]{background:linear-gradient(140deg,#c88cd238,#c88cd20f);border-color:#c88cd252;color:#d0a8e0}.testimonial-card .who{min-width:0}.testimonial-card .who .name{font-family:var(--f-sans);font-size:13.5px;font-weight:500;color:var(--fg);line-height:1.2}.testimonial-card .who .role{font-family:var(--f-sans);font-size:11.5px;color:var(--fg-muted);margin-top:2px;line-height:1.3}.testimonial-card{display:flex;flex-direction:column}.testimonial-card .quote-wrap{position:relative;flex:1}.testimonial-card .quote{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;margin:0}.testimonial-card .quote-wrap:after{content:"";position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(to bottom,transparent,var(--bg-2));pointer-events:none;opacity:0;transition:opacity .25s}.testimonial-card.is-clamped .quote-wrap:after{opacity:1}.testimonial-card .read-more{align-self:flex-start;background:none;border:none;padding:0;margin-top:14px;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:color .25s}.testimonial-card .read-more:hover{color:var(--fg)}.testimonial-card .read-more .arr{transition:transform .25s;display:inline-block}.testimonial-card .read-more:hover .arr{transform:translate(3px,-3px)}.testimonial-card .read-more:not(.is-visible){display:none}.rec-overlay{position:fixed;inset:0;background:color-mix(in oklab,var(--bg) 75%,transparent);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);z-index:1000;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px);opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.2,.7,.2,1)}.rec-overlay.is-open{opacity:1;pointer-events:auto}.rec-panel{background:var(--bg-2);border:1px solid var(--line);border-radius:18px;max-width:720px;width:100%;max-height:min(86vh,880px);overflow-y:auto;padding:clamp(32px,4.5vw,56px);position:relative;transform:translateY(20px) scale(.985);transition:transform .42s cubic-bezier(.2,.7,.2,1);box-shadow:0 30px 80px -20px #00000080}.rec-overlay.is-open .rec-panel{transform:translateY(0) scale(1)}.rec-close{position:absolute;top:14px;right:14px;width:36px;height:36px;background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--fg-muted);cursor:pointer;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:color .25s,border-color .25s,transform .35s cubic-bezier(.2,.7,.2,1);font-family:var(--f-sans)}.rec-close:hover{color:var(--fg);border-color:var(--fg-dim);transform:rotate(90deg)}.rec-mark{font-family:var(--f-display);font-size:88px;line-height:.7;color:var(--fg-muted);opacity:.35;display:block;margin-bottom:18px}.rec-quote{font-family:var(--f-sans);font-size:clamp(15px,1.55vw,17.5px);line-height:1.7;color:var(--fg);text-wrap:pretty}.rec-quote p{margin:0 0 1.1em}.rec-quote p:last-child{margin-bottom:0}.rec-quote em{color:var(--fg-muted);font-style:italic}.rec-person{display:flex;align-items:center;gap:14px;padding-top:22px;margin-top:30px;border-top:1px solid var(--line)}.rec-person .avatar{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;border:1px solid var(--line);flex-shrink:0}.rec-person .avatar[data-tone=a]{background:linear-gradient(140deg,#8c7ae638,#8c7ae60f);border-color:#8c7ae652;color:#b5a8f0}.rec-person .avatar[data-tone=b]{background:linear-gradient(140deg,#78a5d738,#78a5d70f);border-color:#78a5d752;color:#b0c4de}.rec-person .avatar[data-tone=c]{background:linear-gradient(140deg,#d69e7b38,#d69e7b0f);border-color:#d69e7b52;color:#dcb58e}.rec-person .avatar[data-tone=d]{background:linear-gradient(140deg,#96c8aa38,#96c8aa0f);border-color:#96c8aa52;color:#a8d4ba}.rec-person .avatar[data-tone=e]{background:linear-gradient(140deg,#dca0b438,#dca0b40f);border-color:#dca0b452;color:#e0b5c5}.rec-person .avatar[data-tone=f]{background:linear-gradient(140deg,#78c8c838,#78c8c80f);border-color:#78c8c852;color:#9fd4d4}.rec-person .avatar[data-tone=g]{background:linear-gradient(140deg,#dcc88c38,#dcc88c0f);border-color:#dcc88c52;color:#e0d192}.rec-person .avatar[data-tone=h]{background:linear-gradient(140deg,#c88cd238,#c88cd20f);border-color:#c88cd252;color:#d0a8e0}.rec-person .name{font-family:var(--f-sans);font-size:14.5px;font-weight:500;color:var(--fg);line-height:1.25}.rec-person .role{font-family:var(--f-sans);font-size:12.5px;color:var(--fg-muted);margin-top:2px;line-height:1.3}body.rec-locked{overflow:hidden}@media (prefers-reduced-motion: reduce){.rec-overlay,.rec-panel,.rec-close{transition:none!important}}@media (prefers-reduced-motion: reduce){.exp-item,.tool-mini{transition:none}.exp-item:hover{padding-left:0}.tool-mini:hover{transform:none}}.about-block{display:flex;flex-direction:column;gap:clamp(20px,2.4vw,28px)}.about-block-head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line)}.about-block-label{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim)}.about-block-title{font-family:var(--f-display);font-size:clamp(22px,2.4vw,30px);font-weight:320;letter-spacing:-.018em;line-height:1.15;color:var(--fg)}.about-block-title em{font-style:italic;color:var(--fg-muted);font-weight:300}.exp-list{display:flex;flex-direction:column}.exp-item{display:grid;grid-template-columns:56px 1fr auto;gap:clamp(16px,2vw,24px);align-items:center;padding:20px 0;border-bottom:1px solid var(--line);transition:padding .35s cubic-bezier(.2,.7,.2,1),background .25s}.exp-item:hover{padding-left:12px;padding-right:12px;background:linear-gradient(90deg,color-mix(in oklab,var(--fg) 4%,transparent),transparent 90%)}.exp-item:last-child{border-bottom:none}.exp-logo{width:44px;height:44px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--fg);font-family:var(--f-display);font-size:18px;font-weight:380;letter-spacing:-.02em;flex-shrink:0;box-shadow:inset 0 1px #ffffff0a}.exp-logo[data-co=ajnalens]{background:linear-gradient(140deg,#8c7ae62e,#8c7ae60f);border-color:#8c7ae647;color:#b5a8f0}.exp-logo[data-co=slaylink]{background:linear-gradient(140deg,#d69e7b2e,#d69e7b0f);border-color:#d69e7b47;color:#dcb58e}.exp-logo[data-co=subspace]{background:linear-gradient(140deg,#78a5d72e,#78a5d70f);border-color:#78a5d747;color:#b0c4de}.exp-body{min-width:0}.exp-role{font-family:var(--f-sans);font-size:15px;font-weight:500;color:var(--fg);line-height:1.3}.exp-where{font-family:var(--f-sans);font-size:13px;color:var(--fg-muted);margin-top:2px}.exp-where .sep{color:var(--fg-dim);margin:0 6px}.exp-when{font-family:var(--f-mono);font-size:11px;color:var(--fg-dim);letter-spacing:.06em;text-align:right;white-space:nowrap}@media (max-width: 600px){.exp-item{grid-template-columns:40px 1fr;grid-template-rows:auto auto;gap:12px 14px}.exp-logo{width:40px;height:40px;font-size:16px}.exp-body{grid-column:2}.exp-when{grid-column:1 / -1;text-align:left;padding-left:54px;margin-top:-4px}}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.tool-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px 14px 18px;background:var(--bg-2);border:1px solid var(--line);border-radius:14px;transition:border-color .25s,background .25s,transform .35s cubic-bezier(.2,.7,.2,1)}.tool-card:hover{border-color:var(--fg-dim);background:var(--bg-3);transform:translateY(-2px)}.tool-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--fg)}.tool-icon svg{width:100%;height:100%}.tool-name{font-family:var(--f-sans);font-size:13px;font-weight:500;color:var(--fg);letter-spacing:-.005em}.skill-chips{display:flex;flex-wrap:wrap;gap:8px}.skill-chip{font-family:var(--f-sans);font-size:12.5px;color:var(--fg-muted);padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg-2);transition:color .2s,border-color .2s,background .2s}.skill-chip:hover{color:var(--fg);border-color:var(--fg-dim);background:var(--bg-3)}@media (prefers-reduced-motion: reduce){.exp-item,.tool-card{transition:none}.exp-item:hover{padding-left:0;padding-right:0;background:none}.tool-card:hover{transform:none}}.approach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}@media (max-width: 900px){.approach-grid{grid-template-columns:repeat(2,1fr)}}.approach-item{background:var(--bg);padding:40px 32px 48px;display:flex;flex-direction:column;gap:16px;min-height:280px;position:relative;transition:background .4s}.approach-item:hover{background:var(--bg-2)}.approach-item .n{font-family:var(--f-mono);font-size:11px;color:var(--accent-ink);letter-spacing:.1em}.approach-item h3{font-family:var(--f-display);font-weight:320;font-size:26px;letter-spacing:-.02em;line-height:1.15;margin-top:auto}.approach-item h3 em{font-style:italic;color:var(--fg-muted);font-weight:300}.approach-item p{font-size:14px;color:var(--fg-muted);text-wrap:pretty}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}@media (max-width: 900px){.skills-grid{grid-template-columns:1fr}}.skill-col h3{font-family:var(--f-display);font-size:22px;font-weight:340;letter-spacing:-.015em;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--line)}.skill-col h3 em{font-style:italic;color:var(--fg-muted);font-weight:300}.skill-col ul{list-style:none;display:flex;flex-direction:column;gap:12px}.skill-col li{font-size:15px;color:var(--fg-muted);padding-left:20px;position:relative;line-height:1.5}.skill-col li:before{content:"→";position:absolute;left:0;color:var(--fg-dim);font-family:var(--f-mono);font-size:12px;top:2px}.skill-col li strong{color:var(--fg);font-weight:500}.contact{padding:160px 0 80px;border-top:1px solid var(--line);position:relative}.contact-headline{font-family:var(--f-display);font-weight:300;font-size:clamp(36px,6vw,86px);line-height:1.08;letter-spacing:-.025em;margin-bottom:64px;text-wrap:balance;font-variation-settings:"opsz" 144,"SOFT" 40}.contact-headline em{font-style:italic;color:var(--fg-muted);font-weight:280}.contact-headline .accent{color:var(--accent-ink);font-style:italic;font-weight:320}.contact-cta-row{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:end;padding-bottom:64px;border-bottom:1px solid var(--line)}@media (max-width: 900px){.contact-cta-row{grid-template-columns:1fr;gap:32px}}.contact-email{font-family:var(--f-display);font-size:clamp(22px,2.8vw,34px);font-weight:320;letter-spacing:-.018em;display:inline-flex;align-items:center;gap:16px;position:relative;padding-bottom:4px;border-bottom:1px solid var(--line);transition:border-color .4s,color .4s}.contact-email:hover{color:var(--accent-ink);border-color:var(--accent-ink)}.contact-email .arr{font-family:var(--f-mono);font-size:14px;transition:transform .3s}.contact-email:hover .arr{transform:translate(8px) translateY(-4px)}.contact-socials{display:flex;flex-direction:column;gap:2px;font-family:var(--f-mono);font-size:13px}.contact-socials a{display:grid;grid-template-columns:80px 1fr auto;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);transition:color .2s,padding .3s;align-items:baseline}.contact-socials a:first-child{border-top:1px solid var(--line)}.contact-socials a:hover{color:var(--accent-ink);padding-left:8px}.contact-socials a .k{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.contact-socials a .arr{transition:transform .3s}.contact-socials a:hover .arr{transform:translate(6px)}.footer{padding:40px 0;display:flex;justify-content:space-between;align-items:center;font-family:var(--f-mono);font-size:11px;color:var(--fg-dim);letter-spacing:.04em;text-transform:uppercase}@media (max-width: 720px){.footer{flex-direction:column;gap:16px;align-items:flex-start}}.reveal{opacity:0;transform:translateY(20px);transition:opacity 1.3s ease,transform 1.3s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.reveal.delay-1{transition-delay:.12s}.reveal.delay-2{transition-delay:.24s}.reveal.delay-3{transition-delay:.36s}.hero .reveal{transition-duration:.2s}.hero .reveal.delay-1{transition-delay:0s}.hero .reveal.delay-2{transition-delay:.05s}.hero .reveal.delay-3{transition-delay:.1s}.theme-toggle{position:relative;width:44px;height:28px;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);cursor:pointer;margin-right:14px;overflow:hidden;transition:background-color .7s cubic-bezier(.22,1,.36,1),border-color .7s cubic-bezier(.22,1,.36,1)}.theme-toggle .tt-knob{position:absolute;top:50%;left:4px;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:linear-gradient(140deg,var(--fg) 0%,var(--accent-ink) 100%);box-shadow:0 0 #9fb2c800;transition:left .9s cubic-bezier(.22,1,.36,1),background .9s cubic-bezier(.22,1,.36,1),box-shadow .9s cubic-bezier(.22,1,.36,1)}html[data-theme=light] .theme-toggle .tt-knob{left:20px;background:linear-gradient(140deg,#ffe4d2,#ffb89c 45%,#c89aad);box-shadow:0 0 16px 3px #ffb89ca6,0 0 28px 6px #f4c0ce59}.theme-toggle .tt-stars{position:absolute;inset:0;pointer-events:none;opacity:1;transition:opacity .6s ease}html[data-theme=light] .theme-toggle .tt-stars{opacity:0}.theme-toggle .tt-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:var(--fg-muted);opacity:.6}.theme-toggle .tt-stars i:nth-child(1){top:6px;right:8px}.theme-toggle .tt-stars i:nth-child(2){top:14px;right:14px;width:1.5px;height:1.5px}.theme-toggle .tt-stars i:nth-child(3){top:18px;right:6px;width:1.5px;height:1.5px}.bloom-wash{position:fixed;inset:0;pointer-events:none;z-index:300;opacity:0;background:radial-gradient(circle at var(--bloom-x, 90%) var(--bloom-y, 5%),var(--bloom-a) 0%,var(--bloom-b) 28%,transparent 62%);mix-blend-mode:screen;transition:opacity .38s cubic-bezier(.22,1,.36,1);will-change:opacity}.bloom-wash.washing{opacity:1}html[data-theme=light] .bloom-wash{background:radial-gradient(circle at var(--bloom-x, 90%) var(--bloom-y, 5%),rgba(255,184,156,.55) 0%,rgba(244,192,206,.42) 22%,rgba(168,184,232,.3) 45%,transparent 68%);mix-blend-mode:multiply}.ambient{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity .38s cubic-bezier(.22,1,.36,1);background:radial-gradient(36vw 30vh at 6% 8%,rgba(255,184,156,.18),transparent 70%),radial-gradient(32vw 26vh at 96% 10%,rgba(168,184,232,.16),transparent 70%),radial-gradient(40vw 32vh at 96% 92%,rgba(244,192,206,.14),transparent 70%),radial-gradient(36vw 30vh at 4% 96%,rgba(168,184,232,.14),transparent 70%);filter:blur(50px) saturate(110%);animation:ambient-drift 40s ease-in-out infinite alternate;will-change:transform}@keyframes ambient-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(1.5%,-1%,0) scale(1.02)}}.ambient:after{display:none}html[data-theme=light] .ambient{opacity:1}html[data-theme=light] body{background:var(--bg)}html[data-theme=light] .nav{background:#f6f4f8c7!important;backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%)}html[data-theme=light] .nav.scrolled{border-bottom-color:var(--line)}html[data-theme=light] ::selection{background:var(--accent);color:#fff8f0}html[data-theme=light] .case-hero{border:none;box-shadow:none;background:transparent}html[data-theme=light] .approach-grid{background:var(--line)}html[data-theme=light] .approach-item{background:var(--bg)}html[data-theme=light] .approach-item:hover{background:var(--bg-2)}html[data-theme=light] .btn-primary{background:var(--fg);color:var(--bg);box-shadow:0 8px 24px -8px #2a262240}html[data-theme=light] .btn-primary:hover{background:var(--accent-ink);color:#fff8f0;box-shadow:0 12px 32px -10px #7a6ba073}html[data-theme=light] .nav-cta:hover{background:var(--bg-2);border-color:var(--accent-ink)}body>*{position:relative;z-index:1}.bloom-wash{z-index:300}@media (prefers-reduced-motion: reduce){html,body,.nav,.case-hero,.approach-item,.surface,.mock,.case-kv,.about-meta .row,.skill-col h3,.contact-cta-row,.contact-socials a,.case-meta-rail,.footer,.tweaks,.bloom-wash,.ambient,.theme-toggle,.theme-toggle .tt-knob{transition-duration:.2s!important}}.tweaks{position:fixed;bottom:24px;right:24px;background:#1b1915eb;backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:6px;padding:16px;z-index:100;min-width:260px;font-family:var(--f-mono);font-size:11px;color:var(--fg-muted);display:none;box-shadow:0 24px 60px #00000080}.tweaks.active{display:block}.tweaks h4{font-family:var(--f-display);font-weight:340;font-size:18px;color:var(--fg);margin-bottom:12px;letter-spacing:-.015em;display:flex;justify-content:space-between;align-items:center}.tweaks h4 .tag{font-family:var(--f-mono);font-size:9px;color:var(--accent-ink);letter-spacing:.1em}.tweaks .group{margin-bottom:14px}.tweaks label{display:block;margin-bottom:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);font-size:10px}.tweak-btns{display:flex;flex-direction:column;gap:4px}.tweak-btn{text-align:left;padding:10px 12px;background:transparent;border:1px solid var(--line);border-radius:3px;color:var(--fg-muted);font-family:var(--f-mono);font-size:11px;cursor:pointer;transition:all .2s}.tweak-btn:hover{border-color:var(--fg-dim);color:var(--fg)}.tweak-btn.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.tweak-btn .desc{display:block;color:currentColor;opacity:.7;font-size:9px;margin-top:2px;letter-spacing:normal;text-transform:none}:root{--space-2xs: clamp(4px, .6vw, 6px);--space-xs: clamp(8px, 1vw, 12px);--space-sm: clamp(12px, 1.4vw, 16px);--space-md: clamp(16px, 2vw, 24px);--space-lg: clamp(24px, 3vw, 40px);--space-xl: clamp(40px, 5vw, 64px);--space-2xl: clamp(56px, 8vw, 96px);--space-3xl: clamp(72px, 12vw, 160px);--gutter: clamp(20px, 4vw, 48px);--container-max: 1400px}html,body{overflow-x:hidden}body{min-width:320px}img,svg,video,canvas{max-width:100%;height:auto;display:block}.wrap{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter)}.section{padding:var(--space-3xl) 0}.hero{padding-top:clamp(96px,12vw,120px);padding-bottom:var(--space-2xl)}@media (max-width: 600px){.hero{padding-top:112px}}.contact{padding:var(--space-3xl) 0 var(--space-2xl)}.hero-meta{flex-wrap:wrap;gap:var(--space-sm);font-size:clamp(10px,1.1vw,11px);margin-bottom:clamp(20px,3vw,36px)}.hero-meta .right{display:flex;gap:var(--space-md);flex-wrap:wrap}@media (max-width: 600px){.hero-meta{flex-direction:column;align-items:flex-start}.hero-meta .right{width:100%}}h1.hero-headline{font-size:clamp(36px,8.5vw,96px);max-width:min(19ch,100%);text-wrap:balance}.hero-sub{margin-top:clamp(32px,5vw,56px);gap:clamp(24px,4vw,48px)}.hero-desc{font-size:clamp(15px,1.6vw,17px)}.hero-ctas{flex-wrap:wrap;gap:var(--space-md);row-gap:var(--space-md)}@media (max-width: 600px){.hero-ctas{width:100%}.hero-ctas .btn{flex:1 1 auto;min-width:150px;justify-content:center}}.section-head{flex-direction:column;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-md)}@media (min-width: 1024px){.section-head{flex-direction:row;align-items:baseline;gap:var(--space-lg)}}.section-title{font-size:clamp(26px,4.4vw,42px);max-width:min(22ch,100%);text-wrap:balance}.work-list{gap:clamp(48px,7vw,80px)}.layout-fullbleed .case-grid{grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width: 1024px){.layout-fullbleed .case-grid{grid-template-columns:minmax(180px,220px) 1fr;gap:clamp(48px,6vw,80px)}}.layout-split .case-grid{grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width: 1024px){.layout-split .case-grid{grid-template-columns:1.1fr 1fr}}.case-hero{aspect-ratio:16 / 9;height:auto!important}.case-hero .hero-img{width:100%;height:100%;object-fit:contain}.case-title{font-size:clamp(22px,3vw,34px);text-wrap:balance}.case-summary{font-size:clamp(15px,1.5vw,17px)}.case-kv{grid-template-columns:repeat(2,1fr);gap:var(--space-md);padding:var(--space-md) 0}@media (min-width: 768px){.case-kv{grid-template-columns:repeat(4,1fr)}}.case-kv .kv-item .v{font-size:clamp(20px,2.4vw,28px)}.case-meta-rail{flex-direction:row;flex-wrap:wrap;gap:var(--space-md);padding-top:0}.case-meta-rail .row{flex:0 1 auto;min-width:140px}@media (min-width: 1024px){.case-meta-rail{flex-direction:column;gap:var(--space-md);padding-top:var(--space-md)}.case-meta-rail .row{min-width:0}}.about-grid{grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width: 1024px){.about-grid{grid-template-columns:1fr 1.4fr;gap:clamp(48px,6vw,96px)}}.about-copy p{font-size:clamp(20px,2.4vw,32px);line-height:1.45}.skills-grid{grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width: 768px){.skills-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}}@media (min-width: 1024px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.contact-cta-row{grid-template-columns:1fr;gap:var(--space-lg);padding-bottom:var(--space-xl)}@media (min-width: 1024px){.contact-cta-row{grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px)}}.contact-headline{font-size:clamp(28px,6vw,86px);margin-bottom:var(--space-xl)}.contact-email{font-size:clamp(20px,3vw,36px);word-break:break-word}.contact-socials a{grid-template-columns:70px 1fr auto;gap:var(--space-sm)}@media (max-width: 480px){.contact-socials a{grid-template-columns:60px 1fr auto;gap:8px;font-size:12px}}.footer{flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-lg) 0}@media (max-width: 600px){.footer{flex-direction:column;align-items:flex-start}}.nav-inner{padding:clamp(12px,1.5vw,18px) var(--gutter);max-width:var(--container-max)}.nav-links{font-size:clamp(11px,1.1vw,12px);gap:clamp(20px,2.4vw,36px)}.nav-burger{display:none;width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;margin-left:12px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:0}.nav-burger span{display:block;width:18px;height:1.5px;background:var(--fg);transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s;transform-origin:center}.nav-burger[aria-expanded=true] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.nav-burger[aria-expanded=true] span:nth-child(2){opacity:0}.nav-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.nav-drawer{position:fixed;inset:0 0 0 auto;width:min(320px,88vw);background:var(--bg);border-left:1px solid var(--line);transform:translate(100%);transition:transform .45s cubic-bezier(.22,1,.36,1);z-index:99;display:flex;flex-direction:column;padding:88px var(--gutter) var(--gutter);gap:8px;overflow-y:auto}.nav-drawer.open{transform:translate(0)}.nav-drawer a{display:block;padding:16px 0;color:var(--fg);text-decoration:none;border-bottom:1px solid var(--line);font-family:var(--f-display);font-size:22px;letter-spacing:-.015em;min-height:44px}.nav-drawer a:last-of-type{border-bottom:none}.nav-drawer .drawer-meta{margin-top:auto;padding-top:var(--space-lg);font-family:var(--f-mono);font-size:11px;color:var(--fg-dim);letter-spacing:.06em;text-transform:uppercase}.nav-scrim{position:fixed;inset:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .45s ease;z-index:98;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}html[data-theme=light] .nav-scrim{background:#7a6ba02e}.nav-scrim.open{opacity:1;pointer-events:auto}@media (max-width: 767px){.nav-links{display:none}.nav-burger{display:inline-flex}}@media (max-width: 480px){.nav-cta{display:none}}body.no-scroll{overflow:hidden}.nav-cta,.nav-links a,.case-link,.contact-socials a,.btn,.tweak-btn,.nav-burger{min-height:36px}@media (pointer: coarse){.nav-cta,.case-link,.contact-socials a,.btn,.nav-burger{min-height:44px}.nav-links a{padding-block:12px}}.theme-toggle{aspect-ratio:44 / 28;flex:0 0 auto}@media (max-width: 600px){.tweaks{left:16px;right:16px;bottom:16px;min-width:0;width:auto}}@media (min-width: 1440px){.hero{padding-top:96px;padding-bottom:96px}}@media print{.nav-burger,.nav-drawer,.nav-scrim,.theme-toggle,.ambient,.bloom-wash{display:none!important}}.case-overlay{position:fixed;inset:0;z-index:200;background:var(--bg);overflow-y:auto;overflow-x:hidden;visibility:hidden;opacity:0;transform:translateY(24px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1),visibility 0s linear .55s;-webkit-overflow-scrolling:touch}.case-overlay.open{visibility:visible;opacity:1;transform:translateY(0);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}body.case-open{overflow:hidden;position:fixed;width:100%;left:0;right:0}.case-overlay-nav{position:sticky;top:0;z-index:5;background:color-mix(in oklab,var(--bg) 84%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid color-mix(in oklab,var(--line) 60%,transparent);padding:16px 0}.case-overlay-nav-inner{width:min(1200px,100% - 48px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.case-back-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-sans);font-size:13px;font-weight:500;color:var(--fg-muted);padding:8px 14px 8px 10px;border-radius:999px;border:1px solid var(--line);background:transparent;transition:color .25s,border-color .25s,gap .25s,background .25s;cursor:pointer}.case-back-btn:hover{color:var(--fg);border-color:var(--fg-dim);gap:12px;background:var(--bg-2)}.case-back-btn .arr{font-family:var(--f-display);font-size:16px;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.case-back-btn:hover .arr{transform:translate(-3px)}.case-overlay-counter{font-family:var(--f-sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim)}.case-overlay-counter .now{color:var(--accent-ink)}@media (max-width: 600px){.case-overlay-nav-inner{width:min(1200px,100% - 32px)}.case-back-btn{font-size:12px;padding:7px 12px 7px 9px}}.case-page{width:min(1200px,100% - 48px);margin:0 auto;padding:clamp(48px,7vw,96px) 0 0}@media (max-width: 600px){.case-page{width:min(1200px,100% - 32px);padding-top:48px}}.case-eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:24px}.case-eyebrow .num{color:var(--accent-ink)}.case-eyebrow .nda{margin-left:8px;padding:3px 10px;border:1px solid var(--warn);color:var(--warn);border-radius:999px;font-size:9px;letter-spacing:.18em}.case-page-title{font-family:var(--f-display);font-weight:300;font-size:clamp(36px,6vw,72px);letter-spacing:-.025em;line-height:1.05;text-wrap:balance;max-width:22ch;margin-bottom:32px;color:var(--fg)}.case-page-title em{font-style:italic;font-weight:280;color:var(--fg-muted)}.case-page-title .accent{font-style:italic;color:var(--accent-ink)}.case-page-lede{font-family:var(--f-display);font-weight:320;font-size:clamp(18px,2.2vw,24px);line-height:1.5;color:var(--fg-muted);max-width:56ch;text-wrap:pretty;margin-bottom:64px}.case-page-lede em{font-style:italic;color:var(--fg)}.case-page-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin-bottom:64px}.case-page-meta .row{display:flex;flex-direction:column;gap:4px}.case-page-meta .row .k{font-family:var(--f-sans);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim)}.case-page-meta .row .v{font-family:var(--f-display);font-size:15px;font-weight:400;color:var(--fg);letter-spacing:-.01em}@media (max-width: 700px){.case-page-meta{grid-template-columns:repeat(2,1fr);gap:24px}}.case-page-cover{width:100%;aspect-ratio:16 / 9;border:1px solid var(--line);background:var(--bg-2);border-radius:8px;overflow:hidden;margin-bottom:clamp(64px,8vw,96px)}.case-page-cover img{width:100%;height:100%;object-fit:cover}.case-page-section{margin-bottom:clamp(64px,8vw,96px)}.case-page-section-label{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:24px}.case-page-section-label .num{color:var(--accent-ink)}.case-page-h{font-family:var(--f-display);font-weight:320;font-size:clamp(24px,3.4vw,38px);letter-spacing:-.02em;line-height:1.15;text-wrap:balance;max-width:24ch;margin-bottom:28px;color:var(--fg)}.case-page-h em{font-style:italic;color:var(--fg-muted);font-weight:300}.case-page-2col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(40px,6vw,96px);align-items:start}@media (max-width: 900px){.case-page-2col{grid-template-columns:1fr;gap:24px}}.case-prose p{font-size:16px;line-height:1.7;color:var(--fg-muted);margin-bottom:18px;max-width:62ch;text-wrap:pretty}.case-prose p strong{color:var(--fg);font-weight:500}.case-prose p em{color:var(--fg)}.case-prose ul{list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column;gap:12px;max-width:62ch}.case-prose ul li{position:relative;padding-left:26px;color:var(--fg-muted);font-size:16px;line-height:1.6}.case-prose ul li:before{content:"";position:absolute;left:0;top:12px;width:14px;height:1px;background:var(--fg-dim)}.case-prose ul li strong{color:var(--fg);font-weight:500}.case-quote{margin:clamp(40px,5vw,72px) 0;font-family:var(--f-display);font-weight:320;font-style:italic;font-size:clamp(22px,2.8vw,32px);line-height:1.4;letter-spacing:-.015em;color:var(--fg);max-width:32ch;text-wrap:balance;border-left:1px solid var(--accent);padding-left:clamp(20px,3vw,32px)}.case-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;margin:clamp(40px,6vw,64px) 0}.case-stats .stat .k{font-family:var(--f-sans);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:8px}.case-stats .stat .v{font-family:var(--f-display);font-weight:320;font-size:clamp(26px,3.2vw,36px);letter-spacing:-.02em;line-height:1.05;color:var(--fg);margin-bottom:6px}.case-stats .stat .v.accent{color:var(--accent-ink);font-style:italic}.case-stats .stat .sub{font-size:13px;color:var(--fg-muted);line-height:1.5}.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:28px 0}.pillar{border:1px solid var(--line);background:var(--bg-2);padding:24px 22px;border-radius:8px;display:flex;flex-direction:column;gap:10px}.pillar .n{font-family:var(--f-sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink)}.pillar h4{font-family:var(--f-display);font-weight:400;font-size:17px;letter-spacing:-.01em;line-height:1.25;color:var(--fg)}.pillar p{font-size:13.5px;color:var(--fg-muted);line-height:1.6}.screens{display:grid;gap:20px;margin:24px 0}.screens.cols-2{grid-template-columns:repeat(2,1fr)}.screens.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 700px){.screens.cols-2,.screens.cols-3{grid-template-columns:1fr}}.screen{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--bg-2);overflow:hidden;aspect-ratio:4 / 5;padding:18px;display:flex;flex-direction:column;gap:14px}.screen.wide{aspect-ratio:16 / 10}.screen.tall{aspect-ratio:9 / 16}.screen .tag{align-self:flex-start;font-family:var(--f-sans);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink);padding:4px 10px;border-radius:999px;border:1px solid color-mix(in oklab,var(--accent) 50%,transparent)}.screen .title{font-family:var(--f-display);font-weight:320;font-size:18px;letter-spacing:-.018em;line-height:1.2;color:var(--fg)}.screen .body{font-size:12px;color:var(--fg-muted);line-height:1.55;max-width:30ch}.screen .row{display:flex;justify-content:space-between;font-family:var(--f-sans);font-size:10px;color:var(--fg-dim);letter-spacing:.06em;padding:8px 0;border-bottom:1px solid var(--line)}.screen .row:last-child{border-bottom:0}.screen .row .v{color:var(--fg-muted)}.screen .row .v.on{color:var(--accent-ink)}.screen .bar{height:3px;background:var(--line);border-radius:2px;overflow:hidden}.screen .bar>span{display:block;height:100%;background:var(--accent)}.screen .swatch-row{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.screen .swatch{aspect-ratio:1;border-radius:4px;background:var(--bg-3);border:1px solid var(--line)}.screen .label-row{margin-top:auto;display:flex;justify-content:space-between;font-family:var(--f-sans);font-size:9px;color:var(--fg-dim);letter-spacing:.12em;text-transform:uppercase}.screen-caption{margin-top:10px;font-family:var(--f-sans);font-size:11px;letter-spacing:.06em;color:var(--fg-dim)}.case-page-footer-cta{margin-top:clamp(64px,8vw,96px);padding:clamp(40px,5vw,64px);border:1px solid var(--line);border-radius:12px;background:var(--bg-2);display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.case-page-footer-cta .t{font-family:var(--f-display);font-weight:320;font-size:clamp(22px,2.8vw,30px);letter-spacing:-.02em;line-height:1.2;color:var(--fg);max-width:22ch}.case-page-footer-cta .t em{font-style:italic;color:var(--fg-muted)}.case-page-next{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}@media (max-width: 600px){.case-page-next{grid-template-columns:1fr}}.case-page-next a{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2);transition:border-color .25s,transform .4s cubic-bezier(.2,.7,.2,1),background .25s;display:block}.case-page-next a:hover{border-color:var(--fg-dim);transform:translateY(-2px);background:var(--bg-3)}.case-page-next .k{font-family:var(--f-sans);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:12px;display:block}.case-page-next .v{font-family:var(--f-display);font-weight:400;font-size:18px;letter-spacing:-.01em;color:var(--fg);line-height:1.25}.case-page-next a.next{text-align:right}@media (max-width: 600px){.case-page-next a.next{text-align:left}}.case-page-body{padding-bottom:96px}.case-section-content{display:none}.case-section-content.active{display:block}.case-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:48px}.role-badge{display:inline-block;font-family:var(--f-sans);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;border:1px solid color-mix(in oklab,var(--accent) 50%,transparent);border-radius:999px;color:var(--accent-ink)}.process-list{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-direction:column;border-top:1px solid var(--line)}.process-list li{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);color:var(--fg-muted);font-size:15px;line-height:1.5}.process-list li .n{flex:0 0 36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid color-mix(in oklab,var(--accent) 50%,transparent);font-family:var(--f-sans);font-size:10px;letter-spacing:.1em;color:var(--accent-ink)}.pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:28px}.pain-card{position:relative;border:1px solid var(--line);background:var(--bg-2);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s,transform .4s cubic-bezier(.2,.7,.2,1),background .3s}.pain-card:hover{border-color:color-mix(in oklab,var(--accent) 50%,var(--line));background:var(--bg-3);transform:translateY(-2px)}.pain-card .pain-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.pain-card .pain-num{font-family:var(--f-sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);padding:4px 0}.pain-card .pain-stat{text-align:right}.pain-card .pain-stat .v{font-family:var(--f-display);font-weight:320;font-size:26px;letter-spacing:-.02em;line-height:1;color:var(--accent-ink);font-style:italic}.pain-card .pain-stat .k{font-family:var(--f-sans);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);margin-top:4px;max-width:18ch}.pain-card h4{font-family:var(--f-display);font-weight:400;font-size:17px;letter-spacing:-.015em;color:var(--fg);margin-top:4px}.pain-card p{font-size:13.5px;color:var(--fg-muted);line-height:1.6}.screen-rows{display:flex;flex-direction:column;gap:14px;margin-top:28px}.screen-row{display:grid;grid-template-columns:minmax(160px,200px) 1fr;gap:32px;align-items:flex-start;padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--bg-2);transition:border-color .3s,background .3s,transform .4s cubic-bezier(.2,.7,.2,1)}.screen-row:hover{border-color:var(--fg-dim);background:var(--bg-3);transform:translateY(-2px)}.screen-row-tag{font-family:var(--f-sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-ink);padding-top:6px}.screen-row-body h3{font-family:var(--f-display);font-weight:320;font-size:22px;letter-spacing:-.02em;line-height:1.2;color:var(--fg);margin-bottom:10px}.screen-row-body p{font-size:15px;color:var(--fg-muted);line-height:1.65;margin-bottom:14px;max-width:60ch}.screen-row-body .principle{font-family:var(--f-sans);font-size:11px;letter-spacing:.04em;color:var(--fg-dim);padding:8px 12px;border-radius:6px;background:var(--bg);border:1px solid var(--line);display:inline-block}@media (max-width: 700px){.screen-row{grid-template-columns:1fr;gap:12px;padding:22px}.screen-row-tag{padding-top:0}}.takeaways{display:flex;flex-direction:column;gap:14px;margin-top:28px}.takeaway{border-left:1px solid var(--accent);padding:20px 28px;background:color-mix(in oklab,var(--accent) 6%,var(--bg-2));border-radius:0 12px 12px 0;transition:background .3s,border-left-width .3s}.takeaway:hover{background:color-mix(in oklab,var(--accent) 10%,var(--bg-2))}.takeaway .quote{font-family:var(--f-display);font-weight:320;font-style:italic;font-size:clamp(18px,2vw,22px);line-height:1.4;letter-spacing:-.015em;color:var(--fg);margin-bottom:8px;text-wrap:pretty}.takeaway .quote em{color:var(--accent-ink);font-style:italic}.takeaway .sub{font-size:13.5px;color:var(--fg-muted);line-height:1.6}#writing .section-head{margin-bottom:28px}.section-headlink{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:color .25s,gap .25s}.section-headlink:hover{color:var(--accent-ink);gap:12px}.writing-lead{max-width:56ch;font-family:var(--f-display);font-weight:320;font-size:clamp(18px,1.9vw,23px);line-height:1.5;letter-spacing:-.012em;color:var(--fg-muted);margin-bottom:clamp(44px,5vw,64px);text-wrap:pretty;font-variation-settings:"opsz" 72}.writing-lead em{font-style:italic;color:var(--accent-ink)}.writing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}@media (max-width: 860px){.writing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 540px){.writing-grid{grid-template-columns:1fr}}.article-card{display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;opacity:0;transform:translateY(18px);animation:artIn .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i, 0) * 90ms);transition:transform .55s cubic-bezier(.2,.7,.2,1),border-color .3s ease,box-shadow .55s cubic-bezier(.2,.7,.2,1)}@keyframes artIn{to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.article-card{animation:none;opacity:1;transform:none}}.article-card:hover{transform:translateY(-5px);border-color:var(--fg-dim);box-shadow:var(--shadow-soft)}.article-cover{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-3);flex-shrink:0}.article-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.article-card:hover .article-cover img{transform:scale(1.04)}.article-cover.ph{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,transparent 0 18px,rgba(237,230,214,.025) 18px 19px),linear-gradient(135deg,rgba(159,178,200,.07),transparent 60%),var(--bg-3)}html[data-theme=light] .article-cover.ph{background:repeating-linear-gradient(135deg,transparent 0 18px,rgba(40,30,60,.03) 18px 19px),linear-gradient(135deg,rgba(176,122,142,.1),transparent 60%),var(--bg-3)}.article-cover.ph .ph-label{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim)}.article-body{padding:clamp(20px,2.1vw,26px);display:flex;flex-direction:column;gap:12px;flex:1}.article-meta{display:flex;align-items:center;gap:12px;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim)}.article-meta .cat{color:var(--accent-ink)}.article-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--fg-dim);flex-shrink:0}.article-title{font-family:var(--f-display);font-weight:340;font-size:clamp(19px,1.9vw,24px);line-height:1.22;letter-spacing:-.018em;color:var(--fg);text-wrap:balance}.article-excerpt{font-size:14.5px;line-height:1.6;color:var(--fg-muted);text-wrap:pretty;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.article-readmore{margin-top:auto;padding-top:6px;font-family:var(--f-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);display:inline-flex;align-items:center;gap:10px;transition:color .25s,gap .25s}.article-card:hover .article-readmore{color:var(--accent-ink);gap:14px}.article-card.skeleton{pointer-events:none;opacity:1;transform:none;animation:none}.article-card.skeleton .sk{background:linear-gradient(90deg,var(--bg-2) 0%,var(--bg-3) 50%,var(--bg-2) 100%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.article-card.skeleton .article-cover{background:var(--bg-3)}.article-card.skeleton .sk-line{height:12px}.article-card.skeleton .sk-line.w-40{width:40%}.article-card.skeleton .sk-line.w-90{width:90%;height:20px}.article-card.skeleton .sk-line.w-70{width:70%}.writing-note{grid-column:1 / -1;padding:clamp(32px,5vw,56px) clamp(20px,3vw,32px);border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--fg-muted);font-size:15px;line-height:1.6}.writing-note .k{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);display:block;margin-bottom:10px}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:transparent;z-index:60;pointer-events:none}.scroll-progress:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,var(--accent-ink) 35%,var(--accent-ink) 65%,transparent);transform-origin:0 50%;transform:scaleX(var(--scroll, 0));transition:transform 80ms linear;will-change:transform;opacity:.7}.cursor-glow{position:fixed;top:0;left:0;width:520px;height:520px;pointer-events:none;z-index:2;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--accent-ink) 22%,transparent),transparent 65%);mix-blend-mode:screen;transform:translate(-50%,-50%) translate3d(var(--mx, -1000px),var(--my, -1000px),0);opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1);will-change:transform,opacity;filter:blur(40px)}.cursor-glow.active{opacity:1}html[data-theme=light] .cursor-glow{background:radial-gradient(circle,rgba(255,184,156,.45),transparent 65%);mix-blend-mode:multiply;opacity:0}html[data-theme=light] .cursor-glow.active{opacity:.7}@media (max-width: 900px){.cursor-glow{display:none}}@media (prefers-reduced-motion: reduce){.cursor-glow{display:none}}.layout-cards .case,.testimonial-card,.bento-card,.tool-mini{transform-style:preserve-3d;will-change:transform}.layout-cards .case-hero{transform:translateZ(20px)}.layout-cards .case-body{transform:translateZ(0)}.hero-portrait-frame img{will-change:transform,filter}.hero-portrait{animation:portraitBreath 8s ease-in-out infinite;will-change:transform}@keyframes portraitBreath{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.012)}}@media (prefers-reduced-motion: reduce){.hero-portrait{animation:none}}.magnetic{transition:transform .6s cubic-bezier(.22,1,.36,1);will-change:transform}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}.hero-headline .word{display:inline-block;opacity:0;transform:translateY(28px) rotate(2deg);filter:blur(8px);transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1),filter 1.1s cubic-bezier(.22,1,.36,1)}.hero-headline.in .word{opacity:1;transform:translateY(0) rotate(0);filter:blur(0)}@media (prefers-reduced-motion: reduce){.hero-headline .word{opacity:1;transform:none;filter:none;transition:none}}.section-title,.case-title,.contact-headline{will-change:transform}