/* Flipp'd / ambition, investment and enquiry. Static surfaces; no render loop. */
:is(.studio-audience,.studio-pricing,.studio-contact) {
  --sc-ink:#101118; --sc-paper:#f8f5f0; --sc-blue:#086aff; --sc-orange:#ff660a;
  --sc-muted:#b9bbc6; --sc-line:rgba(248,245,240,.2);
  font-family:'Inter',sans-serif; scroll-margin-top:var(--site-header-offset,104px);
  position:relative; isolation:isolate; padding:100px clamp(20px,4.5vw,64px);
}
.home-page :is(.studio-audience,.studio-pricing,.studio-contact).flow-blend { padding-top:calc(var(--blend-height,100px) + 72px); }
.studio-conversion-wrap { width:min(100%,1240px); margin-inline:auto; position:relative; z-index:1; }
.studio-section-index { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid currentColor; padding-top:18px; font-size:10px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; line-height:1.6; }
:is(.studio-audience,.studio-pricing,.studio-contact) :is(h2,h3,p,ol,ul) { margin:0; }
:is(.studio-audience,.studio-pricing,.studio-contact) :is(h2,h3) { font-family:'Syne',sans-serif; font-weight:600; }
:is(.studio-audience,.studio-pricing,.studio-contact) button,
:is(.studio-audience,.studio-pricing,.studio-contact) input,
:is(.studio-audience,.studio-pricing,.studio-contact) select,
:is(.studio-audience,.studio-pricing,.studio-contact) textarea { font:inherit; }
:is(.studio-audience,.studio-pricing,.studio-contact) :is(a,button,input,textarea,select):focus-visible { outline:3px solid #3987ff; outline-offset:5px; }
.studio-audience .studio-conversion-wrap { color:var(--sc-ink); }
.home-page .studio-audience { background:var(--sc-paper); }
.studio-audience-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:clamp(40px,6vw,100px); margin-top:64px; align-items:start; }
.studio-audience h2 { font-size:clamp(48px,6.2vw,82px); line-height:1.02; letter-spacing:-.07em; }
.studio-audience-intro>p { font-size:16px; line-height:1.85; max-width:450px; margin-top:30px; color:#4d4e57; }
.studio-text-link { display:inline-flex; align-items:center; gap:24px; min-height:48px; margin-top:26px; padding-bottom:5px; color:inherit; border-bottom:1px solid currentColor; font-size:13px; font-weight:600; text-decoration:none; }
.studio-text-link span { font-size:22px; transition:transform .2s ease; }
.studio-text-link:hover span { transform:translate(2px,-2px); }
.studio-ambition { display:grid; grid-template-columns:22px minmax(0,1fr) 52px; gap:17px; align-items:start; border-bottom:1px solid #d2d0cb; padding:30px 0; }
.studio-ambition:first-child { padding-top:4px; }
.studio-ambition-no { font-size:10px; font-weight:600; color:#565c69; padding-top:8px; }
.studio-ambition h3 { font-size:26px; letter-spacing:-.045em; line-height:1.2; }
.studio-ambition p { font-size:13px; color:#555760; line-height:1.8; margin-top:10px; max-width:350px; }
.studio-ambition-mark { position:relative; display:block; width:40px; height:40px; justify-self:end; margin-top:4px; }
.studio-mark-enter { border-top:3px solid var(--sc-blue); border-right:3px solid var(--sc-blue); }
.studio-mark-enter::after { content:''; position:absolute; width:49px; height:3px; background:var(--sc-blue); right:-7px; top:16px; transform:rotate(-45deg); }
.studio-mark-shift::before,.studio-mark-shift::after { content:''; position:absolute; width:25px; height:25px; border:2px solid var(--sc-ink); }
.studio-mark-shift::before { top:0; left:0; }
.studio-mark-shift::after { right:0; bottom:0; background:var(--sc-orange); border-color:var(--sc-orange); }
.studio-mark-connect::before,.studio-mark-connect::after { content:''; position:absolute; width:28px; height:28px; border:2px solid var(--sc-blue); border-radius:50%; }
.studio-mark-connect::before { top:0; left:0; }
.studio-mark-connect::after { right:0; bottom:0; border-color:var(--sc-ink); }
.studio-audience-footer { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:62px; padding-top:22px; border-top:1px solid #d2d0cb; }
.studio-audience-footer>span { font-size:12px; font-weight:600; line-height:1.8; }
.studio-audience-footer>p { font-size:11px; line-height:1.9; color:#565860; }

/* A typographic price ledger: steady baselines and three genuinely equal cards. */
.home-page .studio-pricing { background:var(--sc-ink); color:var(--sc-paper); }
.studio-pricing .studio-section-index,.studio-contact .studio-section-index { color:#bcc0cb; border-color:var(--sc-line); }
.studio-pricing-head { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,.7fr); align-items:end; gap:64px; margin:50px 0 42px; }
.studio-pricing h2 { font-size:clamp(36px,4.3vw,59px); line-height:1.08; letter-spacing:-.058em; }
.studio-pricing-head>p { color:var(--sc-muted); font-size:14px; line-height:1.85; padding-bottom:3px; }
.studio-packages { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; align-items:stretch; }
.studio-package { min-width:0; border-radius:22px; border:1px solid #41434c; background:linear-gradient(150deg,#24262e,#191b22 64%); padding:26px; display:grid; grid-template-rows:auto 92px auto 1fr auto; gap:26px; position:relative; overflow:hidden; transition:border-color .2s ease; }
.studio-package:hover { border-color:#8f96a9; }
.studio-package.is-selected { border-color:var(--sc-orange); }
.studio-package-top { display:flex; align-items:center; justify-content:space-between; gap:14px; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#c1c5d0; }
.studio-package-symbol { display:grid; place-items:center; border:1px solid #555965; width:29px; height:29px; border-radius:50%; font-size:19px; line-height:1; }
.studio-package h3 { color:var(--sc-paper); font-size:26px; letter-spacing:-.055em; line-height:1.15; }
.studio-package-heading>p { margin-top:13px; color:#c2c5d0; font-size:12px; line-height:1.75; }
.studio-package-price { display:flex; align-items:baseline; gap:10px; color:var(--sc-paper); font-family:'Syne',sans-serif; font-size:clamp(34px,3.6vw,46px); font-weight:600; letter-spacing:-.07em; line-height:1; }
.studio-package-price>span { font-family:'Inter',sans-serif; font-size:11px; font-weight:400; letter-spacing:0; color:#c2c5d0; }
.studio-package ul { list-style:none; padding:24px 0 0; border-top:1px solid #484b56; }
.studio-package li { display:flex; gap:9px; font-size:12px; line-height:1.65; color:#d6d7de; margin-top:11px; }
.studio-package li:first-child { margin-top:0; }
.studio-package li::before { content:'+'; color:#c6d9ff; flex-shrink:0; }
.studio-package-link { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:48px; padding:13px 0 1px; border-top:1px solid #484b56; color:var(--sc-paper); text-decoration:none; font-size:12px; font-weight:600; }
.studio-package-link>span { font-size:22px; }
.studio-package-complete { background:linear-gradient(145deg,#0861e8 0%,#0753d6 72%,#083fa1); border-color:#418eff; }
.studio-package-complete :is(.studio-package-top,.studio-package-heading>p,.studio-package-price>span,li) { color:#fff; }
.studio-package-complete :is(ul,.studio-package-link,.studio-package-symbol) { border-color:rgba(255,255,255,.4); }
.studio-package-complete li::before { color:#fff; }
.studio-package-complete:hover { border-color:#bdd8ff; }
.studio-pricing-extras { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
.studio-extra { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:27px 26px; border:1px solid #3c3f48; border-radius:18px; color:var(--sc-paper); text-decoration:none; transition:background .2s ease,border-color .2s ease; }
.studio-extra:hover { background:#1c1f28; border-color:#747b8a; }
.studio-extra div>span { font-size:9px; letter-spacing:.13em; text-transform:uppercase; color:#bdc2cf; }
.studio-extra h3 { margin-top:9px; font-size:22px; letter-spacing:-.04em; }
.studio-extra p { font-size:11px; line-height:1.6; color:#b9bdc9; margin-top:8px; }
.studio-extra>strong { display:flex; align-items:baseline; gap:7px; flex-shrink:0; font-family:'Syne',sans-serif; font-weight:600; font-size:23px; letter-spacing:-.04em; }
.studio-extra>strong small { font-family:'Inter',sans-serif; font-size:10px; font-weight:400; letter-spacing:0; }
.studio-extra>strong span { padding-left:10px; color:var(--sc-orange); }
.studio-bespoke { display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:38px; padding:35px 0; border-bottom:1px solid var(--sc-line); margin-top:24px; }
.studio-eyebrow { font-size:9px; letter-spacing:.14em; text-transform:uppercase; color:#b8becb; }
.studio-bespoke h3 { margin-top:11px; font-size:25px; letter-spacing:-.04em; line-height:1.15; }
.studio-bespoke>p { font-size:12px; line-height:1.8; color:#bec2cd; }
.studio-button { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:48px; padding:15px 19px; border:1px solid transparent; border-radius:10px; background:var(--sc-ink); color:var(--sc-paper); text-decoration:none; font-size:12px!important; line-height:1.5; font-weight:600!important; text-align:left; cursor:pointer; transition:background .2s ease,border-color .2s ease; }
.studio-button:hover { background:#2d3342; }
.studio-button>span { font-size:20px; line-height:1; }
.studio-button-light { background:var(--sc-paper); color:var(--sc-ink); }
.studio-button-light:hover { background:#dedfe7; }
.studio-pricing .studio-pricing-note { font-size:10px; line-height:1.8; color:#b3b8c4; margin-top:20px; max-width:870px; }

/* The enquiry is an actual brief, not a simulated chat or fake booking tool. */
.home-page .studio-contact { background:var(--sc-ink); color:var(--sc-paper); padding-top:60px; padding-bottom:110px; }
.studio-contact-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(38px,6vw,88px); align-items:start; padding-top:60px; }
.studio-contact h2 { font-size:clamp(56px,6.3vw,90px); line-height:.98; letter-spacing:-.07em; }
.studio-contact h2 span { color:var(--sc-orange); }
.studio-contact-copy>p { max-width:380px; margin-top:28px; font-size:15px; line-height:1.85; color:#c0c3ce; }
.studio-contact-steps { padding:0; list-style:none; margin-top:44px!important; max-width:400px; }
.studio-contact-steps li { display:flex; align-items:baseline; gap:20px; padding:20px 0; border-top:1px solid var(--sc-line); }
.studio-contact-steps li>span { color:#aec9ff; font-size:10px; }
.studio-contact-steps strong { font-weight:500; font-size:13px; }
.studio-contact-steps p { color:#b5b9c5; font-size:11px; line-height:1.8; margin-top:7px; }
.studio-contact-aside { display:flex; align-items:center; gap:26px; margin-top:40px; color:#c1c5cf; }
.studio-contact-aside>span { font-family:'Syne',sans-serif; font-size:76px; font-weight:400; line-height:1; color:var(--sc-orange); }
.studio-contact-aside>p { font-size:11px; line-height:1.8; }
.studio-enquiry { border-radius:24px; padding:clamp(24px,3vw,38px); background:var(--sc-paper); color:var(--sc-ink); box-shadow:0 14px 40px rgba(0,0,0,.16); min-width:0; position:relative; }
.studio-enquiry [hidden] { display:none!important; }
.studio-enquiry-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-bottom:22px; border-bottom:1px solid #cccdc9; font-size:10px; letter-spacing:.08em; text-transform:uppercase; font-weight:600; }
.studio-enquiry-stage { color:#5b616c; font-size:9px; }
.studio-service-fieldset { border:0; margin:26px 0; padding:0; min-width:0; }
.studio-service-fieldset legend { font-family:'Syne',sans-serif; font-weight:600; font-size:24px; letter-spacing:-.045em; }
.studio-service-fieldset>p { color:#646771; font-size:11px; line-height:1.7; margin-top:6px; }
.studio-service-options { display:flex; flex-wrap:wrap; gap:7px; margin-top:15px; }
.studio-service-options label { position:relative; display:flex; min-width:0; }
.studio-service-options input { position:absolute; width:1px; height:1px; opacity:0; }
.studio-service-options span { display:flex; align-items:center; min-height:42px; padding:10px 13px; border:1px solid #c3c7cf; border-radius:100px; color:#3c414d; font-size:11px; cursor:pointer; transition:background .18s ease,color .18s ease,border-color .18s ease; }
.studio-service-options label:hover span { border-color:#747d91; }
.studio-service-options input:checked+span { border-color:#0c54d4; background:#0c54d4; color:#fff; }
.studio-service-options input:focus-visible+span { outline:3px solid #086aff; outline-offset:3px; }
.studio-enquiry-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:19px 16px; }
.studio-field { display:flex; flex-direction:column; min-width:0; gap:8px; }
.studio-field-full { grid-column:1/-1; }
.studio-field label { font-size:11px; font-weight:600; line-height:1.6; }
.studio-field label>span { display:inline; margin-left:3px; color:#646771; font-weight:400; font-size:9px; }
.studio-field :is(input,select,textarea) { width:100%; min-width:0; padding:12px; min-height:46px; border:1px solid #b9bec8; border-radius:8px; color:#101118; background:#fff; font-size:13px; line-height:1.6; transition:border-color .18s ease; }
.studio-field :is(input,select,textarea):focus { border-color:#086aff; }
.studio-field :is(input,textarea)::placeholder { color:#6a6f7b; opacity:1; }
.studio-field :is(input,textarea) { cursor:text; }
.studio-field textarea { resize:vertical; min-height:120px; }
.studio-field select { cursor:default; }
.studio-field select option { background:#fff; color:#101118; }
.studio-brief-picks { margin:0 0 24px; padding:16px; border:1px solid #bfc8d5; border-radius:10px; background:#e8edf4; }
.studio-brief-label { font-size:9px; font-weight:600; color:#525e70; letter-spacing:.1em; text-transform:uppercase; }
#studioBriefItems { display:flex; gap:7px; flex-wrap:wrap; margin-top:10px; }
.studio-brief-pill { display:flex; align-items:center; gap:8px; padding:6px 5px 6px 10px; border:1px solid #b3bdce; border-radius:7px; color:#283b59; font-size:10px; line-height:1.5; max-width:100%; overflow-wrap:anywhere; }
.studio-brief-pill button { display:grid; place-items:center; flex-shrink:0; width:28px; height:28px; border:0; border-radius:4px; color:#253c61; background:transparent; cursor:pointer; font-size:16px; }
.studio-brief-pill button:hover { background:#cbd7e8; }
.studio-enquiry-foot { margin-top:26px; padding-top:23px; border-top:1px solid #cccdc9; }
.studio-enquiry-foot>p { font-size:10px; line-height:1.7; color:#5c6370; margin-bottom:15px; max-width:370px; }
.studio-enquiry-foot>.studio-button { width:100%; }
.studio-enquiry .studio-enquiry-privacy { font-size:10px; line-height:1.8; margin-top:14px; color:#626976; }
.studio-enquiry-review { padding-top:28px; }
.studio-enquiry-review h3 { font-size:29px; letter-spacing:-.045em; }
.studio-enquiry-review>p { font-size:11px; line-height:1.8; color:#5c6370; margin-top:9px; }
#studioBriefPreview { margin-top:19px; width:100%; min-height:280px; resize:vertical; border:1px solid #c2c8d1; border-radius:9px; color:#283041; padding:18px; background:#fff; font-family:'Inter',sans-serif; font-size:12px; line-height:1.9; cursor:text; }
.studio-review-tools { display:flex; gap:8px 18px; flex-wrap:wrap; margin-top:12px; }
.studio-review-tools button { min-height:42px; font-size:10px; color:#18468f; background:none; border:0; padding:8px 0; border-bottom:1px solid #bcc9de; cursor:pointer; }
.studio-form-status { margin-top:20px!important; padding:14px 16px; border:1px solid #96b4e0; border-radius:8px; background:#e6eefb; color:#1a3a67; font-size:11px; line-height:1.8; }
.studio-form-status.is-error { color:#632a15; border-color:#dca78c; background:#fff0e6; }

@media (max-width:1050px) {
  .studio-pricing-head { gap:32px; grid-template-columns:1.2fr 1fr; }
  .studio-package { padding:22px; gap:23px; }
  .studio-package h3 { font-size:23px; }
  .studio-package-price { font-size:37px; }
  .studio-bespoke { grid-template-columns:1fr 1fr; }
  .studio-bespoke>a { grid-column:1/-1; width:max-content; }
  .studio-contact-grid { grid-template-columns:minmax(0,.75fr) minmax(0,1.15fr); gap:35px; }
  .studio-enquiry { padding:24px; }
  .studio-extra { align-items:flex-start; flex-direction:column; gap:17px; }
}
@media (max-width:800px) {
  :is(.studio-audience,.studio-pricing,.studio-contact) { padding:72px 24px; }
  .studio-audience-grid { grid-template-columns:1fr; margin-top:42px; gap:42px; }
  .studio-audience-intro>p { max-width:620px; }
  .studio-ambition { grid-template-columns:25px minmax(0,1fr) 50px; }
  .studio-ambition p { max-width:520px; }
  .studio-audience-footer { grid-template-columns:1fr; gap:10px; margin-top:34px; }
  .studio-pricing-head { grid-template-columns:1fr; gap:24px; margin-top:40px; }
  .studio-pricing-head>p { max-width:570px; }
  .studio-packages { grid-template-columns:1fr; }
  .studio-package { grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:auto auto auto; gap:20px 28px; padding:28px; }
  .studio-package-top { grid-column:1/-1; }
  .studio-package-price { grid-column:2; grid-row:2; justify-self:end; align-self:center; }
  .studio-package ul { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:12px 24px; padding-top:20px; }
  .studio-package li { margin:0; }
  .studio-package-link { grid-column:1/-1; }
  .studio-pricing-extras { grid-template-columns:1fr 1fr; }
  .studio-bespoke { gap:26px; }
  .studio-contact-grid { grid-template-columns:1fr; padding-top:44px; gap:36px; }
  .studio-contact h2 { font-size:clamp(60px,10vw,80px); }
  .studio-contact-copy { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; }
  .studio-contact-copy>p { grid-column:1; margin-top:0; }
  .studio-contact-steps { grid-column:2; grid-row:1/3; margin-top:0!important; }
  .studio-contact-aside { display:none; }
  .studio-enquiry { padding:32px; }
}
@media (max-width:540px) {
  :is(.studio-audience,.studio-pricing,.studio-contact) { padding-inline:20px; }
  .studio-section-index { font-size:9px; gap:20px; }
  .studio-section-index>span:last-child { max-width:120px; text-align:right; }
  .studio-audience h2 { font-size:49px; }
  .studio-audience-intro>p { font-size:14px; }
  .studio-ambition { grid-template-columns:18px minmax(0,1fr) 36px; gap:12px; }
  .studio-ambition h3 { font-size:24px; }
  .studio-ambition-mark { transform:scale(.8); transform-origin:top right; }
  .studio-ambition p { font-size:12px; }
  .studio-pricing h2 { font-size:35px; }
  .studio-package { padding:25px; display:flex; flex-direction:column; gap:22px; }
  .studio-package-heading>p br { display:none; }
  .studio-package-price { justify-self:start; align-self:flex-start; }
  .studio-package h3 { font-size:29px; }
  .studio-package ul { display:block; }
  .studio-package li { margin-top:11px; }
  .studio-pricing-extras { grid-template-columns:1fr; }
  .studio-extra { display:flex; flex-direction:row; align-items:center; padding:24px; gap:14px; }
  .studio-extra>strong { font-size:22px; flex-wrap:wrap; gap:3px 5px; max-width:90px; justify-content:flex-end; }
  .studio-extra>strong span { padding-left:4px; }
  .studio-extra h3 { font-size:23px; }
  .studio-extra p { font-size:10px; }
  .studio-bespoke { grid-template-columns:1fr; padding:32px 0; }
  .studio-bespoke>a { width:100%; }
  .studio-contact-copy { display:block; }
  .studio-contact-copy>p { margin-top:25px; font-size:14px; }
  .studio-contact-steps { margin-top:28px!important; }
  .studio-enquiry { padding:23px 20px; border-radius:18px; }
  .studio-enquiry-fields { grid-template-columns:1fr; gap:19px; }
  .studio-field :is(input,textarea,select) { font-size:16px; }
  .studio-enquiry-stage { letter-spacing:0; }
  .studio-service-fieldset legend { font-size:24px; }
  .studio-service-options span { font-size:10px; padding:10px 12px; }
  .studio-contact .studio-section-index>span:last-child { max-width:138px; }
}
@media (prefers-reduced-motion:reduce) {
  :is(.studio-audience,.studio-pricing,.studio-contact) *,
  :is(.studio-audience,.studio-pricing,.studio-contact) *::before,
  :is(.studio-audience,.studio-pricing,.studio-contact) *::after { transition:none!important; }
}
