:root{
  --font-display:'Cormorant Garamond',Georgia,serif;--font-body:'Inter',Arial,sans-serif;
  --color-bg:#f5f3ed;--color-surface:#fffefb;--color-surface-2:#ebeae4;--color-text:#192b38;
  --color-text-muted:#566772;--color-primary:#0e7da3;--color-gold:#0e7da3;--color-button:#152f40;--color-border:#cbd3d5;
  --brand-blue:#0e7da3;--brand-blue-bright:#0e7da3;--editorial-button-text:#fbfaf6;
}
[data-theme=dark]{
  --color-bg:#0c151e;--color-surface:#142330;--color-surface-2:#1a2b38;--color-text:#f0f1ed;
  --color-text-muted:#b5c4cc;--color-primary:#79c5df;--color-gold:#79c5df;--color-button:#e7eff2;--color-border:#354956;
  --brand-blue:#79c5df;--brand-blue-bright:#79c5df;--editorial-button-text:#112532;
}
body{font-family:var(--font-body);font-size:16px;line-height:1.8}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;letter-spacing:-.035em}
h1{font-size:clamp(54px,6.2vw,86px);line-height:1.02}
h2{font-size:clamp(40px,4.3vw,58px);line-height:1.06}
h3{font-size:34px;line-height:1.12}
em{font-style:italic;font-weight:400}
section{padding:88px 0}
.wrap{width:88%;max-width:1240px}
.eyebrow{font-size:11px;font-weight:500;letter-spacing:.15em}
.lead{font-size:18px;line-height:1.85}
.btn{border-radius:0;font-size:13px;font-weight:500;min-height:48px}
.btn-gold{background:var(--color-button);color:var(--editorial-button-text)}
.btn.btn-gold{color:var(--editorial-button-text)}
.btn-gold:hover{background:var(--color-button);color:var(--editorial-button-text);filter:brightness(1.1)}
.header{background:var(--color-bg)}
.nav{height:88px;gap:28px}
#primary-nav{gap:28px}
#primary-nav a{font-size:13px}
#primary-nav .nav-parent{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-gold);text-underline-offset:7px}
#primary-nav .nav-contact{border:1px solid var(--color-border);padding:10px 16px;color:var(--color-text)}
.nav-actions{gap:8px}
.lang-switch,.theme-toggle{border-color:var(--color-border)}
.brand,.header .brand,[data-theme=dark] .brand,[data-theme=dark] .header .brand{width:var(--brand-width,175px);max-width:none;padding:0;background:none}
.footer{background:var(--color-bg);color:var(--color-text);padding-top:50px}
.footer a{color:var(--color-text)}
.footer-col h2{font:500 11px/1.5 var(--font-body);letter-spacing:.12em}
.footer-top p,.footer-col a{font-size:13px}
.footer-bottom{font-size:12px}
.card,.report,.contact-form-panel{border-radius:5px;box-shadow:none}
.card p{font-size:15px}
.card h3{font-size:35px}
.card .number{font-size:12px}
.hero{background:radial-gradient(ellipse at 85% 40%,color-mix(in srgb,var(--brand-blue) 9%,transparent),transparent 65%)}
.hero h1{font-size:clamp(48px,5.6vw,76px)}
.page-intro h1{font-size:clamp(48px,5.3vw,72px)}
.hero .eyebrow{font-size:11px}
.breadcrumb{font-size:12px;color:var(--color-text-muted);margin-bottom:26px}
.breadcrumb a{color:var(--color-gold);text-decoration:none}
.text-link{display:inline-flex;gap:12px;align-items:center;min-height:44px;font-size:14px;text-decoration:none;border-bottom:1px solid var(--color-border)}
.editorial-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:9%;align-items:end;margin-bottom:46px}
.editorial-heading>p{font-size:15px;color:var(--color-text-muted);margin:0}
.editorial-heading h2{margin:0}
.expertise-grid,.measure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.expertise-grid article,.measure-grid article{border-top:1px solid var(--color-border);padding-top:24px}
.expertise-grid h3{margin:18px 0;font-size:34px}
.expertise-grid p,.measure-grid p{font-size:15px;color:var(--color-text-muted)}
.expertise-grid ul{padding:0;list-style:none;font-size:13px;color:var(--color-text)}
.expertise-grid li{padding:9px 0;border-top:1px solid var(--color-border)}
.domain-note{max-width:none;font-size:15px;color:var(--color-text-muted);margin:38px 0 0;padding:25px 0 0;border-top:1px solid var(--color-border)}
.measure-grid h3{font-size:32px;margin-bottom:18px}
.evaluation{background:var(--color-surface)}
.expert-faq .faq{max-width:100%}
.expert-faq .sec-head{margin-bottom:32px}
.faq h2{margin-bottom:30px}
.faq summary{font-size:15px;font-weight:500}
.faq-a{font-size:15px}
.home-editorial{padding:80px 0 32px}
.home-opening{display:grid;grid-template-columns:1.45fr 1fr;gap:8%;align-items:end;margin-top:26px}
.home-opening h1{max-width:850px;font-size:clamp(50px,5.9vw,83px)}
.home-opening .lead{font-size:17px;margin-bottom:23px}
.home-location{border-top:1px solid var(--color-border);padding-top:24px;margin-top:48px;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.04em;color:var(--color-text-muted)}
.home-practices{padding-top:48px}
.practice-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.practice-feature{min-width:0}
.practice-art{display:block;overflow:hidden;aspect-ratio:1.7;background:#0d1a27;position:relative;text-decoration:none}
.practice-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.practice-art:hover img{transform:scale(1.025)}
.studio-practice-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06111ed9,#06111e10)}
.studio-practice-art span{position:absolute;left:8%;right:8%;top:50%;transform:translateY(-50%);font:400 clamp(30px,3.6vw,48px)/1.06 var(--font-display);color:#f7f5ef;z-index:1;letter-spacing:-.03em}
.practice-content{padding:30px 0 0}
.practice-content h2{font-size:48px;margin-bottom:20px}
.practice-content>p:not(.eyebrow){color:var(--color-text-muted);font-size:15px}
.practice-content .eyebrow{margin-bottom:15px}
.practice-application{font-size:12px!important;border-top:1px solid var(--color-border);padding-top:21px;margin-top:23px}
.practice-application a{color:var(--color-gold)}
.home-expertise{background:var(--color-surface)}
.page-index .founder{background:var(--color-bg)}
.page-index .founder .split-fig img{border-radius:0}
.page-index .founder .split-fig:before{display:none}
.page-index .proof-line{font-size:15px}
.page-index .proof h3{font-family:var(--font-body);letter-spacing:0;font-size:14px}
.page-index .proof p{font-size:14px}
.cta-band h2{margin-bottom:22px}
.cta-band .lead{margin-bottom:28px}

/* Production-size typography and shared chrome over the approved AI mockup. */
.page-solutions{overflow:visible;font:16px/1.8 var(--font-body);--ai-space:88px}
.page-solutions main p{max-width:none}
.page-solutions .ai-hero{padding-top:74px}
.page-solutions .ai-hero h1{font-size:clamp(57px,6.1vw,83px);max-width:650px;line-height:1.02}
.page-solutions .ai-hero-grid{grid-template-columns:1.13fr 1fr;gap:7%}
.page-solutions .ai-hero-copy{max-width:none}
.page-solutions .ai-intro{font-size:17px;line-height:1.85;margin-top:27px;max-width:590px}
.page-solutions .ai-actions{margin-top:30px}
.page-solutions .ai-button{min-height:48px;font-size:13px}
.page-solutions .ai-link{font-size:13px}
.page-solutions .ai-flow-stage strong{font-size:14px}
.page-solutions .ai-flow-stage small{font-size:12px}
.page-solutions .ai-flow-stage{padding:18px 16px}
.page-solutions .ai-source{font-size:12px;min-height:82px}
.page-solutions .ai-flow-caption{font-size:12px}
.page-solutions .ai-flow-heading p,.page-solutions .ai-flow-run,.page-solutions .ai-hero-note{font-size:12px}
.page-solutions .ai-hero-note{margin-top:56px}
.page-solutions .ai-section-top{margin-bottom:48px}
.page-solutions .ai-section-top h2{font-size:56px;line-height:1.05}
.page-solutions .ai-section-top>p{font-size:15px;max-width:360px}
.page-solutions .ai-service-row{gap:9%;padding:45px 0}
.page-solutions .ai-service-copy h3{font-size:43px;margin:16px 0 21px}
.page-solutions .ai-service-copy>p:not(.ai-kicker){font-size:16px;line-height:1.85;max-width:540px}
.page-solutions .ai-service-copy .ai-output-line{font-size:13px!important;display:block;margin-top:23px;color:var(--ai-muted)!important}
.page-solutions .ai-example{padding:25px}
.page-solutions .ai-example-label,.page-solutions .ai-mini-table,.page-solutions .ai-review-tag,.page-solutions .ai-example-foot,.page-solutions .ai-task-list,.page-solutions .ai-task-list em{font-size:12px}
.page-solutions .ai-example-title,.page-solutions .ai-query,.page-solutions .ai-answer{font-size:14px}
.page-solutions .ai-mini-table th[scope=row]{font-weight:400;color:var(--ai-ink)}
.page-solutions .ai-source-button,.page-solutions .ai-approve,.page-solutions .ai-citation{font-size:12px}
.page-solutions .ai-task-list{gap:17px}
.page-solutions .architecture p,.page-solutions .evaluation p,.page-solutions .expert-faq p{margin-bottom:1rem}
.page-solutions .architecture h3{font-size:34px}
.page-solutions .architecture .eyebrow,.page-solutions .evaluation .eyebrow{margin-bottom:18px}
.page-solutions .editorial-heading h2{font-size:52px}
.page-solutions .ai-pilot h2{font-size:58px}
.page-solutions .ai-pilot p:not(.ai-kicker){font-size:16px;max-width:550px}
.page-solutions .ai-pilot-preview{display:block;text-decoration:none}
.page-solutions .ai-pilot-preview img{height:260px}
.page-solutions .ai-pilot-paper{padding:21px 16px 12px}
.page-solutions .ai-pilot-paper h3{font-size:35px}
.page-solutions .ai-pilot-caption{font-size:12px}
.page-solutions .pilot-points{list-style:none;padding:0;margin:23px 0 0;color:#d2e0e7;font-size:13px}
.page-solutions .pilot-points li{padding:8px 0;border-top:1px solid #ffffff26}
.page-solutions .ai-pilot .ai-actions{gap:27px;margin-top:17px}
.page-solutions .ai-pilot .ai-link{margin:0;color:#f2f4ef}
.page-solutions .ai-process h2{font-size:56px}
.page-solutions .ai-process-step h3{font-size:38px}
.page-solutions .ai-process-step p{font-size:15px}
.page-solutions .ai-process-step .ai-receive{font-size:13px;margin-top:23px}
.page-solutions .ai-contact h2{font-size:58px}
.page-solutions .ai-contact-copy>p:not(.ai-kicker){font-size:16px;max-width:470px}
.page-solutions .ai-contact-copy .ai-location{margin-top:32px}
.page-solutions .footer p{margin-top:15px}
.page-solutions .footer-col h2{font:500 11px/1.5 var(--font-body);letter-spacing:.12em}

/* Both page forms use the established storage and notification handlers. */
.inline-enquiry{min-width:0}
.inline-enquiry .modal-form label{font:400 12px/1.6 var(--font-body);margin-bottom:19px;color:var(--color-text-muted)}
.inline-enquiry .modal-form input,.inline-enquiry .modal-form select,.inline-enquiry .modal-form textarea{padding:10px 0;border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:transparent;color:var(--color-text);font-size:16px;line-height:1.6}
.inline-enquiry .modal-form select option{background:var(--color-surface);color:var(--color-text)}
.inline-enquiry .modal-form .form-row{gap:22px}
.inline-enquiry .modal-form .btn{width:auto}
.inline-enquiry .modal-form .hp{position:absolute}
.inline-enquiry .form-help,.inline-enquiry .form-fine{font-size:12px;line-height:1.7;color:var(--color-text-muted);margin-bottom:17px}
.inline-enquiry .form-fine{margin-top:18px}
.inline-enquiry .form-msg{margin:14px 0}
.inline-enquiry .modal-done h3{font-size:36px}
.inline-enquiry .modal-done p{font-size:16px;margin-top:18px}

/* Studios keeps its cinematic opening, with theme-aware editorial sections. */
.page-studio{overflow:visible;background:var(--color-bg);color:var(--color-text);font:16px/1.8 var(--font-body)}
.page-studio .studio-hero{padding-top:58px;min-height:0;color:#f7f5ef}
.page-studio .studio-hero h1{font-size:clamp(58px,7.3vw,100px);max-width:900px}
.page-studio .studio-hero-summary{font-size:17px;max-width:520px}
.page-studio .studio-signature{width:300px;margin-bottom:45px}
.page-studio .studio-eyebrow{font-size:11px}
.page-studio .studio-reveal-strip{margin-top:65px;padding:26px 0}
.page-studio .studio-reveal-strip p{font-size:12px}
.page-studio .studio-reveal-strip strong{font-size:17px}
.page-studio .studio-feature{color:#f7f5ef;padding:80px 0}
.page-studio .studio-section-heading h2{font-size:58px}
.page-studio .studio-section-heading>p{font-size:15px;max-width:330px}
.page-studio .studio-film-frame video{width:100%;height:auto;aspect-ratio:16/9}
.page-studio .studio-film-caption{font-size:12px}
.page-studio .studio-editorial,.page-studio .studio-contact{background:var(--color-bg);color:var(--color-text);padding:88px 0}
.page-studio .studio-editorial h2,.page-studio .studio-contact h2{font-size:62px}
.page-studio .studio-editorial-copy .studio-lead{font-size:22px;color:var(--color-text)}
.page-studio .studio-editorial-copy>p+p{font-size:16px;color:var(--color-text-muted)}
.page-studio .studio-editorial .studio-eyebrow,.page-studio .studio-contact .studio-eyebrow{color:var(--color-gold)}
.page-studio .studio-paths{padding:80px 0;color:#f7f5ef}
.page-studio .studio-path-intro h2{font-size:52px}
.page-studio .studio-path h3{font-size:40px}
.page-studio .studio-path p{font-size:16px;max-width:520px}
.page-studio .studio-text-link{font-size:14px}
.page-studio .studio-button{font-size:13px}
.page-studio .studio-principles{background:var(--color-surface);color:var(--color-text)}
.page-studio .studio-principles h2{font-size:54px;margin:18px 0 38px}
.page-studio .studio-principles .studio-eyebrow{color:var(--color-gold)}
.page-studio .studio-contact p{font-size:16px;color:var(--color-text-muted);max-width:460px}
.page-studio .studio-contact .studio-location{font-size:12px;line-height:1.8}
.page-studio .inline-enquiry p{font-size:12px;max-width:none}
.page-studio .inline-enquiry .form-msg{color:#a42b26}
[data-theme=dark] .page-studio .inline-enquiry .form-msg{color:#ffb0a9}
.page-studio .inline-enquiry .modal-done p{font-size:16px}
.page-studio .footer p{margin-top:15px;color:var(--color-text-muted)}
.page-studio .footer-col h2{font:500 11px/1.5 var(--font-body);letter-spacing:.12em}

@media(max-width:1100px){
  #primary-nav{gap:18px}.nav{gap:22px}.home-opening{gap:5%}
  .page-solutions .ai-hero-grid{gap:5%}.page-solutions .ai-hero h1{font-size:65px}
  .page-solutions .ai-intro{font-size:16px}.page-solutions .ai-section-top>p{max-width:290px}
  .page-solutions .ai-service-copy h3{font-size:39px}.page-solutions .ai-example{padding:20px}
  .expertise-grid,.measure-grid{gap:27px}.page-studio .studio-editorial h2,.page-studio .studio-contact h2{font-size:54px}
}
@media(max-width:1000px){
  .nav{height:76px}.header #primary-nav{top:76px;gap:0}.header #primary-nav .nav-contact{margin-top:10px;padding:12px 16px}
  .editorial-heading{gap:6%}.home-opening{grid-template-columns:1fr;gap:30px}.home-opening h1{font-size:75px;max-width:900px}
  .home-opening>div{max-width:700px}.practice-content h2{font-size:42px}
}
@media(max-width:760px){
  section{padding:60px 0}.wrap{width:88%}.nav{gap:12px}
  .editorial-heading{grid-template-columns:1fr;gap:24px}.editorial-heading>p{max-width:620px}
  .expertise-grid,.measure-grid{grid-template-columns:1fr;gap:30px}.expertise-grid h3{font-size:36px}
  .measure-grid h3{font-size:34px}.home-editorial{padding-top:48px}.home-opening h1{font-size:clamp(49px,8.6vw,72px)}
  .practice-pair{grid-template-columns:1fr;gap:46px}.practice-content h2{font-size:48px}.practice-art{aspect-ratio:1.8}
  .studio-practice-art span{font-size:44px}.home-location{margin-top:32px}.home-practices{padding-top:32px}
  .page-solutions{--ai-space:60px}.page-solutions .ai-hero-grid{grid-template-columns:1fr;gap:42px}
  .page-solutions .ai-hero{padding-top:44px}.page-solutions .ai-hero h1{font-size:clamp(54px,8.4vw,72px);max-width:700px}
  .page-solutions .ai-intro{font-size:17px;max-width:620px}
  .page-solutions .ai-workflow{width:min(100%,480px);margin:auto}.page-solutions .ai-flow-stage{width:88%}
  .page-solutions .ai-section-top{display:block}.page-solutions .ai-section-top>p{margin-top:24px;max-width:none}
  .page-solutions .ai-section-top h2,.page-solutions .editorial-heading h2,.page-solutions .ai-process h2{font-size:48px}
  .page-solutions .ai-service-row{grid-template-columns:1fr;gap:28px}
  .page-solutions .ai-service-row.ai-reverse .ai-example{order:2}
  .page-solutions .ai-service-copy h3{font-size:42px}.page-solutions .ai-example{padding:24px}
  .page-solutions .ai-pilot-grid,.page-solutions .ai-contact-grid{grid-template-columns:1fr;gap:35px}
  .page-solutions .ai-pilot h2,.page-solutions .ai-contact h2{font-size:52px}
  .page-solutions .ai-pilot-preview{transform:none}.page-solutions .ai-pilot-preview img{height:auto;aspect-ratio:1.8}
  .page-solutions .ai-process-grid{grid-template-columns:1fr;gap:30px}
  .page-solutions .ai-process-step h3{font-size:38px}
  .page-studio .studio-hero h1{font-size:clamp(54px,9vw,76px)}
  .page-studio .studio-hero-summary{font-size:16px}
  .page-studio .studio-editorial-grid,.page-studio .studio-contact-grid{grid-template-columns:1fr;gap:30px}
  .page-studio .studio-editorial,.page-studio .studio-contact,.page-studio .studio-feature,.page-studio .studio-paths{padding-block:60px}
  .page-studio .studio-editorial h2{max-width:650px}.page-studio .studio-editorial-copy{padding-top:0}
  .page-studio .studio-section-heading{display:block}.page-studio .studio-section-heading>p{max-width:none;margin-top:24px}
  .page-studio .studio-section-heading h2,.page-studio .studio-principles h2{font-size:48px}
  .page-studio .studio-path-intro{display:block}.page-studio .studio-path-intro h2{font-size:46px;margin-top:18px}
  .page-studio .studio-path-grid{grid-template-columns:1fr;gap:32px}
  .footer-top{grid-template-columns:1fr 1fr}.footer-col a{min-height:32px}
}
@media(max-width:430px){
  :root{--brand-width:125px}.wrap{width:calc(100% - 36px)}
  .nav{gap:7px}.nav-actions{gap:4px}.lang-switch,.theme-toggle,.menu-btn{width:40px;min-width:40px;height:44px}
  .page-solutions .ai-wrap,.page-studio .studio-wrap{width:calc(100% - 36px)}
  .home-opening h1{font-size:48px}.home-opening .lead{font-size:16px}.home-location{display:block;font-size:11px}
  .home-location span{display:block}.home-location span+span{margin-top:6px}
  .practice-content h2{font-size:44px}.studio-practice-art span{font-size:35px}
  .page-solutions .ai-hero h1{font-size:52px}.page-solutions .ai-intro{font-size:16px}
  .page-solutions .ai-flow-stage{width:96%;padding:15px 11px;gap:10px}
  .page-solutions .ai-flow-stage strong{font-size:13px}.page-solutions .ai-flow-stage small{font-size:11px}
  .page-solutions .ai-flow-heading p,.page-solutions .ai-flow-run{font-size:11px}
  .page-solutions .ai-example{padding:16px}.page-solutions .ai-mini-table{font-size:11px}
  .page-solutions .ai-section-top h2,.page-solutions .editorial-heading h2,.page-solutions .ai-process h2{font-size:43px}
  .page-solutions .ai-service-copy h3{font-size:38px}.page-solutions .ai-service-copy>p:not(.ai-kicker){font-size:15px}
  .page-solutions .ai-pilot h2,.page-solutions .ai-contact h2{font-size:46px}
  .page-solutions .ai-services,.page-solutions .ai-pilot,.page-solutions .ai-process,.page-solutions .ai-contact{padding-block:54px}
  .inline-enquiry .modal-form .form-row{grid-template-columns:1fr;gap:0}
  .page-studio .studio-signature{width:235px}.page-studio .studio-hero{padding-top:37px}
  .page-studio .studio-hero h1{font-size:53px}.page-studio .studio-hero .studio-eyebrow{max-width:300px;font-size:11px}
  .page-studio .studio-section-heading h2,.page-studio .studio-principles h2{font-size:42px}
  .page-studio .studio-editorial h2,.page-studio .studio-contact h2{font-size:46px}
  .page-studio .studio-path-intro h2{font-size:42px}.page-studio .studio-path h3{font-size:36px}
  .page-studio .studio-reveal-strip{margin-top:42px}.page-studio .studio-film-caption{flex-wrap:wrap;font-size:11px}
  .footer-top{grid-template-columns:1fr}.footer-bottom{font-size:11px}
}
@media(pointer:coarse){
  .page-solutions .ai-flow-run,.page-solutions .ai-approve,.page-solutions .ai-source-button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.practice-art img{transition:none}.practice-art:hover img{transform:none}}

/* ===== v5 refinements =====
   1. Labels read as text, not chrome: sentence case, normal tracking, legible size.
   2. Headings speak in one voice: no highlighted phrase in a second colour.
   3. The film is the one bold element of the Studios page: edge to edge, five quiet round controls. */
html body .eyebrow,html body .footer-col h2,html body .offer-mini,html body .location-line,html body .image-label,html body .workflow-cover>p,html body .estate-visual figcaption>span,html body.page-solutions .ai-kicker,html body.page-solutions .ai-flow-heading p,html body.page-solutions .ai-pilot-paper>span,html body.page-solutions .ai-contact-copy .ai-location,html body.page-studio .studio-eyebrow,html body.page-studio .studio-contact .studio-location,html body.page-studio .studio-path-no{text-transform:uppercase;letter-spacing:.14em}
html body.page-studio .studio-form label{text-transform:none;letter-spacing:.005em}
html body .eyebrow,html body.page-solutions .ai-kicker,html body.page-studio .studio-eyebrow,html body.page-studio .studio-path-no{font-size:12px;font-weight:600}


.page-studio .film-bleed{position:relative;width:100%;aspect-ratio:16/9;margin:40px 0 0;background:#000;overflow:hidden}
.page-studio .film-bleed video{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;display:block}
.page-studio .film-bleed:fullscreen{aspect-ratio:auto}
.page-studio .film-bleed:fullscreen video{object-fit:contain}
.film-controls{position:absolute;right:22px;bottom:22px;display:flex;gap:10px;z-index:3}
.film-controls[hidden]{display:none}
.fbtn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;padding:0;margin:0;background:rgba(10,17,28,.72);color:#F7F4EC;border:1px solid rgba(247,244,236,.36);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}
.fbtn svg{width:18px;height:18px;display:block;pointer-events:none}
.fbtn svg[hidden]{display:none}
.fbtn:hover{border-color:rgba(247,244,236,.95);background:rgba(10,17,28,.9)}
.fbtn:focus-visible{outline:2px solid #F7F4EC;outline-offset:3px}
@media(max-width:600px){.film-controls{right:12px;bottom:12px;gap:8px}.fbtn{width:36px;height:36px}.fbtn svg{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.fbtn{transition:none}}

.page-studio .studio-faq{padding:96px 0;border-top:1px solid rgba(20,32,48,.12)}
.page-studio .studio-faq h2{margin-bottom:28px}
.page-solutions .ai-faq{padding:96px 0}
.page-solutions .ai-faq h2{margin-bottom:28px}

/* v6: film first, then the tagline; what/how in two columns; four rules; share feedback */
.page-studio .studio-first-heading{margin-bottom:0}
.page-studio .studio-hero h1 em,.page-studio .studio-path h3 em{color:#a7d9ea}
.page-studio .studio-next{margin-top:14px;opacity:.92}
.page-studio .studio-whathow{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.page-studio .studio-whathow p{max-width:60ch}
.page-studio .studio-whathow h2{margin:10px 0 20px}
.page-studio .studio-whathow h2 em,.page-studio .studio-principles h2 em,.page-studio .studio-contact h2 em{color:#0e7da3}
.page-studio .studio-closing{margin-top:56px;padding-top:32px;border-top:1px solid rgba(20,32,48,.14);font:400 clamp(24px,2.4vw,34px)/1.25 "Cormorant Garamond",Georgia,serif;max-width:32ch}
.page-studio .studio-rules{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.page-studio .studio-whathow{grid-template-columns:1fr;gap:44px}.page-studio .studio-rules{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.page-studio .studio-rules{grid-template-columns:1fr}}
.film-toast{position:absolute;right:22px;bottom:74px;z-index:3;margin:0;padding:7px 14px;border-radius:999px;background:rgba(10,17,28,.88);color:#F7F4EC;font-size:13px;border:1px solid rgba(247,244,236,.36)}
.film-toast[hidden]{display:none}
@media(max-width:600px){.film-toast{right:12px;bottom:58px}}

/* v7 */
[data-theme=dark] .brand-steel{background:url(assets/synaptiks-logo-steel.png) left center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important;filter:none!important;mix-blend-mode:normal!important}
.page-studio .studio-path-intro--left{display:block;text-align:left;max-width:none}
.page-studio .studio-path-intro--left h2{text-align:left;margin-top:10px}
.page-studio .studio-path-grid--3{grid-template-columns:repeat(3,1fr);gap:48px}
@media(max-width:1000px){.page-studio .studio-path-grid--3{grid-template-columns:1fr}}
.page-studio .studio-quote{margin:64px 0 0;padding:36px 0 0 0;border-top:1px solid rgba(20,32,48,.14);max-width:880px}
.page-studio .studio-quote blockquote{margin:0}
.page-studio .studio-quote blockquote p{font:400 clamp(26px,2.6vw,38px)/1.22 "Cormorant Garamond",Georgia,serif;letter-spacing:-.01em;color:#0e7da3;margin:0;text-wrap:balance}
.page-studio .studio-quote figcaption{margin-top:18px;font-size:14px;color:var(--color-text-muted,#5a6678)}
.page-studio .studio-quote figcaption strong{font-weight:600;color:var(--color-text,#16263d)}
[data-theme=dark] .page-studio .studio-quote blockquote p{color:#8fd0e6}
[data-theme=dark] .page-studio .studio-quote{border-top-color:rgba(244,241,233,.16)}
.page-studio .studio-path-grid--3 .studio-path{display:flex;flex-direction:column}
.page-studio .studio-path-grid--3 .studio-path .studio-text-link{margin-top:auto;padding-top:18px}
/* v8: centred quote; headline block opens the Studios page */
.page-studio .studio-quote{margin-left:auto;margin-right:auto;text-align:center;max-width:860px}
.page-studio .studio-quote blockquote p{text-wrap:balance}
.page-studio .studio-hero{padding-top:clamp(56px,7vw,96px)}
/* v8: one voice per text block */
.page-studio .studio-hero .studio-hero-summary{color:#d1d7db}
.page-studio .studio-editorial-copy>p,.page-studio .studio-editorial-copy>p+p{font-size:16px;line-height:1.7;color:var(--color-text)}
.page-studio .studio-reveal-strip .studio-reveal-date{display:block;margin-top:3px;font-size:17px;font-weight:400;letter-spacing:.03em;color:#f7f5ef}
/* v9: share list */
.share-menu{position:absolute;right:22px;bottom:74px;z-index:4;min-width:200px;padding:8px;border-radius:14px;background:rgba(10,17,28,.94);border:1px solid rgba(247,244,236,.24);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 40px rgba(0,0,0,.35);display:flex;flex-direction:column}
.share-menu[hidden]{display:none}
.share-menu-title{margin:4px 10px 6px;font-size:12px;color:#b1bdc6}
.share-menu a,.share-menu button{display:block;width:100%;text-align:left;padding:9px 10px;border:0;border-radius:8px;background:none;color:#F7F4EC;font:500 14px/1.2 var(--font-body,Inter,system-ui,sans-serif);text-decoration:none;cursor:pointer}
.share-menu a:hover,.share-menu button:hover,.share-menu a:focus-visible,.share-menu button:focus-visible{background:rgba(247,244,236,.1);outline:none}
.share-menu button[data-via="copy"]{margin-top:4px;border-top:1px solid rgba(247,244,236,.14);border-radius:0 0 8px 8px;padding-top:11px}
@media(max-width:600px){.share-menu{right:12px;bottom:58px}}
/* v10: every page's first block starts at the same place, closer to the header */
html body main>section:first-of-type{padding-top:44px!important}
@media(max-width:700px){html body main>section:first-of-type{padding-top:28px!important}}
/* v10b: headlines line up page to page — same label, same spacing, same position */
html body main>section:first-of-type :is(.eyebrow,.ai-kicker,.studio-eyebrow):first-of-type{margin-top:0!important;margin-bottom:16px!important;line-height:1.4!important}
html body main>section:first-of-type h1{margin-top:0!important}
.page-contact .contact-layout,.page-contact .contact-intro{margin-top:0!important;padding-top:0!important}
.page-real-estate .estate-hero .hero-copy{position:relative}
.page-real-estate .estate-hero .breadcrumb{position:absolute;top:-30px;left:0;margin:0!important}
.page-white-papers #guides{padding-top:16px!important}
.page-white-papers .page-intro .sec-head{margin-bottom:0}
.page-index .home-editorial .home-opening{margin-top:0!important}
.page-real-estate .estate-hero .eyebrow{font-size:12px!important;line-height:1.4!important;margin:0 0 16px!important}
.page-contact .contact-layout{align-items:start!important}
.page-contact .contact-intro{align-self:start!important;position:static!important;top:auto!important;transform:none!important}
html body.page-studio main>section:first-of-type .studio-eyebrow{font-size:12px!important}
@media(max-width:700px){.page-real-estate .estate-hero .breadcrumb{top:-22px}}
/* v10c: attribution centred with the quote; casting under the form introduction */
.page-studio .studio-quote figcaption{text-align:center;display:block}
.page-studio .studio-casting{margin-top:36px;padding-top:28px;border-top:1px solid rgba(20,32,48,.14);max-width:46ch}
.page-studio .studio-casting .studio-eyebrow{margin-bottom:10px}
.page-studio .studio-casting h3{font-size:clamp(26px,2.2vw,32px);line-height:1.12;margin:0 0 14px}
.page-studio .studio-casting h3 em{color:#0e7da3}
.page-studio .studio-casting p{margin:0 0 14px}
.page-studio .studio-casting .studio-text-link{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:4px}
[data-theme=dark] .page-studio .studio-casting{border-top-color:rgba(244,241,233,.16)}
[data-theme=dark] .page-studio .studio-casting h3 em{color:#8fd0e6}
.page-studio .studio-path-grid--2{grid-template-columns:repeat(2,1fr);gap:56px}
@media(max-width:900px){.page-studio .studio-path-grid--2{grid-template-columns:1fr}}
.page-studio .studio-feature{padding-top:20px!important}
/* v12: the interview page lines up with the menu pages; the back link sits in the margin above the label */
.press-article-heading{position:relative;padding-top:44px!important}
.press-article-heading .press-back{position:absolute;top:14px;left:var(--wrap-pad,0);margin:0!important}
.press-article-heading .eyebrow{margin:0 0 16px!important;line-height:1.4!important}
.press-article-heading h1{margin-top:0!important}
@media(max-width:700px){.press-article-heading{padding-top:28px!important}.press-article-heading .press-back{top:4px}}
/* phones: first-block labels stay on one line so headlines line up there too */
@media(max-width:700px){html body main>section:first-of-type :is(.eyebrow,.ai-kicker,.studio-eyebrow):first-of-type,.press-article-heading .eyebrow{font-size:11px!important;letter-spacing:.08em!important}}
@media(max-width:700px){.page-real-estate .estate-hero .eyebrow{font-size:11px!important;letter-spacing:.08em!important}}