:root{--navy:#06192a;--deep:#020f1d;--blue:#0d2940;--cream:#fff8e8;--text:#edf5f8;--muted:#b8ccd7;--gold:#e5bd4e;--green:#48e0a4;--cyan:#52d2ff;--line:rgba(102,187,221,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;min-width:320px;background:var(--deep);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip{position:absolute;top:-80px;left:16px;z-index:99;padding:10px;background:var(--gold);color:var(--deep)}.skip:focus{top:12px}.wrap{max-width:1240px;margin:auto;padding-left:38px;padding-right:38px}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:28px;min-height:86px;padding:12px max(38px,calc((100vw - 1360px)/2));background:rgba(2,15,29,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:34px;height:34px;border:1.5px solid var(--gold);border-radius:50%;position:relative}.brand-mark:after{content:'';position:absolute;inset:13px;background:var(--gold);border-radius:50%}.brand-name{display:flex;flex-direction:column;line-height:1}.brand-name strong{font-size:16px;letter-spacing:.11em;white-space:nowrap}.brand-name b{color:var(--gold)}.brand-name small{margin-top:5px;font-size:9px;letter-spacing:.55em;color:var(--muted)}nav{margin-left:auto;display:flex;align-items:center;gap:23px;font-size:13px}nav a:hover,.text-link:hover,.work-card a:hover{color:var(--gold)}.header-cta{border:1px solid rgba(229,189,78,.55);border-radius:50px;padding:10px 17px;font-size:12px;white-space:nowrap}.header-cta span{color:var(--gold)}.menu-toggle{display:none}.hero{min-height:700px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding-top:95px;padding-bottom:105px;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:.24em;color:var(--gold);font-weight:700}.hero h1,h2,h3{font-family:Marcellus,Georgia,serif;font-weight:400;line-height:1.13}.hero h1{font-size:clamp(56px,6vw,92px);margin:18px 0 22px;letter-spacing:-.04em}.hero em,h2 em{font-weight:400;font-style:normal;color:var(--gold)}.role{font-size:14px;letter-spacing:.04em;color:var(--green)}.role span{color:var(--gold)}.lead{max-width:620px;color:var(--muted);font-size:18px}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:36px}.button{display:inline-flex;align-items:center;gap:28px;padding:14px 23px;border-radius:50px;font-weight:600;font-size:14px}.primary{background:var(--gold);color:var(--deep)}.primary:hover{background:#f5d983}.text-link{color:var(--text);border-bottom:1px solid var(--gold);padding-bottom:5px;font-size:14px}.hero-art{aspect-ratio:1;max-width:510px;width:100%;margin:auto;position:relative;isolation:isolate;background:radial-gradient(circle,rgba(72,224,164,.18) 0%,rgba(82,210,255,.07) 29%,transparent 65%)}.art-ring{position:absolute;border-radius:50%;border:1px solid rgba(229,189,78,.64);box-shadow:0 0 44px rgba(82,210,255,.1)}.ring-one{inset:10%;}.ring-two{inset:19%;border-color:rgba(82,210,255,.64)}.ring-three{inset:29%;border-color:rgba(72,224,164,.6)}.art-ring:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gold);top:10%;left:18%;box-shadow:0 0 18px var(--gold)}.art-core{position:absolute;inset:37%;border-radius:50%;background:linear-gradient(145deg,#133b4c,#071e30);border:1px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--cream);font-size:10px;letter-spacing:.17em;box-shadow:0 0 70px rgba(72,224,164,.2)}.art-core i{height:20px;width:1px;background:var(--gold)}.art-label{position:absolute;font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.label-a{top:10%;left:6%}.label-b{right:2%;top:47%}.label-c{bottom:10%;left:17%}.statement{padding:85px 0;background:linear-gradient(100deg,#092b3d,#092035);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement h2{font-size:clamp(40px,4.5vw,66px);margin:15px 0}.statement h2 span{color:var(--gold)}.statement p:last-child{color:var(--muted);font-size:18px;max-width:660px}.section{padding-top:105px;padding-bottom:110px}.section-head{max-width:740px;margin-bottom:46px}.section-head h2,.split h2,.contact h2{font-size:clamp(42px,4.6vw,67px);margin:16px 0}.section-head>p:last-child,.split p:not(.eyebrow){font-size:17px;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:32px;min-height:290px;background:linear-gradient(145deg,rgba(18,51,73,.86),rgba(6,25,42,.87));border:1px solid var(--line);border-radius:22px;display:flex;flex-direction:column}.card.feature{border-color:rgba(229,189,78,.44)}.card-index{color:var(--gold);font-size:12px}.card h3{font-size:29px;margin:25px 0 10px}.card p{color:var(--muted);margin:0}.card .examples{margin-top:auto;padding-top:24px;color:#a8e2d4;font-size:13px}.process{background:radial-gradient(circle at 80% 20%,#123f4a,#071c2f 65%);border-block:1px solid var(--line)}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0;margin:0}.steps li{border-top:1px solid rgba(229,189,78,.5);padding:22px 6px 0}.steps li>span{color:var(--gold);font-size:12px}.steps h3{font-size:28px;margin:20px 0 9px}.steps p{color:var(--muted);margin:0;font-size:14px}blockquote{font-family:Marcellus,Georgia,serif;font-size:clamp(21px,2.6vw,31px);border-left:2px solid var(--gold);padding-left:25px;margin:75px 0 0}blockquote footer{font-family:'DM Sans',sans-serif;font-size:14px;color:var(--muted);margin-top:17px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{min-height:310px;border-radius:22px;padding:30px;background:linear-gradient(160deg,#113447,#071a2d);border:1px solid var(--line);display:flex;flex-direction:column}.tag{align-self:start;color:var(--green);border:1px solid rgba(72,224,164,.4);border-radius:40px;font-size:10px;letter-spacing:.12em;padding:5px 11px}.work-card h3{font-size:32px;margin:37px 0 8px}.work-card p{color:var(--muted);margin:0 0 22px}.work-card a,.no-link{margin-top:auto;font-size:13px;color:var(--gold)}.no-link{color:var(--muted)}.work-note{font-size:12px;color:var(--muted);margin-top:24px}.creative{border-block:1px solid var(--line);background:linear-gradient(120deg,#0b283e,#062c32)}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.split>div:last-child{padding-top:45px}.split .text-link{display:inline-block;margin-top:20px}.contact{text-align:center}.contact-panel{padding:75px 25px;border:1px solid rgba(229,189,78,.35);border-radius:30px;background:radial-gradient(circle at 50% 10%,rgba(72,224,164,.17),transparent 55%),#0a2235}.contact h2{margin:16px auto}.contact-panel>p:not(.eyebrow){max-width:570px;margin:0 auto 27px;color:var(--muted)}.contact .contact-note{font-size:13px;margin:18px auto 0!important}.footer{border-top:1px solid var(--line);min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.footer-brand{letter-spacing:.13em;color:var(--cream);font-weight:700}@media(max-width:1100px){nav{gap:12px}nav a{font-size:12px}.header-cta{display:none}.hero{min-height:640px}.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.site-header{min-height:72px;padding:12px 22px;flex-wrap:wrap;gap:10px}.brand-name strong{font-size:13px}.menu-toggle{display:block;margin-left:auto;background:none;border:1px solid var(--line);color:var(--text);border-radius:50px;padding:9px 14px}.site-header nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:12px 0}.site-header nav.open{display:flex}nav a{padding:11px 0;font-size:14px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:68px;padding-bottom:65px;gap:25px}.hero h1{font-size:clamp(51px,12vw,77px)}.hero-art{max-width:390px}.section{padding-top:75px;padding-bottom:80px}.statement{padding:65px 0}.card-grid,.work-grid,.split{grid-template-columns:1fr}.card{min-height:230px}.steps{grid-template-columns:repeat(2,1fr)}.split{gap:0}.split>div:last-child{padding-top:0}.footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px;justify-content:flex-start}}@media(max-width:440px){.steps{grid-template-columns:1fr}.actions{gap:18px}.hero-art{max-width:300px}.footer{display:block}.footer span{display:block;margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Founder portrait */
.hero-portrait{position:relative;margin:0;width:100%;aspect-ratio:4/4.35;max-width:540px;justify-self:end;border-radius:30px;overflow:hidden;border:1px solid rgba(229,189,78,.35);background:#0d2940;box-shadow:0 35px 90px rgba(0,0,0,.33)}.hero-portrait:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,15,29,.87) 0%,transparent 37%),linear-gradient(90deg,rgba(6,25,42,.1),transparent 50%)}.hero-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:55% center}.hero-portrait figcaption{position:absolute;z-index:1;bottom:30px;left:32px;right:32px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:var(--cream)}.hero-portrait figcaption span:first-child{font-family:Marcellus,Georgia,serif;font-size:28px;letter-spacing:.08em}.hero-portrait figcaption span:last-child{font-size:11px;color:var(--muted)}@media(max-width:760px){.hero-portrait{aspect-ratio:4/3.5;max-width:560px;align-self:center}.hero-portrait img{object-position:55% 30%}}@media(max-width:440px){.hero-portrait figcaption{left:20px;right:20px;bottom:20px;display:block}.hero-portrait figcaption span{display:block}.hero-portrait figcaption span:last-child{margin-top:3px}}

/* V2: Editorial hero, clear first-screen action, and restrained motion */
.hero{max-width:1440px;min-height:min(740px,calc(100svh - 86px));grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(36px,5vw,82px);padding-top:clamp(52px,6vw,85px);padding-bottom:clamp(60px,7vw,95px);position:relative}
.hero:before{content:'';position:absolute;width:660px;height:660px;right:-220px;top:-180px;z-index:-1;background:radial-gradient(circle,rgba(37,108,116,.18),transparent 65%);pointer-events:none}
.hero-copy{min-width:0;max-width:650px}.hero-kicker-line{display:block;width:60px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin-bottom:27px}.hero h1{font-size:clamp(48px,4.5vw,74px);line-height:1.055;letter-spacing:-.045em;max-width:660px;margin:23px 0 27px;text-wrap:balance}.hero h1 em{color:var(--gold)}.hero .role{line-height:1.55;max-width:550px}.hero .lead{font-size:clamp(16px,1.25vw,18px);line-height:1.66;max-width:575px;margin-top:21px}.hero .actions{margin-top:28px}.hero-portrait{max-width:500px;aspect-ratio:1/1.1;align-self:center;border-radius:22px;overflow:visible;isolation:isolate}.hero-portrait img{border-radius:22px;object-position:60% center}.hero-portrait:after{border-radius:22px}.hero-portrait figcaption{bottom:24px}.hero-portrait:before{content:'';position:absolute;inset:-12px;z-index:-1;border:1px solid rgba(229,189,78,.26);border-radius:30px;pointer-events:none}.portrait-orbit{position:absolute;inset:-18px;z-index:2;pointer-events:none}.portrait-orbit span{position:absolute;border-radius:50%;width:7px;height:7px;background:var(--gold);box-shadow:0 0 15px rgba(229,189,78,.8)}.portrait-orbit span:nth-child(1){top:6%;left:0}.portrait-orbit span:nth-child(2){right:0;top:44%;background:var(--green);box-shadow:0 0 15px rgba(72,224,164,.8)}.portrait-orbit span:nth-child(3){left:12%;bottom:0;width:4px;height:4px;background:var(--cyan)}
.card,.work-card,.button,.header-cta{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background-color .28s ease}.card:hover,.work-card:hover{transform:translateY(-7px);border-color:rgba(229,189,78,.58);box-shadow:0 20px 55px rgba(0,0,0,.19)}.button:hover,.header-cta:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(229,189,78,.14)}.steps li{transition:border-color .3s ease,transform .3s ease}.steps li:hover{border-color:var(--green);transform:translateY(-3px)}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:heroEnter .85s cubic-bezier(.2,.7,.2,1) both}.hero-portrait{animation:portraitEnter 1.1s .1s cubic-bezier(.2,.7,.2,1) both}.portrait-orbit span:nth-child(1){animation:glow 4s ease-in-out infinite}.portrait-orbit span:nth-child(2){animation:glow 4s 1.3s ease-in-out infinite}.portrait-orbit span:nth-child(3){animation:glow 4s 2.5s ease-in-out infinite}.reveal-ready{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}.card.reveal-ready:nth-child(2),.work-card.reveal-ready:nth-child(2){transition-delay:90ms}.card.reveal-ready:nth-child(3),.work-card.reveal-ready:nth-child(3){transition-delay:180ms}@keyframes heroEnter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes portraitEnter{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glow{50%{opacity:.4;box-shadow:0 0 24px currentColor}}}
@media(max-width:1100px){.hero{gap:30px}.hero h1{font-size:clamp(48px,5.3vw,62px)}}
@media(max-width:760px){.hero{display:flex;min-height:auto;gap:38px;padding-top:54px;padding-bottom:70px}.hero-copy{max-width:100%}.hero h1{font-size:clamp(47px,9vw,72px);max-width:680px}.hero-portrait{width:min(100%,500px);max-width:500px;aspect-ratio:1.12;align-self:center}.hero-portrait img{object-position:59% 35%}.hero .lead{font-size:17px}.hero .actions{margin-top:30px}}
@media(max-width:440px){.hero h1{font-size:clamp(45px,11vw,57px)}.hero-portrait{aspect-ratio:1/1.05}.hero .role{font-size:13px}.hero .actions{align-items:flex-start;flex-direction:column}.hero-portrait figcaption{bottom:16px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-portrait,.portrait-orbit span{animation:none!important}.reveal-ready{opacity:1!important;transform:none!important}.card,.work-card,.button,.header-cta,.steps li{transition:none!important}}
