@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@1,6..96,500;1,6..96,600&family=Syne:wght@500;600;700;800&display=swap');

/* Photo-led editorial hero */
.hero{min-height:calc(100svh - 76px);height:auto;isolation:isolate;display:flex;align-items:center;padding-top:clamp(5rem,9vw,9rem);padding-bottom:clamp(6rem,10vw,10rem);overflow:hidden;background:#070a0f;border-bottom:1px solid var(--line)}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070a0f 0%,rgba(7,10,15,.98) 24%,rgba(7,10,15,.74) 47%,rgba(7,10,15,.08) 72%,rgba(7,10,15,.1) 100%),linear-gradient(180deg,rgba(7,10,15,.04) 65%,#070a0f 100%)}
.hero:after{content:"";position:absolute;left:max(1.25rem,calc((100vw - var(--max))/2));top:18%;width:1px;height:58%;background:linear-gradient(transparent,#7787ff 25%,#79f1dd 70%,transparent);opacity:.55}
.hero-main-photo{position:absolute;inset:0 0 0 auto;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:-2;filter:saturate(.9) contrast(1.05)}
.hero-copy{width:min(58%,760px);padding-left:clamp(1.4rem,3vw,3.2rem);z-index:3;text-shadow:0 2px 25px rgba(0,0,0,.22)}
.hero .eyebrow{font:600 .65rem "Syne",sans-serif;letter-spacing:.22em;color:#9aa5ff;margin-bottom:1.2rem}
.hero h1{font-family:"Syne",sans-serif;font-size:clamp(3.8rem,6.8vw,7.2rem);font-weight:700;line-height:.88;letter-spacing:-.075em;max-width:780px;margin:.5rem 0 2rem;text-wrap:balance;color:#f7f8fb}
.hero h1 em{font-family:"Bodoni Moda",serif;font-size:1.08em;font-weight:500;letter-spacing:-.06em;color:#8b96ff;text-shadow:0 0 35px rgba(111,125,255,.2)}
.hero h1 em:after{height:2px;bottom:-.01em;background:linear-gradient(90deg,#7584ff,#78ebdc,transparent)}
.hero .lede{max-width:610px;font-size:clamp(1rem,1.3vw,1.18rem);color:#b0b7c3;line-height:1.7}
.hero .actions{margin:2rem 0 1.5rem}.hero .button{padding:.78rem 1.2rem;font-size:.78rem;background:rgba(11,16,24,.72);border-color:#303a49;backdrop-filter:blur(12px)}.hero .button.primary{background:#6f7dff;border-color:#6f7dff}.hero .hero-meta{font-size:.62rem;color:#828c9c;gap:1.4rem}
.hero-art-label{position:absolute;right:2rem;top:7rem;z-index:2;text-align:right;color:rgba(210,218,232,.55);font-size:.55rem;line-height:1.8;letter-spacing:.2em}
.hero-system{position:absolute!important;right:max(1.2rem,calc((100vw - var(--max))/2));bottom:3rem;width:min(39vw,470px);height:240px!important;z-index:4;transform:none!important;perspective:none}
.hero-system:before{display:none}.hero-system .hero-portrait,.hero-system .system-label,.hero-system .hero-orbit,.hero-system .code,.hero-system .phone,.hero-system .nodes{display:none!important}
.hero-system .browser{inset:0!important;width:100%!important;height:100%!important;transform:none!important;border-radius:18px;background:rgba(9,14,22,.78);border-color:rgba(136,151,177,.25);box-shadow:0 30px 90px rgba(0,0,0,.5);backdrop-filter:blur(22px)}
.hero-system .window-bar{height:34px;border-color:rgba(124,141,166,.2);padding:0 .8rem}.hero-system .window-bar i{width:5px;height:5px}.hero-system .window-bar span{font-size:.5rem}.hero-system .dash-tabs{padding:.4rem .7rem;border-color:rgba(124,141,166,.2)}.hero-system .dash-tabs button{font-size:.5rem;padding:.25rem .4rem}.hero-system .dash-grid{padding:.75rem;gap:.55rem}.hero-system .dash-grid>div{padding:.65rem;background:rgba(19,27,39,.72);border-color:#293547}.hero-system .dash-grid small{font-size:.48rem}.hero-system .dash-grid strong{font-size:1.65rem}.hero-system .dash-grid .chart{height:60px;padding:.65rem}.hero-system .dash-screen{padding:.7rem}.hero-system .dash-screen p{font-size:.55rem;padding:.45rem 0}.hero-system .mobile-app-preview{min-height:115px;padding:.7rem}
.motion-marquee{font-family:"Syne",sans-serif}.intro-grid h2,.section-head h2,.founder-feature h2,.contact-cta h2,.page-hero h1{font-family:"Syne",sans-serif;letter-spacing:-.065em}.work-preview h2 em,.live-studio h2 em{font-family:"Bodoni Moda",serif;font-weight:500;letter-spacing:-.05em}
.founder-photo{min-height:680px;background:#070a0f}.founder-photo img{height:100%;min-height:680px;object-fit:cover;object-position:center}.founder-feature{background:linear-gradient(135deg,#0c1119,#111825)}
.sticky-photo img{aspect-ratio:4/5;object-fit:cover;object-position:70% center;border-radius:22px}

@media(max-width:1050px){.hero h1{font-size:clamp(3.4rem,7vw,5.8rem)}.hero-copy{width:62%}.hero-system{width:40vw;height:215px!important}.hero-main-photo{object-position:58% center}.hero:before{background:linear-gradient(90deg,#070a0f 0%,rgba(7,10,15,.94) 38%,rgba(7,10,15,.2) 78%),linear-gradient(180deg,transparent 60%,#070a0f)}}
@media(max-width:760px){.hero{min-height:1220px;display:block;padding-top:5.5rem;padding-bottom:31rem;overflow:hidden}.hero:before{background:linear-gradient(180deg,#070a0f 0%,rgba(7,10,15,.995) 50%,rgba(7,10,15,.35) 59%,rgba(7,10,15,.08) 73%,#070a0f 100%)}.hero:after{top:7rem;height:31%}.hero-main-photo{top:auto;bottom:0;height:58%;width:100%;object-position:60% center}.hero-copy{width:100%;padding-left:1.25rem}.hero h1{font-size:clamp(3.25rem,14vw,5rem);line-height:.9;max-width:600px}.hero .lede{font-size:.95rem;max-width:92%}.hero .actions{gap:.55rem}.hero .button{padding:.72rem 1rem}.hero-art-label{display:none}.hero-system{right:1rem;left:1rem;bottom:1.2rem;width:auto;height:185px!important}.hero-system .browser{background:rgba(9,14,22,.88)}.hero-system .dash-grid{grid-template-columns:1fr 1fr}.hero-system .dash-grid .chart{display:none}.hero-meta{max-width:330px}}
@media(max-width:430px){.hero{min-height:1180px;padding-bottom:27rem}.hero h1{font-size:3.45rem}.hero h1 em{font-size:1.02em}.hero-main-photo{height:54%;object-position:62% center}.hero-system{height:168px!important}.hero-system .dash-grid strong{font-size:1.4rem}.founder-photo,.founder-photo img{min-height:520px}}
@media(prefers-reduced-motion:reduce){.hero-main-photo{filter:saturate(.9) contrast(1.05)}}