/* Continuous opening: image occupies 70% of the canvas, copy sits on the fade. */
html,.sidebar,.mobile-menu{scrollbar-width:none}
html::-webkit-scrollbar,.sidebar::-webkit-scrollbar,.mobile-menu::-webkit-scrollbar{display:none}
.sidebar{border-right:0;background:var(--ui-paper)}
.hero{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;isolation:isolate;min-height:760px;height:100svh;padding:64px 40px;overflow:hidden}
.hero-image{position:absolute;inset:0 0 0 30%;width:70%;height:100%;min-height:0;margin:0;border-radius:0;z-index:-1;overflow:hidden}
.hero-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 65%;outline:0}
.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--ui-paper) 0%,#f2eeebcc 13%,#f2eeeb55 30%,transparent 48%);pointer-events:none}
.hero-image figcaption{position:absolute;inset:auto 24px 22px auto;display:block;padding:10px 14px;background:#f2eeebeb;color:var(--text-secondary);font-size:9px;z-index:1}
.hero-image figcaption span{display:block}
.hero-copy{width:min(390px,44%);padding:0;min-width:0}
.hero h1{font-size:clamp(36px,3.6vw,62px)}
.hero .explore-link{position:absolute;bottom:22px;left:40px;min-height:44px;padding:0}
@media(min-width:1200px){
 .hero-sequence{margin-left:calc(-1 * var(--sidebar-width))}
 .hero{padding-left:calc(var(--sidebar-width) + 32px)}
 .hero-copy{width:clamp(300px,28vw,410px)}
 .hero .explore-link{left:calc(var(--sidebar-width) + 32px)}
 .sidebar{background:linear-gradient(90deg,var(--ui-paper) 90%,#f2eeebf5)}
}
@media(max-width:1199px){
 .mobile-header{border:0;background:transparent}
 .hero-sequence{margin-top:-120px}
 .hero{padding-top:160px;min-height:820px}
}
@media(max-width:767px){
 .mobile-header{padding:16px 18px}
 .mobile-brand{width:140px}
 .menu-trigger{background:#f2eeebed}
 .hero-sequence{margin-top:-114px}
 .hero{height:auto;min-height:760px;padding:150px 18px 110px;justify-content:center}
 .hero-copy{width:57%;padding:0}
 .hero-image{inset:0 0 0 30%;width:70%;height:100%;margin:0}
 .hero-image>img{object-position:55% center}
 .hero-image:after{background:linear-gradient(90deg,var(--ui-paper),#f2eeebde 18%,#f2eeeb73 39%,transparent 67%)}
 .hero h1{font-size:clamp(27px,7vw,42px);line-height:1.18}
 .hero-description{font-size:13px;line-height:1.8}
 .hero-image figcaption{inset:auto 14px 18px auto;max-width:58%;font-size:8px;padding:8px 10px}
 .hero .explore-link{left:18px;bottom:24px;font-size:8px;gap:8px}
 .hero-note{gap:10px}
 .hero-note img{width:26px;height:26px}
}
@media(max-width:359px){.hero-copy{width:62%}.hero{min-height:800px}.hero-image figcaption{max-width:49%}}

/* Transparent, white menu on the opening photograph, including iOS tap states. */
@media(max-width:1199px){
 .mobile-header .menu-trigger,
 .mobile-header .menu-trigger:is(:hover,:active,:focus,[aria-expanded="true"]){
  appearance:none;-webkit-appearance:none;
  background:transparent;color:#fff;-webkit-text-fill-color:#fff;
  border:1px solid #fff;box-shadow:none;border-radius:0;
 }
 .mobile-header .menu-trigger:focus-visible{outline:2px solid #fff;outline-offset:4px;box-shadow:0 0 0 3px #161616}
 .mobile-header .menu-trigger .menu-icon{display:block;width:20px;height:20px;flex:none}
}