
/* Option B: supplied glass-backed logo, quiet layout, same portfolio and booking. */
:root{--paper:#eff2f2;--ink:#192c32;--muted:#53636a;--blue:#355d77;--line:#cbd5d9}
body{background:var(--paper)}.section-shell{padding-inline:6vw}
.site-header{background:rgba(239,242,242,.97);padding-inline:6vw;border-bottom:1px solid #cbd5d9}.site-header .nav-contact{border-radius:30px;padding:.7rem 1.3rem}
.hero{min-height:calc(100svh - 74px);grid-template-columns:1.35fr 1fr;gap:1vw;align-items:center;padding-top:3vw;padding-bottom:1.4rem;background:radial-gradient(ellipse at 86% 28%,#fff 0%,#e7eef0 39%,#eff2f2 72%)}
.hero h1{font-size:clamp(3.5rem,6.1vw,7rem);font-weight:500;letter-spacing:-.065em;line-height:1.02;margin:2.1rem 0 1.7rem}
.hero h1 span{color:var(--blue);letter-spacing:-.07em}.hero .eyebrow{max-width:420px;line-height:1.6;font-size:.72rem;letter-spacing:.12em}.hero-intro{max-width:540px;font-size:clamp(1rem,1.3vw,1.2rem);color:#455b66}.hero .location{margin-top:2rem;font-size:.8125rem}
.hero-actions .button{border-radius:30px;background:var(--ink);padding:1rem 1.6rem;box-shadow:0 7px 18px #10293412}.hero-actions{gap:1.5rem;margin-top:2rem}
.hero-art{width:100%;height:auto;aspect-ratio:1;max-width:550px;max-height:none;margin:0;justify-self:end}.hero-art::before{display:none}.glass-brand-art{width:100%;height:100%}.glass-brand-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 20px #4b6b7715)}.hero-art .art-baseline{position:static;margin-top:-1rem;font-size:.65rem;letter-spacing:.14em;color:#637982}
.hero-foot{font-size:.6875rem;letter-spacing:.09em;margin-top:2rem;padding-top:1.25rem;color:var(--ink)}.hero-foot a{font-weight:600;display:flex;gap:1rem}
.work{background:#fafbfa}.section-heading h2,.film-heading h2{font-weight:500;letter-spacing:-.055em}.section-heading .eyebrow{color:var(--blue)}.work-links{border-color:#cad4d7}.work-editorial{gap:6rem}.work-editorial h3{font-weight:500}.work-editorial h3 em{color:var(--blue)}
.project-cards{gap:1.2rem}.client-project-card{background:#f1f5f5;border:1px solid #d5dfe2;border-radius:10px;box-shadow:0 4px 16px #354c5408}.client-project-card[aria-pressed=true]{border-color:#466b7d;box-shadow:0 0 0 1px #466b7d}.client-project-card>img{height:260px}.project-card-copy{padding:1.35rem}.project-card-copy strong{font-weight:500}.project-card-action{font-weight:600}
.project-films{padding-top:3.5rem}.project-films-heading h3{font-weight:500}.media-card button{border-radius:8px}.media-card h3{font-weight:500}.play-mark{background:#17313fdb;border-color:#a0b5bf80}
.campaign{background:#192e37;color:#eff2f2}.campaign .eyebrow,.campaign .section-heading h2 em,.stage-node,.stage-more,.stage-body .stage-tags{color:#b9d4e0}.campaign .section-heading>p:last-child,.story-beats p,.stage-body p{color:#c9d4d8}.stage-node{background:#192e37;border-color:#99bdcd}.stage[open] .stage-node{background:#c6dce5;color:#192e37}.connected-stages::before{background:#9cbdcc}
.services{background:var(--paper)}.service h3{font-weight:500}.industry-panel{background:#dfe8eb;border:1px solid #c8d6dc;border-radius:10px}.industry-panel .large-index{color:#638393}.industry-panel p{color:#455b66}.industry-project-card{border-color:#c0d1d9;border-radius:6px;background:#f6f9f9}.industry-project-card img{border-radius:5px 0 0 5px}
.about{background:#e2e8e9}.founder-portrait{background:#355d77;border-radius:10px}.film-project{border-radius:6px;background:#f8faf9;border-top-color:#385869}.film-project-top .eyebrow{color:#426174}
.contact{background:#192e37}.contact h2{font-weight:500}.contact h2 em{color:#c3dce6}.contact-bottom{border-color:#6c8a98}.contact-bottom>p{color:#d4e0e5}.booking-link{border-radius:30px;background:#e6f0f3}.contact-email{border-color:#89a5b3}.contact-tools button{border-color:#89a5b3;border-radius:20px}.site-footer{background:var(--paper)}
.booking-dialog-head h2{font-weight:500}.booking-dialog-head button{border-radius:20px}.video-dialog-head button{border-radius:20px}
@media(max-width:1100px){.hero h1{font-size:clamp(3.2rem,6.4vw,5.2rem)}.hero-art{max-width:430px}.hero .eyebrow{font-size:.65rem}.hero-actions{gap:1rem}.client-project-card>img{height:215px}}
@media(max-width:860px){.hero{grid-template-columns:1.3fr 1fr;min-height:auto;padding-block:3rem 1.5rem;gap:.5rem}.hero h1{font-size:clamp(3rem,6.5vw,4.5rem)}.hero-art .art-baseline{font-size:.55rem}.work-editorial{gap:2rem}.client-project-card>img{height:185px}.hero-actions{align-items:start}}
@media(max-width:600px){.hero{display:flex;flex-direction:column;padding-top:2.6rem;padding-bottom:1.3rem;align-items:stretch}.hero h1{font-size:clamp(3.1rem,11.8vw,4.1rem);margin:1.6rem 0 1.25rem}.hero .eyebrow{font-size:.64rem;max-width:320px}.hero-intro{font-size:1.05rem;line-height:1.65}.hero-actions .button{padding:.95rem 1.4rem}.hero-actions{gap:.9rem;align-items:stretch}.hero .location{margin-top:1.6rem;font-size:.78rem}.hero-art{width:74%;max-width:320px;align-self:center;aspect-ratio:1;margin:.8rem 0 1.2rem}.hero-art .art-baseline{font-size:.6rem;margin-top:-.7rem}.hero-foot{margin-top:.5rem;gap:1rem;align-items:center;font-size:.6rem;line-height:1.6}.hero-foot>span{max-width:210px}.hero-foot a{white-space:nowrap;gap:.5rem}.work-editorial h3{font-size:2.7rem}.client-project-card>img{width:110px;height:145px}.project-card-copy{padding:1rem}.project-films{padding-top:2rem}.project-films-heading h3{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
