/* Client-approved brand, navigation and content layout revision, 18 September 2026. */
.studio-lockup{display:grid;justify-items:start;gap:2px;flex:0 0 auto}.studio-lockup .brand,.studio-lockup .page-brand{display:flex;align-items:center;gap:16px;text-decoration:none}.studio-lockup .brand>span:first-child,.studio-lockup .page-brand__name{font:400 22px/1 Arial,sans-serif;letter-spacing:.2em}.studio-lockup .brand-description,.studio-lockup .page-brand__description{display:block!important;padding-left:16px;border-left:1px solid currentColor;font:500 18px/1.15 Arial,sans-serif;letter-spacing:.085em}.studio-call{display:inline-flex;align-items:center;justify-content:center;width:44px;height:36px;margin-left:92px;border:0;color:inherit;transition:opacity .2s,transform .2s}.studio-call:hover{opacity:.7;transform:rotate(-7deg)}.studio-call svg{flex:none}.studio-call:focus-visible{outline:1px solid currentColor;outline-offset:2px}
.site-hero .site-header{align-items:flex-start;gap:28px;z-index:20}.site-hero .site-navigation{padding-top:4px;gap:clamp(16px,1.8vw,30px)}.site-hero .site-navigation a{white-space:nowrap;font-size:clamp(11px,.86vw,14px)}.page-header{height:auto;min-height:112px;padding:19px 0 10px;align-items:flex-start;gap:24px}.page-nav{padding-top:6px;gap:clamp(15px,1.9vw,29px)}.catalog-page .page-nav{padding-right:0}.page-nav a[aria-current=page]::after{transform:scaleX(1)}
.site-hero .hero-lettering{width:min(40vw,73svh,800px)}.site-hero .hero-title{font-size:clamp(50px,min(6.9vw,11.4svh),114px)}.site-hero .hero-title-line:last-child{font-size:.94em}.arts-reasons__signature{font-size:clamp(20px,2.05vw,34px);gap:22px;white-space:nowrap}.arts-reasons__signature img{width:68px}.site-about .site-about-copy{max-width:560px}
.info-header{gap:24px;align-items:flex-start}.info-service-nav{display:flex;gap:30px;padding-top:10px;margin-left:auto}.info-service-nav a{font:500 12px/1.4 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.info-service-nav a:hover{text-decoration:underline;text-underline-offset:5px}.info-header .studio-lockup{color:inherit}.site-footer nav{flex-wrap:wrap;gap:20px 30px}
/* Reserve the tallest caption so changing stages never moves the player or overlaps the text. */
.arts-process .track{--stage-height:max(100svh,760px)}.arts-process .stage{display:grid;grid-template-rows:auto minmax(160px,1fr) auto;gap:18px;padding:clamp(38px,5svh,60px) 5% 48px}.arts-process .section-head{position:relative;inset:auto;grid-row:1;align-self:start}.arts-process .heading{margin:16px 0 0;font-size:clamp(50px,6.2vw,104px)}.arts-process .player{position:relative;inset:auto;grid-row:2;align-self:center;justify-self:center;width:min(100%,1300px);height:100%;min-height:0;aspect-ratio:auto;transform:scale(var(--pose-scale));transform-origin:center}.arts-process .foot{position:relative;inset:auto;grid-row:3;align-self:end;width:100%}.arts-process .caption{max-width:920px;min-height:7.3em;font-size:clamp(16px,1.22vw,19px);line-height:1.4}.arts-process .timeline{margin-bottom:16px}.arts-process .progress{bottom:18px}
@media(max-width:1100px){.site-hero .hero-lettering{width:min(58vw,74svh,650px)}.site-hero .hero-title{font-size:clamp(48px,min(8.1vw,10.8svh),90px)}.studio-lockup .brand-description,.studio-lockup .page-brand__description{font-size:17px}.page-nav a{font-size:10px}}
@media(max-width:980px){.site-hero .menu-toggle,.page-menu{display:flex;align-items:center;gap:14px;background:none;border:0;padding:10px 0;font:12px/1.4 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:inherit}.site-hero .site-navigation,.page-nav{display:none;position:absolute;top:100px;left:0;right:0;flex-direction:column;align-items:stretch;padding:22px 26px;gap:8px;background:#3e402e;color:#fff0dc;border:1px solid #fff0dc30;box-shadow:0 20px 30px #10110c22}.site-hero .site-navigation.is-open,.page-nav.is-open{display:flex}.site-hero .site-navigation a,.page-nav a{font-size:14px;padding:13px 0}.page-nav{top:100%;background:#f4f1eb;color:#28301f;border-color:#28301f40}.page-header,.site-header{position:relative}.site-hero .site-header{position:absolute}.info-service-nav{gap:18px}.info-header__contact{display:none!important}}
@media(max-width:800px){.arts-process .track{--stage-height:max(100svh,900px)}.arts-process .stage{padding:44px 6% 45px;gap:16px;grid-template-rows:auto minmax(190px,1fr) auto}.arts-process .heading{font-size:clamp(40px,9.5vw,70px);line-height:1.08;max-width:100%;margin:18px 0 0}.arts-process .eyebrow{font-size:10px;max-width:280px;line-height:1.6}.arts-process .player{width:100%;--pose-scale:1}.arts-process .caption{font-size:15.5px;line-height:1.43;min-height:14em;max-width:510px}.arts-process .timeline{margin-bottom:18px;max-width:440px}.arts-process .step{font-size:12px;white-space:normal;padding:12px 8px;min-width:0;flex:1}.arts-process .divider{width:10px;flex-basis:10px}.arts-process .foot{width:100%}}
@media(max-width:700px){.studio-lockup .brand>span:first-child,.studio-lockup .page-brand__name{font-size:17px;letter-spacing:.17em}.studio-lockup .brand-description,.studio-lockup .page-brand__description{font-size:15px;padding-left:12px;letter-spacing:.055em}.studio-lockup .brand,.studio-lockup .page-brand{gap:12px}.studio-call{margin-left:66px;height:34px}.site-hero .hero-lettering{top:30%;width:min(79vw,60svh,420px)}.site-hero .hero-title{font-size:clamp(31px,min(8.6vw,7.2svh),52px);line-height:1.07}.site-hero .hero-copy{left:3%;right:3%}.site-hero .hero-title-line:last-child{font-size:1em}.arts-reasons__signature{font-size:17px;gap:12px}.arts-reasons__signature img{width:54px}.info-service-nav{gap:13px;padding-top:8px}.info-service-nav a{font-size:10px;letter-spacing:.06em}.info-header{gap:12px}.site-footer nav{justify-content:flex-start;gap:16px 22px}}
@media(max-width:370px){.studio-lockup .brand-description,.studio-lockup .page-brand__description{font-size:13px}.studio-lockup .brand>span:first-child,.studio-lockup .page-brand__name{font-size:15px}.site-hero .hero-title{font-size:8.25vw}.arts-reasons__signature{font-size:15px;gap:10px}.arts-reasons__signature img{width:45px}.info-service-nav{flex-direction:column;gap:9px}}
@media(prefers-reduced-motion:reduce){.studio-call{transition:none}}

/* Shared type roles use the existing homepage About section and editorial page scale. */

.site-about .site-about-title{font-size:var(--arts-section-size);line-height:var(--arts-section-leading);letter-spacing:var(--arts-section-tracking);word-spacing:var(--arts-section-word-spacing)}
.site-about .site-about-copy{font-size:var(--arts-body-size);line-height:var(--arts-body-leading);letter-spacing:var(--arts-body-tracking)}
.site-header>.studio-lockup,.page-header>.studio-lockup{display:block}.site-hero .site-header,.page-header{align-items:center;gap:24px}.site-hero .site-navigation,.page-header>.page-nav{margin-left:auto;padding-top:0}
.site-header>.studio-call,.page-header>.studio-call{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;margin:0;border:1px solid #28301f55;border-radius:50%;background:#28301f;color:#fff0dc;transition:background .35s var(--arts-out),color .35s var(--arts-out),transform .35s var(--arts-out);opacity:1}
.site-header>.studio-call{background:#fff0dc;color:#28301f;border-color:#fff0dc}.site-header>.studio-call svg,.page-header>.studio-call svg{width:22px;height:22px;stroke-width:1.6}.site-header>.studio-call:hover,.page-header>.studio-call:hover{transform:translateY(-2px);background:#c6d29d;color:#28301f;opacity:1}
.site-hero .hero-lettering{top:27.3%}
/* Keep the queried node for the existing controller, but remove the unwanted visible rule. */
.arts-process .progress{display:none!important}
@media(max-width:1100px){.site-hero .hero-lettering{top:32%}}

@media(max-width:1100px){.site-header>.studio-lockup,.page-header>.studio-lockup{margin-right:auto}.site-hero .menu-toggle,.page-menu{display:flex;align-items:center;gap:12px;background:none;border:0;padding:10px 0;font:12px/1.4 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:inherit}.site-hero .site-navigation,.page-header>.page-nav{display:none;position:absolute;top:calc(100% + 22px);left:0;right:0;margin:0;flex-direction:column;align-items:stretch;padding:22px 26px;gap:8px;background:#3e402e;color:#fff0dc;border:1px solid #fff0dc30;box-shadow:0 20px 30px #10110c22}.site-hero .site-navigation.is-open,.page-header>.page-nav.is-open{display:flex}.site-hero .site-navigation a,.page-header>.page-nav a{font-size:14px;padding:13px 0}.page-header>.page-nav{background:#f4f1eb;color:#28301f;border-color:#28301f40;top:100%}}
@media(max-width:700px){.site-hero .site-header,.page-header{gap:14px}.site-header>.studio-call,.page-header>.studio-call{width:44px;height:44px;flex-basis:44px}.site-hero .hero-lettering{top:35%}}

@media(max-width:370px){.site-hero .site-header,.page-header{gap:10px}.site-hero .menu-toggle,.page-menu{font-size:10px;gap:8px}}
@media(prefers-reduced-motion:reduce){.site-header>.studio-call,.page-header>.studio-call{transition:none}}

/* Preserve menu contrast where the new right-aligned navigation crosses the light photo. */
@media(min-width:1101px){.site-hero .hero-photograph::after{background:linear-gradient(180deg,rgba(24,29,18,.72) 0%,rgba(24,29,18,0) 22%,rgba(10,11,8,0) 50%,rgba(10,11,8,.58) 100%)}}
