:root{
  --deep:#16323A; --teal:#00353F; --orange:#F79520; --orangeInk:#A35400;
  --slate:#5A6A72; --slate2:#5E7C84; --mist:#7C9BA3; --steel:#EDF3F5; --steel2:#E6EFF3;
  --line:#C6D6DA; --pale:#A9C2C8; --white:#FFFFFF; --night:#00090C;
  --f:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --gut:clamp(20px,5vw,120px);
  --dia:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABrCAYAAADpR6W5AAAC0ElEQVR42u3cwVLsMAxE0aT//5/NlgUF48SSbncxK9i8J53YmcQl+r76Puvbz/cV+tEA5k+//4O+wIxG1RBmLKoGMSNR1Yx5p6NqADMaVUMrMxZVg9s8ElVDmLGoGsSMRNUwZhyqAJhRqIJgxqAKhBmBKhimPaqAmNaogmLaogqMaYkqOKYdqgwwrVBlgmmDKiNMC1SZYeJRZYiJRpUpJhZVxphIVJlj4lBF2zIFn9UNmnCwi5lQkeshxIMaV/eWd0TFTajI9RDigk6oyPQQAjuhItqWKdjmrb3I7NUOP6EiSiGFmK29iFJIMWZbLyJd3WLMll5EuroNmOW9iLZlGjBLexFtyzRhlvUi2pa5zCdUBNsy9hMqAl3diAkVQQqJmVARoJCoCRUNFxI3oVJR+KdIVZjr4L+3XaOGrm4X5tunju2VWrm11qHiT/1/LSu18s+770bMigv8aKVWBxDcEMy2LypBi3RDxYAus4u3pkEXDLX8cVCQ1beKV+DdgVl5D/urAKcRyq1aNVSAy4TK+JvSTgF01Ee7SMMFUFEf35KmM0eIqK/u74TMERLq614omSME1CO9kDJHJlGP9ULLHJlAPdoLMXOkE/V4L9TMkQ7Ukl7ImSOVqGW90DNHKlBLe3HIHDmJWt6LS+bICdSWXpwyR96gtvXiljnyBLW1F8fMkR3U9l5cM0c+QR3p5TbFfPpNX96Le+bITo0tvSRkjnxSa1svKZkjCMwnj01u99H2hZGQOYK6ZblnjuDu/86ZI8gvU9fMEeyTiWPmCPoxzy1zBP/M7JQ5YvEC4pI5YvM255A5YvVqTM8csTtnIGeOWB7aUDNHbE/AiJkj1seJtMwR+7NZUuZIwkE3JnMkAvME6AnUGMxToG9QozBPgj5BjcM8DbqDGolZAfoJaixmdROoiQ7nFbqLlDQDMJ45EoXZAfobWhxmF+hPeJGY13VdX36z8s+ueeDPAAAAAElFTkSuQmCC"); --wCare:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAABrCAYAAAAclexMAAACfklEQVR42u3cy27jMAwFUNPw//8yuy1aoG1SvSidA8xmFkks8UpU7Oa6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAABeFoZgS/nmfKf66B+4PCyou11vNriO3GjOl57f25pTeuHIgQWahlzgtIxjX0foBE7YEDjWD1sKvMCh0AUOYUPgQOAAgdNOtuPpk394JhVFdH6dqgGJgQGJgWHOouHO1p/1mXgh0WBCcrHgrbQbxQKvmQ3HMxafxz/V4r1JkeYG1xETghGdPl92mJMcNIfZ8zVmBS46DGJedb8+j8nvHY3DVrGDGLJAzGwpR7Wrp7WSM0M/aheKIvP37bM+F6u1kj1b7BbvFRPDNnNRbfJZbyFYaldJ4713V7Hzfbhc/D3czzondHlC4IRN0dvhNikGYWvXUp8yHnldvjRh/rn16/+981foZUL7LDwJq7Ysdrf+tZC71uK9eNhWazuE7bzdt2Ut5r34BbYo2BS2I87VFWpxakt5ShEK2+vnrth1jtwW6Lsqh3D+OKaf/x2xkD4FL3L3+z49H79aeU6O+Jl1twW0khW6im3GUkspbBWut/KfXgmcsJW97vLBEzgqLjYpcJQvBqETOOqGLoRO4Oxyc4LnG1uBE7qJ4YtTx1ng+p5LhG58AAXOTsdC576pPGnyWkH85xeidyymHj9Nv/Xje3a4Ma0lfXf7FDi0lhZCgZs8uUL3++NZW4+RM5zz3MxxOI4dzk6HwDnTOT/td34TuMMmG4HTWhqDoxY8gRO6qsVfsrsQOOe51iEIYRO4CituGotlAi1wQnf0brfNg82+ZWPV9lltAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAw30AyayJeSJIMj4AAAAASUVORK5CYII="); --sCare:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAABrCAYAAAAclexMAAAC3klEQVR42u3bvYsTQRgH4F/uSyxE4bCzFS1trATBRtTCRkv/BSux1j9CrOwsLa61slex0EawsbI5EEQLPy65tXDCLYd3l81OPpTngWU3k9nZWZg37+wkSQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD4dwwmrNdMcc483Tji/d0kK0k+JXnbuo/GEGBZNBNus7jOrPr6OcmjJKfKeas922sELX0zXFOpna6Zs097O/tej/7S9kqSjXL8JsmVJN869qv2/SOrTb3Vvt6s+v297F8m2ZThWFSG65JtamWmplLWGLczTLKW5H6S160p4yjJwyQXkxwv9VeTfEhybsJ+yWLMNLPN+vmrZtYYn/Or7C8dUO96q97okOvIYMzEyhI/k/QZ6CdKBjvW2o8zYPvedw0B5mmt58CuGZg1l+mbEkztbVDu1zSRhQbcIrJblynrNP3ZKefutF4nyVcBx7IF3CIMKme5zSSny3RyVMo2kjxu3ffuXwJwmg8IQctUCw7zXCA47Jq1Fm8O2naT/CzHNyu0Z1GFia0sKMBnWf8ww5KRNpI8T/LKEOB/z3CTXK9rn/bXH5XgGu0ra5JsJ9lKsl4pY8LSBlwzp4A7KADfJznfevYa9Own9J5SNgsO+KZHn8bfs91NciHJk/K8NirPbqeTnCnZbbVDuxZGWJos1+XcWf1Wc/8vTS633tsuZeOFkmelfL1DhoOFTPX6nNdU2CYNuGslew+S3Cnlw7I1SZ4ekuEFHAsLuqZC3WmDuk/AXS3lx8v+QSn/kT9fgn9JcjaT/x8Oqj/DzXsBYdDz/UmMytRxK8nHcjxMcjLJvex9Kd53UQamWjQZ9AiewREDtlYW7mL84+R3SV5k7285wyS3ktw2BFjm6WWtZ73aizIHTSnXWh8sGxWmzDIcvfwGYJbLdLvFlNMAAAAASUVORK5CYII="); --wGroup:url("../assets/image-bd06d1cf1a.png"); --sGroup:url("data:image/png;base64,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");
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E"); --sky:url("../assets/image-3c99cea750.jpg"); --joinimg:url("../assets/image-90a79c7be9.jpg"); --hand:url("../assets/image-2e1b251030.jpg"); --tank:url("../assets/image-fee638d7bb.jpg"); --face:url("../assets/image-019b8fb0fa.jpg");
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;max-width:100%}
body{background:var(--steel);color:var(--deep);font-family:var(--f);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.site{width:100%;max-width:none;margin:0;position:relative;overflow:hidden;background:var(--steel)}
.gut{padding-left:var(--gut);padding-right:var(--gut);width:100%}
[hidden]{display:none!important}
a{color:inherit}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
h1,h2,h3,h4{text-wrap:balance}

/* lockups */
.lk{display:flex;align-items:center;gap:11px}
.lk .d{display:block;flex:none;width:var(--dw);height:calc(var(--dw)*1.274);background-color:var(--c);
  -webkit-mask:var(--dia) center/contain no-repeat;mask:var(--dia) center/contain no-repeat}
.lk .tx{position:relative;flex:none;width:var(--tw);height:calc(var(--tw)/2.06)}
.lk .tx i{position:absolute;inset:0;display:block;-webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left center;mask-position:left center}
.lk .tx .w{background-color:var(--wc)} .lk .tx .s{background-color:var(--c)}
.w-care{-webkit-mask-image:var(--wCare);mask-image:var(--wCare)} .s-care{-webkit-mask-image:var(--sCare);mask-image:var(--sCare)}
.w-group{-webkit-mask-image:var(--wGroup);mask-image:var(--wGroup)} .s-group{-webkit-mask-image:var(--sGroup);mask-image:var(--sGroup)}

/* rail + nav */
.rail{position:relative;z-index:6;display:flex;align-items:center;gap:26px;flex-wrap:wrap;
  padding-top:clamp(20px,2.4vw,30px);padding-bottom:clamp(14px,1.6vw,20px)}
.nv{margin-left:auto;display:flex;gap:clamp(12px,1.7vw,26px);flex-wrap:wrap}
.nv a{background:none;border:0;padding:5px 0;cursor:pointer;font:inherit;font-size:11px;font-weight:700;
  letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;border-bottom:2px solid transparent;color:var(--slate)}
.nv a:hover{color:var(--deep)}
.nv a[aria-current="page"]{color:var(--deep);border-bottom-color:var(--orange)}
.nv a[data-off]{opacity:.55}
.on-dark .nv a{color:rgba(234,243,245,.74)}
.on-dark .nv a:hover{color:#fff}
.on-dark .nv a[aria-current="page"]{color:#fff;border-bottom-color:var(--orange)}

/* home hero: approved treatment, brand orange */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;background:var(--night);overflow:hidden}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:34% 38%;
  transform:scale(1.16) translateX(4.6%);filter:brightness(1.3) contrast(.98) saturate(1.16);z-index:0}
.veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:
  radial-gradient(78% 52% at 2% 92%,rgba(0,9,12,.62) 0%,rgba(0,9,12,.3) 46%,rgba(0,9,12,0) 74%),
  linear-gradient(90deg,rgba(0,9,12,.66) 0%,rgba(0,9,12,.38) 34%,rgba(0,9,12,0) 64%,rgba(0,9,12,0) 100%),
  linear-gradient(180deg,rgba(0,9,12,.4) 0%,rgba(0,9,12,0) 22%,rgba(0,9,12,0) 52%,rgba(0,9,12,.84) 100%)}
.hgrain{position:absolute;inset:0;z-index:2;background-image:var(--grain);opacity:.07;mix-blend-mode:overlay;pointer-events:none}
.hbody{position:relative;z-index:4;margin-top:auto;padding-bottom:clamp(44px,6vh,84px);max-width:840px}
.heyeb{margin:0 0 clamp(10px,1.2vw,16px);font-size:clamp(16px,1.35vw,19.5px);font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:rgba(234,243,245,.9);display:flex;align-items:center;gap:14px}
.heyeb s{text-decoration:none;display:block;width:26px;height:1.5px;background:var(--orange)}
.hbody h1{margin:0;font-weight:700;font-size:clamp(32px,4.9vw,68px);line-height:1.0;letter-spacing:-.042em;color:#F2F7F8}
.hbody h1 u,.jbody h1 u{text-decoration:none;color:var(--orange)}
.hstate{margin:clamp(18px,2vw,26px) 0 0;font-size:clamp(16px,1.5vw,21.7px);line-height:1.48;letter-spacing:-.006em;
  color:rgba(234,243,245,.92);max-width:44ch;text-wrap:pretty}
.hstate strong{color:#fff;font-weight:600}
.hctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,2.6vw,34px)}
.hctas a{display:inline-flex;align-items:center;text-decoration:none;font-size:14px;font-weight:700;padding:15px 26px;cursor:pointer}
.hctas .a{background:var(--orange);color:var(--deep)}
.hctas .a:hover{background:#FFAA45}
.hctas .b{border:1.5px solid rgba(234,243,245,.45);color:#EAF3F5}
.hctas .b:hover{border-color:#fff;background:rgba(255,255,255,.08)}

/* join hero */
.jhero{position:relative;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;background:var(--night)}
.jhero .jimg{position:absolute;inset:0;z-index:0;background:var(--night) var(--joinimg) 72% 42%/cover no-repeat;
  filter:brightness(1.12) contrast(1.02) saturate(1.1)}
.jhero .jveil{position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(270deg,rgba(0,9,12,.9) 0%,rgba(0,9,12,.74) 30%,rgba(0,9,12,.22) 52%,rgba(0,9,12,0) 64%),
  linear-gradient(180deg,rgba(0,9,12,.45) 0%,rgba(0,9,12,0) 24%,rgba(0,9,12,0) 60%,rgba(0,9,12,.62) 100%)}
.jbody{position:relative;z-index:4;margin-top:auto;margin-left:auto;width:100%;
  max-width:calc(640px + var(--gut) * 2);padding-bottom:clamp(44px,6vh,84px)}
.jbody h1{margin:0;font-weight:700;font-size:clamp(28px,3.3vw,47px);line-height:1.04;letter-spacing:-.038em;color:#F2F7F8}
.jlead{margin:clamp(18px,2vw,26px) 0 0;font-size:clamp(17px,1.5vw,21.7px);line-height:1.48;color:rgba(234,243,245,.92)}

/* concept badge + toast */
.cbadge{position:fixed;right:14px;bottom:14px;z-index:80;background:var(--deep);color:#EAF3F5;font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;padding:9px 13px 9px 11px;display:flex;gap:9px;align-items:center;box-shadow:0 6px 22px rgba(0,9,12,.28)}
.cbadge b{background:var(--orange);color:var(--deep);padding:2px 7px}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:90;background:var(--deep);color:#EAF3F5;
  font-size:13.5px;padding:12px 18px;max-width:calc(100% - 32px);box-shadow:0 8px 28px rgba(0,9,12,.3)}

/* footer base */
.ft{background:var(--white);border-top:1px solid var(--line)}
.ft-in{display:grid;grid-template-columns:auto 1fr auto;gap:24px 48px;align-items:center;padding-top:34px;padding-bottom:40px}
.ft-brand p{margin:8px 0 0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--slate)}
.ft-legal p{margin:0;font-size:13.5px;line-height:1.6;color:var(--slate)}
.ft-links{display:flex;gap:20px;flex-wrap:wrap}
.ft-links a{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;color:var(--slate)}
.ft-links a:hover{color:var(--deep)}

@media (max-width:980px){ .ft-in{grid-template-columns:1fr} }
@media (max-width:820px){
  .nv{width:100%;margin-left:0;gap:12px 16px}
  .hero{min-height:90svh}
  .hero video{object-position:21% 40%;transform:none}
  .jbody{margin-left:0;max-width:none}
  .jhero .jimg{background-position:40% 40%}
  .jhero .jveil{background:linear-gradient(180deg,rgba(0,9,12,.55) 0%,rgba(0,9,12,.25) 30%,rgba(0,9,12,.7) 62%,rgba(0,9,12,.92) 100%)}
  .jbody h1 br{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


.b-sec{position:relative;overflow:hidden;padding-top:clamp(72px,8.6vw,136px);padding-bottom:clamp(72px,8.6vw,136px)}
.b-sec>*{position:relative;z-index:2}
.b-sec.st{background:var(--steel)} .b-sec.wh{background:var(--white)}
.b-sec.te{background:var(--teal);color:#EAF3F5} .b-sec.de{background:var(--deep);color:#EAF3F5}
.b-sec.or{background:var(--orange);color:var(--deep)}
.b-ghost{position:absolute!important;z-index:0!important;aspect-ratio:1;transform:rotate(45deg);border:2px solid rgba(255,255,255,.09);pointer-events:none}
.st .b-ghost,.wh .b-ghost{border-color:rgba(22,50,58,.07)}
.or .b-ghost{border-color:rgba(22,50,58,.12)}

.b-eye{display:flex;align-items:center;gap:12px;margin:0 0 clamp(18px,2vw,26px);font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--slate)}
.b-eye::before{content:"";width:9px;height:9px;background:var(--orange);transform:rotate(45deg);flex:none}
.te .b-eye,.de .b-eye{color:var(--pale)}
.or .b-eye{color:var(--deep)} .or .b-eye::before{background:var(--deep)}
.b-h{margin:0;font-size:clamp(34px,4.6vw,70px);line-height:1;letter-spacing:-.045em;font-weight:700;color:var(--deep)}
.te .b-h,.de .b-h{color:#fff}
.b-h em{font-style:normal;color:var(--orange)}
.st .b-h em,.wh .b-h em{color:var(--teal);box-shadow:inset 0 -.14em 0 var(--orange)}
.or .b-h em{color:#fff}
.b-lead{margin:clamp(22px,2.4vw,32px) 0 0;font-size:clamp(17px,1.45vw,21px);line-height:1.55;color:var(--slate);max-width:46ch}
.te .b-lead,.de .b-lead{color:var(--pale)} .or .b-lead{color:var(--deep)}
.b-body p{margin:0 0 15px;font-size:16.5px;line-height:1.68;color:var(--slate);max-width:58ch}
.b-body p:last-child{margin:0}
.b-body b{color:var(--deep)}
.te .b-body p,.de .b-body p{color:var(--pale)} .te .b-body b,.de .b-body b{color:#fff}
.or .b-body p{color:var(--deep)}
.b-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:center}
.b-2.top{align-items:start}
.b-note{margin:clamp(34px,4vw,54px) 0 0;font-size:13.5px;line-height:1.6;color:var(--slate);max-width:64ch}
.te .b-note{color:var(--mist)}

.b-badge{flex:none;width:44px;height:44px;background:var(--orange);transform:rotate(45deg);display:grid;place-items:center}
.b-badge b{transform:rotate(-45deg);color:var(--deep);font-weight:700;font-size:17px;letter-spacing:-.02em}
.b-badge.sm{width:34px;height:34px} .b-badge.sm b{font-size:12.5px}
.or .b-badge{background:var(--deep)} .or .b-badge b{color:#fff}

.b-btn{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(26px,2.8vw,36px);padding:16px 26px;font-weight:700;font-size:14px;
  text-decoration:none;cursor:pointer;background:var(--orange);color:var(--deep)}
.b-btn:hover{background:#FFAA45}
.or .b-btn{background:var(--deep);color:#fff} .or .b-btn:hover{background:var(--teal)}

/* the mark, explained */
.b-mark{width:100%;max-width:470px;height:auto;display:block;margin-inline:auto}
.b-mark text{font-family:var(--f);font-weight:700}
.b-legend{margin:0;padding:0;list-style:none;display:grid;gap:22px}
.b-legend li{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start}
.b-legend h3{margin:4px 0 0;font-size:clamp(19px,1.7vw,24px);letter-spacing:-.025em;line-height:1.15}
.b-legend p{margin:8px 0 0;font-size:15.5px;line-height:1.6;color:var(--slate)}
.te .b-legend p,.de .b-legend p{color:var(--pale)} .te .b-legend h3,.de .b-legend h3{color:#fff}
.b-legend b.i{color:inherit}
.b-line{margin:clamp(40px,4.4vw,64px) 0 0;font-size:clamp(24px,2.8vw,40px);font-weight:700;letter-spacing:-.035em;line-height:1.1;color:var(--orange)}

/* home: recruiting on orange */
.b-rec{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,88px);align-items:end}
.b-twenty{margin:0;font-size:clamp(150px,21vw,320px);line-height:.76;letter-spacing:-.075em;font-weight:700;color:var(--deep)}
.b-twenty small{display:block;font-size:clamp(26px,3vw,44px);letter-spacing:-.035em;line-height:1.05;margin-top:.3em}
.b-places{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:clamp(24px,2.6vw,34px)}
.b-place{background:var(--deep);color:#EAF3F5;padding:clamp(20px,2vw,28px)}
.b-place h3{margin:0;font-size:19px;color:#fff;letter-spacing:-.02em}
.b-place p{margin:8px 0 0;font-size:14px;color:var(--pale);line-height:1.5}
.b-roles{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.b-roles span{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(234,243,245,.3);padding:5px 9px;color:#EAF3F5}

/* services */
.b-svcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(40px,4.4vw,64px)}
.b-svc{background:var(--white);padding:clamp(26px,2.6vw,38px);position:relative;overflow:hidden}
.b-svc::after{content:"";position:absolute;right:-46px;top:-46px;width:92px;height:92px;transform:rotate(45deg);background:var(--steel2)}
.b-svc.soon::after{background:var(--orange)}
.b-svc small{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--slate)}
.b-svc.soon small{color:var(--orangeInk)}
.b-svc h3{margin:14px 0 0;font-size:clamp(22px,2vw,28px);letter-spacing:-.03em}
.b-svc p{margin:10px 0 0;font-size:15.5px;line-height:1.6;color:var(--slate)}

/* diamond image */
.b-dimg{aspect-ratio:1;width:min(100%,560px);max-width:100%;margin-left:auto;background:var(--night) var(--sky) 50% 42%/cover no-repeat;
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.b-dimg.hand{background-image:var(--hand);background-position:50% 50%}
.b-dimg.face{background-image:var(--face);background-position:50% 30%}
.b-cap{margin:14px 0 0;text-align:right;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mist)}

/* model page */
.b-head{position:relative;overflow:hidden;background:var(--teal);color:#fff;padding-top:clamp(40px,5vw,80px);padding-bottom:clamp(64px,7vw,112px)}
.b-head h1{margin:0;font-size:clamp(48px,7.4vw,120px);line-height:.9;letter-spacing:-.055em;font-weight:700}
.b-head h1 em{font-style:normal;color:var(--orange)}
.b-head p{margin:26px 0 0;font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:var(--pale);max-width:46ch}
.b-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.b-tile{padding:clamp(34px,3.6vw,56px) clamp(24px,2.8vw,44px);min-height:360px;display:flex;flex-direction:column}
.b-tile:nth-child(1){background:var(--deep);color:#fff}
.b-tile:nth-child(2){background:var(--teal);color:#fff}
.b-tile:nth-child(3){background:var(--orange);color:var(--deep)}
.b-tile b{font-size:clamp(90px,10vw,150px);line-height:.8;letter-spacing:-.06em}
.b-tile:nth-child(1) b,.b-tile:nth-child(2) b{color:var(--orange)}
.b-tile h2{margin:auto 0 0;padding-top:30px;font-size:clamp(24px,2.3vw,32px);letter-spacing:-.035em}
.b-tile p{margin:12px 0 0;font-size:15.5px;line-height:1.6;opacity:.9}
.b-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:clamp(36px,4vw,56px)}
.b-stat{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;background:var(--steel);padding:24px}
.b-stat .b-badge{width:64px;height:64px} .b-stat .b-badge b{font-size:26px}
.b-stat h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.b-stat p{margin:5px 0 0;font-size:14.5px;color:var(--slate)}
.b-state{margin:clamp(36px,4vw,56px) 0 0;font-size:clamp(24px,2.6vw,38px);font-weight:700;letter-spacing:-.035em;line-height:1.12;color:var(--orange);max-width:26ch}
.b-quote{margin:0;font-size:clamp(34px,4.8vw,74px);line-height:1;letter-spacing:-.05em;font-weight:700;color:var(--deep);max-width:17ch}
.b-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(28px,3vw,40px)}
.b-chips span{display:inline-flex;align-items:center;gap:10px;background:rgba(22,50,58,.1);padding:9px 14px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--deep)}
.b-chips span::before{content:"";width:7px;height:7px;background:var(--deep);transform:rotate(45deg)}

/* join */
.b-big{margin:0;font-size:clamp(24px,2.7vw,40px);line-height:1.18;letter-spacing:-.03em;font-weight:700;color:var(--deep)}
.b-std{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(234,243,245,.14);margin-top:clamp(40px,4.4vw,64px)}
.b-std div{background:var(--teal);padding:clamp(26px,2.6vw,38px)}
.b-std h3{margin:22px 0 0;font-size:clamp(22px,2vw,28px);letter-spacing:-.03em;color:#fff}
.b-std p{margin:10px 0 0;font-size:15px;line-height:1.6;color:var(--pale)}
.b-close{margin:clamp(40px,4.4vw,64px) 0 0;font-size:clamp(26px,3.2vw,48px);line-height:1.08;letter-spacing:-.04em;font-weight:700;color:#fff;text-wrap:balance}
.b-close span{color:var(--orange)}
.wh .b-close,.st .b-close{color:var(--deep)} .wh .b-close span,.st .b-close span{color:var(--teal);box-shadow:inset 0 -.12em 0 var(--orange)}
.or .b-close{color:var(--deep)} .or .b-close span{color:#fff}
.b-lines{margin:0;padding:0;list-style:none}
.b-lines li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--line);font-size:clamp(17px,1.45vw,21px);line-height:1.4;letter-spacing:-.015em}
.b-lines li::before{content:"";width:8px;height:8px;background:var(--orange);transform:rotate(45deg) translateY(-2px)}
.te .b-lines li{border-bottom-color:rgba(234,243,245,.16);color:#fff}
.or .b-lines li{border-bottom-color:rgba(22,50,58,.2);font-weight:700}
.or .b-lines li::before{background:var(--deep)}
.b-q{margin:clamp(34px,4vw,56px) 0;font-size:clamp(44px,7vw,112px);line-height:.9;letter-spacing:-.06em;font-weight:700;color:var(--deep)}
.b-q span{color:#fff}
.b-hire{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px);margin-top:clamp(30px,3.4vw,48px)}
.b-hire>div{background:var(--white);padding:clamp(24px,2.6vw,36px);display:grid;grid-template-columns:auto 1fr;gap:22px}
.b-hire h3{margin:6px 0 0;font-size:clamp(21px,1.9vw,27px);letter-spacing:-.03em}
.b-hire p{margin:8px 0 0;color:var(--slate);font-size:15px}
.b-hire .b-roles span{color:var(--deep);border-color:var(--line)}

@media (max-width:900px){
  .b-2,.b-rec,.b-places,.b-svcs,.b-tiles,.b-stats,.b-std,.b-hire{grid-template-columns:1fr}
  .b-dimg{margin:0 auto}
  .b-tile{min-height:0}
}

/* ---------- readability on orange: big, bold, or boxed ---------- */
.or .b-eye{font-size:13.5px;letter-spacing:.16em}
.or .b-lead,.or .b-body p{font-size:clamp(19px,1.6vw,23px);line-height:1.45;font-weight:600;color:var(--deep)}
.or .b-body b{font-weight:700}
.or .b-lines li{font-size:clamp(19px,1.6vw,23px);font-weight:700}
.b-chips span{font-size:13.5px;letter-spacing:.06em;padding:11px 16px}
.or .b-chips span{background:var(--deep);color:#fff}
.or .b-chips span::before{background:var(--orange)}
.b-tile:nth-child(3) p{font-size:17px;font-weight:600;opacity:1}
.hctas a{font-size:15px}
.b-btn{font-size:15px}
.b-place p{font-size:15px}
.b-roles span{font-size:11.5px}

/* ---------- Join hero: the home video, mirrored ---------- */
.jhero{background:var(--teal);--tb:clamp(148px,16.5vh,178px);--bb:0px}
.jhero .jvid{position:absolute;left:0;right:0;top:var(--tb);width:100%;height:calc(100% - var(--tb) - var(--bb));
  object-fit:cover;object-position:50% 38%;z-index:0;background:transparent}
.jhero .jveil{top:var(--tb);bottom:var(--bb)}
.jhero .hgrain{display:none}
.jhero .jveil{background:
  radial-gradient(52% 44% at 20% 80%,rgba(0,9,12,.6) 0%,rgba(0,9,12,.32) 55%,rgba(0,9,12,0) 100%),
  linear-gradient(180deg,rgba(0,9,12,.32) 0%,rgba(0,9,12,0) 16%)}
.jbody{margin-left:0;margin-right:auto;max-width:calc(660px + var(--gut) * 2);padding-bottom:clamp(40px,5.4vh,72px)}
.jbody .hctas{margin-top:16px}
.jbody .hctas .b,.hbody .hctas .b{background:#fff;border-color:#fff;color:var(--orange);font-size:16px;font-weight:800;letter-spacing:-.005em}
.jbody .hctas .b:hover,.hbody .hctas .b:hover{background:var(--steel);border-color:var(--steel);color:var(--orange)}
@media (max-width:820px){
  .jhero .jvid{object-position:78% 45%}
  .jhero .jveil{background:linear-gradient(180deg,rgba(0,9,12,.35) 0%,rgba(0,9,12,.08) 28%,rgba(0,9,12,.45) 55%,rgba(0,9,12,.7) 100%)}
}

/* ---------- Compass House carousel ---------- */
.b-cs{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(34px,5vw,80px);align-items:center}
.cs-copy .b-h{font-size:clamp(34px,3.7vw,56px)}
.cs-copy .b-body{margin-top:clamp(22px,2.4vw,32px)}
.cs-tag{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:26px 0 0}
.cs-tag .b-soon{margin:0}
.cs-tag b{font-size:17px;letter-spacing:-.01em}
.cs{position:relative}
.cs::before{content:"";position:absolute;right:-18px;top:-18px;width:64px;height:64px;background:var(--orange);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);z-index:2}
.cs-stage{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--night)}
.cs-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .9s ease;pointer-events:none}
.cs-slide.on{opacity:1;pointer-events:auto}
.cs-slide img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);transition:transform 6s ease-out}
.cs-slide.on img{transform:scale(1)}
.cs-slide figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;
  padding:48px 22px 18px;color:#fff;font-weight:700;font-size:15px;background:linear-gradient(180deg,rgba(0,9,12,0),rgba(0,9,12,.72))}
.cs-slide figcaption small{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.85;border:1px solid rgba(255,255,255,.5);padding:4px 8px}
.cs-ctl{display:flex;align-items:center;gap:16px;margin-top:18px}
.cs-dots{display:flex;gap:10px}
.cs-dots button{width:12px;height:12px;padding:0;border:0;background:var(--line);transform:rotate(45deg);cursor:pointer}
.cs-dots button[aria-current]{background:var(--orange)}
.cs-prev,.cs-next{width:44px;height:44px;border:1px solid var(--line);background:transparent;cursor:pointer;position:relative}
.cs-prev::after,.cs-next::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border:solid var(--deep);border-width:2px 2px 0 0}
.cs-prev::after{transform:translate(-35%,-50%) rotate(-135deg)}
.cs-next::after{transform:translate(-65%,-50%) rotate(45deg)}
.cs-prev:hover,.cs-next:hover{border-color:var(--orange)}
@media (max-width:900px){.b-cs{grid-template-columns:1fr}.cs{order:-1}.cs::before{right:-8px;top:-12px;width:44px;height:44px}}
@media (prefers-reduced-motion:reduce){.cs-slide,.cs-slide img{transition:none}}

/* ---------- model page: the 1 2 3 band ---------- */
.b-head .hwrap,.b-head>.gut{position:relative;z-index:2}
.mb-band{position:relative;overflow:hidden;background:var(--orange);min-height:clamp(520px,50vw,700px);display:flex;align-items:center;
  padding-top:clamp(40px,4.6vw,68px);padding-bottom:clamp(40px,4.6vw,68px)}
.mb-img{position:absolute;right:0;top:0;height:100%;width:48%;max-width:none;object-fit:cover;object-position:72% 18%;z-index:1;display:block}
.mb-in{position:relative;z-index:2;width:100%}
.mb-rows{display:grid;gap:clamp(18px,2vw,28px);max-width:min(58%,640px)}
.mb-row{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,2vw,26px);align-items:baseline;
  padding-bottom:clamp(16px,1.8vw,22px);border-bottom:2px solid rgba(255,255,255,.45)}
.mb-row b{font-size:clamp(46px,5.4vw,84px);line-height:.82;letter-spacing:-.06em;color:#fff}
.mb-row h3{margin:0;font-size:clamp(22px,2vw,29px);letter-spacing:-.03em;color:#fff}
.mb-row p{margin:8px 0 0;font-size:clamp(16.5px,1.4vw,19px);line-height:1.62;color:var(--deep);max-width:52ch}
@media (max-width:1100px){.mb-rows{max-width:70%}}
@media (max-width:860px){
  .mb-band{min-height:0;padding-bottom:clamp(280px,64vw,420px)}
  .mb-img{right:-16%;top:auto;bottom:0;height:auto;width:min(86%,420px)}
  .mb-rows{max-width:100%}
}

/* ---------- FINAL: one rail position on every page ---------- */
.b-head{padding-top:0}
.b-head + .b-sec,.b-head + .mb-band{padding-top:66px}

/* ---------- FINAL: type scale ---------- */
.nv a{font-size:13px;letter-spacing:.13em}
.on-dark .nv a{color:rgba(234,243,245,.9)}
.b-eye{font-size:14.4px;letter-spacing:.18em}
.b-eye::before{width:11px;height:11px}
.or .b-eye{font-size:15px}
.b-body p{font-size:clamp(17px,1.4vw,20.5px);line-height:1.62;max-width:56ch}
.b-note{font-size:clamp(15px,1.2vw,17px)}
.b-legend p{font-size:17px}
.b-stat p{font-size:16.5px}
.b-tile:nth-child(3) p{font-size:clamp(16px,1.25vw,18px);font-weight:600}
.b-svc p{font-size:17px}
.b-svc small{font-size:13px}
.b-stat h3{font-size:14px}
/* model tiles: number and text side by side */
.b-tile{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(18px,2vw,30px);align-content:start;min-height:0}
.b-tile b{grid-row:1/3;align-self:start;font-size:clamp(84px,8.4vw,128px)}
.b-tile h2{margin:0;padding-top:.15em;align-self:start}
.b-tile p{margin:12px 0 0;font-size:clamp(16px,1.25vw,18px)}
/* progression on orange: same body type as the section above */
.b-sec.pg .b-body p{font-weight:500;color:var(--deep);max-width:48ch}

/* ---------- FINAL: Join Inkfish on orange ---------- */
.rx .b-ghost.w{border:0;background:rgba(255,255,255,.14)}
.rx-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,64px);align-items:end}
.rx .b-h{font-size:clamp(56px,8vw,128px);line-height:.88;letter-spacing:-.06em}
.rx-20{display:flex;align-items:flex-end;gap:16px;justify-content:flex-end;margin:0}
.rx-20 b{font-size:clamp(90px,11vw,170px);line-height:.78;letter-spacing:-.07em;color:#fff}
.rx-20 span{font-size:clamp(17px,1.5vw,22px);font-weight:700;line-height:1.2;color:var(--deep);max-width:11ch;padding-bottom:6px}
.rx-rule{height:4px;background:#fff;margin:clamp(28px,3.4vw,48px) 0}
.rx .b-lead{margin:0;max-width:62ch;font-size:clamp(18px,1.55vw,22px);font-weight:600}
.rx-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.rx-ctas .b-btn{margin-top:clamp(26px,3vw,40px)}
.b-btn.wht{background:#fff;color:var(--deep)} .b-btn.wht:hover{background:var(--steel)}
.pl-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-top:clamp(30px,3.4vw,46px)}
.pl{position:relative;background:#fff;color:var(--deep);padding:clamp(22px,2.2vw,32px);display:flex;flex-direction:column;min-height:250px;overflow:hidden}
.pl::after{content:"";position:absolute;right:-38px;top:-38px;width:76px;height:76px;background:var(--steel2);transform:rotate(45deg)}
.pl .b-badge{width:40px;height:40px;margin:4px 0 18px 4px}
.or .pl .b-badge{background:var(--orange)} .or .pl .b-badge b{color:var(--deep)}
.pl h3{margin:0;font-size:clamp(21px,1.8vw,26px);letter-spacing:-.03em;line-height:1.1}
.pl p{margin:8px 0 0;font-size:15.5px;line-height:1.5;color:var(--slate)}
.pl .b-roles{margin-top:auto;padding-top:18px}
.pl .b-roles span{color:var(--deep);border-color:var(--line);font-size:12.5px}
.pl.soon>*:not(.stamp){opacity:.45}
.pl.soon{background:rgba(255,255,255,.9)}
.stamp{position:absolute;left:50%;top:68%;transform:translate(-50%,-50%) rotate(-11deg);z-index:3;white-space:nowrap;
  font-size:clamp(19px,1.8vw,25px);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--deep);
  border:3px solid var(--deep);outline:2px solid var(--orange);outline-offset:4px;padding:10px 18px;background:rgba(255,255,255,.92)}
.st .pl{box-shadow:0 1px 0 var(--line)}
@media (max-width:900px){.rx-top,.pl-cards{grid-template-columns:1fr}.rx-20{justify-content:flex-start}.pl{min-height:0}.pl.soon{min-height:270px}.stamp{top:77%}.rx-ctas .b-btn{margin-top:14px}.rx-ctas{margin-top:14px}}

.pl .b-roles{row-gap:14px;padding-top:26px}
.pl .b-roles span.done{position:relative;color:var(--slate);background:var(--steel);border-color:var(--steel2)}
.pl .b-roles span.done{display:inline-flex;align-items:center;gap:9px}
.pl .b-roles span.done em{font-style:normal;font-size:11px;letter-spacing:.1em;padding:3px 8px;
  background:var(--teal);color:#fff;text-decoration:none;line-height:1.3}
/* ---------- transitional & supported housing feature ---------- */
.th-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,88px);align-items:end}
.th-line{margin:0;background:var(--teal);color:#fff;padding:clamp(20px,2.2vw,30px) clamp(22px,2.4vw,32px);
  font-size:clamp(21px,2.1vw,31px);font-weight:700;letter-spacing:-.03em;line-height:1.22}
.th-line span{color:var(--orange)}
.th-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(28px,4.4vw,72px);align-items:start;margin-top:clamp(40px,4.6vw,68px)}
.th-story{background:var(--steel2);padding:clamp(20px,2.2vw,30px)}
.th-story p{max-width:none}
.th-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(36px,4vw,60px)}
.th-tile{padding:clamp(22px,2.4vw,34px);color:#fff}
.th-tile:nth-child(1){background:var(--deep)} .th-tile:nth-child(2){background:var(--teal)}
.th-tile:nth-child(3){background:var(--orange);color:var(--deep)}
.th-tile b{display:block;font-size:clamp(34px,3.4vw,50px);line-height:.9;letter-spacing:-.05em;color:var(--orange)}
.th-tile:nth-child(3) b{color:var(--deep)}
.th-tile h3{margin:12px 0 0;font-size:clamp(19px,1.6vw,23px);letter-spacing:-.03em}
.th-tile p{margin:6px 0 0;font-size:15.5px;line-height:1.5;opacity:.92}
.th-tile:nth-child(3) p{opacity:1;font-weight:600}
@media (max-width:900px){.th-top,.th-grid,.th-tiles{grid-template-columns:1fr}}
/* ---------- FINAL: services ---------- */
.b-sec.tight{padding-top:66px}
/* leaving care section: full-bleed photo with the copy over the wall */
.b-sec.cl{background:var(--night) var(--climg) 14% 46%/auto 108% no-repeat;min-height:clamp(560px,52vw,760px);display:flex;align-items:center}
.cl-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(90deg,rgba(0,53,63,.97) 0%,rgba(0,53,63,.94) 36%,rgba(0,53,63,.7) 48%,rgba(0,53,63,.2) 60%,rgba(0,53,63,0) 68%),
  linear-gradient(180deg,rgba(0,25,30,.5) 0%,rgba(0,25,30,0) 26%,rgba(0,25,30,0) 62%,rgba(0,25,30,.55) 100%)}
.cl-grid{position:relative;z-index:2;width:100%}
.cl-copy{max-width:min(50%,640px)}
.cl-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.4vw,34px);background:none;margin-top:clamp(30px,3.4vw,46px)}
.cl-stats div{background:none;padding:0;width:calc(100% - 19px);border-top:3px solid rgba(247,149,32,.65);padding-top:clamp(14px,1.6vw,20px)}
.cl-stats div+div{padding-left:0}
.cl-stats b{display:block;font-size:clamp(48px,5vw,78px);line-height:.85;letter-spacing:-.06em;color:var(--orange)}
.cl-stats p{margin:12px 0 0;font-size:clamp(15.5px,1.25vw,18px);line-height:1.5;color:var(--pale);max-width:none}
.cl-src{margin:18px 0 0;font-size:13px;color:var(--mist)}
.ld-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,18px)}
.ld-grid{gap:clamp(10px,1.2vw,16px)}
.ld-card{background:rgba(234,243,245,.06);border:1px solid rgba(234,243,245,.14);padding:clamp(16px,1.6vw,22px);position:relative}
.ld-card .b-badge{width:28px;height:28px;margin:0 0 12px 2px}
.ld-card .b-badge b{font-size:11px}
.ld-card h3{margin:0;font-size:clamp(18px,1.5vw,21px);letter-spacing:-.03em;color:#fff}
.ld-card p{margin:6px 0 0;font-size:15.5px;line-height:1.5;color:var(--pale)}
.ld-big{position:absolute!important;right:clamp(-40px,-2vw,0px);bottom:-.18em;z-index:0!important;font-size:clamp(220px,30vw,460px);font-weight:700;
  letter-spacing:-.08em;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(234,243,245,.08);pointer-events:none}
.ld-foot{margin:clamp(22px,2.4vw,32px) 0 0;padding-top:18px;border-top:1px solid rgba(234,243,245,.16);font-size:16px;line-height:1.55;color:var(--pale);max-width:52ch}
.ld-foot b{color:#fff}
@media (max-width:980px){.cl-copy{max-width:100%}
  .b-sec.cl{background-position:70% 30%}
  .cl-veil{background:linear-gradient(180deg,rgba(0,53,63,.72) 0%,rgba(0,53,63,.9) 34%,rgba(0,53,63,.96) 100%)}}
@media (max-width:900px){.cl-stats,.ld-grid{grid-template-columns:1fr}.cl-stats div+div{padding-left:0}}

/* ---------- Commissioner Pack ---------- */
.cp-top{display:grid;gap:clamp(16px,2vw,24px);justify-items:start}
.cp-top-lead{margin:0;font-size:clamp(17px,1.5vw,21px);line-height:1.55;font-weight:400;color:var(--pale);max-width:46ch}
.b-btn.cp-big{margin-top:0;padding:42px 34px;border-radius:16px;font-size:clamp(16px,1.4vw,19px);font-weight:800;letter-spacing:-.01em;
  border:0;font-family:inherit;cursor:pointer;text-wrap:balance}
.cp-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,3vw,48px);align-items:center;margin-top:clamp(22px,2.6vw,34px)}
.b-btn.cp-mid{margin-top:0;padding:20px 30px;font-size:clamp(16px,1.4vw,19px);font-weight:800;letter-spacing:-.01em;border:0;font-family:inherit;cursor:pointer;text-wrap:balance}
@media (min-width:861px){.b-btn.cp-mid{transform:translateX(-113px)}}
@media (max-width:860px){.cp-row{grid-template-columns:1fr}}
.cp-note{margin:clamp(30px,3.4vw,44px) 0 0;font-size:14.5px;line-height:1.6;color:var(--pale);max-width:56ch}
.mg-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(16px,1.8vw,26px);margin:clamp(32px,3.6vw,52px) 0 0;padding:0}
.mg-facts div{background:var(--orange);padding:clamp(20px,2vw,28px) clamp(18px,1.8vw,24px);min-height:clamp(128px,10vw,150px);display:flex;flex-direction:column;justify-content:flex-start}
.mg-facts dt{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--deep);opacity:.8}
.mg-facts dd{margin:14px 0 0;font-size:clamp(18px,1.5vw,21px);font-weight:800;line-height:1.25;letter-spacing:-.02em;color:var(--deep)}
.bio-cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,1.8vw,26px);margin-top:clamp(40px,4.4vw,64px)}
.bio-card{display:flex;flex-direction:column;width:100%;height:100%;text-align:left;font:inherit;cursor:pointer;background:#fff;border:0;border-top:4px solid var(--orange);padding:clamp(24px,2.4vw,34px);color:var(--deep);transition:transform .2s,box-shadow .2s}
.bio-card:hover,.bio-card:focus-visible{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,9,12,.1)}
.bio-card small{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}
.bio-card h3{margin:6px 0 0;font-size:clamp(22px,2vw,28px);letter-spacing:-.03em}
.bio-card p{margin:8px 0 0;font-size:16.5px;line-height:1.55;color:var(--slate)}
.bio-card i{display:inline-block;margin-top:auto;padding-top:16px;font-style:normal;font-weight:700;font-size:15px;color:var(--teal)}
@media (max-width:1000px){.mg-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.mg-facts{grid-template-columns:1fr 1fr}.bio-cards{grid-template-columns:1fr}}
.ex-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:1px;background:var(--line);border-top:4px solid var(--orange);margin-top:clamp(36px,4vw,56px)}
.ex-grid>div{background:#fff;padding:clamp(28px,2.8vw,40px);display:flex;flex-direction:column}
.ex-grid h3{margin:20px 0 0;font-size:clamp(19px,1.5vw,22px);line-height:1.2;letter-spacing:-.025em;color:var(--deep);min-height:2.4em}
.ex-grid p{margin:10px 0 0;font-size:16px;line-height:1.6;color:var(--slate)}
@media (max-width:1000px){.ex-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.ex-grid{grid-template-columns:1fr;grid-auto-rows:auto}.ex-grid h3{min-height:0}}
.hd-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(30px,4.4vw,72px);align-items:start;margin-top:clamp(32px,3.6vw,52px)}
.hd-fig{margin:0;width:100%}
.hd-fig img{display:block;width:100%;height:auto}
.hd-cap{margin:0;background:var(--orange);color:var(--deep);font-weight:700;line-height:1.3;font-size:clamp(16px,1.4vw,21px);
  padding:clamp(13px,1.3vw,17px) clamp(15px,1.4vw,20px)}
@media (max-width:900px){.hd-grid{grid-template-columns:1fr}}
.cp-dlg .cp,.cp-dlg .cp-done{background:#fff;padding:clamp(28px,4.4vw,56px) clamp(22px,4.4vw,60px)}
.cp-dlg .b-eye{color:var(--slate)}
.cp-h{margin:0 0 clamp(20px,2.4vw,30px);font-size:clamp(28px,3vw,44px);line-height:1.05;letter-spacing:-.04em;color:var(--deep)}
.cp-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,22px)}
.cp-grid .wide{grid-column:1/-1}
.cp label{display:grid;gap:8px;font-size:13.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.cp input,.cp select{font:inherit;font-size:16.5px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--deep);
  background:var(--steel);border:1px solid var(--line);padding:13px 14px;width:100%}
.cp input:focus,.cp select:focus{outline:2px solid var(--orange);outline-offset:1px}
.cp-check{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin-top:clamp(18px,2vw,26px);
  font-size:15.5px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--deep)}
.cp-check input{width:20px;height:20px;accent-color:var(--orange);padding:0}
.cp .b-btn{margin-top:clamp(20px,2.4vw,30px);border:0;font-family:inherit;cursor:pointer}
.cp-small{margin:18px 0 0;font-size:13.5px;line-height:1.55;color:var(--slate);max-width:58ch}
.cp-done p{margin:0 0 22px;font-size:17.5px;line-height:1.6;color:var(--deep);max-width:52ch}
.cp-done a{color:var(--teal)}
@media (max-width:760px){.cp-grid{grid-template-columns:1fr}.cp-cta{grid-template-columns:1fr}}
.cp .cp-check{font-size:15.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--deep);line-height:1.5}
.rf-warn{margin:0 0 clamp(20px,2.4vw,28px);padding:16px 18px;background:var(--steel);border-left:4px solid var(--orange);font-size:15.5px;line-height:1.55;color:var(--deep)}
.rf-set{border:0;padding:0;margin:0 0 clamp(22px,2.6vw,32px)}
.rf-set legend{padding:0;margin:0 0 14px;font-size:clamp(19px,1.6vw,22px);font-weight:700;letter-spacing:-.02em;color:var(--deep)}
.rf-radio{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:clamp(16px,1.8vw,22px);font-size:13.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.cp .rf-radio label{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--deep)}
.rf-radio input{width:20px;height:20px;accent-color:var(--orange);padding:0}
.cp .rf-text{margin-top:clamp(16px,1.8vw,22px)}
.cp textarea{font:inherit;font-size:16.5px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--deep);background:var(--steel);border:1px solid var(--line);padding:13px 14px;width:100%;resize:vertical}
.cp textarea:focus{outline:2px solid var(--orange);outline-offset:1px}
.pv-link{background:none;border:0;padding:0;font:inherit;color:var(--teal);text-decoration:underline;cursor:pointer}
.cp-done .done-sent,.cp-done .done-mail{display:none}
.cp-done[data-mode="sent"] .done-sent,.cp-done[data-mode="mail"] .done-mail{display:block}
.pv h3{margin:clamp(22px,2.6vw,32px) 0 8px;font-size:clamp(19px,1.6vw,22px);letter-spacing:-.02em;color:var(--deep)}
.pv p,.pv li{font-size:16px;line-height:1.62;color:var(--slate);max-width:68ch}
.pv p b{color:var(--deep)}
.pv ul{margin:8px 0 0;padding-left:20px}
.pv li{margin-bottom:6px}
.pv a{color:var(--teal)}
.pv-date{margin:-10px 0 0;font-size:13.5px!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.b-btn.rf-btn{border:0;font-family:inherit;cursor:pointer}


/* ---------- STORY: soundbite over the home ---------- */
.sb-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5.4vw,96px);align-items:center}
.sb-fig{margin:0;position:relative}
.sb-fig .ph{width:100%;aspect-ratio:1204/958;background:var(--steel2) url("../assets/image-7f600db974.jpg") 50% 50%/cover no-repeat;
  filter:grayscale(.62) saturate(.9) contrast(1.06) brightness(.94);position:relative}
.sb-fig .ph::after{content:"";position:absolute;inset:0;background:rgba(90,106,114,.22);mix-blend-mode:multiply}
.sb-fig .sb-tag{margin:0;background:var(--orange);color:var(--deep);padding:clamp(16px,1.8vw,24px) clamp(18px,2vw,28px);font-size:clamp(18px,1.7vw,24px);font-weight:700;line-height:1.25;letter-spacing:-.02em}
.ln-dlg{padding:0;border:0;background:transparent;width:min(900px,calc(100% - 24px));max-width:none;max-height:calc(100vh - 32px);overflow:auto}
.ln-dlg::backdrop{background:rgba(0,9,12,.78)}
.ln-dlg .ln{max-width:none;margin:0}
.ln-x{position:sticky;top:0;float:right;z-index:5;width:48px;height:48px;border:0;background:var(--deep);cursor:pointer;margin-bottom:-48px}
.ln-x::before,.ln-x::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:2px;background:#fff;transform:translate(-50%,-50%) rotate(45deg)}
.ln-x::after{transform:translate(-50%,-50%) rotate(-45deg)}
.ln-x:hover{background:var(--orange)}
.ln-dlg .b-eye{padding-right:56px}
.sb-big{margin:0;font-size:clamp(34px,4.3vw,66px);line-height:1.02;letter-spacing:-.045em;font-weight:700;color:var(--deep);text-wrap:balance}
.sb-big em{font-style:normal;color:var(--teal);box-shadow:inset 0 -.1em 0 var(--orange)}
.sb-by{margin:clamp(22px,2.4vw,32px) 0 0;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}
.sb-by b{display:block;font-size:20px;letter-spacing:-.01em;text-transform:none;color:var(--deep);margin-bottom:4px}
/* the letter */
.ln{position:relative;max-width:900px;margin:0 auto;background:#fff;padding:clamp(34px,5.4vw,84px) clamp(24px,5.4vw,90px);box-shadow:0 1px 0 var(--line),0 30px 60px rgba(22,50,58,.08)}
.ln::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--orange)}
.ln-img{width:min(240px,42%);aspect-ratio:1204/958;float:right;margin:0 0 18px 24px;
  background:var(--steel2) url("../assets/image-7f600db974.jpg") 50% 50%/cover no-repeat;filter:grayscale(.62) saturate(.9) contrast(1.06) brightness(.94)}
.ln-cap{clear:both;margin:-8px 0 22px;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
@media (max-width:620px){.ln-img{float:none;width:100%;margin:0 0 16px}}
.ln-q{position:absolute;right:clamp(20px,4vw,56px);top:clamp(-10px,-1vw,0px);font-size:clamp(140px,16vw,240px);line-height:1;font-weight:700;color:var(--steel2);pointer-events:none}
.ln>*:not(.ln-q){position:relative}
.ln p{margin:0 0 20px;font-size:clamp(17px,1.4vw,19.5px);line-height:1.65;color:var(--deep);max-width:62ch;font-weight:400}
.ln p b{font-weight:400;color:var(--deep)}
.ln .ln-open{font-size:clamp(17px,1.4vw,19.5px);line-height:1.65;letter-spacing:0;font-weight:400;color:var(--deep)}
.ln .ln-close{margin-top:26px;font-size:clamp(17px,1.4vw,19.5px);line-height:1.65;letter-spacing:0;font-weight:400;color:var(--deep)}
.ln .ln-close span{color:var(--deep)}
.ln .ln-sig{margin:clamp(30px,3.4vw,46px) 0 0;padding-top:22px;border-top:1px solid var(--line);font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}
.ln .ln-sig b{display:block;font-size:24px;letter-spacing:-.02em;text-transform:none;color:var(--deep);margin-bottom:4px}
@media (max-width:900px){.sb-grid{grid-template-columns:1fr}.ln-q{display:none}}

/* ---------- rectangular portrait ---------- */
.b-rimg{width:100%;aspect-ratio:4/3;max-width:100%;background:var(--night) var(--sky) 50% 42%/cover no-repeat;position:relative}
.b-rimg::after{content:"";position:absolute;left:-14px;bottom:-14px;width:56px;height:56px;background:var(--orange);
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.b-rimg.tall{aspect-ratio:4/5}

/* ---------- shared inner-page head ---------- */
.b-head .hwrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,64px);align-items:end}
.b-head .b-eye{color:var(--pale)}

/* ---------- services ---------- */
.b-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:clamp(40px,4.6vw,68px);position:relative}
.b-step{position:relative;padding:clamp(28px,3vw,44px) clamp(22px,2.4vw,36px) clamp(28px,3vw,40px);color:#fff}
.b-step:nth-child(1){background:var(--deep)} .b-step:nth-child(2){background:var(--teal)} .b-step:nth-child(3){background:var(--orange);color:var(--deep)}
.b-step .b-badge{margin-bottom:24px}
.b-step:nth-child(3) .b-badge{background:var(--deep)} .b-step:nth-child(3) .b-badge b{color:#fff}
.b-step small{display:block;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.8}
.b-step h3{margin:10px 0 0;font-size:clamp(24px,2.3vw,32px);letter-spacing:-.035em;line-height:1.05}
.b-step p{margin:12px 0 0;font-size:16px;line-height:1.55;color:var(--pale)}
.b-step:nth-child(3) p{color:var(--deep);font-size:18px;font-weight:600}
.b-step:not(:last-child)::after{content:"";position:absolute;right:-18px;top:50%;width:36px;height:36px;background:var(--orange);z-index:3;
  transform:translateY(-50%) rotate(45deg)}
.b-step:nth-child(2)::after{background:var(--deep)}
.b-svcrow{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,88px);align-items:center}
.b-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.b-facts span{background:var(--steel);padding:10px 14px;font-size:14px;font-weight:700;color:var(--deep)}
.te .b-facts span,.de .b-facts span{background:rgba(234,243,245,.1);color:#fff}
.b-soon{display:inline-block;background:var(--orange);color:var(--deep);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:8px 13px;margin-bottom:18px}
.b-imgpanel{min-height:420px;background:var(--night) var(--tank) 50% 50%/cover no-repeat}
.b-imgpanel.face{background-image:var(--face);background-position:50% 25%}

/* ---------- commissioners ---------- */
.b-record{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(234,243,245,.16);margin-top:clamp(36px,4vw,56px)}
.b-record div{background:var(--teal);padding:clamp(22px,2.2vw,30px)}
.b-record small{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mist)}
.b-record b{display:block;margin-top:10px;font-size:clamp(17px,1.5vw,21px);line-height:1.3;color:#fff;letter-spacing:-.015em}
.b-record div.hl{background:var(--orange)} .b-record div.hl small{color:var(--deep)} .b-record div.hl b{color:var(--deep)}
.b-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);margin-top:clamp(36px,4vw,56px);padding:0;counter-reset:s}
.b-steps{grid-template-rows:auto auto auto}
.b-steps li{list-style:none;background:var(--white);padding:clamp(24px,2.4vw,32px);display:grid;grid-template-rows:subgrid;grid-row:span 3;align-content:start}
.b-steps h3{margin:22px 0 0;font-size:clamp(20px,1.8vw,24px);letter-spacing:-.025em}
.b-steps p{margin:10px 0 0;font-size:15.5px;line-height:1.55;color:var(--slate)}
.b-docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,4vw,64px);margin-top:clamp(28px,3vw,40px)}
.b-docs li{list-style:none;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:baseline;padding:15px 0;border-bottom:1px solid rgba(234,243,245,.16);
  font-size:clamp(17px,1.4vw,20px);color:#fff;letter-spacing:-.01em}
.b-docs li::before{content:"";width:8px;height:8px;background:var(--orange);transform:rotate(45deg) translateY(-2px)}
.b-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}
.b-cta .b-h{font-size:clamp(34px,4.4vw,64px)}
.b-mail{display:inline-block;margin-top:14px;font-size:clamp(22px,2.4vw,34px);font-weight:700;letter-spacing:-.03em;color:var(--deep);text-decoration:none;border-bottom:3px solid var(--deep)}

/* ---------- story ---------- */
.b-shero{background:var(--teal);color:#fff;position:relative;overflow:hidden}
.b-shero .in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:center;
  padding-top:clamp(28px,4vw,64px);padding-bottom:clamp(64px,7vw,112px)}
.b-shero h1{margin:0;font-size:clamp(40px,5.4vw,84px);line-height:.96;letter-spacing:-.05em}
.b-shero h1 em{font-style:normal;color:var(--orange)}
.b-shero p{margin:24px 0 0;font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:var(--pale);max-width:42ch}
.b-shero .cap{margin:12px 0 0;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--mist);text-align:right}
.b-origin{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,88px);align-items:center}
.b-origin figure{margin:0}
.b-origin .ph{width:100%;aspect-ratio:1204/958;background:var(--steel2) url("../assets/image-7f600db974.jpg") 50% 50%/cover no-repeat}
.b-origin figcaption{margin-top:12px;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--slate)}
.b-origin figcaption span{font-weight:400;opacity:.7}
.b-moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;gap:clamp(14px,1.8vw,24px);margin-top:clamp(36px,4vw,56px)}
.b-moment{background:var(--deep);color:#fff;padding:clamp(26px,2.6vw,38px);min-height:230px;display:grid;grid-template-rows:subgrid;grid-row:span 3;align-content:start;gap:0}
.b-moment b{font-size:clamp(46px,5vw,72px);line-height:.85;letter-spacing:-.05em;color:var(--orange)}
.b-moment h3{margin:0;padding-top:28px;align-self:end;font-size:clamp(20px,1.8vw,25px);letter-spacing:-.025em}
.b-moment p{margin:8px 0 0;font-size:15.5px;line-height:1.55;color:var(--pale)}
.b-moment.or2{background:var(--orange);color:var(--deep)} .b-moment.or2 b{color:var(--deep)} .b-moment.or2 p{color:var(--deep);font-size:17px;font-weight:600}
.b-rec2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3vw,48px);margin-top:clamp(28px,3vw,40px)}
.b-rec2 div{padding:18px 0;border-top:1px solid var(--line)}
.b-rec2 small{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}
.b-rec2 b{display:block;margin-top:6px;font-size:17px;line-height:1.35;color:var(--deep)}

/* ---------- join extras ---------- */
.b-stair{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end;margin:0;padding:0;list-style:none}
.b-stair li{display:flex;flex-direction:column;justify-content:flex-end}
.b-stair i{display:block;height:calc(var(--h) * 30px);background:rgba(234,243,245,calc(.1 + var(--h) * .1))}
.b-stair li:last-child i{background:var(--orange)}
.b-stair span{min-height:3.9em;margin-top:10px;font-size:13px;font-weight:700;line-height:1.3;color:#fff}
.b-flow{display:grid;gap:clamp(14px,1.6vw,20px);margin-top:22px}
.b-flow>div{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;background:var(--steel);padding:clamp(18px,2vw,26px)}
.b-flow h3{margin:4px 0 0;font-size:clamp(18px,1.6vw,22px);letter-spacing:-.025em}
.b-flow p{margin:6px 0 0;color:var(--slate);font-size:15px;line-height:1.5}
.b-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.b-tags span{font-size:14px;font-weight:700;padding:9px 13px;border:1px solid rgba(234,243,245,.3);color:#fff}
.b-tech{font-size:clamp(36px,5.2vw,82px);line-height:.95;letter-spacing:-.055em;font-weight:700;margin:0;color:#fff}
.b-tech span{display:block}
.b-tech span:last-child{color:var(--orange)}

/* ---------- contact ---------- */
.b-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
.b-route{display:flex;flex-direction:column;padding:clamp(30px,3.4vw,52px);min-height:320px;text-decoration:none;cursor:pointer;position:relative;overflow:hidden}
.b-route.a{background:var(--orange);color:var(--deep)} .b-route.b{background:var(--deep);color:#fff}
.b-route small{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.b-route h2{margin:16px 0 0;font-size:clamp(30px,3.4vw,50px);letter-spacing:-.045em;line-height:1}
.b-route p{margin:14px 0 0;font-size:clamp(17px,1.4vw,20px);line-height:1.45;font-weight:600;max-width:34ch}
.b-route.b p{color:var(--pale);font-weight:400}
.b-route i{margin-top:auto;padding-top:28px;font-style:normal;font-size:clamp(18px,1.6vw,22px);font-weight:700;word-break:break-word}
.b-route::after{content:"";position:absolute;right:-60px;bottom:-60px;width:160px;height:160px;transform:rotate(45deg);border:2px solid currentColor;opacity:.15}
.b-dets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(24px,3vw,48px);margin-top:clamp(36px,4vw,56px)}
.b-dets div{padding:20px 0;border-top:2px solid var(--deep)}
.b-dets small{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}
.b-dets a,.b-dets b{display:block;margin-top:8px;font-size:17px;font-weight:700;color:var(--deep);text-decoration:none;word-break:break-word}
.b-dets a:hover{color:var(--teal);text-decoration:underline}
.b-dets p{margin:6px 0 0;font-size:14.5px;color:var(--slate);line-height:1.5}
.b-sg{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start;background:var(--white);border-left:5px solid var(--orange);padding:clamp(22px,2.4vw,32px);margin-top:clamp(36px,4vw,56px)}
.b-sg h3{margin:0;font-size:20px;letter-spacing:-.02em}
.b-sg p{margin:8px 0 0;font-size:16px;line-height:1.6;color:var(--slate);max-width:70ch}

@media (max-width:980px){
  .b-record,.b-steps,.b-dets{grid-template-columns:1fr 1fr}
  .b-moments,.b-rec2{grid-template-columns:1fr}
}
@media (max-width:900px){
  .b-head .hwrap,.b-path,.b-svcrow,.b-shero .in,.b-origin,.b-routes,.b-docs,.b-cta{grid-template-columns:1fr}
  .b-step:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-18px;transform:translateX(-50%) rotate(45deg)}
  .b-stair span{font-size:12px;min-height:5.3em}
}
@media (max-width:560px){ .b-record,.b-steps,.b-dets{grid-template-columns:1fr} }

.cbadge{display:none}

/* ---------- production: overflow, type, touch, menu ---------- */
html{overflow-x:clip}
body{overflow-x:clip}
img,video{max-width:100%;height:auto}
.cs-slide img,.hero video{max-width:none;width:100%;height:100%}
.gut{padding-left:max(var(--gut),env(safe-area-inset-left,0px));padding-right:max(var(--gut),env(safe-area-inset-right,0px))}
.skip{position:absolute;left:12px;top:-48px;z-index:200;background:var(--orange);color:var(--deep);font-weight:700;padding:10px 16px;text-decoration:none}
.skip:focus{top:12px}
button.lk{background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;text-align:left}
.nv-tog{display:none}
.nv-back,.nv-panel{display:none}
.cs-dots{gap:0}
.cs-dots button,.cs-dots button[aria-current]{width:44px;height:44px;padding:0;border:0;background:transparent!important;transform:none;position:relative;flex:none}
.cs-dots button::before{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;background:var(--line);transform:translate(-50%,-50%) rotate(45deg)}
.cs-dots button[aria-current]::before{background:var(--orange)}
.ln-dlg{width:min(900px,calc(100% - 24px));max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}

@media (max-width:1200px){
  .rail{flex-wrap:nowrap;gap:16px}
  .nv{display:none!important}
  .nv-tog{display:grid;place-items:center;flex:none;width:48px;height:48px;padding:0;border:0;cursor:pointer;
    position:fixed;top:max(12px,env(safe-area-inset-top,0px));right:max(10px,env(safe-area-inset-right,0px));
    z-index:90;background:rgba(0,9,12,.42);color:#F2F7F8;border:1px solid rgba(234,243,245,.4)}
  .nv-tog span{display:block;width:22px;height:2px;background:currentColor;position:relative}
  .nv-tog span::before,.nv-tog span::after{content:"";position:absolute;left:0;width:22px;height:2px;background:currentColor}
  .nv-tog span::before{top:-7px} .nv-tog span::after{top:7px}
  body.nav-open .nv-tog span{background:transparent}
  body.nav-open .nv-tog span::before{top:0;transform:rotate(45deg)}
  body.nav-open .nv-tog span::after{top:0;transform:rotate(-45deg)}
  .nv-back{display:block;position:fixed;inset:0;background:rgba(0,9,12,.55);z-index:88;opacity:0;pointer-events:none;transition:opacity .25s ease}
  .nv-panel{display:flex;flex-direction:column;gap:0;position:fixed;top:0;right:0;bottom:0;z-index:89;
    width:min(360px,86vw);margin:0;padding:calc(72px + env(safe-area-inset-top,0px)) 28px 32px;
    background:var(--teal);overflow:auto;-webkit-overflow-scrolling:touch;
    transform:translateX(110%);visibility:hidden;transition:transform .28s ease,visibility .28s}
  body.nav-open{overflow:hidden}
  body.nav-open .nv-back{opacity:1;pointer-events:auto}
  body.nav-open .nv-panel{transform:none;visibility:visible}
  .nv-panel a{background:none;border:0;border-bottom:1px solid rgba(234,243,245,.16);padding:16px 0;cursor:pointer;
    font:inherit;font-size:17px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:left;color:#EAF3F5;width:100%;min-height:48px}
  .nv-panel a[aria-current="page"]{color:#fff;border-bottom-color:var(--orange)}
  .hero{min-height:100svh}
  .jhero{--tb:92px}
  .jhero .jvid{object-position:72% 42%}
  .hctas a,.b-btn{min-height:48px;justify-content:center}
  .hctas a,.b-btn,.nv-tog,.nv-panel a{touch-action:manipulation}
}
@media (max-width:820px){
  .jhero{--tb:88px}
  .hctas{flex-direction:column;align-items:stretch}
  .hctas a{width:100%}
  .b-head h1{font-size:clamp(36px,12vw,64px)}
  .rx .b-h{font-size:clamp(44px,14vw,88px)}
  .b-btn.cp-big,.b-btn.cp-mid{width:100%;padding:18px 22px;transform:none}
  .mb-band{padding-bottom:min(92vw,440px)}
  .cs-slide figcaption{flex-wrap:wrap;padding:36px 16px 14px;font-size:14px}
}
@media (max-width:900px){
  .b-stair{grid-template-columns:1fr;gap:8px;align-items:stretch}
  .b-stair li{flex-direction:row;align-items:center;gap:16px;justify-content:flex-start}
  .b-stair i{width:min(48%, calc(var(--h) * 12% + 48px));height:10px;flex:none}
  .b-stair span{min-height:0;margin:0;padding:10px 0}
  .b-std{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .mg-facts{grid-template-columns:1fr}
  .b-std{grid-template-columns:1fr}
  .ln-dlg{width:calc(100% - 12px);max-height:calc(100dvh - 12px);margin:6px}
  .cp-dlg .cp,.cp-dlg .cp-done,.ln{padding:28px 18px 24px}
  .b-route{min-height:0;padding:clamp(24px,6vw,36px)}
  .b-q{font-size:clamp(32px,11vw,56px)}
}
@media (max-width:400px){
  .lk{gap:8px}
}

.nv a,.nv-panel a{text-decoration:none}
a.lk{text-decoration:none;color:inherit;display:flex;align-items:center;gap:11px}
.nv-panel a{display:block}
.pv-page{padding-bottom:clamp(48px,6vw,88px)}
.pv-page .b-btn{margin-top:clamp(22px,2.6vw,32px)}