.mobile-hero{display:none}
.device-hero{position:relative}
.hero-signature{scale:var(--brand-signature-scale,1);transform-origin:center}
.slideshow-toggle,.slideshow-next{position:absolute;z-index:8;right:5%;top:100px;width:46px;height:46px;padding:0;border-radius:50%;background:#35101acc;color:#fff3dc;border:1px solid #ead9bd99;font:20px/1 system-ui;display:grid;place-items:center;cursor:pointer}
.slideshow-next{right:calc(5% + 54px)}
[hidden]{display:none!important}
.photo-frame img{aspect-ratio:var(--photo-ratio,3/4);object-position:var(--photo-x) var(--photo-y);object-fit:cover}
.view-label{background:#f5efe2!important;color:#4a111d!important;border:1px solid #4a111d55}
.photo-button:focus-visible .view-label{opacity:1}
.page-surface.framed{--frame-size:8vw;margin-inline:var(--frame-size);overflow:visible;min-height:100vh;box-shadow:0 0 0 100vmax var(--frame-color);clip-path:inset(0 -100vmax)}
.frame-maroon-frame{--frame-color:#4a111d}
.frame-cream-frame{--frame-color:#f5efe2}
.framed .hero{max-width:100%}
.framed .wrap{width:88%}
[data-surface=maroon-frame]{background:#f5efe2;color:#4a111d;box-shadow:inset 24px 0 #4a111d,inset -24px 0 #4a111d;--surface:#f5efe2;--ink:#4a111d;--muted:#715b55;--line:#cbbb9f;--decoration:#7b263a;--button-bg:#4a111d;--button-ink:#fff6e6}
[data-surface=cream-frame]{background:#4a111d;color:#f5ebd8;box-shadow:inset 24px 0 #f5efe2,inset -24px 0 #f5efe2;--surface:#4a111d;--ink:#f5ebd8;--muted:#dfccb4;--line:#946c60;--decoration:#d6ab6a;--button-bg:#e3bd7a;--button-ink:#35101a}
@media(max-width:700px){.desktop-hero{display:none}
.mobile-hero{display:block}
.hero-signature,.hero-composed .hero-signature{width:56%;right:22%;bottom:12%;font-size:23px}
.hero-composed .hero-signature{width:46%;right:27%;bottom:8%}
.hero-bottom{bottom:max(22px,env(safe-area-inset-bottom))}
.slideshow-toggle,.slideshow-next{top:88px;right:5%;width:44px;height:44px}
.slideshow-next{right:calc(5% + 50px)}
.page-surface.framed{--frame-size:8px}
.framed .wrap{width:92%}
[data-surface=maroon-frame],[data-surface=cream-frame]{box-shadow:none;border-inline:5px solid var(--decoration)}
.wrap{width:92%;margin-inline:auto}
.selected,.collection-list{padding-bottom:56px}
.section-head{gap:20px}
.about-photograph img{width:100%;height:auto;max-height:78svh;object-fit:contain}
.photo-chapter{margin-block:40px}
.photo-chapter img{min-height:0;max-height:70svh;object-fit:cover}
.page-intro{padding-block:56px 36px}
.view-label{display:none}
.eyebrow,.card-meta,.work-context{font-size:12px}
}
@media(max-height:520px) and (orientation:landscape){.hero .logo-window{--mark-width:100px}
.hero-note>img{width:125px}
.hero-signature{width:26%;right:7%;bottom:15%}
.hero-bottom{display:none}
}
.page-surface :is(.work-section,.studio-aside,.home-invitation)[data-surface]:not([data-surface=inherit]){background:var(--surface)}
.hero[data-signature-position=raised] .hero-signature{bottom:22%}
.hero[data-signature-position=right] .hero-signature{right:6%;width:26%}
@media(max-width:700px){.hero[data-signature-position=right] .hero-signature{right:8%;width:48%}
.hero[data-signature-position=raised] .hero-signature{bottom:19%}
}
.page-surface.framed{position:relative}
.framed .page-intro h1{font-size:clamp(42px,4.8vw,76px)}