/* Layout concept: setting-out grid. Sections hang off drawing gridlines; schedules, not card grids. */
:root{
  --brand:#0d5c4a; --brand-strong:#08402f; --brand-tint:#dcebe5;
  --bg:#f1f3f2; --surface:#ffffff; --ink:#15201c; --muted:#4a5853; --line:#c4cec9;
  --grid:rgba(13,92,74,.13); --on-brand:#ffffff; --focus:#08402f;
  --warn-bg:#fff4d6; --warn-ink:#4d3800; --ok-bg:#dcebe5; --ok-ink:#08402f;
  --sky:#e2ebe7; --far:#cbd9d3; --steel:#7f938b; --conc:#d6dcd9; --glass:#a9d3c5; --ground:#c2ccc7;
  --display:"Big Shoulders Display","Arial Narrow","Roboto Condensed",sans-serif;
  --body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;
  --r:2px; --maxw:1200px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --brand:#63c7a8; --brand-strong:#9be0c9; --brand-tint:#173a31;
  --bg:#0f1513; --surface:#17201d; --ink:#e7eeeb; --muted:#a9b8b2; --line:#33433d;
  --grid:rgba(99,199,168,.13); --on-brand:#06221a; --focus:#9be0c9;
  --warn-bg:#3a2f0e; --warn-ink:#f7e2a6; --ok-bg:#173a31; --ok-ink:#9be0c9; --sky:#14211d; --far:#1d2d27; --steel:#6d837b; --conc:#3a4743; --glass:#2c5a4c; --ground:#26312d; color-scheme:dark}}
:root[data-theme="dark"]{
  --brand:#63c7a8; --brand-strong:#9be0c9; --brand-tint:#173a31;
  --bg:#0f1513; --surface:#17201d; --ink:#e7eeeb; --muted:#a9b8b2; --line:#33433d;
  --grid:rgba(99,199,168,.13); --on-brand:#06221a; --focus:#9be0c9;
  --warn-bg:#3a2f0e; --warn-ink:#f7e2a6; --ok-bg:#173a31; --ok-ink:#9be0c9; --sky:#14211d; --far:#1d2d27; --steel:#6d837b; --conc:#3a4743; --glass:#2c5a4c; --ground:#26312d; color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:6rem;scroll-padding-bottom:7rem;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--body)}
img{max-width:100%;height:auto}
a{color:var(--brand);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--brand-strong);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
p{margin:0}
.wrap{max-width:var(--maxw);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.prose{max-width:65ch;display:grid;gap:var(--s4)}
.prose h2,.prose h3{margin-top:var(--s4)}
.prose ul{margin:0;padding-left:1.2em;display:grid;gap:var(--s2)}
.muted{color:var(--muted)}
.small{font-size:.9375rem}
.num{font-variant-numeric:tabular-nums}

h1,h2,h3{font-family:var(--display);font-weight:800;line-height:.98;margin:0;text-wrap:balance;letter-spacing:.005em}
h1{font-size:clamp(3rem,9vw,6rem)}
h2{font-size:clamp(2.25rem,5.5vw,3.5rem)}
h3{font-size:clamp(1.6rem,3vw,2rem)}
h4{font:600 1.0625rem/1.4 var(--body);margin:0}

/* Skip link, concept banner, header */
.skip{position:absolute;left:var(--s4);top:-100px;background:var(--brand);color:var(--on-brand);padding:var(--s3) var(--s4);z-index:100;font-weight:600}
.skip:focus{top:var(--s4)}
.concept{background:var(--ink);color:var(--bg);font-size:.9375rem}
.concept .wrap{padding-block:var(--s2);display:flex;gap:var(--s3);flex-wrap:wrap;align-items:center}
.concept strong{background:var(--bg);color:var(--ink);padding:2px var(--s2);border-radius:var(--r)}
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--surface);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:68px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:var(--s2);text-decoration:none;color:var(--ink)}
.logo-ph{border:2px dashed var(--muted);padding:2px var(--s2);font:800 1.5rem/1.1 var(--display);letter-spacing:.02em}
.logo small{font:400 .75rem/1.2 var(--body);color:var(--muted);max-width:7rem}
.nav-toggle{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s4);font:600 1rem var(--body);background:transparent;color:var(--ink);border:2px solid var(--ink);border-radius:var(--r);cursor:pointer}
.site-nav{flex-basis:100%;display:none;padding-block:0 var(--s4)}
.site-nav.open{display:block}
.site-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s1)}
.site-nav a{display:block;padding:var(--s3) var(--s2);color:var(--ink);text-decoration:none;font-weight:500;border-radius:var(--r)}
.site-nav a:hover{background:var(--brand-tint)}
.site-nav a[aria-current="page"]{color:var(--brand);box-shadow:inset 0 -3px 0 var(--brand)}
@media (min-width:1000px){
  .nav-toggle{display:none}
  .site-nav{display:block;flex-basis:auto;padding:0}
  .site-nav ul{display:flex;gap:var(--s1)}
  .site-nav a{padding:var(--s2) var(--s3);font-size:.9688rem}
}

/* Buttons and forms */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:48px;padding:0 var(--s5);font:600 1rem/1 var(--body);border-radius:var(--r);border:2px solid var(--brand);background:var(--brand);color:var(--on-brand);text-decoration:none;cursor:pointer;transition:transform .15s ease}
.btn:hover{background:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--brand)}
.btn.ghost:hover{background:var(--brand-tint);color:var(--brand-strong)}
.btn.small{min-height:40px;padding:0 var(--s4);font-size:.9375rem}
label{font-weight:600;font-size:.9375rem;display:block;margin-bottom:var(--s1)}
.hint{display:block;font-weight:400;color:var(--muted);font-size:.875rem}
input[type=text],input[type=email],input[type=tel],input[type=search],select{width:100%;min-height:48px;padding:0 var(--s3);font:400 1rem var(--body);color:var(--ink);background:var(--surface);border:2px solid var(--muted);border-radius:var(--r)}
input[type=file]{font:inherit;max-width:100%}
input[type=checkbox],input[type=radio]{width:22px;height:22px;accent-color:var(--brand);margin:0}
.check{display:flex;align-items:center;gap:var(--s2);font-weight:400;min-height:32px;margin:0}
fieldset{border:0;padding:0;margin:0;min-width:0}
legend{font-weight:600;font-size:.9375rem;margin-bottom:var(--s2);padding:0}
.field{min-width:0}

/* Gridline bubble: the signature device */
.ref{flex:none;display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border:2px solid var(--brand);border-radius:50%;font:700 1.0625rem/1 var(--body);color:var(--brand);background:var(--surface)}
.sec{padding-block:var(--s7)}
@media (min-width:800px){.sec{padding-block:var(--s8)}}
.sec-head{display:grid;grid-template-columns:auto 1fr;gap:var(--s3) var(--s4);align-items:start;margin-bottom:var(--s6)}
.sec-head .kicker{font-size:.9375rem;color:var(--muted);font-weight:500;align-self:center}
.sec-head h2,.sec-head h1{grid-column:1/-1}
.sec-head .lead{grid-column:1/-1;max-width:60ch;font-size:1.125rem}
.band{background:var(--surface);border-block:1px solid var(--line)}

/* Hero with setting-out grid */
.hero{position:relative;overflow:hidden;background-color:var(--bg);
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:96px 96px;background-position:-1px -1px;border-bottom:1px solid var(--line)}
.hero .wrap{padding-block:var(--s7) var(--s7);display:grid;gap:var(--s6)}
@media (min-width:900px){.hero .wrap{grid-template-columns:1.25fr .75fr;align-items:end;padding-block:var(--s8)}}
.datum{display:inline-flex;align-items:center;gap:var(--s2);font-weight:600;color:var(--brand);font-size:.9375rem}
.datum svg{flex:none}
.hero h1{margin-block:var(--s4) var(--s4)}
.hero .lead{font-size:1.1875rem;max-width:48ch}
.search{margin-top:var(--s5);background:var(--surface);border:2px solid var(--ink);border-radius:var(--r);padding:var(--s4);display:grid;gap:var(--s3)}
@media (min-width:640px){.search{grid-template-columns:1fr 1fr auto;align-items:end}}
.search .btn{width:100%}
.updated{font-size:.875rem;color:var(--muted);margin-top:var(--s3)}

/* Photo / video placeholders */
.ph{border:2px dashed var(--muted);background-color:var(--surface);background-image:repeating-linear-gradient(135deg,transparent 0 14px,var(--grid) 14px 16px);aspect-ratio:4/3;max-width:100%;display:grid;place-items:center;padding:var(--s5);text-align:center;color:var(--muted);font-size:.9375rem}
.ph strong{display:block;color:var(--ink);margin-bottom:var(--s1)}
.ph.wide{aspect-ratio:16/9}
.ph.tall{aspect-ratio:3/4}

/* EVP pillars */
.pillars{display:grid;gap:var(--s6)}
@media (min-width:800px){.pillars{grid-template-columns:repeat(3,1fr)}}
.pillar{display:grid;gap:var(--s3);align-content:start;padding-top:var(--s4);border-top:4px solid var(--brand)}
.pillar h3{font-size:2rem}

/* Schedule (job families) */
.schedule{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.schedule li{border-bottom:1px solid var(--line)}
.schedule a{display:grid;grid-template-columns:4.5rem 1fr auto;gap:var(--s4);align-items:center;padding:var(--s4) var(--s2);color:var(--ink);text-decoration:none}
.schedule a:hover{background:var(--brand-tint)}
.schedule .count{font:800 3rem/1 var(--display);color:var(--brand);font-variant-numeric:tabular-nums}
.schedule .name{font:800 1.75rem/1 var(--display);display:block}
.schedule .desc{color:var(--muted);font-size:.9375rem;display:block;margin-top:var(--s1)}
.schedule .go{font-weight:600;color:var(--brand);white-space:nowrap}
@media (max-width:560px){.schedule a{grid-template-columns:3.5rem 1fr}.schedule .go{display:none}.schedule .count{font-size:2.5rem}}

/* Story feature */
.story{display:grid;gap:var(--s6)}
@media (min-width:860px){.story{grid-template-columns:1fr 1fr;align-items:center}}
.quote-ph{font:800 clamp(1.75rem,3.5vw,2.5rem)/1.05 var(--display);color:var(--muted)}

/* Figures */
.figures{display:grid;gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.figure{display:grid;gap:var(--s1)}
.figure b{font:800 clamp(2.5rem,5vw,3.5rem)/1 var(--display);color:var(--brand);font-variant-numeric:tabular-nums}

/* Alerts sign-up */
.alerts{background:var(--brand);color:var(--on-brand)}
.alerts .wrap{padding-block:var(--s7);display:grid;gap:var(--s5)}
@media (min-width:900px){.alerts .wrap{grid-template-columns:1fr 1.2fr;align-items:center}}
.alerts h2{color:var(--on-brand)}
.alerts form{display:grid;gap:var(--s3);background:var(--surface);color:var(--ink);padding:var(--s5);border-radius:var(--r)}
@media (min-width:640px){.alerts form{grid-template-columns:1fr 1fr}.alerts form .full{grid-column:1/-1}}
.notice{padding:var(--s3) var(--s4);border-radius:var(--r);background:var(--ok-bg);color:var(--ok-ink);font-weight:500}

/* Jobs search page */
.jobs-layout{display:grid;gap:var(--s6)}
@media (min-width:960px){.jobs-layout{grid-template-columns:300px 1fr;align-items:start}}
.filters{background:var(--surface);border:1px solid var(--line);padding:var(--s5);display:grid;gap:var(--s5);border-radius:var(--r)}
@media (min-width:960px){.filters{position:sticky;top:calc(env(safe-area-inset-top,0px) + 84px)}}
.loc-row{display:grid;grid-template-columns:1fr 7.5rem;gap:var(--s2);align-items:end}
.results-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--s3);margin-bottom:var(--s4)}
.results-head p{font-weight:600}
.job-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s4)}
.job{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s5);display:grid;gap:var(--s4)}
.job-top{display:flex;justify-content:space-between;gap:var(--s3);align-items:start}
.job h3{font-size:clamp(1.6rem,3vw,2rem)}
.job h3 a{color:var(--ink);text-decoration:none}
.job h3 a:hover{color:var(--brand);text-decoration:underline}
.fam{font-size:.875rem;font-weight:600;color:var(--brand);display:inline-flex;gap:var(--s2);align-items:center;margin-bottom:var(--s2)}
.fam::before{content:"";width:10px;height:10px;border:2px solid var(--brand);border-radius:50%}
.save{min-height:40px;min-width:40px;padding:0 var(--s3);background:transparent;border:2px solid var(--line);border-radius:var(--r);color:var(--ink);font:600 .875rem var(--body);cursor:pointer;white-space:nowrap}
.save[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-tint);color:var(--brand-strong)}
dl.facts{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--s3) var(--s5)}
dl.facts div{min-width:0}
dl.facts dt{font-size:.8125rem;color:var(--muted)}
dl.facts dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.zero{background:var(--surface);border:2px dashed var(--muted);padding:var(--s6);display:grid;gap:var(--s3);justify-items:start}

/* Job page */
.crumbs{font-size:.9375rem;padding-block:var(--s4) 0}
.job-head{padding-block:var(--s5) var(--s6)}
.job-head h1{font-size:clamp(2.75rem,7vw,5rem);margin-top:var(--s2)}
.keyfacts{background:var(--surface);border:2px solid var(--ink);border-radius:var(--r);padding:var(--s5);display:grid;gap:var(--s5)}
.keyfacts-head{display:flex;gap:var(--s3);align-items:center}
.job-body{display:grid;gap:var(--s7);padding-block:var(--s6) var(--s7)}
@media (min-width:960px){.job-body{grid-template-columns:1fr 340px;align-items:start}}
.side{display:grid;gap:var(--s5)}
.side-box{background:var(--surface);border:1px solid var(--line);padding:var(--s5);display:grid;gap:var(--s3);border-radius:var(--r)}
.apply-bar{position:sticky;bottom:0;z-index:40;background:var(--surface);border-top:2px solid var(--ink);padding:var(--s3) max(16px,env(safe-area-inset-right,0px)) calc(var(--s3) + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));display:flex;gap:var(--s3);align-items:center;justify-content:space-between;margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)))}
.apply-bar .btn{flex:1;max-width:320px}
.apply-bar span{font-size:.875rem;color:var(--muted)}
@media (min-width:960px){.apply-bar{position:static;border:0;padding:0;margin:0;background:transparent;justify-content:flex-start}}
.closed{background:var(--warn-bg);color:var(--warn-ink);padding:var(--s5);border-radius:var(--r);display:grid;gap:var(--s3)}
.closed h1{font-size:clamp(2.5rem,6vw,4rem)}
.similar{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.similar a{display:block;padding:var(--s3) 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.similar a b{display:block;color:var(--brand)}

/* Steps (genuine sequence) */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--s5);counter-reset:step}
@media (min-width:900px){.steps{grid-template-columns:repeat(4,1fr)}}
.steps li{counter-increment:step;display:grid;gap:var(--s3);align-content:start}
.steps li::before{content:counter(step);display:grid;place-items:center;width:2.5rem;height:2.5rem;border:2px solid var(--brand);border-radius:50%;font:700 1.0625rem var(--body);color:var(--brand)}
.steps .time{font-weight:600;color:var(--brand)}

/* FAQ */
.faq{display:grid;border-top:2px solid var(--ink);max-width:820px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:var(--s4) var(--s2);font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:var(--s4);min-height:48px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:800 1.5rem/1 var(--display);color:var(--brand)}
.faq details[open] summary::after{content:"\2212"}
.faq .a{padding:0 var(--s2) var(--s5);max-width:65ch;display:grid;gap:var(--s3)}

/* Benefits */
.ben-groups{display:grid;gap:var(--s7)}
.ben-group{display:grid;gap:var(--s4)}
@media (min-width:860px){.ben-group{grid-template-columns:260px 1fr;gap:var(--s6)}}
.ben-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.ben-list li{display:grid;grid-template-columns:1fr auto;gap:var(--s2) var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--line);align-items:baseline}
.ben-list b{font-weight:600}
.ben-list .detail{grid-column:1/2;color:var(--muted);font-size:.9375rem}
.tag{font-size:.8125rem;font-weight:600;padding:2px var(--s2);border-radius:var(--r);white-space:nowrap;border:1px solid var(--brand);color:var(--brand)}
.tag.later{border-color:var(--muted);color:var(--muted)}

/* Two-column helper */
.split{display:grid;gap:var(--s6)}
@media (min-width:860px){.split{grid-template-columns:1fr 1fr;align-items:start}}
.trio{display:grid;gap:var(--s6)}
@media (min-width:860px){.trio{grid-template-columns:repeat(3,1fr)}}
.pay-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.pay-table th,.pay-table td{text-align:left;padding:var(--s3) var(--s2);border-bottom:1px solid var(--line);vertical-align:top}
.pay-table th{font-size:.875rem;color:var(--muted);font-weight:600;border-bottom:2px solid var(--ink)}
.table-scroll{overflow-x:auto}

/* Map */
.map-box{background:var(--surface);border:1px solid var(--line);padding:var(--s4);border-radius:var(--r)}
.map-box svg{width:100%;height:auto;display:block;max-width:520px;margin:0 auto}
.office-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s4)}
.office-list li{display:grid;grid-template-columns:auto 1fr;gap:var(--s3);align-items:start;padding-bottom:var(--s4);border-bottom:1px solid var(--line)}

/* Scam warning */
.scam{background:var(--warn-bg);color:var(--warn-ink);padding:var(--s5);border-radius:var(--r);display:grid;gap:var(--s2)}
.scam a{color:var(--warn-ink)}

/* Footer */
.site-foot{background:var(--ink);color:var(--bg);margin-top:0}
.site-foot a{color:var(--bg)}
.site-foot .wrap{padding-block:var(--s7) calc(var(--s6) + env(safe-area-inset-bottom,0px));display:grid;gap:var(--s6)}
.foot-cols{display:grid;gap:var(--s6)}
@media (min-width:800px){.foot-cols{grid-template-columns:repeat(4,1fr)}}
.foot-cols h2{font-size:1.75rem;margin-bottom:var(--s3);color:var(--bg)}
.foot-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.foot-cols a{display:inline-block;padding-block:2px}
.foot-scam{border:1px solid currentColor;padding:var(--s4);border-radius:var(--r);font-size:.9375rem}
.linkbtn{background:none;border:0;padding:2px 0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* Consent */
.consent{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--surface);border-top:3px solid var(--brand);box-shadow:0 -6px 24px rgba(0,0,0,.18);
  padding:var(--s4) max(16px,env(safe-area-inset-right,0px)) calc(var(--s4) + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.consent .inner{max-width:var(--maxw);margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);align-items:center;justify-content:space-between}
.consent p{max-width:70ch;font-size:.9375rem}
.consent .actions{display:flex;gap:var(--s3);flex-wrap:wrap}
body.has-consent{padding-bottom:9rem}

/* Apply step */
.apply-shell{max-width:720px;margin:0 auto;padding-block:var(--s6) var(--s8)}
.apply-card{background:var(--surface);border:2px solid var(--ink);border-radius:var(--r);padding:var(--s5);display:grid;gap:var(--s5)}
.progress{display:flex;gap:var(--s2);align-items:center;font-size:.9375rem;color:var(--muted)}
.progress span{height:6px;flex:1;background:var(--line);border-radius:3px}
.progress span.on{background:var(--brand)}
.powered{font-size:.875rem;color:var(--muted);text-align:center;margin-top:var(--s4)}

@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Logo lockup */
.logo-lockup{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}
.wordmark{display:grid;line-height:1}
.wm-name{font:800 1.75rem/0.9 var(--display);letter-spacing:.01em}
.wm-sub{font:500 .75rem/1.2 var(--body);color:var(--muted);letter-spacing:.04em}
.logo-lockup.on-dark{color:var(--bg)}
.logo-lockup.on-dark .wm-sub{color:var(--bg);opacity:.8}
.logo-lockup.on-dark .mark circle,.logo-lockup.on-dark .mark path{stroke:var(--bg)}
.logo-lockup.on-dark .mark path:first-of-type{fill:var(--bg)}
.site-foot > .wrap > .logo{justify-self:start;text-decoration:none}

/* Illustrations */
.illo{margin:0;min-width:0;max-width:100%}
.illo-svg{display:block;width:100%;height:auto;border:2px solid var(--ink);border-radius:var(--r);background:var(--sky)}
.hero-illo{max-width:440px;justify-self:end;width:100%}
@media (max-width:899px){.hero-illo{max-width:420px;justify-self:center}}
.wide-illo{margin-top:var(--s6)}
.job-head-illo{display:grid;gap:var(--s5)}
@media (min-width:960px){.job-head-illo{grid-template-columns:1fr 380px;align-items:end}}
.ph p svg{display:block;margin:0 auto var(--s3)}
.trio > *,.split > *,.pillars > *,.story > *{min-width:0}

/* Demo photography */
.photo{margin:0;min-width:0;display:grid;gap:var(--s2)}
.photo img{display:block;width:100%;height:auto;border-radius:var(--r);border:2px solid var(--ink);background:var(--conc)}
.photo figcaption{font-size:.8125rem;color:var(--muted)}
.hero-photo{max-width:440px;justify-self:end;width:100%}
.hero-photo img{aspect-ratio:3/4;object-fit:cover}
@media (max-width:899px){.hero-photo{max-width:none;justify-self:stretch}.hero-photo img{aspect-ratio:4/3;object-position:50% 70%}}
.video-ph{position:relative}
.video-ph .play{position:absolute;left:50%;top:calc(50% - 12px);width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:var(--surface);border:2px solid var(--ink)}
.video-ph .play::after{content:"";position:absolute;left:28px;top:20px;border-left:22px solid var(--brand);border-top:16px solid transparent;border-bottom:16px solid transparent}