/* Studio art direction. Existing components and function remain the foundation. */
:root{--editorial:'Cormorant Garamond',Georgia,serif;--studio-ease:cubic-bezier(.16,1,.3,1)}
body{background:#0a0c0f;color:#f2f2ed}
main>section{position:relative}.section{padding-block:110px}
h2{font-size:clamp(34px,4.3vw,64px);font-weight:400;letter-spacing:-.055em}
h2 em{font-family:var(--editorial);font-weight:400;letter-spacing:-.04em;font-size:1.13em;line-height:.98;color:#c2cbd8}
.eyebrow{font-size:10px;letter-spacing:.2em;color:#a7b8d1}
.button{border-radius:3px;min-height:54px;padding:15px 23px;font-size:11px;letter-spacing:.09em;box-shadow:none;gap:20px}
.button:hover{box-shadow:none}.text-link{font-size:11px;letter-spacing:.08em}.button span{font-size:19px}.button.small{font-size:10px;border-radius:3px}
.nav{background:#0a0c0fe8;border-color:#ffffff12}.nav-row{height:78px}.nav .brand img{width:124px;height:76px}.desktop-nav a{font-size:10px;letter-spacing:.08em}.menu-toggle{border-radius:3px;font-size:12px}
#home{background:#090b0e;min-height:calc(100svh - 78px);display:flex;flex-direction:column;justify-content:center}
#home .ambient-light{display:none}
#home .hero-layout{position:relative;min-height:610px;padding-block:100px 95px;width:calc(100% - 96px);flex:1;display:flex;align-items:center}
#home .hero-copy{width:100%;max-width:none;text-align:left;margin:0}#home .hero-copy .eyebrow{font-size:10px;margin-bottom:32px;color:#b9c5d9;letter-spacing:.2em}
#home .hero-copy h1{max-width:100%;font-size:clamp(44px,5.75vw,86px);letter-spacing:-.055em;line-height:.99;font-weight:400;white-space:nowrap}
#home .hero-copy h1 .hero-line{color:#f2f2ed;display:inline-block}#home .hero-copy h1 .hero-emphasis{font-family:var(--editorial);font-size:1.43em;font-style:italic;font-weight:400;letter-spacing:-.07em;line-height:1.12;color:#f0f2f6;display:inline-block;margin-left:-.035em}
#home .hero-sub{font-size:17px;max-width:380px;line-height:1.7;margin:30px 0 0;color:#c9cdd2}#home .hero-copy .actions{justify-content:flex-start;align-items:center;flex-direction:row;margin-top:32px;gap:28px}
#home .hero-note{font-size:11px;color:#b4bdc9;margin:23px 0 0;max-width:none}
.studio-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0 28px;border-top:1px solid #ffffff22;position:relative}.studio-hero-bottom p,.studio-scroll,#studio-motion{font-size:9px;letter-spacing:.16em;line-height:1.8;color:#d4d6db}.studio-hero-bottom p span{font-size:10px;letter-spacing:.02em;color:#adb5c2}.studio-scroll{display:flex;align-items:center;gap:32px;min-height:44px}.studio-scroll span{font-size:22px}#studio-motion{background:transparent;border:1px solid #ffffff30;padding:10px 13px;min-height:44px;display:flex;gap:14px;align-items:center}.studio-moving .hero-copy>*{animation:studio-enter 1.2s var(--studio-ease) both}.studio-moving .hero-copy h1{animation-delay:.08s}.studio-moving .hero-sub{animation-delay:.18s}.studio-moving .hero-copy .actions{animation-delay:.28s}.studio-moving .hero-note{animation-delay:.35s}

@keyframes studio-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
/* Large-format work, quiet captions, a deliberate shift in composition. */
.featured-experience{padding-top:90px;padding-bottom:80px}.featured-experience .split-intro{grid-template-columns:1.4fr 1fr;gap:90px;align-items:center}.featured-experience h2{font-size:clamp(32px,3.6vw,52px);max-width:690px}.featured-experience .split-intro p:not(.eyebrow){font-size:14px;line-height:1.8;margin-bottom:14px}.featured-experience .cinematic-preview{border:0;aspect-ratio:16/8.8;min-height:0}.cinematic-preview>img{transition:transform 1.6s var(--studio-ease);transform:scale(1.015)}.preview-overlay{justify-content:center;align-items:center;text-align:center;background:linear-gradient(0deg,#0009,#0001 70%);padding:40px}.preview-overlay .eyebrow{font-size:10px}.cinematic-preview .preview-title{font-family:var(--editorial);font-size:clamp(42px,5.4vw,80px);font-style:italic;line-height:.97;letter-spacing:-.045em;margin:5px 0 16px}.preview-overlay .button{background:#f0eee7;color:#101315}.simulation-note{font-size:11px;line-height:1.65;margin-top:16px}.proof-strip{border-block:1px solid #ffffff1b;padding-block:24px}.proof-strip p{font-size:11px}.proof-strip>a:not(.text-link){font-size:18px}
.perception-section{padding-block:100px}.section-index{display:block;color:#98a6b8;font-size:9px;letter-spacing:.18em;margin-bottom:40px}.perception-section .split-intro{grid-template-columns:1.5fr 1fr;gap:80px;margin-bottom:0;align-items:end}.perception-section h2{font-size:clamp(34px,4vw,58px)}.perception-section .split-intro p:not(.eyebrow){font-size:15px;line-height:1.85;margin-top:18px}.perception-section .split-intro>div:last-child{border-left:1px solid #ffffff23;padding-left:32px}
.work-section{background:#101318;border-block:1px solid #ffffff0c}.work-section .split-intro{align-items:end}.work-section .split-intro>p{font-size:14px}.case-study{grid-template-columns:1fr 1.4fr;background:none;border:0;gap:0;border-radius:0;overflow:visible}.case-preview{grid-column:1/-1;display:block;position:relative;overflow:hidden;background:#29282b;padding:clamp(20px,4vw,56px);margin-bottom:30px;isolation:isolate}.case-preview:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#43413b,#141920);z-index:-1}.case-preview img{width:100%;height:auto;max-height:600px;object-fit:cover;object-position:top;transition:transform 1s var(--studio-ease);box-shadow:0 24px 80px #0005}.case-preview>span{position:absolute;right:28px;bottom:25px;background:#f1f0e9;color:#171c24;padding:15px 18px;font-size:10px;letter-spacing:.14em;display:flex;gap:24px;align-items:center}.case-preview b{font-size:20px;font-weight:400}.case-title{padding:8px 36px 18px 0}.case-title h3{font-size:40px}.case-title .tag{border:0;border-radius:0;background:none;padding:0;color:#a8b7cb;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.case-title .micro{font-size:9px;margin-top:18px}.case-details{padding:8px 0 0 24px;border-left:1px solid #ffffff23;display:grid;gap:16px}.case-details>div{border:0;padding:0}.case-details dt{font-size:9px;letter-spacing:.12em}.case-details dd{font-size:13px;line-height:1.75;max-width:550px}.portfolio-label{margin-top:64px}.portfolio-label h3{font-size:17px}.portfolio-label p{font-size:11px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.project-grid>a{display:block;border:0;padding:0;min-width:0;background:none}.project-grid .project-image{overflow:hidden;aspect-ratio:1.6;margin-bottom:22px;background:#161b24}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1s var(--studio-ease)}.project-grid>a>span{font-size:9px;letter-spacing:.16em}.project-grid h3{font-size:22px;line-height:1.2;margin-top:12px}.project-grid p{font-size:11px;margin-top:12px}.project-grid>a:nth-child(2){margin-top:48px}
.reviews-section{padding-block:100px}.reviews-section h2{font-size:clamp(32px,3.8vw,54px)}.review-grid{gap:48px}.review-card{border:0;border-top:1px solid #ffffff24;background:transparent;border-radius:0;padding:30px 0 0}.review-card blockquote{font-family:var(--editorial);font-size:27px;line-height:1.35;font-weight:400;color:#e0e3e9;letter-spacing:-.015em}.review-card figcaption{font-size:12px}.review-card figcaption span{font-size:10px}.review-note{font-size:10px}
.pricing-section{background:#151b24;border-block:1px solid #ffffff12}.pricing-section>.wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:start}.pricing-section .section-intro{text-align:left;margin:0}.pricing-section .section-intro>p{margin-inline:0;font-size:14px;max-width:390px}.pricing-section h2{font-size:clamp(35px,3.7vw,52px)}.cinematic-pricing{margin:0;max-width:none}.cinematic-pricing .price-card{border:0;border-left:1px solid #ffffff24;border-radius:0;background:transparent;padding:0 0 0 44px;box-shadow:none}.cinematic-pricing .plan-name{font-size:10px;letter-spacing:.14em;color:#a7bad7;margin-bottom:18px}.cinematic-pricing .price-card h3{font-size:22px}.cinematic-pricing .price{font-size:58px;margin-block:24px}.cinematic-pricing .price>span{font-size:13px}.cinematic-pricing .features{margin-top:32px}.cinematic-pricing .features li{font-size:13px;padding-block:8px}.cinematic-pricing .plan-note{font-size:11px}
#how{display:block;padding-block:85px}.implementation-story>.section-intro{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 60px;max-width:none;margin-bottom:40px}.implementation-story .eyebrow{grid-column:1/-1}.implementation-story h2{font-size:38px}.implementation-story>.section-intro>p:last-of-type{margin-top:0;font-size:14px}.implementation-lens{display:none}.implementation-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.implementation-steps article{min-height:0;padding:24px 0 0;opacity:1!important;transform:none!important}.implementation-steps h3{font-size:22px;margin-bottom:16px}.implementation-steps article>p:last-child{font-size:13px}.implementation-steps .process-number{font-size:11px;margin-bottom:24px}
#product{padding-block:80px;border-block:1px solid #ffffff1a;background:#101318}.ai-transition h2{font-size:clamp(34px,3.8vw,54px)}.ai-transition p:not(.eyebrow){font-size:14px;margin-bottom:18px}.systems-detail>summary{font-size:13px;letter-spacing:.02em}.founder-grid{gap:85px;grid-template-columns:.85fr 1.15fr;align-items:center}.founder-image{border-radius:0;overflow:hidden}.founder-image img{filter:none;aspect-ratio:4/5;object-fit:cover;object-position:center 25%}.founder-copy h2{font-size:clamp(34px,3.8vw,54px)}.founder-copy>p{font-size:14px}.founder-copy .founder-lead{font-size:19px}.founder-credentials{gap:10px}.founder-credentials span{font-size:10px}.founder-badge{border-radius:2px}.faq-section{padding-top:30px}.faq-section h2{font-size:38px}.faq-list summary{font-size:15px}.faq-list details p{font-size:14px}
#contact{background:#141922;border-top:1px solid #ffffff18}.cta-signal{display:none}#contact h2{font-size:clamp(34px,3.7vw,54px)}#contact .audit-grid{gap:70px;align-items:start}.audit-card{border-radius:0;border:1px solid #ffffff20;background:#0d1118;box-shadow:none;padding:36px}.audit-card h3{font-size:27px}.audit-grid>div>p:not(.eyebrow){font-size:15px}.audit-card .micro{font-size:10px}#revenue-inquiry input,#revenue-inquiry select,#revenue-inquiry textarea{border-radius:2px;background:#141a24}#revenue-inquiry label{font-size:12px}.footer-main>p{font-family:var(--editorial);font-style:italic;font-size:40px}
/* Progressive enhancement: content is visible until the observer is ready. */
.studio-reveal{transition:opacity 800ms var(--studio-ease),transform 1000ms var(--studio-ease)}.studio-reveal[data-reveal="waiting"]{opacity:0;transform:translateY(24px)}.studio-reveal[data-reveal="shown"]{opacity:1;transform:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.cinematic-preview:hover>img{transform:scale(1.055)}.case-preview:hover img{transform:translateY(-6px)}.project-grid>a:hover .project-image img{transform:scale(1.035)}.desktop-nav a{position:relative}.desktop-nav a:after{content:'';position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:#c0ccdd;transform:scaleX(0);transform-origin:left;transition:transform 350ms}.desktop-nav a:hover:after{transform:scaleX(1)}}
@media(max-width:1050px){#home .hero-layout{min-height:560px;padding-block:85px}.featured-experience .split-intro{gap:40px}.perception-section .split-intro{gap:40px}.pricing-section>.wrap{gap:40px}.cinematic-pricing .price-card{padding-left:30px}.founder-grid{gap:40px}.implementation-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.project-grid{gap:20px}#home .hero-copy h1{font-size:6.2vw}}
@media(max-width:700px){.section{padding-block:70px}.nav-row{height:68px}.nav .brand img{width:96px;height:62px}.nav-row .menu-toggle{margin-left:auto}#home{min-height:0}#home .hero-layout{width:calc(100% - 40px);min-height:560px;padding-block:90px 60px;align-items:center}#home .hero-copy .eyebrow{font-size:8px;letter-spacing:.12em;line-height:1.7;margin-bottom:28px}#home .hero-copy h1{font-size:clamp(30px,8.8vw,54px);letter-spacing:-.055em}#home .hero-copy h1 .hero-emphasis{font-size:1.45em;letter-spacing:-.075em}#home .hero-sub{font-size:15px;max-width:275px;margin-top:26px}#home .hero-copy .actions{flex-direction:column;align-items:flex-start;gap:14px;margin-top:28px}#home .hero-copy .button{font-size:10px;min-height:50px;padding:14px 18px}#home .hero-copy .text-link{font-size:10px;min-height:44px}#home .hero-note{font-size:10px;margin-top:20px}.studio-hero-bottom{width:calc(100% - 40px);padding:18px 0 22px;gap:15px}.studio-hero-bottom p{font-size:8px;letter-spacing:.08em}.studio-hero-bottom p span{font-size:9px;letter-spacing:0}.studio-scroll{display:none}#studio-motion{font-size:8px;letter-spacing:.04em;padding:8px;gap:8px;white-space:nowrap}.featured-experience .split-intro,.perception-section .split-intro{grid-template-columns:1fr;gap:26px}.featured-experience h2,.perception-section h2{font-size:clamp(28px,7.3vw,43px)}.featured-experience .split-intro p:not(.eyebrow){font-size:13px}.featured-experience .cinematic-preview{aspect-ratio:4/5;min-height:330px}.cinematic-preview>img{object-position:62% center}.preview-overlay{padding:24px 18px}.cinematic-preview .preview-title{font-size:48px}.preview-overlay .eyebrow{font-size:8px;letter-spacing:.12em}.preview-overlay .button{font-size:10px;padding:13px 16px;min-height:50px}.simulation-note{font-size:10px}.proof-strip{gap:18px}.proof-strip>.text-link{font-size:10px}.proof-strip>a:not(.text-link){font-size:17px}.section-index{margin-bottom:28px}.perception-section .split-intro>div:last-child{border-left:0;border-top:1px solid #ffffff23;padding:10px 0 0}.perception-section .split-intro p:not(.eyebrow){font-size:14px}.work-section .split-intro h2{font-size:37px}.work-section .split-intro>p{font-size:13px}.case-study{grid-template-columns:1fr}.case-preview{padding:16px;margin-bottom:24px}.case-preview>span{right:16px;bottom:16px;font-size:8px;padding:8px 10px;gap:12px}.case-preview b{font-size:15px}.case-title{padding:0 0 24px}.case-title h3{font-size:34px}.case-details{padding:22px 0 0;border-left:0;border-top:1px solid #ffffff23;gap:16px}.case-details dd{font-size:13px}.portfolio-label{margin-top:44px}.portfolio-label h3{font-size:16px}.project-grid{grid-template-columns:1fr;gap:36px}.project-grid>a:first-child{border:0}.project-grid>a:nth-child(2){margin-top:0}.project-grid .project-image{margin-bottom:18px}.project-grid h3{font-size:24px}.reviews-section .split-intro{align-items:start}.review-grid{grid-template-columns:1fr;gap:32px}.review-card blockquote{font-size:26px}.pricing-section>.wrap{display:block}.pricing-section h2{font-size:34px}.pricing-section .section-intro>p{font-size:14px}.cinematic-pricing{margin-top:40px}.cinematic-pricing .price-card{padding:30px 0 0;border-left:0;border-top:1px solid #ffffff24}.cinematic-pricing .price{font-size:54px}.cinematic-pricing .price-card h3{font-size:23px}.implementation-story>.section-intro{display:block}.implementation-story h2{font-size:33px}.implementation-story>.section-intro>p:last-of-type{margin-top:20px}.implementation-steps{grid-template-columns:1fr}.implementation-steps h3{font-size:23px}.implementation-steps .process-number{margin-bottom:18px}#how,#product{padding-block:64px}.ai-transition h2{font-size:34px}.founder-grid{grid-template-columns:1fr;gap:34px}.founder-image img{aspect-ratio:4/4.4}.founder-copy h2{font-size:34px}.founder-copy .founder-lead{font-size:19px}.faq-section h2{font-size:34px}#contact .audit-grid{gap:36px}#contact h2{font-size:34px}.audit-card{padding:26px 20px}.footer-main>p{font-size:29px}}
@media(prefers-reduced-motion:reduce){.studio-reveal[data-reveal="waiting"]{opacity:1;transform:none}.studio-reveal{transition:none}#studio-motion{display:none}.hero-copy>*{animation:none!important}}body.studio-paused .studio-reveal{opacity:1;transform:none;transition:none}body.studio-paused .hero-copy>*{animation:none}
.case-title{background:transparent}.case-title .tag{margin-bottom:8px}.case-title h3{margin-bottom:20px}.case-title .text-link{margin-top:8px}
@media(max-width:700px){#revenue-inquiry input,#revenue-inquiry select,#revenue-inquiry textarea{font-size:16px}#revenue-inquiry label{font-size:13px}}

/* The hero now presents the work itself: a cinematic concept and client sites. */
#home{background:#090b0e;min-height:calc(100svh - 78px);isolation:isolate}
/* Studio lighting is composed around the content, without a competing image. */
#home{background:radial-gradient(ellipse at 90% 30%,#24478272,transparent 54%),radial-gradient(ellipse at 5% 0%,#66738145,transparent 55%),linear-gradient(140deg,#171a20,#0b0e14 65%,#101a2c)}
#home::before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(119deg,transparent 15%,#dfe5ee03 25%,#dfe5ee12 33%,#dfe5ee03 38%,transparent 45%),linear-gradient(119deg,transparent 56%,#a2bce814 56.1%,#9eb7df04 63%,transparent 63.1%),radial-gradient(ellipse at 78% 92%,#315cad40,transparent 50%);mask-image:linear-gradient(#000 70%,transparent)}
#home::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/studio-grain.svg') repeat;opacity:.11;mix-blend-mode:soft-light}
#home .hero-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:50px;align-items:center;min-height:660px;padding-block:80px 65px}
#home .hero-copy{min-width:0;position:relative;z-index:2}
#home .hero-copy h1{font-size:clamp(38px,4.5vw,66px)}
#home .hero-copy h1 .hero-emphasis{font-size:1.35em}
#home .hero-copy .eyebrow{font-size:9px;letter-spacing:.14em}
#home .hero-copy .actions{gap:18px}
#home .hero-copy .actions .button{padding-inline:18px;font-size:10px}
.hero-workstage{min-width:0;position:relative;padding:20px 0 0;perspective:1600px}
.hero-workstage:before{content:'';position:absolute;inset:16% -3% 6%;border:1px solid #ffffff08;transform:rotate(-6deg);pointer-events:none}
.hero-project{display:block;position:relative;min-width:0;background:#0e131c;border:1px solid #ffffff24;box-shadow:0 24px 55px #0007;transition:border-color 350ms,transform 700ms var(--studio-ease)}
.hero-project-main{transform:rotate(-3deg);z-index:1}
.hero-project-window{display:block;overflow:hidden;background:#15191e}
.hero-project img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top;transition:transform 1s var(--studio-ease)}
.hero-project-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;font-size:9px;letter-spacing:.12em;color:#e0e5eb}
.hero-project-caption small{display:block;color:#a1adbc;font-size:8px;letter-spacing:.09em;margin-top:2px}
.hero-project-caption b{font-size:20px;font-weight:400}
.hero-client-pair{position:relative;z-index:2;width:91%;margin:24px 0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hero-client-pair .hero-project:first-child{transform:rotate(-2deg)}
.hero-client-pair .hero-project:last-child{transform:translateY(18px) rotate(3deg)}
.hero-client-pair .hero-project-caption{font-size:8px;padding:10px 12px;letter-spacing:.08em}
.hero-client-pair .hero-project-caption small{font-size:7px}
.studio-moving .hero-project-main{animation:work-drift 10s ease-in-out infinite alternate}
@keyframes work-drift{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-9px) rotate(-2deg)}}
body.studio-paused .hero-project-main,body.studio-idle .hero-project-main{animation-play-state:paused}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hero-project:hover{border-color:#93a5c3}.hero-project:hover img{transform:scale(1.025)}}
@media(max-width:1100px){#home .hero-layout{gap:35px;grid-template-columns:1fr 1fr;min-height:600px}#home .hero-copy h1{font-size:4.6vw}#home .hero-copy h1 .hero-emphasis{font-size:1.3em}#home .hero-copy .actions{align-items:flex-start;flex-direction:column;gap:10px}.hero-client-pair{width:100%;gap:12px}.hero-project-caption{font-size:8px;padding:10px 12px}.hero-project-caption small{font-size:7px}}
@media(max-width:800px){#home .hero-layout{grid-template-columns:1fr;gap:30px;min-height:0;padding-block:55px 48px}#home .hero-copy h1{font-size:clamp(33px,7.6vw,56px)}#home .hero-copy h1 .hero-emphasis{font-size:1.4em}#home .hero-copy .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:26px}#home .hero-copy .actions{flex-direction:row;align-items:center;gap:18px}#home .hero-copy .actions .text-link{font-size:9px}#home .hero-sub{max-width:390px;margin-top:24px}#home .hero-copy .hero-note{margin-top:18px}.hero-workstage{width:94%;max-width:580px;margin:0 auto;padding-top:15px}.hero-client-pair{width:94%;gap:15px;margin-top:18px}.hero-project-main{transform:rotate(-2deg)}.hero-project-caption{font-size:8px}.hero-project-caption small{font-size:7px}.hero-client-pair .hero-project-caption{font-size:7px;padding:9px;letter-spacing:.04em}.hero-client-pair .hero-project-caption small{font-size:6px}.hero-client-pair .hero-project-caption b{font-size:17px}.studio-hero-bottom{margin-top:8px}}
@media(max-width:360px){#home .hero-copy .actions{align-items:flex-start;flex-direction:column;gap:7px}#home .hero-copy h1{font-size:30px}#home .hero-copy h1 .hero-emphasis{font-size:1.38em}.hero-client-pair{gap:10px}}
@media(prefers-reduced-motion:reduce){.hero-project-main{animation:none!important}.hero-project,.hero-project img{transition:none}}



/* A direct line to the founder stays visible at every screen size. */
.nav .studio-call{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-height:46px;padding:12px 18px;border:1px solid #ffffffb3;border-radius:3px;background:linear-gradient(135deg,#faf9f4,#dbe2eb);color:#18202b;font-size:13px;font-weight:500;letter-spacing:.025em;box-shadow:inset 0 1px 0 #fff,0 3px 18px #0002;transition:background 200ms,box-shadow 200ms}
.nav .studio-call svg{color:#35517c;flex-shrink:0}
.nav .studio-call:hover{background:#fff;box-shadow:0 0 24px #b7cce91a}
.nav .studio-call:focus-visible{outline:2px solid #85afff;outline-offset:4px}
/* Each process step occupies its own vertical scroll position. */
#how{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:start}
#how>.section-intro{display:block;position:sticky;top:112px;margin:0}
#how>.section-intro>p:not(.eyebrow){margin-top:22px}
#how .implementation-lens{display:block;border-radius:3px;background:linear-gradient(135deg,#152131,#0d121a);border-color:#ffffff24;padding:24px;margin-top:32px}
#how .implementation-state p{min-height:70px}
#how .implementation-steps{grid-template-columns:minmax(0,1fr);gap:0}
#how .implementation-steps article{min-height:280px;padding:36px 20px 40px 28px;opacity:1;border-left-color:#ffffff12}
#how .implementation-steps article.is-current{border-left-color:#91b7f0;background:linear-gradient(90deg,#668dc215,transparent 85%)}
#how .implementation-steps .process-number{font-size:13px;margin-bottom:24px}
#how .implementation-steps article.is-current .process-number{color:#d5e6ff}
#how .implementation-steps h3{font-size:28px}
#how .implementation-steps article>p:last-child{font-size:14px;max-width:450px}
@media(max-width:900px){.nav .studio-call{margin-left:auto}.nav-row{gap:18px}#how{gap:40px}}
@media(max-width:700px){.nav .nav-row{width:calc(100% - 32px);gap:10px}.nav .brand img{width:96px;height:62px}.nav .studio-call{font-size:12px;gap:7px;padding:10px;min-height:44px}.nav .studio-call svg{width:13px;height:13px}.nav .menu-toggle{margin-left:0;padding:8px 10px;font-size:11px}#how{grid-template-columns:1fr;gap:32px}#how>.section-intro{position:static}#how .implementation-lens{display:none}#how .implementation-steps article{min-height:260px;padding:30px 16px 36px 22px}#how .implementation-steps h3{font-size:26px}}

.founder-identity>span{display:block;margin-top:5px;font-size:12px;color:#c2cad5}

/* Scale and alignment give the actual portfolio the visual emphasis. */
.hero-workstage{max-width:580px;justify-self:end}
.hero-workstage:before{display:none}
.hero-project-main{transform:rotate(-1.5deg)}
.hero-project-main img{aspect-ratio:1.72}
.hero-client-pair .hero-project:first-child{transform:rotate(-1deg)}
.hero-client-pair .hero-project:last-child{transform:translateY(12px) rotate(1.5deg)}
@keyframes work-drift{from{transform:translateY(0) rotate(-1.5deg)}to{transform:translateY(-6px) rotate(-1deg)}}
.studio-hero-bottom{border-top-color:#a7b6cf28}
#work{background:radial-gradient(ellipse at 95% 0%,#1f304c50,transparent 45%),#101318}
#pricing{background:radial-gradient(ellipse at 0% 100%,#1e2b4255,transparent 60%),#0d1118}
#contact{isolation:isolate;background:radial-gradient(ellipse at 8% 35%,#30466865,transparent 55%),linear-gradient(115deg,#161b25,#0c1018 70%)}
#contact::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/studio-grain.svg') repeat;opacity:.09;mix-blend-mode:soft-light}
#contact .cta-signal{display:none}
@media(max-width:800px){#home{background:radial-gradient(ellipse at 105% 54%,#284b7b65,transparent 62%),radial-gradient(ellipse at 0% 0%,#6b778a30,transparent 46%),#0d1118}#home::before{background:linear-gradient(119deg,transparent 9%,#dce4f00b 26%,transparent 36%),linear-gradient(119deg,transparent 55%,#b7cbed0c 55.1%,transparent 74%)}.hero-workstage{justify-self:center}.hero-client-pair .hero-project-caption{font-size:9px}.hero-client-pair .hero-project-caption small{font-size:8px}.hero-client-pair .hero-project-caption b{font-size:14px}}

@media(max-width:360px){.nav .nav-row{width:calc(100% - 24px);gap:8px}.nav .brand img{width:82px}.nav .studio-call{padding-inline:8px;font-size:11px}.nav .menu-toggle{padding-inline:8px}}

.footer-legal{display:flex;gap:26px;flex-wrap:wrap;padding-top:20px}.footer-legal a{font-size:12px;color:#bdc9da;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.inquiry-privacy-note{grid-column:1/-1;font-size:12px!important;line-height:1.7;color:#bfcbdc}.inquiry-privacy-note a{color:#d4e4ff;text-decoration:underline;text-underline-offset:3px}