/* Full-screen project entrance. Interior pages retain their existing layout. */
.is-home{--hero-inset:clamp(28px,8.7vw,168px);background:#2c0d0b}
.is-home body{max-width:none;background:#2c0d0b}
.is-home main{padding:0;min-height:100svh}
.is-home .header{position:absolute;inset:0 0 auto;z-index:10;min-height:0;padding:clamp(30px,4.5vw,64px) var(--hero-inset);color:#fff;align-items:center}
.is-home .brand{width:clamp(190px,16vw,260px)}
.is-home .brand img,.is-home .brand-intro-logo img,.is-home .intro-start img{filter:brightness(0) invert(1)}
.is-home .intro-start,.is-home .brand-intro-cover{background:#2c0d0b}
.is-home #navigation{gap:clamp(24px,2.6vw,44px)}
.is-home #navigation a{font-size:13px;letter-spacing:.15em;text-shadow:0 1px 12px #0005}
.is-home footer{display:none}
.is-home a:focus-visible,.is-home button:focus-visible{outline-color:#fff}
.is-home .skip{color:#242520}
.is-home .home{padding:0;animation:none}
.is-home .home-slider{height:100svh;min-height:620px;background:#2c0d0b;isolation:isolate;color:#fff}
.is-home .slide-link{inset:0 0 0 22%;z-index:0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 20%);mask-image:linear-gradient(90deg,transparent 0%,#000 20%)}
.is-home .slide-current{object-position:50% 50%}
.is-home .home-slider:after{inset:0;z-index:1;background:linear-gradient(90deg,#2c0d0b 0%,rgba(44,13,11,.98) 22%,rgba(44,13,11,.83) 38%,rgba(44,13,11,.3) 56%,rgba(44,13,11,0) 74%),linear-gradient(180deg,rgba(0,0,0,.26),transparent 25%,transparent 70%,rgba(0,0,0,.42))}
.hero-copy{position:absolute;z-index:2;left:var(--hero-inset);top:48%;transform:translateY(-50%);width:34%;max-width:490px;pointer-events:none}
.hero-copy h1{margin:0;min-height:2.5em;font-size:clamp(16px,1.35vw,20px);line-height:1.25;font-weight:400;letter-spacing:.005em;white-space:pre-line;text-wrap:pretty;color:#fff}
.hero-projects{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;min-height:28px;padding:6px 14px;border:1px solid #ffffffb3;border-radius:99px;font-size:9.5px;letter-spacing:.12em;line-height:1.2;pointer-events:auto;transition:background .25s,border-color .25s}
.hero-projects svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.25;transition:transform .25s}
.hero-projects:hover{background:#ffffff12;border-color:#fff}
.hero-projects:hover svg{transform:translate(2px,-2px)}
.hero-meta{position:absolute;z-index:3;bottom:38px;right:var(--hero-inset);left:var(--hero-inset);display:flex;align-items:center;justify-content:flex-end;gap:30px;pointer-events:none}
.slide-description{display:flex;align-items:center;gap:22px;min-width:0}
/* Hide the retired counter even when a browser restores older page markup. */
.slide-count{display:none!important}
.hero-meta .slide-project-name{position:static;width:auto;transform:none;font-size:13px;line-height:1.5;letter-spacing:.06em;text-align:right;text-shadow:0 1px 8px #0008;white-space:normal;max-width:240px}
.slide-controls{display:flex;align-items:center;gap:6px;pointer-events:auto}
.hero-meta .slide-arrow{position:static;transform:none;width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background .2s,border-color .2s}
.hero-meta .slide-arrow:hover{background:#ffffff14;border-color:#ffffffa6}
.hero-meta .slide-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.2;filter:none}
@media(min-width:701px) and (max-width:1000px){
  .is-home{--hero-inset:6vw}
  .is-home .header{gap:24px}
  .is-home .brand{width:185px}
  .is-home #navigation{gap:22px}
  .is-home #navigation a{font-size:11px}
  .hero-copy{width:41%;top:48%}
  .hero-copy h1{font-size:17px}
  .hero-meta{gap:20px}
}
@media(max-width:700px){
  .is-home{--hero-inset:28px}
  .is-home .header{padding:28px var(--hero-inset);gap:18px;align-items:center}
  .is-home .brand{width:172px}
  .is-home .menu-toggle{position:relative;z-index:2;color:#fff}
  .is-home #navigation{width:100%;gap:0;padding:8px 0 0}
  .is-home #navigation a{font-size:13px;padding:17px 0;border-color:#ffffff26}
  .is-home .header:has(#navigation.open){background:rgba(44,13,11,.98);box-shadow:0 20px 35px #0003}
  .is-home .home-slider{height:100svh;min-height:650px}
  .is-home .slide-link{inset:0;-webkit-mask-image:none;mask-image:none}
  .is-home .slide-current{object-position:55% center}
  .is-home .home-slider:after{background:linear-gradient(180deg,rgba(30,12,10,.36),transparent 22%),linear-gradient(0deg,rgba(44,13,11,.94),rgba(44,13,11,.76) 16%,rgba(44,13,11,.35) 26%,transparent 40%)}
  .hero-copy{left:var(--hero-inset);right:calc(var(--hero-inset) + 110px);top:auto;bottom:32px;transform:none;width:auto;max-width:420px}
  .hero-copy h1{max-width:340px;min-height:2.5em;font-size:14px;line-height:1.25;text-wrap:initial;text-shadow:0 1px 8px #0006}
  .hero-projects{margin-top:10px;min-height:26px;padding:5px 12px;font-size:9px;gap:10px}
  .hero-projects svg{width:10px;height:10px}
  .hero-meta{left:auto;bottom:24px;max-width:104px;gap:8px;flex-direction:column;align-items:flex-end;justify-content:flex-end}
  .slide-description{flex-direction:column;align-items:flex-end;gap:0}
  .hero-meta .slide-project-name{text-align:right;max-width:104px;font-size:11px;letter-spacing:.025em}
  .slide-controls{gap:3px}
  .hero-meta .slide-arrow{width:42px;height:42px}
}
@media(max-width:370px){
  .is-home{--hero-inset:22px}
  .is-home .brand{width:155px}
  .hero-meta{gap:8px}
  .hero-copy{bottom:31px}
  .hero-meta .slide-arrow{width:40px;height:40px}
}
@media(max-height:600px) and (min-width:701px){
  .is-home .home-slider{min-height:500px}
  .is-home .header{padding-block:28px}
  .hero-copy{top:52%}
  .hero-copy h1{font-size:17px}
  .hero-projects{margin-top:12px}
  .hero-meta{bottom:24px}
}