/* Signoretta: photographic home header and restrained secondary actions. */
body.home-page{--ss-header-height:88px}
.home-page .header{height:var(--ss-header-height);margin-bottom:calc(-1 * var(--ss-header-height));background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease;color:var(--ivory)}
.home-page .header .brand,.home-page .header .desktop-nav,.home-page .header-actions{text-shadow:0 1px 8px #0009}
.home-page .header.header-solid,.home-page .header:has(.menu-button[aria-expanded=true]){background:#0a0a09f5;border-bottom-color:var(--line);box-shadow:0 3px 16px #0002;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.home-page #home.hero{height:calc(100svh - var(--ss-contact-height,44px));padding-top:calc(var(--ss-header-height) + 30px)}
.home-page #home.hero:before{content:'';position:absolute;inset:0 0 auto;height:calc(var(--ss-header-height) + 65px);background:linear-gradient(#050504c9,#05050475 55%,transparent);pointer-events:none;z-index:2}
.hero .actions{flex-wrap:wrap}
.hero .actions .text-link,.button.outline{display:inline-flex;align-items:center;justify-content:center;min-height:52px;max-width:100%;padding:12px 24px;border:1px solid var(--gold);background:transparent;color:var(--ivory);text-align:center;line-height:1.4;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.hero .actions .text-link{background:#0a0a0926;text-shadow:0 1px 6px #0006}
.hero .actions .text-link:hover,.button.outline:hover{background:#b89a631f;border-color:#d6bc8f}
.hero .actions .text-link:active,.button.outline:active{background:#b89a6333}
@media(max-width:1000px){body.home-page{--ss-header-height:72px}}
@media(max-width:700px),(max-width:1100px) and (pointer:coarse){
 body.home-page{--ss-header-height:60px;--ss-contact-height:34px}
 .home-page #home.hero{height:calc(100svh - var(--ss-contact-height));padding-top:calc(var(--ss-header-height) + 20px)}
 #home .actions .text-link,#home .actions .button{min-height:44px;padding:10px 16px;font-size:12px}
}
@media(max-width:1100px) and (max-height:550px) and (orientation:landscape){
 body.home-page{--ss-header-height:52px;--ss-contact-height:34px}
 .home-page #home.hero{height:calc(100svh - var(--ss-contact-height));padding-top:calc(var(--ss-header-height) + 12px)}
 #home .actions{gap:12px}#home .actions .text-link,#home .actions .button{padding:8px 14px}
}
@media(prefers-reduced-motion:reduce){.home-page .header,.hero .actions .text-link,.button.outline{transition:none}}
/* v29: glass navigation and independently framed photographic subjects. */
.home-page .header.header-solid,.home-page .header:has(.menu-button[aria-expanded=true]),.detail-page .header{
 background:rgba(17,18,17,.65);border-bottom:1px solid rgba(184,154,99,.28);
 -webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);
 box-shadow:0 5px 24px #0002,inset 0 1px 0 #ffffff12;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .home-page .header.header-solid,.detail-page .header{background:rgba(17,18,17,.93)}
}
.home-page #home.hero{height:calc(100svh - 44px);min-height:540px}
.opening-composition{inset:0 0 76px;display:flex;flex-direction:column;gap:0}
.opening-scene{flex:1;min-height:140px}
.opening-scene .opening-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:unset}
.opening-tiles{width:100%;max-width:1160px;margin:0 auto;flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:#0a0a09}
.opening-tile .tile-photo{height:clamp(130px,27svh,260px);aspect-ratio:auto;background:none;display:flex;justify-content:center}
.tile-photo svg{display:block;width:100%;height:100%}
.opening-tile figcaption{min-height:34px;padding:8px 2px;font-size:14px;line-height:1.25}
.gallery-controls{bottom:16px;height:44px;left:max(24px,8vw);right:max(24px,8vw)}
.gallery-caption{bottom:80px}.home-page #home .scroll{display:none}
@media(min-width:701px) and (max-width:1500px) and (min-height:551px){
 body.home-page{--ss-header-height:72px}
 .home-page #home.hero{height:min(calc(100svh - 44px),960px);min-height:540px}
}
@media(max-width:700px),(max-width:1100px) and (pointer:coarse){
 .home-page #home.hero{height:calc(100svh - 34px);min-height:430px}
 .opening-composition{inset:0 0 108px}
 .opening-tile .tile-photo{height:clamp(78px,23vw,180px)}
 .opening-tile figcaption{font-size:12px;min-height:30px;padding:7px 2px}
 .gallery-controls{bottom:56px;left:12px;right:12px;height:52px}
 .gallery-caption{bottom:112px}
}
@media(max-width:1100px) and (max-height:550px) and (orientation:landscape){
 .home-page #home.hero{min-height:300px}
 .opening-composition{inset:52px 0 96px;display:grid;grid-template-columns:1fr 1fr}
 .opening-scene{min-height:0}.opening-tiles{height:100%;align-items:stretch}
 .opening-tile .tile-photo{height:0;min-height:0;flex:1}
 .gallery-controls{bottom:48px;height:48px;left:25%;right:25%}
}
@media(min-width:1101px){.gallery-controls{justify-content:center}}