/* ONSTAGE / Obsidian architecture. White is typography, not a scene background. */
:root{color-scheme:dark;--ink:#f0f1f3;--muted:#bdc1ca;--line:#ffffff22;--platinum:#1c1e23;--gold-dark:#d6b36f;--depth-gold:#e6c680;--depth-silver:#c6ccd6}
body{background:#08090b;color:#f0f1f3}main>section{position:relative;isolation:isolate;overflow:hidden;background:#0d0f12;border-color:#ffffff20}
:where(main>section:nth-child(3n+1)){background:radial-gradient(ellipse at 100% 0%,#34302a55,transparent 58%),linear-gradient(135deg,#17191e,#090a0c 80%)}
:where(main>section:nth-child(3n+2)){background:radial-gradient(ellipse at 12% 80%,#343c483d,transparent 65%),linear-gradient(115deg,#08090b,#1d2026)}
:where(main>section:nth-child(3n)){background:radial-gradient(ellipse at 85% 45%,#51402a22,transparent 62%),#0c0d0f}
main>.home-hero{background:#050506}main>.introduction{background:radial-gradient(ellipse at 95% 20%,#3e414855,transparent 60%),linear-gradient(130deg,#111318,#24272e 58%,#0c0d0f)}
main>.expertise-preview{background:radial-gradient(ellipse at 0% 70%,#503e252b,transparent 65%),#090a0c}main>.real-work{background:linear-gradient(140deg,#1d2026,#0a0b0d 75%)}
main>.founder-home,main>#founder{background:radial-gradient(ellipse at 0% 30%,#59452238,transparent 50%),linear-gradient(125deg,#16171b,#0a0b0d 65%)}
main>.digital-teaser,main>.ai-hero{background:radial-gradient(ellipse at 83% 45%,#4b566044,transparent 65%),linear-gradient(110deg,#090a0c,#252a31)}
main>.approach,main>.principles{background:linear-gradient(160deg,#22252b,#101115 60%)}main>.closing{background:radial-gradient(ellipse at 100% 100%,#634d252b,transparent 60%),#050506}
.page-about main>.page-hero,.page-insights main>.page-hero{background:linear-gradient(120deg,#090a0c,#202329)}
.page-about .page-hero:after{background:url('/assets/brand-mark.webp') center/contain no-repeat;opacity:.13}
.depth-lines{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;perspective:900px;mask-image:linear-gradient(90deg,transparent,#000 45%);opacity:.75}
.depth-lines i{display:block;position:absolute;width:64%;height:120%;right:-27%;top:-12%;border:1px solid #c9a96464;transform:rotate(-24deg) rotateY(-28deg);box-shadow:1px 0 #000,9px 3px 20px #0006,inset 1px 0 #f2dda11a;background:linear-gradient(110deg,#ffffff02,transparent 35%,#d6b47506)}
.depth-lines i:nth-child(2){right:-21%;top:-4%;border-color:#d3d9e347;box-shadow:8px 2px 32px #0007;transform:rotate(-24deg) rotateY(-28deg) translateZ(-80px)}
.depth-lines i:nth-child(3){right:-14%;top:6%;border-color:#cba85f29;transform:rotate(-24deg) rotateY(-28deg) translateZ(-160px)}
main>section:nth-child(3n)>.depth-lines{transform:scaleX(-1);opacity:.45;mask-image:linear-gradient(90deg,transparent,#000 75%)}
main>section:nth-child(3n+1)>.depth-lines i{height:75%;top:42%;transform:rotate(-58deg) rotateY(22deg)}
.depth-lines:after{content:'';position:absolute;right:8%;top:0;width:1px;height:100%;background:linear-gradient(transparent,#e8cb8a80,transparent);opacity:.25;transform:rotate(24deg);animation:edge-light 13s ease-in-out infinite alternate}
@keyframes edge-light{to{opacity:.7}}
.introduction:after{display:none}.intro-index i{background:linear-gradient(90deg,#caa764,#c1c8d1)}
html body[class] main#main p,html body[class] main#main .small-note,html body[class] main#main .privacy-copy,html body[class] main#main .embed-note{color:#bfc4cd}
html body[class] main#main .lead,html body[class] main#main .positioning{color:#f1f2f4}html body[class] main#main .positioning strong{color:#c4cad3}
html body[class] main#main .eyebrow,html body[class] main#main .small-label,html body[class] main#main .founder-role,html body[class] main#main .step-number,html body[class] main#main .service-narrative span,html body[class] main#main .career-item .eyebrow{color:#dfbe7f}
html body[class] main#main .gold-text,html body[class] main#main .founder-heading h2>span,html body[class] main#main .page-hero em,html body[class] main#main .introduction h2>span{background-image:linear-gradient(110deg,#c4a060,#f2d99e 32%,#d5b373 58%,#fff0ca 72%,#cba666);color:transparent;background-clip:text;-webkit-background-clip:text}
html body[class] main#main .ai-hero em,html body[class] main#main .digital-teaser h2>span{background-image:linear-gradient(110deg,#bac4d1,#f4f5f7 32%,#cbd0d9 60%,#e4c991 85%,#bfc5cf);color:transparent;background-clip:text;-webkit-background-clip:text}
html body[class] main#main em{color:#e1bf7e}html body[class] main#main .years>span{color:#f0f1f4}.years>span>span{color:#dfbd7a}
html body[class] main#main .founder-name span,html body[class] main#main .career-strip>span,html body[class] main#main .career-strip small,html body[class] main#main .system-caption,html body[class] main#main .draft-label,html body[class] main#main .filter span{color:#b6beca}
html body[class] main#main .service-scope ul,html body[class] main#main .archive-photo figcaption,html body[class] main#main .film-external{color:#c8cdd6}html body[class] main#main .archive-photo figcaption>span{color:#dfbe7f}
html body[class] main#main .button{background:linear-gradient(115deg,#b68b40,#efd89b 46%,#c9a45f);color:#111216;border-color:#c8aa70}html body[class] main#main .button-outline{background:#101217;color:#f0f1f3;border-color:#959ba655}html body[class] main#main .button:hover{background:#eed49b;color:#08090b}
html body[class] main#main .text-link{color:#e8eaf0}html body[class] main#main :focus-visible{outline-color:#efd49a}
.service-panel{background:linear-gradient(140deg,#1d2026,#0a0b0d);border-color:#c9ae7440;box-shadow:12px 18px 40px #0005}
.capability-3{background:linear-gradient(125deg,#16191f,#3b424d 48%,#101216)}.digital-module{border-color:#d1bb8855;box-shadow:16px 22px 25px #0008}
.system-sheet{box-shadow:12px 24px 35px #0007;border-color:#9da8b454;background:#1a1e25}.sheet-back{background:linear-gradient(135deg,#393e47,#171a20)}.sheet-mid{background:linear-gradient(135deg,#20252e,#535c69 48%,#252a32)}.sheet-front{background:linear-gradient(125deg,#111317,#20242c);border-color:#c7a56188}
.system-sheet>span{color:#e1e5eb}.sheet-symbol{color:#cbd0d9}.system-orbit,.system-orbit:before{border-color:#a9b4c933}
.approach-sequence,.approach-step+.approach-step,.approach-item,.values-section .two-grid article+article,.network-section,.network-words>span,.service-scope li,.filter-bar,.career-item,.draft-label,.events-proof,.founder-archive{border-color:#bac3d42b}
.approach-step{background:linear-gradient(140deg,#ffffff03,transparent 75%)}.approach-step:hover h2{color:#e3c387}.giant-number,.dark-section .giant-number{color:#c7bd9f}
.logo-ribbon{border-color:#bac3d428}.logo-tile{background:linear-gradient(135deg,#2b2e34,#14161b);border-color:#d1bd8b35;border-bottom-color:#c5a366;box-shadow:7px 8px 20px #0005}.logo-tile img{background:#fff;border-radius:2px}.logo-tile>span{color:#d3d7df}.ribbon-toggle{color:#d4d7de}.ribbon-toggle span{color:#dfbe7f}
.filter{color:#b7bec9}.filter.active{color:#f4ddac;border-color:#dbb96f}.large-mark{color:#cbd0db}
.editorial-note,.form-notice{background:#282c33;border:1px solid #d2b67e38;border-left:2px solid #d5b575;color:#cbd0d9}.editorial-note strong,.form-notice strong{color:#f1deb7}.live-dot{background:#e5c581}
.art-0{background:linear-gradient(135deg,#2c313b,#11141a 48%,#3c414a);color:#e3c582}.art-0:before{border-color:#d1b27450}.art-3{background:linear-gradient(125deg,#15191f,#343c48);color:#d6dde8}.art-3:before{border-color:#d3ba7f66}
main>.contact-section{background:radial-gradient(ellipse at 90% 25%,#39404e55,transparent 60%),#090a0c}.contact-layout{position:relative}.form-panel{background:linear-gradient(145deg,#242830,#121419);color:#f3f4f6;border:1px solid #d3ba7e55;box-shadow:14px 24px 65px #0007,inset 0 1px #fff1}
form label,legend{color:#dce0e8}input:not([type=radio]),textarea{color:#f1f3f7;border-bottom-color:#8f98a4;background:#ffffff03;padding-inline:10px}input::placeholder,textarea::placeholder{color:#aeb6c3}input:focus,textarea:focus{border-bottom-color:#e1bd77}input:focus-visible,textarea:focus-visible{box-shadow:0 2px 0 #d2b374}
.interest-options label>span{color:#c9d0dc;border-color:#aab4c35c;background:#111419}.interest-options input:checked+span{background:#e4c58a;color:#111318;border-color:#e4c58a}.interest-options input:focus-visible+span{outline-color:#edd59b}
html body[class] main#main #form-status{color:#e5c885}.portrait{box-shadow:16px 24px 45px #0008,0 0 32px #bb954015}.portrait-window{aspect-ratio:4/5}.portrait .portrait-window img,.portrait:hover .portrait-window img{width:100%;height:100%;object-fit:cover;object-position:50% 16%;filter:grayscale(1);transform:none;transition:none}
@media(max-width:640px){.depth-lines{opacity:.5;mask-image:linear-gradient(90deg,transparent 35%,#000)}.depth-lines i{width:90%;right:-55%;border-color:#d0ae6955}.depth-lines i:nth-child(2){right:-43%}.depth-lines i:nth-child(3){right:-32%}.depth-lines:after{animation:none;opacity:.3}.form-panel{box-shadow:0 15px 30px #0006}.values-section .two-grid article+article,.approach-step+.approach-step{border-color:#bbc5d32b}}
@media(prefers-reduced-motion:reduce){.depth-lines:after{animation:none}}

/* Each scene has its own spatial composition. */
.real-work>.depth-lines i{border-radius:50%;width:75%;height:125%;right:-35%;top:-24%;transform:rotate(-35deg) rotateX(48deg)}
.founder-home>.depth-lines,#founder>.depth-lines{mask-image:linear-gradient(90deg,transparent 40%,#000);opacity:.5}
.approach>.depth-lines i,.principles>.depth-lines i{width:90%;height:95%;top:65%;right:-25%;transform:perspective(700px) rotateX(60deg) rotateZ(-18deg)}
.depth-lines i{border-color:#d5b57185}.depth-lines i:nth-child(2){border-color:#d0d8e25c}.depth-lines i:nth-child(3){border-color:#cfab6b40}
main>.logo-ribbon{background:radial-gradient(ellipse at 40% 100%,#34394288,transparent 70%),#15171c}
html body.page-about main#main #founder p:not(.eyebrow):not(.founder-role):not(.lead){color:#bfc4cd}

/* Balanced platinum scenes, retaining the dimensional metal architecture. */
html body[class] main#main .scene-light{--ink:#171a20;--muted:#525b68;--line:#222b3a26;--gold-dark:#79551e;color:#171a20;background:radial-gradient(ellipse at 90% 8%,#fff9,transparent 60%),linear-gradient(130deg,#eff0f2,#dce0e6);border-color:#27314324}
html body[class] main#main .introduction.scene-light{background:linear-gradient(125deg,#f2f3f4 8%,#e4e7eb 65%,#d2d7de)}
html body[class] main#main .real-work.scene-light{background:radial-gradient(ellipse at 5% 85%,#c5cbd466,transparent 65%),#e7e9ed}
html body[class] main#main .founder-home.scene-light,html body[class] main#main #founder.scene-light{background:radial-gradient(ellipse at 0% 30%,#d2c6aa33,transparent 50%),linear-gradient(120deg,#e1e4e8,#f0f1f3 70%)}
.scene-light>.depth-lines{opacity:.85}.scene-light>.depth-lines i{border-color:#8c672a66;background:linear-gradient(110deg,#fff2,transparent 45%,#66728509);box-shadow:1px 0 #fff9,9px 3px 20px #29334312,inset 1px 0 #fff8}
.scene-light>.depth-lines i:nth-child(2){border-color:#53607050;box-shadow:8px 2px 32px #35405319}.scene-light>.depth-lines i:nth-child(3){border-color:#9b783d40}.scene-light>.depth-lines:after{background:linear-gradient(transparent,#99702b80,transparent)}
html body[class] main#main .scene-light p,html body[class] main#main .scene-light .small-note,html body[class] main#main .scene-light .privacy-copy,html body[class] main#main .scene-light .embed-note{color:#535c69}
html body[class] main#main .scene-light .lead,html body[class] main#main .scene-light .positioning{color:#20252d}
html body[class] main#main .scene-light .positioning strong{color:#596270}
html body[class] main#main .scene-light .eyebrow,html body[class] main#main .scene-light .small-label,html body[class] main#main .scene-light .founder-role,html body[class] main#main .scene-light .step-number,html body[class] main#main .scene-light .service-narrative span{color:#78551e}
html body[class] main#main .scene-light .gold-text,html body[class] main#main .scene-light .founder-heading h2>span,html body[class] main#main .scene-light h2 em{color:transparent;background-image:linear-gradient(110deg,#684817,#926923 32%,#725120 58%,#98712c 72%,#684817);background-clip:text;-webkit-background-clip:text}
html body[class] main#main .scene-light em{color:#79551e}html body[class] main#main .scene-light .years>span{color:#222731}.scene-light .years>span>span{color:#79551e}
html body[class] main#main .scene-light .founder-name span,html body[class] main#main .scene-light .career-strip>span,html body[class] main#main .scene-light .career-strip small,html body[class] main#main .scene-light .draft-label,html body[class] main#main .scene-light .filter span{color:#5b6472}
html body[class] main#main .scene-light .service-scope ul,html body[class] main#main .scene-light .archive-photo figcaption,html body[class] main#main .scene-light .film-external{color:#414b59}html body[class] main#main .scene-light .archive-photo figcaption>span{color:#79551e}
html body[class] main#main .scene-light .text-link{color:#252c36}.scene-light .text-link:hover{border-color:#5c4218}
html body[class] main#main .scene-light .button{background:linear-gradient(120deg,#171a20,#303640);color:#fff;border-color:#242a34}html body[class] main#main .scene-light .button:hover{background:#60471f;color:#fff}
html body[class] main#main .scene-light :focus-visible{outline-color:#79551e}
.scene-light .portrait{box-shadow:14px 22px 35px #29313e24,0 0 20px #c2a06918}.scene-light .intro-index i{background:linear-gradient(90deg,#92723c,#7f8a9b)}
.scene-light .career-strip,.scene-light .career-list,.scene-light .career-item,.scene-light .filter-bar,.scene-light .insight-filters,.scene-light .draft-label,.scene-light .events-proof,.scene-light .founder-archive,.scene-light .service-scope li,.scene-light .approach-item,.scene-light .network-words>span{border-color:#27314330}
.scene-light .filter{color:#555f6c}.scene-light .filter.active{color:#6b4918;border-color:#79551e}.scene-light .giant-number,.scene-light .career-item>span{color:#6a727e}.scene-light .large-mark{color:#29313d}
.scene-light .editorial-note,.scene-light .form-notice{background:#d9dee5;color:#4e5865;border-color:#a4adba;border-left-color:#957035}.scene-light .editorial-note strong,.scene-light .form-notice strong{color:#493719}
html body.page-about main#main #founder.scene-light p:not(.eyebrow):not(.founder-role):not(.lead){color:#535c69}
html body[class] main#main .form-panel.scene-light{background:linear-gradient(140deg,#edf0f3,#d8dde4);box-shadow:14px 24px 65px #0007,inset 0 1px #fff9;border-color:#bbaa88}
.form-panel.scene-light label,.form-panel.scene-light legend{color:#343e4c}.form-panel.scene-light input:not([type=radio]),.form-panel.scene-light textarea{color:#1e2734;background:#ffffff3b;border-bottom-color:#778393}.form-panel.scene-light input::placeholder,.form-panel.scene-light textarea::placeholder{color:#606c7c}
.form-panel.scene-light .interest-options label>span{background:#dfe4eb;border-color:#8390a0;color:#354150}.form-panel.scene-light .interest-options input:checked+span{background:#232a34;color:#f4e2bb;border-color:#232a34}
html body[class] main#main .form-panel.scene-light #form-status{color:#624819}
@media(max-width:640px){.scene-light>.depth-lines{opacity:.65}.scene-light .portrait{box-shadow:8px 12px 24px #29313e22}}
/* Cinematic signature: write, slide, assemble, then a quiet metallic wave. */
.brand-film{position:absolute;right:4%;top:28%;width:34%;height:210px;z-index:2;display:flex;align-items:center;pointer-events:none;isolation:isolate}
.brand-film-type{margin-left:98px;animation:signature-slide 1s 1.25s cubic-bezier(.16,1,.3,1) both}
.brand-film-name{white-space:nowrap;font:500 clamp(24px,3vw,48px)/1.15 Manrope,sans-serif;letter-spacing:-.055em;background:linear-gradient(110deg,#bd9147,#f0d69b 25%,#fff7df 40%,#b98c3f 55%,#ecd19a 75%,#fff0c5);background-size:260% 100%;color:transparent;background-clip:text;animation:signature-write 1.25s steps(8,end) both,signature-wave 6s 3.5s ease-in-out infinite alternate}
.brand-film-network{font:400 12px/1.5 Inter,sans-serif;letter-spacing:.52em;color:#d5bc86;margin-top:16px;animation:network-in .65s 2.8s ease both}
.brand-film-mark{position:absolute;left:0;width:86px;filter:drop-shadow(0 8px 14px #0008)}
.brand-film-mark .kinetic-mark{width:100%;height:auto;animation:mark-lustre 6s 3.5s ease-in-out infinite alternate}
.brand-film-mark .logo-piece{transform-box:fill-box;transform-origin:center;animation:signature-join 1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(1.65s + var(--join,0s))}
.brand-film-mark .lp-0{--join:0s;--fly-x:190px;--fly-y:-110px}.brand-film-mark .lp-1{--join:.12s;--fly-x:90px;--fly-y:-150px}.brand-film-mark .lp-2{--join:.25s;--fly-x:150px;--fly-y:80px}.brand-film-mark .lp-3{--join:.08s;--fly-x:240px;--fly-y:-60px}.brand-film-mark .lp-4{--join:.2s;--fly-x:180px;--fly-y:110px}
@keyframes signature-write{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes signature-slide{from{transform:translateX(45px)}to{transform:translateX(0)}}
@keyframes signature-join{from{opacity:0;transform:translate(var(--fly-x),var(--fly-y)) rotate(24deg) scale(.65)}to{opacity:1;transform:none}}
@keyframes network-in{from{opacity:0;transform:translateY(14px);letter-spacing:.8em}to{opacity:1;transform:none;letter-spacing:.52em}}
@keyframes signature-wave{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes mark-lustre{from{filter:brightness(1)}to{filter:brightness(1.32) drop-shadow(0 0 5px #edcf8b35)}}

/* The cinematic lockup belongs in the header. Hero sculpture remains fixed. */
.header-brand{overflow:visible;min-width:230px}.header-signature{display:flex;align-items:center;position:relative;width:260px;height:66px;isolation:isolate}
.header-signature .brand-film-mark{width:45px;left:0}.header-signature .brand-film-type{margin-left:57px;display:block}.header-signature .brand-film-name{display:block;font-size:29px;letter-spacing:-.045em}.header-signature .brand-film-network{display:block;font-size:8px;letter-spacing:.48em;margin-top:8px}.header-signature .brand-film-mark .logo-piece{--fly-x:80px;--fly-y:-25px}
@media(max-width:1200px){.header-brand{min-width:200px}.header-signature{width:200px}.header-signature .brand-film-name{font-size:25px}}
@media(max-width:640px){.header-brand{min-width:0}.header-signature{width:220px;height:62px}.header-signature .brand-film-mark{width:38px}.header-signature .brand-film-type{margin-left:48px}.header-signature .brand-film-name{font-size:25px}.header-signature .brand-film-network{font-size:7px;margin-top:7px}.header-signature .brand-film-mark .logo-piece{--fly-x:55px;--fly-y:-18px}}
@media(prefers-reduced-motion:reduce){.header-signature *{animation:none!important;transform:none!important;opacity:1!important;clip-path:none!important}}
.motion-paused .header-signature *{animation:none!important;transform:none!important;opacity:1!important;clip-path:none!important}

/* Header wordmark writes, settles left, then NETWORK unfolds to its full width. */
.header-inner{position:relative}
.header-signature{--header-intro-x:clamp(110px,calc(50vw - 360px),350px)}
.header-signature .brand-film-type{animation:header-settle .85s 1.1s cubic-bezier(.16,1,.3,1) both}
.header-signature .brand-film-name{animation:signature-write 1.05s steps(8,end) both,header-word-arrive .65s ease both,signature-wave 6s 3.15s ease-in-out infinite alternate}
.header-signature .brand-film-mark .logo-piece{animation-delay:calc(1.9s + var(--join,0s));animation-duration:.65s}
.header-signature .brand-film-network{display:flex;justify-content:space-between;width:100%;letter-spacing:0;animation:network-unfold .7s 2.5s var(--ease) both}
.header-signature .brand-film-network>span{display:block}
@keyframes network-unfold{from{opacity:0;width:55%;transform:translateY(5px)}to{opacity:1;width:100%;transform:none}}
@keyframes header-word-arrive{from{transform:translateY(-9px)}to{transform:translateY(0)}}
@keyframes header-settle{from{transform:translateX(var(--header-intro-x))}to{transform:translateX(0)}}
.home-hero h1>.headline-silver{animation:hero-in 1.15s var(--ease) both,metal-flow 15s ease-in-out infinite alternate}
.home-hero h1>span:nth-child(2){animation:hero-in 1.15s .15s var(--ease) both}
.gateway-stage.gateway-assembly{transform:none!important}
@media(min-width:981px){.gateway-camera.gateway-sculpture.gateway-static{right:-18%}}
@media(min-width:981px) and (max-width:1199px){.header-inner{gap:16px}.header-signature{--header-intro-x:130px;width:190px}.header-brand{min-width:190px}.desktop-nav{gap:13px}.desktop-nav a{font-size:11px}.header-contact{padding-left:16px;gap:12px}}
@media(max-width:980px){.header-signature{--header-intro-x:clamp(50px,calc(50vw - 165px),200px)}}
@media(max-width:640px){.header-signature{--header-intro-x:45px}.header-inner{height:76px;align-items:center}.header-brand{margin-top:0}.menu-toggle{margin-top:0}.header-social{position:relative}}
@media(prefers-reduced-motion:reduce){.header-signature *,.home-hero h1>span{animation:none!important;transform:none!important;opacity:1!important;clip-path:none!important}}
 .motion-paused .header-signature *,.motion-paused .home-hero h1>span{animation:none!important;transform:none!important;opacity:1!important;clip-path:none!important}

/* Current identity: gold ON, platinum STAGE, gold foreground / graphite rear gateway. */
.brand-gateway{display:block;width:100%;height:auto}
.brand-signature .brand-film-name{font-family:Manrope,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.055em;background:none;color:#F5F6F8;white-space:nowrap;line-height:1.12}
.brand-signature .brand-film-name>span{display:inline}
.brand-signature .logo-on{color:transparent;background:linear-gradient(110deg,#B98118,#F5CA56 28%,#FFF0AD 45%,#C78F1E 65%,#F0C24C);background-size:240% 100%;background-clip:text;-webkit-background-clip:text}
.brand-signature .logo-stage{color:#F5F6F8}
.brand-signature .brand-film-network{color:#E4E7EB;letter-spacing:0;font-size:8px;font-weight:500;display:flex;justify-content:space-between;width:100%;margin-top:8px;line-height:1.5}
.header-signature .logo-on{animation:signature-wave 6s 3.15s ease-in-out infinite alternate}
.header-signature .brand-film-mark .logo-piece{--fly-x:440px;--fly-y:-150px}
.footer-signature{position:relative;display:flex;align-items:center;width:260px;height:66px}
.footer-signature .brand-film-mark{width:45px;left:0}
.footer-signature .brand-film-type{margin-left:57px;display:block;animation:none}
.footer-signature .brand-film-name,.footer-signature .brand-film-network{display:flex;animation:none;transform:none;opacity:1;clip-path:none}
.footer-signature .brand-film-name{justify-content:flex-start}
.gateway-metal-still{filter:drop-shadow(0 18px 24px #0005)}
@media(max-width:1200px){.brand-signature .brand-film-name{font-size:25px}}
@media(max-width:640px){.brand-signature .brand-film-name{font-size:25px}.brand-signature .brand-film-network{font-size:7px;margin-top:7px}.header-signature .brand-film-mark .logo-piece{--fly-x:330px;--fly-y:-110px}.footer-signature{width:220px;height:62px}.footer-signature .brand-film-mark{width:38px}.footer-signature .brand-film-type{margin-left:48px}}
@media(prefers-reduced-motion:reduce){.header-signature .logo-on{animation:none!important}}
.motion-paused .header-signature .logo-on{animation:none!important}

/* A light pass travels across the fixed sculpture, without moving its geometry. */
.gateway-static:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 39%,#fff7cf12 44%,#fff6d39c 48%,#ffffffba 50%,#e8f1ff66 52%,transparent 58%);background-size:320% 100%;mask:url('/assets/gateway-current.webp') center/100% 100% no-repeat;-webkit-mask:url('/assets/gateway-current.webp') center/100% 100% no-repeat;mix-blend-mode:screen;animation:gateway-shine 7s ease-in-out infinite}
@keyframes gateway-shine{0%,15%{background-position:100% 50%;opacity:0}25%{opacity:.7}70%{opacity:.7}85%,100%{background-position:0% 50%;opacity:0}}
.header-social{background:linear-gradient(110deg,#242830,#353b44 48%,#20242c);background-size:220% 100%;animation:backstage-light 16s ease-in-out infinite alternate;border-top:1px solid #bfc3ca38;border-bottom:1px solid #d0ad6445;padding-top:6px;padding-bottom:6px}
.header-social .social-caption{font-size:12px;letter-spacing:.13em;color:#e4e7ec;white-space:nowrap}.social-caption strong{color:#f2d18d;font-weight:700}
.header-social .social-link{animation:backstage-enter .65s var(--ease) both}.header-social .social-link:nth-child(2){animation-delay:.08s}.header-social .social-link:nth-child(3){animation-delay:.16s}.header-social .social-link:nth-child(4){animation-delay:.24s}.header-social .social-link:nth-child(5){animation-delay:.32s}.header-social .social-link:nth-child(6){animation-delay:.4s}
.social-whatsapp{border:0;background:none;padding:0;color:white;opacity:1}.social-whatsapp .social-icon{background:linear-gradient(145deg,#32d76e,#118c45);box-shadow:0 4px 12px #0003}.social-whatsapp:disabled{cursor:default}
@keyframes backstage-enter{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes backstage-light{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(max-width:640px){.header-social{flex-direction:column;gap:3px;padding:8px 20px}.header-social .social-caption{font-size:10px;letter-spacing:.16em}.header-social .social-links{width:100%;justify-content:space-between}.gateway-static:after{animation-duration:9s}}
@media(prefers-reduced-motion:reduce){.gateway-static:after,.header-social,.header-social .social-link{animation:none!important;transform:none!important}.gateway-static:after{opacity:0}}
.motion-paused .gateway-static:after,.motion-paused .header-social,.motion-paused .header-social .social-link{animation:none!important;transform:none!important}.motion-paused .gateway-static:after{opacity:0}

.concrete-services h2,.relationship-intro h2,.engagement-options h2{font-size:clamp(36px,5vw,70px);letter-spacing:-.05em;line-height:1.08;margin-bottom:25px}.deliverable-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:45px;background:#8993a636;border:1px solid #8993a636}.deliverable-grid article{background:#171a20;padding:34px 28px;display:flex;flex-direction:column;align-items:flex-start}.deliverable-grid h3,.relationship-grid h3,.engagement-options h3{font-size:24px;line-height:1.25;letter-spacing:-.03em;margin:15px 0 18px}.deliverable-grid h4{font:600 9px Inter,sans-serif;letter-spacing:.16em;color:#e4c284;margin:22px 0 10px}.deliverable-grid p,.relationship-grid p,.engagement-options p{font-size:14px;line-height:1.8;color:#bbc2ce}.deliverable-grid .text-link{margin-top:auto;padding-top:24px;font-size:12px}.scope-note{font-size:12px;line-height:1.8;color:#b4bdca;max-width:820px;margin-top:28px}.relationship-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:45px}.relationship-grid article{border-top:1px solid #d3b37370;padding-top:24px}.engagement-options .three-grid{margin-top:40px}.scene-light .deliverable-grid article{background:#e6e9ee}.scene-light .deliverable-grid h4{color:#79551e}.scene-light .deliverable-grid h3{color:#171a20}
.header-social{gap:20px}.social-marquee{width:480px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.social-track{display:flex;width:max-content;animation:social-travel 15s linear infinite}.social-copy{flex:none;padding-right:18px}.header-social .social-copy .social-links{gap:18px;width:auto}.header-social .social-link{animation:none!important;flex:none}.social-motion-toggle{border:1px solid #bfc3ca55;background:#20252e;color:#fff;border-radius:50%;width:32px;height:32px;flex:none;cursor:pointer}.social-marquee:hover .social-track,.social-marquee:focus-within .social-track,.social-is-paused .social-track,.motion-paused .social-track{animation-play-state:paused}.social-copy[aria-hidden] .social-link{pointer-events:auto}@keyframes social-travel{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:980px){.deliverable-grid{grid-template-columns:1fr 1fr}.social-marquee{width:360px}.header-social{gap:10px}}
@media(max-width:640px){.deliverable-grid,.relationship-grid{grid-template-columns:1fr}.deliverable-grid article{padding:28px 23px}.relationship-grid{gap:28px}.header-social{display:grid;grid-template-columns:1fr 32px;gap:4px 8px}.header-social .social-caption{grid-column:1/-1;text-align:center}.social-marquee{width:100%;min-width:0}.header-social .social-copy .social-links{gap:12px}.social-track{animation-duration:13s}.social-motion-toggle{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.social-track{animation:none!important;width:100%}.social-copy[aria-hidden]{display:none}.social-copy{padding:0;width:100%}.header-social .social-copy .social-links{gap:0;justify-content:space-between}.social-motion-toggle{display:none}.social-marquee{mask-image:none}.header-social{grid-template-columns:1fr}}

/* Deliverables sit in layered graphite, with metallic seams instead of a flat white field. */
html body[class] main#main .concrete-services{background:radial-gradient(ellipse at 90% 0%,#60677430,transparent 53%),linear-gradient(135deg,#181b20,#101216 58%,#282c33);color:#f2f3f5;border-block:1px solid #b9a47540}
.concrete-services>.depth-lines{opacity:.9;mask-image:linear-gradient(90deg,transparent 20%,#000)}
.concrete-services .deliverable-grid{background:transparent;gap:18px;border:0}
.concrete-services .deliverable-grid article{position:relative;background:linear-gradient(135deg,#333840e8,#20242be8);border:1px solid #bfc3ca2b;box-shadow:9px 14px 35px #0003,inset 0 1px #ffffff12;overflow:hidden}
.concrete-services .deliverable-grid article:nth-child(2n){background:linear-gradient(145deg,#41464ee8,#282c34e8)}
.concrete-services .deliverable-grid article:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#97713b,#edcf91 25%,#c8ccd4 60%,transparent)}
.concrete-services .deliverable-grid h3{color:#f2f3f5}
html body[class] main#main .concrete-services .deliverable-grid p{color:#ccd1d9}
/* Open platform signatures fill the entire backstage bar. */
.header-social{display:flex;flex-direction:row;justify-content:flex-start;gap:24px;padding:7px 28px;background:linear-gradient(100deg,#22262d,#42474e 48%,#262b32);border-block-color:#bfc3ca40}
.header-social .social-caption{flex:0 0 176px;max-width:none;font-size:11px;letter-spacing:.11em;text-align:left;line-height:1.5;white-space:normal}
.social-caption strong{display:block;font-size:14px;letter-spacing:.18em}
.social-marquee{flex:1 1 auto;width:auto;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
.social-track{width:max-content;animation-duration:24s}
.social-copy{width:max(840px,calc(100vw - 336px));padding-right:34px}
.header-social .social-copy .social-links{width:100%;gap:24px;justify-content:space-between;align-items:center;flex-wrap:nowrap}
.header-social .social-link{display:flex;width:auto;height:44px;min-height:44px;gap:9px;justify-content:flex-start;white-space:nowrap;text-decoration:none;background:none;border:0;border-radius:0;padding:0;box-shadow:none}
.header-social .social-name{display:inline;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;color:#f1f3f6;letter-spacing:-.02em}
.header-social .social-icon{width:26px;height:30px;border-radius:0;background:none;box-shadow:none;overflow:visible}
.header-social .social-icon:after{display:none}
.header-social .social-icon svg{width:25px;height:25px}
.header-social .social-instagram .social-icon{color:#f278ba!important}
.header-social .social-youtube .social-icon{color:#ff5050!important}.header-social .social-youtube svg path:last-child{fill:#242830}
.header-social .social-linkedin .social-icon{color:#73b9ff!important}.header-social .social-facebook .social-icon{color:#6dafff!important}
.header-social .social-whatsapp .social-icon{color:#50d98b!important}.header-social .social-whatsapp:disabled{opacity:.48;cursor:not-allowed}
.header-social .social-link:hover .social-icon,.header-social .social-link:focus-visible .social-icon{box-shadow:none;transform:translateY(-2px)}
.header-social .social-link:hover .social-name{color:#f2d18d}.header-social .social-motion-toggle{width:32px;height:32px;flex:0 0 32px;align-self:center}
@media(max-width:980px){.header-social{gap:16px;padding-inline:20px}.header-social .social-caption{flex-basis:135px}.social-copy{width:840px}}
@media(max-width:640px){.header-social{display:flex;flex-direction:row;padding:5px 14px;gap:12px}.header-social .social-caption{flex:0 0 94px;font-size:8px;letter-spacing:.09em;text-align:left;grid-column:auto}.social-caption strong{font-size:10px;letter-spacing:.1em}.social-marquee{width:auto;flex:1;min-width:0}.social-copy{width:810px;padding-right:28px}.header-social .social-copy .social-links{gap:28px}.header-social .social-name{font-size:12px}.social-track{animation-duration:28s}.header-social .social-icon svg{width:22px;height:22px}.concrete-services .deliverable-grid{gap:14px}}
@media(prefers-reduced-motion:reduce){.header-social{flex-wrap:wrap}.social-marquee{overflow:visible;mask-image:none}.social-track{width:100%}.social-copy{width:100%;padding:0}.social-copy[aria-hidden]{display:none}.header-social .social-copy .social-links{flex-wrap:wrap;justify-content:flex-start;gap:8px 24px}.header-social .social-caption{flex-basis:100%}}
html.motion-paused .social-track{animation-play-state:paused}

/* Founder-first introduction and direct professional-profile navigation. */
.founder-heading h2>span{padding-left:0}.founder-profile-links{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:28px}.founder-profile-links .text-link{font-size:12px;margin-top:0}.founder-home .founder-heading{margin-bottom:42px}.founder-home .founder-copy .lead{font-size:28px}

/* Preserve the complete new portrait composition inside the existing gold frame. */
.portrait-window{aspect-ratio:1122/1402}.portrait .portrait-window img,.portrait:hover .portrait-window img{object-position:center;object-fit:contain;filter:none}

.services-dropdown{position:relative;color:#d4d7de;font-size:12px}.services-dropdown summary{list-style:none;cursor:pointer;padding:14px 0;display:flex;gap:8px;align-items:center}.services-dropdown summary::-webkit-details-marker{display:none}.services-dropdown[open] summary{color:#eed299}.services-dropdown-panel{position:absolute;top:100%;left:-25px;width:320px;padding:12px 20px;background:#171a20;border:1px solid #c5aa6d66;box-shadow:0 18px 40px #0009;z-index:100}.desktop-nav .services-dropdown-panel a{display:block;padding:12px 4px;border-bottom:1px solid #ffffff16;white-space:normal;font-size:12px;line-height:1.5}.services-dropdown-panel a:hover{color:#efd39a}.growth-invitation .wrap{max-width:1050px}.growth-invitation h2{font-size:clamp(38px,5.5vw,76px);line-height:1.1}.growth-invitation p:not(.eyebrow){max-width:680px;margin-block:24px}.growth-invitation .button{margin-top:12px}.mobile-nav .services-dropdown{font-size:22px}.mobile-nav .services-dropdown-panel{position:static;width:auto;box-shadow:none;margin-bottom:15px}.mobile-nav .services-dropdown-panel a{font-size:13px;padding:12px 4px}.services-dropdown summary:focus-visible{outline:2px solid #efd39a;outline-offset:4px}

.whatsapp-contact{margin:28px 0 36px;padding:24px 0;border-block:1px solid #bfc3ca33}.whatsapp-contact-button{display:flex;align-items:center;gap:12px;margin-top:16px;background:#1d3329;border:1px solid #55b78066;padding:13px 20px;color:#e9f6ef;font:600 15px Manrope,sans-serif;cursor:not-allowed}.whatsapp-contact-button svg{width:25px;height:25px;color:#66d89a}.whatsapp-contact p{font-size:12px;margin-top:12px}.header-social .social-copy .social-links{justify-content:space-around}

/* Homepage alternates platinum and graphite from the founder scene to the closing. */
html body.page-home main#main>.scene-light h2,html body.page-home main#main>.scene-light h3{color:#171a20}
html body.page-home main#main>.digital-teaser.scene-light{background:linear-gradient(125deg,#d8dde3,#eef0f2 65%,#c6ccd4)}
html body.page-home main#main>.digital-teaser.scene-light h2>span{background:linear-gradient(110deg,#46515f,#735726);background-clip:text;-webkit-background-clip:text;color:transparent}
html body.page-home main#main>.closing.scene-light{background:radial-gradient(ellipse at 95% 90%,#baa77c30,transparent 60%),linear-gradient(130deg,#e4e7eb,#f0f1f3)}
