/* Companion pages: the same binary field, restrained light and editorial rhythm. */
:root {--ink:#0b0c1c;--muted:#b1aebe;--sans:"Segoe UI",Arial,sans-serif;--max:1240px;}
.studio-page {background:#0b0c1c;--accent:237 193 54;min-width:0;}
.studio-page main :is(div,article,aside,a) {min-width:0;}
.studio-page .contact-card strong {overflow-wrap:anywhere;}
.studio-page::before {background:radial-gradient(ellipse at 80% 12%,rgb(var(--accent)/.1),transparent 50%),url("/assets/static/373fb90fa6b13ee3-373fb90fa6b13ee3.png") center top/960px 480px repeat;opacity:.28;}
.studio-page [data-site-header] {z-index:30;}
.studio-page .site-header {min-height:104px;border-color:#edc13624;}
.studio-page .brand {width:66px;height:66px;}
.studio-page .brand img {object-fit:contain;}
.studio-page :is(h1,h2,h3) {font-weight:400;text-wrap:balance;}
.studio-page p {text-wrap:pretty;}
.studio-page .reveal {opacity:1;transform:none;transition:none;}
.studio-page .page-hero {padding-block:112px 120px;gap:80px;}
.studio-page .page-hero h1 {font-size:clamp(64px,7.7vw,110px);line-height:1;letter-spacing:-.058em;}
.studio-page .hero-lede {line-height:1.8;font-weight:400;}
.studio-page .page-index {position:relative;isolation:isolate;border:0;border-left:1px solid rgb(var(--accent)/.35);border-radius:0 36px 36px 0;padding:42px 34px;background:linear-gradient(125deg,rgb(var(--accent)/.065),transparent);}
.studio-page .page-index::before {content:"";position:absolute;left:-4px;top:42px;width:7px;height:7px;border-radius:50%;background:rgb(var(--accent));box-shadow:0 0 18px rgb(var(--accent)/.6);}
.studio-page .page-index strong {font-size:clamp(24px,2.2vw,32px);font-weight:400;line-height:1.3;}
.studio-page .section-soft {background:linear-gradient(145deg,#ffffff02,transparent);}
.studio-page :is(.feature-slab,.path-card,.os-card,.insight-card,.contact-card,.media-card,.booking-frame,.cta-panel) {border-radius:28px;background-color:#11122399;border-color:#f2da9129;box-shadow:inset 0 1px 0 #ffffff05;}
.studio-page :is(.os-card,.insight-card,.contact-card,.media-card) {transition:border-color .22s,background-color .22s;}
.studio-page :is(.os-card,.insight-card,.contact-card,.media-card):hover {border-color:#edd18466;background-color:#191a2bd9;}
.studio-page .button {border-radius:999px;font-weight:600;min-height:48px;}
.studio-page .button-primary {background:linear-gradient(120deg,#f3d983,#dbb731);box-shadow:0 6px 28px #edc13612;}
.studio-page .section-heading {margin-bottom:54px;}
.studio-page .editorial-item {padding-block:30px;}
.studio-page .site-footer {background:linear-gradient(180deg,transparent,#080917);border-color:#edc13624;}
.studio-page :is(a,summary):focus-visible {outline:2px solid #f1d383;outline-offset:5px;}
.studio-page [id] {scroll-margin-top:32px;}
.studio-page[data-page="businessos"] {--accent:22 197 103;}
.studio-page .studio-menu {display:none;}
.studio-menu summary {list-style:none;cursor:pointer;min-height:46px;display:flex;align-items:center;gap:20px;padding:0 18px;border:1px solid #edc13640;border-radius:999px;font-size:12px;}
.studio-menu summary::-webkit-details-marker {display:none;}
.studio-menu summary span {color:#edc136;}
.studio-menu[open] summary span {transform:rotate(45deg);}
.studio-menu nav {position:absolute;right:0;top:88px;width:min(340px,calc(100vw - 32px));max-height:calc(100svh - 106px);overflow-y:auto;overscroll-behavior:contain;padding:16px;border:1px solid #edc13630;border-radius:24px;background:#101121;box-shadow:0 24px 80px #0008;}
.studio-menu nav a {display:block;padding:14px 16px;min-height:48px;border-radius:12px;text-decoration:none;font-size:14px;}
.studio-menu nav a:is(:hover,[aria-current]) {color:#efd47e;background:#edc1360c;}
@media(max-width:1050px) {
  .studio-page .desktop-nav,.studio-page .header-cta {display:none;}
  .studio-page .site-header {grid-template-columns:1fr auto;min-height:88px;gap:16px;}
  .studio-page .studio-menu {display:block;}
  .studio-page .page-hero {gap:44px;padding-block:76px 90px;}
}
@media(max-width:700px) {
  .studio-page .page-hero {padding-block:56px 72px;gap:40px;}
  .studio-page .page-hero h1 {font-size:clamp(44px,11.5vw,76px);line-height:1.05;overflow-wrap:break-word;}
  .studio-page .page-index {padding:28px 24px;}
  .studio-page .page-index strong {font-size:26px;}
  .studio-page .section-heading {margin-bottom:36px;}
  .studio-page :is(.feature-slab,.booking-frame,.cta-panel) {padding:28px 22px;}
  .studio-page .button {padding:14px 20px;line-height:1.4;text-align:center;}
  .studio-page .hero-lede {font-size:17px;}
  .studio-page .article-header h1 {font-size:clamp(40px,10vw,64px);}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto;} .studio-page *, .studio-page *::before,.studio-page *::after {animation:none!important;transition:none!important;}}
@media(forced-colors:active) {.studio-page::before {display:none;} .studio-menu nav {background:Canvas;border:1px solid CanvasText;} .studio-page .button {border:1px solid ButtonText;}}

/* Preserve the square footer mark inside its existing frame. */
.studio-page .footer-brand img {width:72px;height:72px;object-fit:contain;}
