:root{--bg:#fff;--bg-soft:#f6f8fa;--ink:#0b1b2b;--ink-2:#3d4b5c;--muted:#64748b;--line:#e5eaf0;--accent:#0e8074;--accent-dark:#0a5f56;--accent-soft:#e7f4f2;--d-bg:#08131e;--d-bg-2:#0e1e2e;--d-bg-3:#16293b;--d-ink:#eaf1f4;--d-ink-2:#a9bcc8;--d-muted:#64798a;--d-line:rgba(234,241,244,.10);--d-line-2:rgba(234,241,244,.18);--d-accent:#2fc7b0;--d-accent-2:#7fe7d6;--radius:14px;--shadow:0 1px 2px rgba(11,27,43,.04) , 0 8px 24px rgba(11,27,43,.06);--shadow-lg:0 4px 12px rgba(11,27,43,.06) , 0 20px 48px rgba(11,27,43,.10);--shadow-xl:0 30px 70px -24px rgba(11,27,43,.30);--sans:'Inter' , -apple-system , BlinkMacSystemFont , 'Segoe UI' , sans-serif;--display:'Fraunces' , Georgia , 'Times New Roman' , serif;--mono:'JetBrains Mono' , ui-monospace , SFMono-Regular , monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--ink);font-family: var(--sans);font-weight:400;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}.container{max-width:1180px;margin:0 auto;padding:0 40px}h1,h2,h3{font-family: var(--display);font-weight:400;letter-spacing:-.02em;color:var(--ink);line-height:1.05}h1 em,h2 em,h3 em,.accent{font-style:italic;color:var(--accent);font-variation-settings:"opsz" 144 , "SOFT" 100 , "WONK" 1}.display-xl{font-size:clamp(44px,7.4vw,104px);font-weight:300;letter-spacing:-.045em;line-height:.95}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family: var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:500}.section-sub{font-size:17px;color:var(--ink-2);max-width:620px;line-height:1.7}.mono{font-family: var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:1em;height:1em;flex:none;vertical-align:-.135em}.icon-brand{fill:currentColor;stroke:none}.icon-ui{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--accent),var(--d-accent));z-index:200;transition:width .1s linear}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.72);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s , background .3s}.site-header.scrolled{border-bottom-color:var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-family: var(--display);font-weight:500;font-size:20px;width:40px;height:40px;border-radius:11px;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;letter-spacing:-.03em}.brand-name{font-family: var(--display);font-size:20px;letter-spacing:-.02em}.brand-name b{font-weight:500}.site-nav{display:flex;align-items:center;gap:34px}.site-nav a{font-family: var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);position:relative;padding:6px 0;transition:color .25s}.site-nav a:hover{color:var(--ink)}.site-nav a.active{color:var(--ink)}.site-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:var(--accent);border-radius:2px;transition:right .3s cubic-bezier(.16,1,.3,1)}.site-nav a.active::after{right:0}.nav-toggle{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center}.nav-toggle span{width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s}.hero{position:relative;padding:168px 0 96px;overflow:hidden}.hero-canvas{position:absolute;inset:0;z-index:0;opacity:.9;pointer-events:none}.hero .container{position:relative;z-index:2}.hero .eyebrow{margin-bottom:32px}.pulse{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:pulse 2.4s infinite}@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(34,197,94,0.55);} 70% { box-shadow: 0 0 0 12px rgba(34,197,94,0);} 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0);} }.hero h1{max-width:15ch;margin-bottom:32px}.hero-sub{font-size:19px;color:var(--ink-2);max-width:600px;line-height:1.65}.hero-sub strong{color:var(--ink);font-weight:600}.hero-ctas{display:flex;gap:14px;margin-top:40px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:100px;font-size:15px;font-weight:500;font-family: var(--sans);cursor:pointer;border:1.5px solid transparent;transition:transform .25s cubic-bezier(.16,1,.3,1) , background .25s , border-color .25s , color .25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-ghost{border-color:var(--line);color:var(--ink);background:#fff}.btn-ghost:hover{border-color:var(--ink)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:80px;padding-top:44px;border-top:1px solid var(--line)}.stat-icon{display:block;font-size:20px;color:var(--accent);opacity:.65;margin-bottom:12px}.stat-num{display:block;font-family: var(--display);font-size:46px;font-weight:300;letter-spacing:-.03em;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}.stat-label{font-size:13.5px;color:var(--muted);margin-top:8px;display:block}.scroll-cue{display:flex;align-items:center;gap:10px;margin-top:64px;color:var(--muted);font-family: var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.scroll-cue .line{width:40px;height:1px;background:linear-gradient(90deg,var(--muted),transparent)}.logo-strip{padding:56px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-soft)}.strip-label{font-family: var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);text-align:center;margin-bottom:8px}.strip-sub{font-size:14px;color:var(--muted);text-align:center;margin-bottom:34px}.logo-group+.logo-group{margin-top:26px;padding-top:30px;border-top:1px dashed var(--line)}.logo-group-label{font-family: var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:#97a3b4;text-align:center;margin-bottom:20px}.logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 16px;list-style:none}.logos li{display:flex}.logo-mark{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:68px;padding:0 26px;border:1px solid transparent;border-radius:12px;background:transparent;color:#94a2b2;font-family: var(--display);font-size:19px;white-space:nowrap;transition:color .25s , background .25s , border-color .25s , transform .25s , box-shadow .25s}.logo-mark img{max-height:34px;max-width:100%;width:auto;object-fit:contain;filter:grayscale(1);opacity:.55;transition:filter .3s , opacity .3s}.logos li:hover .logo-mark{color:var(--ink);background:#fff;border-color:var(--line);transform:translateY(-3px);box-shadow:var(--shadow)}.logos li:hover .logo-mark img{filter:grayscale(0);opacity:1}.logos-brands{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.logos-brands li{justify-content:center}.logos-brands .logo-mark{width:100%;height:76px;padding:0 18px}.logos-brands .logo-mark img{max-height:30px;max-width:78%}.marquee{display:flex;gap:14px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.marquee-track{display:flex;gap:14px;flex:0 0 auto;list-style:none;animation:marquee 36s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee { to { transform: translateX(calc(-100% - 14px)); } }.section{padding:120px 0;position:relative}.section-alt{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{max-width:760px;margin-bottom:60px}.section-head .eyebrow{margin-bottom:20px}.section-head h2{font-size:clamp(34px,5vw,60px);font-weight:300;margin-bottom:20px}.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.cs-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .35s , border-color .3s , transform .5s cubic-bezier(.16,1,.3,1)}.cs-card:hover{box-shadow:var(--shadow-lg);border-color:#d4dee9}.cs-shot{background:var(--bg-soft);overflow:hidden;border-bottom:1px solid var(--line)}.cs-shot img{width:100%;aspect-ratio: 16/10;object-fit:cover;object-position:top center;transition:transform .7s cubic-bezier(.16,1,.3,1)}.cs-card:hover .cs-shot img{transform:scale(1.04)}.cs-shot-locked{position:relative;display:flex;align-items:center;justify-content:center;padding:26px;aspect-ratio: 16/10;background:radial-gradient(320px circle at 50% 45%,rgba(47,199,176,.13),transparent 70%) , var(--d-bg-2)}.cs-shot-locked svg{width:100%;max-width:300px;height:auto;opacity:.9}.cs-lock{position:absolute;bottom:12px;right:12px;display:inline-flex;align-items:center;gap:6px;font-family: var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--d-ink);background:rgba(8,19,30,.72);border:1px solid var(--d-line-2);padding:5px 10px;border-radius:100px;backdrop-filter:blur(4px)}.cs-body{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}.cs-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.cs-tags span{font-family: var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--bg-soft);border:1px solid var(--line);padding:4px 9px;border-radius:100px}.cs-card h3{font-size:22px;line-height:1.2;margin-bottom:10px}.cs-body p{font-size:14.5px;line-height:1.65;color:var(--ink-2);flex:1}.cs-link{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:13.5px;font-weight:500;color:var(--accent-dark);transition:gap .25s}.cs-card:hover .cs-link{gap:11px}.section-dark{background:var(--d-bg);color:var(--d-ink);position:relative;overflow:hidden;padding:128px 0}.section-dark::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(680px circle at 82% 8%,rgba(47,199,176,.14),transparent 60%) , radial-gradient(560px circle at 8% 92%,rgba(47,199,176,.08),transparent 55%)}.section-dark>.container{position:relative;z-index:1}.section-dark h2,.section-dark h3{color:var(--d-ink)}.section-dark h2 em,.section-dark h3 em,.section-dark .accent{color:var(--d-accent)}.section-dark .eyebrow{color:var(--d-muted)}.section-dark .section-sub{color:var(--d-ink-2)}.tilt{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1);will-change:transform}.tilt .parallax-layer{transition:transform .4s cubic-bezier(.16,1,.3,1);will-change:transform}.cases{display:grid;gap:26px}.case{display:grid;grid-template-columns:1.15fr 1fr;align-items:stretch;background:var(--d-bg-2);border:1px solid var(--d-line);border-radius:22px;overflow:hidden}.case:nth-child(even) {grid-template-columns:1fr 1.15fr}.case:nth-child(even) .case-visual {order:-1}.case-body{padding:48px;display:flex;flex-direction:column;justify-content:center}.case-client{display:block;margin-bottom:24px}.case-client img{height:26px;width:auto;max-width:210px;object-fit:contain;filter:brightness(0) invert(1);opacity:.92}.case-client img.jnj{height:17px}.client-chip{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-family: var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--d-accent-2);background:rgba(47,199,176,.10);border:1px solid rgba(47,199,176,.22);padding:6px 13px;border-radius:100px;margin-bottom:22px}.client-chip img{height:15px;filter:brightness(0) invert(1);opacity:.9}.case-body h3{font-size:30px;color:var(--d-ink);margin-bottom:10px}.case-tagline{color:var(--d-ink-2);font-size:15px;margin-bottom:24px;line-height:1.6}.case-points{display:grid;gap:14px}.case-points div{display:grid;grid-template-columns:96px 1fr;gap:16px}.case-points dt{font-family: var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--d-muted);padding-top:3px}.case-points dd{color:var(--d-ink-2);font-size:14px;line-height:1.6}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;list-style:none}.tags li{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--d-ink-2);background:rgba(234,241,244,.04);border:1px solid var(--d-line);padding:6px 12px;border-radius:100px}.tags .icon{font-size:13px;color:var(--d-accent)}.case-visual{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;padding:44px;background:radial-gradient(420px circle at 50% 40%,rgba(47,199,176,.10),transparent 70%) , var(--d-bg-3);border-left:1px solid var(--d-line)}.case:nth-child(even) .case-visual {border-left:0;border-right:1px solid var(--d-line)}.case-visual svg.wireframe{width:100%;max-width:420px;height:auto;filter:drop-shadow(0 24px 40px rgba(0,0,0,.4))}.wf-panel{fill:rgba(234,241,244,.06);stroke:rgba(234,241,244,.12);stroke-width:1}.wf-line{fill:rgba(234,241,244,.16)}.wf-accent{fill:var(--d-accent)}.wf-chart{fill:none;stroke:var(--d-accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.wf-flow{fill:none;stroke:rgba(47,199,176,.5);stroke-width:2;stroke-dasharray:4 5}.nda-chip{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;background:rgba(8,19,30,.72);color:var(--d-ink);padding:7px 13px;border-radius:100px;border:1px solid var(--d-line-2);backdrop-filter:blur(4px)}.nda-chip .icon{font-size:13px;color:var(--d-accent)}.showcase{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}.showcase-text .client-chip{color:var(--accent-dark);background:var(--accent-soft);border-color:#cbe7e3}.showcase-text h2{font-size:clamp(32px,4.4vw,54px);font-weight:300;margin-bottom:20px}.showcase-text p{font-size:16px;color:var(--ink-2);line-height:1.7;margin-bottom:26px}.showcase-stats{display:flex;gap:40px;padding-top:26px;border-top:1px solid var(--line)}.showcase-stats .num{font-family: var(--display);font-size:34px;font-weight:300;color:var(--accent);line-height:1}.showcase-stats .lbl{font-size:12.5px;color:var(--muted);margin-top:6px}.frame{position:relative;border-radius:16px;overflow:hidden;background:#0b0b0e;border:1px solid var(--line);box-shadow:var(--shadow-xl)}.frame-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:#14151a}.frame-bar span{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.16)}.frame-bar em{margin-left:12px;font-family: var(--mono);font-size:11px;color:rgba(255,255,255,.4);font-style:normal}.frame img{width:100%;display:block}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.platform-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .3s , border-color .3s}.platform-card:hover{box-shadow:var(--shadow-lg);border-color:#d4dee9}.browser-frame{background:#eef2f6;padding:0;overflow:hidden}.browser-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#e3e9ef}.browser-bar span{width:9px;height:9px;border-radius:50%;background:#c3cdd8}.browser-bar em{margin-left:10px;font-family: var(--mono);font-size:10.5px;color:var(--muted);font-style:normal}.browser-frame .shot{background:#fff;padding:20px 20px 8px}.browser-frame .shot img{width:100%;height:auto;object-fit:contain;display:block}.platform-body{padding:24px 28px 28px}.plat-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.plat-head h3{font-size:21px;margin:0}.plat-year{flex:none;font-family: var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--muted);background:var(--bg-soft);border:1px solid var(--line);padding:3px 9px;border-radius:100px;white-space:nowrap}.platform-body p{font-size:14.5px;color:var(--ink-2);line-height:1.6}.platform-body .tags{margin-top:16px}.platform-body .tags li{color:var(--ink-2);background:var(--bg-soft);border-color:var(--line)}.platform-body .tags .icon{color:var(--accent)}.text-link{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:14px;font-weight:500;color:var(--accent-dark);transition:gap .25s , color .2s}.text-link:hover{color:var(--ink);gap:10px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-item{position:relative;border-radius:14px;overflow:hidden;cursor:pointer;border:1px solid var(--d-line);background:var(--d-bg-2)}.gallery-item img{width:100%;aspect-ratio: 3/2;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.gallery-item:hover img{transform:scale(1.06)}.gallery-item figcaption{position:absolute;inset:auto 0 0 0;padding:44px 18px 15px;background:linear-gradient(0deg,rgba(4,10,17,.97) 0%,rgba(4,10,17,.86) 34%,rgba(4,10,17,.5) 70%,transparent 100%)}.gallery-item figcaption strong{display:block;font-family: var(--display);font-size:17px;font-weight:500;color:#fff;line-height:1.2;letter-spacing:-.01em;margin-bottom:4px;text-shadow:0 1px 8px rgba(0,0,0,.5)}.gallery-item figcaption span{display:block;font-size:12px;font-weight:400;line-height:1.4;color:rgba(234,241,244,.78);text-shadow:0 1px 6px rgba(0,0,0,.5)}.gallery-more{text-align:center;margin-top:34px;color:var(--d-ink-2);font-size:14.5px}.gallery-more a{color:var(--d-accent-2);border-bottom:1px solid rgba(127,231,214,.4)}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px;box-shadow:var(--shadow);transition:transform .3s , box-shadow .3s}.step:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.step-head{display:flex;align-items:center;justify-content:space-between}.step-num{font-family: var(--mono);font-size:12px;font-weight:500;color:var(--accent);letter-spacing:.06em}.step-icon{font-size:22px;color:var(--accent);opacity:.5}.step h3{font-size:19px;margin:14px 0 8px}.step p{font-size:13.5px;color:var(--ink-2);line-height:1.55}.step-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--line)}.step-tools .icon{font-size:16px;color:#9aa6b4;transition:color .2s}.step:hover .step-tools .icon{color:var(--accent)}.step-tools .more{font-family: var(--mono);font-size:10px;letter-spacing:.06em;color:#a8b2bf;text-transform:uppercase}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:56px}.cap{background:var(--d-bg-2);border:1px solid var(--d-line);border-radius:18px;padding:30px}.cap-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:rgba(47,199,176,.12);color:var(--d-accent);font-size:22px;margin-bottom:18px}.cap h3{font-size:21px;margin-bottom:10px;color:var(--d-ink)}.cap p{font-size:14px;color:var(--d-ink-2);line-height:1.65}.tool-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 40px}.tool-group-label{display:flex;align-items:center;gap:9px;font-family: var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--d-muted);margin-bottom:14px}.tool-group-label .icon{font-size:15px;color:var(--d-accent)}.tool-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none}.tool-chips li{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--d-ink-2);background:rgba(234,241,244,.04);border:1px solid var(--d-line);padding:8px 15px;border-radius:100px;transition:border-color .2s , color .2s , transform .2s , background .2s}.tool-chips li:hover{border-color:var(--d-accent);color:var(--d-ink);transform:translateY(-1px)}.tool-chips .icon{font-size:15px;color:var(--d-muted);transition:color .2s}.tool-chips li:hover .icon{color:var(--d-accent)}.tool-chips li.no-mark::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--d-muted);flex:none}.tool-group-ai .tool-chips li{background:rgba(47,199,176,.08);border-color:rgba(47,199,176,.22);color:var(--d-accent-2)}.tool-group-ai .tool-chips .icon{color:var(--d-accent-2)}.studio-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.studio-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px}.studio-photos figure{border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.studio-photos figure:first-child{grid-row:span 2}.studio-photos-single{display:block}.studio-photos-single figure{aspect-ratio: 4/3}.studio-photos img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}.studio-photos figure:hover img{transform:scale(1.05)}.studio-text h2{font-size:clamp(30px,4vw,48px);font-weight:300;margin-bottom:24px}.studio-text p{font-size:16px;color:var(--ink-2);line-height:1.75;margin-bottom:18px}.triad{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;padding-top:34px;border-top:1px solid var(--line)}.triad-item .ico{width:42px;height:42px;border-radius:11px;background:var(--accent-soft);color:var(--accent-dark);display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:12px}.triad-item .ttl{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:3px}.triad-item .sub{font-size:12px;color:var(--muted)}.timeline{margin-top:64px;max-width:820px}.t-item{display:grid;grid-template-columns:190px 1fr;gap:32px;padding:30px 0;border-top:1px solid var(--line)}.t-item:first-child{border-top:0;padding-top:0}.t-when{font-family: var(--mono);font-size:12px;font-weight:500;color:var(--accent-dark);letter-spacing:.04em;padding-top:4px}.t-what h3{display:flex;align-items:center;gap:9px;font-size:20px;margin-bottom:8px}.t-what h3 .icon{font-size:18px;color:var(--accent);flex:none}.t-what p{color:var(--ink-2);font-size:15px;line-height:1.65}.contact{text-align:center}.contact h2{font-size:clamp(44px,8vw,108px);font-weight:300;letter-spacing:-.04em;margin:22px 0 20px}.contact .section-sub{margin:0 auto 44px;text-align:center}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:640px;margin:0 auto}.contact-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--d-line);border-radius:16px;padding:28px 26px;color:var(--d-ink);transition:border-color .3s , background .3s , transform .3s}.contact-card:hover{border-color:var(--d-accent);background:rgba(47,199,176,.05);transform:translateY(-4px)}.contact-card .c-ico{font-size:24px;color:var(--d-accent);margin-bottom:16px}.contact-card .c-val{font-family: var(--display);font-size:21px}.contact-card .c-sub{font-size:12.5px;color:var(--d-muted);margin-top:6px}.contact-meta{display:inline-flex;align-items:center;gap:7px;margin-top:40px;color:var(--d-muted);font-size:13.5px}.contact-meta .icon{color:var(--d-accent)}.lightbox{position:fixed;inset:0;z-index:300;background:rgba(8,19,30,.94);display:none;align-items:center;justify-content:center;padding:40px}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:88vh;border-radius:10px}.lightbox-close{position:absolute;top:24px;right:30px;background:none;border:0;color:#fff;font-size:34px;cursor:pointer;line-height:1}.reveal{opacity:0;transform:translateY(46px);transition:opacity 1s cubic-bezier(.16,1,.3,1) , transform 1s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.tilt{transform:none!important}.marquee{overflow-x:auto}.marquee-track{animation:none!important}.marquee-track[aria-hidden="true"]{display:none}}@media (max-width:980px){.container{padding:0 28px}.case, .case:nth-child(even) {grid-template-columns:1fr}.case:nth-child(even) .case-visual {order:0}.case-visual{border-left:0!important;border-right:0!important;border-bottom:1px solid var(--d-line);order:-1}.showcase{grid-template-columns:1fr;gap:36px}.platform-grid{grid-template-columns:1fr}.cs-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.cap-grid{grid-template-columns:1fr}.tool-stack{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.studio-grid{grid-template-columns:1fr;gap:40px}.studio-photos-single figure{aspect-ratio: 16/10}.t-item{grid-template-columns:1fr;gap:8px}}@media (max-width:720px){.brand-name{display:none}.site-nav{position:fixed;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:0;padding:8px 28px 18px;display:none;box-shadow:var(--shadow-lg)}.site-nav.open{display:flex}.site-nav a{padding:14px 0;font-size:13px;width:100%;letter-spacing:.16em}.site-nav a::after{display:none}.nav-toggle{display:flex}.hero{padding:128px 0 64px}.stats{grid-template-columns:repeat(2,1fr);gap:30px 16px;margin-top:52px}.section,.section-dark{padding:76px 0}.case-body,.cap{padding:32px 26px}.case-points div{grid-template-columns:1fr;gap:3px}.showcase-stats{gap:28px}.contact-grid{grid-template-columns:1fr}.logo-mark{height:58px;padding:0 14px;font-size:17px}.logo-mark img{max-height:26px}.logos-brands{grid-template-columns:repeat(2,1fr);gap:8px}.logos-brands .logo-mark{height:64px}}@media (max-width:480px){.container{padding:0 20px}.gallery{grid-template-columns:1fr 1fr;gap:12px}.process-grid{grid-template-columns:1fr}.studio-photos{grid-template-columns:1fr}.studio-photos figure:first-child{grid-row:auto}}