:root{--reading-font:Georgia,'Times New Roman',serif;--reading-size:clamp(16px,1.15vw,18px);--reading-leading:1.75;--mobile-page-title:clamp(40px,11vw,48px)}
.page-surface main :is(.studio-opening p,.page-intro>p,.about-copy>p,.about-note p,.home-invitation>p,.gallery-note p,.story-body,.studio-aside>p,.enquire-intro-copy>p:not(.personal-note):not(.enquire-sentiment)){font-family:var(--reading-font);font-size:var(--reading-size);font-weight:400;line-height:var(--reading-leading);letter-spacing:0;max-width:55ch;text-wrap:pretty}
.presentation-natural .photo-frame,.photo-grid.presentation-natural .photo-button{aspect-ratio:var(--natural-ratio)}
.presentation-natural .photo-frame img,.photo-grid.presentation-natural .photo-button img{aspect-ratio:var(--image-ratio);height:auto}
.hero-studio-label{display:none}
.page-surface .reveal-copy.entered{animation:none}
@media(max-width:700px){.page-surface :is(.page-intro,.about-copy) h1{font-size:var(--mobile-page-title);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.hero .hero-studio-label{display:block;position:absolute;z-index:3;left:6%;right:6%;bottom:3.5%;font:10px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-align:center;opacity:clamp(0,calc(1 - var(--hero-p,0)*1.5),1);pointer-events:none;color:inherit}
.hero.hero-static .hero-studio-label{opacity:1}
.hero[data-slide-phase=images] .hero-studio-label{text-shadow:0 1px 6px #000}
}
@media(max-width:900px){.page-surface .site-header:is(.header-overlay,.header-solid) nav.open{--ink:inherit;background:var(--surface);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 12px 20px #0002;padding:18px 6% 26px;animation:none;overscroll-behavior:contain}
.page-surface .site-header:is(.header-overlay,.header-solid) nav.open a{color:var(--ink);text-shadow:none;font-size:clamp(26px,6vw,34px);line-height:1.35;padding:12px 0;min-height:48px}
.page-surface .site-header nav.open a[aria-current]{color:var(--ink);font-style:italic}
}