/* Hero study: preserve the original photograph and fit the entire figure on screen. */
:root{--hero-panel-width:60vw}
.site-nav{gap:clamp(.6rem,1vw,1rem)}
.site-nav a{font-size:.64rem;letter-spacing:.06em}
.hero{height:100svh;min-height:0;grid-template-columns:60% 40%;grid-template-rows:minmax(0,1fr)}
.hero-photo{position:absolute;inset:0 auto 0 0;width:72%;height:100%;min-height:0;overflow:hidden;background:transparent;--hero-image-height:min(calc((100svh - 114px)*1.5753846),calc((66.24vw - 48px)*2.56))}
.hero-photo img{
 position:absolute;
 left:46%;
 top:calc(90px - var(--hero-image-height)*.2392578125);
 height:var(--hero-image-height);
 width:auto;
 max-width:none;
 object-fit:contain;
 object-position:center;
 transform:translateX(-52.75%);
 filter:none;
 -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 20%,#000 80%,transparent 100%);
 mask-image:linear-gradient(to right,transparent 0%,#000 20%,#000 80%,transparent 100%);
}
.hero-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(8,8,8,.38),transparent 90px,transparent calc(100% - 16px),#080808)}
.hero-brand{position:relative;z-index:1;grid-column:2;grid-row:1;min-height:0;height:100%;padding:6rem clamp(1.5rem,3vw,3rem) 4rem;border:0;background:transparent;align-items:center}
.hero-wordmark{width:100%;max-width:340px}
.hero-links{justify-content:center;margin-top:2rem;gap:.65rem}
.hero-links a{padding:.8rem 1rem;font-size:.65rem}
.hero-footer{position:static;grid-column:auto;grid-row:auto;display:flex;justify-content:center;width:100%;min-height:0;border:0;padding:0;margin-top:1.8rem}
.hero-socials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;width:100%;max-width:355px}
.hero-socials a{min-height:40px;padding:.4rem .3rem;font-size:.6rem;letter-spacing:.045em;background:rgba(8,8,8,.4)}
@media(min-width:981px) and (max-width:1199px){
 .site-nav{gap:.55rem}.site-nav a{font-size:.58rem;letter-spacing:.03em}
 .hero-brand{padding-inline:1.35rem}.hero-links{width:100%;display:grid;grid-template-columns:1fr 1fr}.hero-links a{padding:.75rem .4rem;font-size:.59rem;gap:.5rem}
}
@media(max-width:980px){
 .hero{height:100svh;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}
 .hero-photo{position:relative;inset:auto;grid-column:1;grid-row:1;width:100%;height:100%;min-height:0;--hero-image-height:min(calc((100% - 94px)*1.5753846),calc((100vw - 24px)*2.56))}
 .hero-photo img{left:50%;top:calc(76px - var(--hero-image-height)*.2392578125);height:var(--hero-image-height);width:auto;max-width:none;transform:translateX(-52.75%)}
 .hero-photo::after{background:linear-gradient(to bottom,rgba(8,8,8,.25),transparent 76px,transparent calc(100% - 16px),#080808)}
 .hero-brand{grid-column:1;grid-row:2;height:auto;min-height:0;padding:1rem 1.5rem 1.2rem}
 .hero-wordmark{width:min(100%,270px)}
 .hero-links{display:grid;grid-template-columns:1fr 1fr;width:min(100%,355px);margin-top:1rem;gap:.65rem}
 .hero-links a{min-height:46px;padding:.7rem .55rem;font-size:.64rem}
 .hero-footer{grid-column:auto;grid-row:auto;margin-top:1rem;padding:0;min-height:0}
 .hero-socials{max-width:355px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}
 .hero-socials a{min-height:40px;font-size:.6rem}
}
@media(max-width:680px){
 .hero{height:100svh;grid-template-rows:minmax(0,1fr) auto}
 .hero-photo img{top:calc(76px - var(--hero-image-height)*.2392578125);height:var(--hero-image-height);transform:translateX(-52.75%)}
 .hero-brand{padding:.85rem 1.25rem 1rem}
 .hero-wordmark{width:min(100%,235px)}
 .hero-links{margin-top:.85rem;gap:.65rem}
 .hero-links a{min-height:46px;font-size:.62rem}
 .hero-footer{margin-top:.85rem;padding:0}
 .hero-socials{max-width:none;gap:.4rem}
 .hero-socials a{padding:.3rem .2rem;font-size:.58rem}
}
@media(orientation:landscape) and (max-height:600px) and (min-width:681px) and (max-width:980px){
 .hero{grid-template-columns:60% 40%;grid-template-rows:minmax(0,1fr)}
 .hero-photo{position:absolute;inset:0 auto 0 0;width:68%;height:100%;--hero-image-height:min(calc((100svh - 98px)*1.5753846),calc((62.56vw - 32px)*2.56))}
 .hero-photo img{left:46%;top:calc(78px - var(--hero-image-height)*.2392578125);height:var(--hero-image-height)}
 .hero-brand{grid-column:2;grid-row:1;height:100%;padding:5rem 1rem 1.5rem}
 .hero-wordmark{max-width:235px}.hero-links{margin-top:1rem}.hero-footer{margin-top:1rem}
 .hero-links a{font-size:.58rem;gap:.4rem}.hero-socials a{font-size:.55rem}
}