.studio-hero{display:grid;grid-template-columns:1.25fr .75fr;min-height:720px;padding:clamp(80px,12vw,160px) 7vw;background:var(--cobalt);color:#fff;align-items:end;gap:8vw}.studio-hero h1{max-width:900px;margin:28px 0;font-size:clamp(54px,8vw,125px);line-height:.86;letter-spacing:-.075em}.studio-hero h1 i,.studio-profile h2 i,.studio-coast h2 i,.studio-method h2 i,.studio-cta h2 i{font-family:Georgia,serif;font-weight:400;color:var(--aqua)}.studio-hero p:not(.eyebrow){max-width:590px;color:#dce5e1;font-size:19px;line-height:1.55}.studio-hero__mark{aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;font:700 clamp(32px,5vw,70px)/.85 DM Mono,monospace;letter-spacing:-.08em;text-align:center}.studio-hero__mark span{color:var(--coral)}.studio-section{padding:clamp(80px,11vw,160px) 7vw}.studio-profile{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:var(--paper)}.studio-section h2{margin:20px 0 0;font-size:clamp(52px,7vw,108px);line-height:.86;letter-spacing:-.07em}.studio-profile>div:last-child{max-width:530px;align-self:end;font-size:20px;color:#5c625d}.studio-coast{background:var(--sun)}.studio-coast__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:70px;background:rgba(16,47,56,.25)}.studio-coast article{padding:28px;background:var(--sun);min-height:210px}.studio-coast strong{font:600 12px DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.studio-coast p{color:#4e5b56;line-height:1.6}.studio-method{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:var(--ink);color:var(--salt)}.studio-method ol{margin:0;padding:0;list-style:none;border-top:1px solid #64736f}.studio-method li{padding:25px 0;border-bottom:1px solid #64736f}.studio-method h3{margin:0 0 8px;font-size:28px}.studio-method p{margin:0;color:#bdcac5}.studio-cta{padding:clamp(90px,12vw,170px) 7vw;background:var(--aqua)}.studio-cta h2{margin:24px 0 42px;font-size:clamp(58px,8vw,125px);line-height:.84;letter-spacing:-.07em}@media(max-width:760px){.studio-hero{grid-template-columns:1fr;min-height:0;padding:90px 24px 70px}.studio-hero__mark{width:150px}.studio-profile,.studio-method{grid-template-columns:1fr;gap:50px}.studio-section{padding:80px 24px}.studio-coast__grid{grid-template-columns:1fr;margin-top:45px}.studio-cta{padding:90px 24px}.studio-cta h2{font-size:62px}}
.studio-page .site-header .main-nav{gap:18px;white-space:nowrap;}
.studio-hero__visuals{position:relative;width:100%;min-height:clamp(340px,38vw,500px);align-self:center;}
.studio-hero__gallery{position:relative;width:100%;height:clamp(340px,38vw,500px);overflow:hidden;border-radius:32px;background:var(--ink);isolation:isolate;box-shadow:0 24px 60px rgba(8,22,27,.22);}
.studio-hero__gallery::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(16,47,56,.08),rgba(16,47,56,.5));pointer-events:none;}
.studio-hero__gallery img{position:absolute;display:block;object-fit:cover;border:0;}
.studio-hero__gallery img:first-child{inset:0;width:100%;height:100%;border-radius:0;opacity:.94;}
.studio-hero__mark{position:absolute;z-index:4;top:50%;left:50%;width:min(68%,270px);font-size:clamp(22px,3.4vw,46px);transform:translate(-50%,-50%);background:rgba(16,47,56,.22);backdrop-filter:blur(5px);border-color:rgba(255,255,255,.65);}
.studio-hero__mark strong{display:block;white-space:nowrap;font-size:.95em;letter-spacing:-.08em;}
.studio-hero__mark span{display:block;margin-top:.42em;color:#fff;font-size:.34em;letter-spacing:.14em;}
.studio-hero__mark::before{content:"";position:absolute;inset:0;border:2px solid rgba(255,255,255,.24);border-top-color:var(--aqua);border-right-color:var(--coral);border-radius:50%;animation:studio-spin 12s linear infinite;}
@keyframes studio-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.studio-hero__mark::before{animation:none}}
@media(max-width:760px){.studio-hero__visuals{min-height:360px}.studio-hero__gallery{height:360px;max-width:none;border-radius:24px}.studio-hero__mark{width:180px}.studio-page .site-header .main-nav{white-space:normal;}}
.studio-profile{position:relative;isolation:isolate;background:linear-gradient(110deg,rgba(12,34,43,.84),rgba(12,34,43,.56)),url("../assets/images/coastline/sunset-beach.jpg") center 42%/cover no-repeat;color:var(--salt);}
.studio-profile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,34,43,.15),rgba(12,34,43,.25));}
.studio-profile>div{position:relative;z-index:1;}
.studio-profile .eyebrow{color:#f0eee5;border-color:rgba(255,255,255,.42);}
.studio-profile h2{color:#f0eee5;}
.studio-profile h2 i{color:var(--aqua);}
.studio-profile>div:last-child,.studio-profile>div:last-child p{color:#f0eee5;}

/* Give the Studio MX signature enough scale and contrast to read as the hero's mark. */
.studio-hero__mark{width:min(84%,330px);font-size:clamp(26px,4.2vw,58px);background:rgba(16,47,56,.42);box-shadow:0 0 0 10px rgba(16,47,56,.14),0 24px 54px rgba(8,22,27,.28);}
.studio-hero__mark strong{font-size:1em;letter-spacing:-.08em;}
.studio-hero__mark span{display:block;margin-top:.24em;color:#fff;font-size:.34em;letter-spacing:.18em;font-weight:700;}
.studio-hero__mark small{display:block;margin-top:.16em;color:#fff;font:700 .32em/1 "DM Mono",monospace;letter-spacing:.28em;}
.studio-hero__mark::after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.24);border-radius:50%;pointer-events:none;}
@media(max-width:760px){.studio-hero__mark{width:220px;font-size:clamp(26px,8vw,42px);}}

/* Studio identity: the orbit carries the actual practice, not just the name. */
.studio-hero__mark{overflow:visible;}
.studio-hero__mark-orbit{position:absolute!important;inset:-24px!important;width:calc(100% + 48px)!important;height:calc(100% + 48px)!important;display:block!important;margin:0!important;overflow:visible;transform:rotate(-18deg);transform-origin:50% 50%;animation:studio-orbit 18s linear infinite;pointer-events:none;}
.studio-hero__mark-orbit text{fill:rgba(255,255,255,.82);font:500 7px/1 "DM Mono",monospace;letter-spacing:.16em;text-transform:uppercase;}
@keyframes studio-orbit{to{transform:rotate(342deg)}}
.studio-method h2 i{display:inline-block;max-width:10ch;}
.studio-cta__lead{max-width:600px;margin:-16px 0 34px;color:#183c40;font-size:clamp(17px,2vw,22px);line-height:1.45;}
.studio-coast{background:#e9dfc9;}
.studio-coast article{background:#efe7d8;}
@media (prefers-reduced-motion:reduce){.studio-hero__mark-orbit{animation:none;}}
@media(max-width:760px){.studio-hero__mark-orbit{inset:-18px!important;width:calc(100% + 36px)!important;height:calc(100% + 36px)!important;}.studio-hero__mark-orbit text{font-size:6.5px;}.studio-cta__lead{margin-top:-4px;}}