:root{--ink:#141b17;--paper:#eeeee7;--gold:#cfbb88;--muted:#a9b1a8;--line:#ffffff26;font-family:Arial,Helvetica,sans-serif;color:var(--paper);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{position:absolute;z-index:2;top:0;left:0;width:100%;padding:34px 5%;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--line)}.brand{display:block;margin-right:auto;width:224px}.brand img{display:block;width:100%;height:auto}nav{display:flex;gap:36px;font-size:14px}nav a{padding:8px 0}nav a:hover{color:var(--gold)}.stealth{font-size:12px;letter-spacing:.1em;text-transform:uppercase;border:1px solid #b0b6aa66;border-radius:30px;padding:10px 16px;white-space:nowrap}.hero{min-height:760px;height:100svh;max-height:1100px;position:relative;display:flex;align-items:center;background:#090a09;overflow:hidden}.hero video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:60% center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080b0bd9 0%,#080b0b88 35%,transparent 75%),linear-gradient(0deg,#0c100e88,transparent 35%)}.hero-content{position:relative;padding:135px 5% 145px;width:100%}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:500;margin:0 0 30px}.hero .eyebrow{color:var(--gold)}h1{font-size:clamp(42px,4.65vw,78px);font-weight:400;line-height:1.1;letter-spacing:-.045em;margin:0 0 45px;max-width:850px}h1 em{font-weight:400;font-style:normal;color:var(--gold)}.text-link{display:inline-flex;gap:50px;align-items:center;font-size:15px;border-bottom:1px solid #aaa;padding:0 0 13px}.text-link:hover{color:var(--gold);border-color:var(--gold)}.hero-base{position:absolute;bottom:0;left:5%;right:5%;border-top:1px solid var(--line);padding:25px 0;display:flex;align-items:center;gap:40px;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#c8cbc2}.hero-base>span:nth-child(2){margin-left:auto}.hero-base button{color:inherit;background:transparent;border:0;font-size:12px;display:flex;gap:15px;align-items:center;padding:10px 0 10px 20px}.section{padding:82px 7% 100px}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.14em;border-top:1px solid;padding-top:20px;margin-bottom:74px}.section-label>span:last-child:not(:first-child){opacity:.6}.about{background:var(--paper);color:var(--ink)}.about-main{display:grid;grid-template-columns:1.15fr 1fr;gap:28px 9%}.about h2{grid-row:span 2}h2{font-size:clamp(34px,3.8vw,60px);line-height:1.1;font-weight:400;letter-spacing:-.035em;margin:0}p{font-size:18px;line-height:1.65;margin:0}.about-main .lead{font-size:26px;line-height:1.4;letter-spacing:-.025em}.about-main>p:last-child{max-width:590px;color:#555f57}.industries{margin-top:85px;padding-top:26px;border-top:1px solid #18362233}.industries .eyebrow{font-size:12px;color:#536055;margin-bottom:26px}.industry-list{display:flex;gap:20px 32px;flex-wrap:wrap}.industry-list span{font-size:16px;line-height:1.6}.challenge{background:#1c2820}.challenge .section-label{border-color:#75817366;color:#bcc4b7}.challenge h2{max-width:850px;margin-bottom:65px}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.problem-grid article{border-top:1px solid var(--line);padding-top:25px}.index{color:var(--gold);font-size:13px;letter-spacing:.1em}h3{font-size:26px;font-weight:400;letter-spacing:-.02em;line-height:1.3;margin:24px 0 16px}.problem-grid p{color:#b8c0b4;max-width:480px}.approach{background:#e1e3d9;color:var(--ink)}.approach .section-label{border-color:#21312755}.approach-intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-bottom:64px}.approach-intro p{color:#4d584e}.pillars details{border-top:1px solid #243e2b33}.pillars details:last-child{border-bottom:1px solid #243e2b33}.pillars summary{display:flex;align-items:center;gap:40px;cursor:pointer;list-style:none;min-height:96px;padding:22px 0}.pillars summary::-webkit-details-marker{display:none}.pillars .index{color:#60705e}.pillars h3{margin:0;font-size:30px}.plus{margin-left:auto;width:28px;height:28px;position:relative}.plus:before,.plus:after{content:'';position:absolute;top:13px;left:5px;width:18px;height:1px;background:currentColor}.plus:after{transform:rotate(90deg);transition:transform .2s}details[open] .plus:after{transform:rotate(0)}.pillars details>p{padding:0 60px 30px;max-width:710px;color:#4d584e}.contact{background:#141b17}.contact .section-label{border-color:#75817355;color:#b8c0b4}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8%}.contact-grid h2{color:var(--gold)}.contact-grid>div p{color:#bfc7ba}.contact-grid .contact-note{font-size:14px;color:#899887;margin-top:28px}footer{padding:40px 5%;display:flex;align-items:center;gap:35px;border-top:1px solid var(--line);font-size:12px;color:#a3ada0}footer .brand{width:175px}footer button{font-size:12px;background:none;border:0;color:inherit;padding:10px 0}footer a:hover,footer button:hover{color:var(--gold)}.cookie{position:fixed;z-index:5;right:24px;bottom:24px;background:#f0f0e9;color:#1c2820;border:1px solid #ced1c3;width:min(520px,calc(100% - 48px));padding:22px 26px;box-shadow:0 8px 35px #0003}.cookie strong{font-size:16px;font-weight:500}.cookie p{font-size:13px;line-height:1.5;margin-top:8px;color:#596451}.cookie-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.cookie-actions button{background:transparent;color:#233127;border:1px solid #84907e;padding:10px 24px;font-size:14px}.cookie-actions .accept{background:#203127;color:#fff;border-color:#203127}.cookie[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:10;top:-80px;left:20px;background:var(--paper);color:var(--ink);padding:15px}.skip:focus{top:15px}@media(min-width:1700px){.section{padding-left:max(7%,calc((100% - 1480px)/2));padding-right:max(7%,calc((100% - 1480px)/2))}}@media(max-width:850px){header{gap:22px;padding:26px 5%}.brand{width:180px}nav{gap:20px}nav a:first-child,nav a:nth-child(2){display:none}.stealth{font-size:11px;padding:9px 12px}.hero{min-height:710px;height:92svh}.hero-content{padding-top:140px}h1{font-size:clamp(39px,6.5vw,59px)}.hero video{object-position:64% center}.hero-shade{background:linear-gradient(90deg,#080b0bf0,#080b0b77 60%,#080b0b22)}.hero-base{gap:15px}.hero-base>span:nth-child(2){display:none}.hero-base button{margin-left:auto}.section{padding:58px 6% 70px}.section-label{margin-bottom:50px}.about-main,.approach-intro,.contact-grid{grid-template-columns:1fr;gap:30px}.about h2{grid-row:auto;margin-bottom:12px}.about-main .lead{font-size:24px}.industries{margin-top:50px}.problem-grid{gap:40px}.problem-grid h3{font-size:24px}.section-label>span:last-child:not(:first-child){display:none}footer{flex-wrap:wrap;gap:20px}footer .brand{width:170px;margin-right:calc(100% - 170px)}footer>span{margin-right:auto}}@media(max-width:500px){header{gap:16px}.brand{width:145px}nav{display:none}.stealth{margin-left:auto}.hero{min-height:680px}.hero-content{padding-bottom:140px}h1{font-size:39px;line-height:1.14}.hero .eyebrow{font-size:11px}.hero-base{font-size:10px}.hero-base button{font-size:11px}h2{font-size:37px}.problem-grid{grid-template-columns:1fr}.challenge h2{margin-bottom:45px}.pillars summary{gap:20px}.pillars h3{font-size:25px}.pillars details>p{padding-left:37px;padding-right:20px;font-size:16px}.industry-list{gap:14px 24px}.industry-list span{font-size:15px}.cookie{right:14px;bottom:14px;width:calc(100% - 28px);padding:20px}footer{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.plus:after{transition:none}}

/* Aligned navigation and the revised editorial copy. */
header nav{align-items:center;flex-wrap:nowrap}header nav a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;line-height:1.4}
#hero-motion{position:absolute;inset:0;width:100%;height:100%;background:#090a09 url('assets/hero.jpg') 60% center/cover no-repeat}
.hero-base{justify-content:flex-end;border-top:0}.hero-base button{margin-left:auto}
.challenge h2{max-width:1120px;font-size:clamp(32px,3.5vw,55px);line-height:1.22}.problem-grid .index{display:block;margin-bottom:22px}
.about h2{font-size:clamp(34px,3.5vw,55px);max-width:650px}.approach-intro h2{max-width:600px}
@media(max-width:850px){header nav a:first-child,header nav a:nth-child(2){display:inline-flex}header{gap:20px}header nav{gap:18px}.stealth{font-size:10px}header .brand{width:160px}}
@media(max-width:650px){header{flex-wrap:wrap;gap:18px}header .brand{order:0}header .stealth{order:1;margin-left:auto}header nav{order:2;display:flex;flex-basis:100%;justify-content:flex-end;gap:26px;font-size:13px}.hero-content{padding-top:180px}}

.challenge h2{margin-bottom:0}

.contact-grid .contact-email{margin-top:28px;color:var(--gold);font-size:clamp(18px,2vw,26px)}.contact-email a{border-bottom:1px solid currentColor;padding-bottom:5px;overflow-wrap:anywhere}.contact-email a:hover{color:var(--paper)}

.industries .industry-intro{font-size:18px;line-height:1.5;color:#536055;max-width:850px;margin-bottom:26px}.about-main .lead strong{font-weight:600}

/* Unified type system: graphite on light surfaces, neutral inverse on dark. */
:root{--type-graphite:#292d2b;--type-inverse:#eeeFEB;font-family:Arial,Helvetica,sans-serif}
body,button,input,select,textarea{font-family:Arial,Helvetica,sans-serif}
.about,.approach,.cookie{color:var(--type-graphite)}
.hero,.challenge,.contact,header,footer{color:var(--type-inverse)}
.section h2,.about h2,.challenge h2{font-size:clamp(34px,3.5vw,55px);font-weight:400;letter-spacing:-.035em;line-height:1.16}
.section p,.about-main>p:last-child,.about-main .lead,.approach-intro p,.pillars details>p,.contact-grid>div p,.contact-grid .contact-email{font-size:18px;line-height:1.6;font-weight:400;letter-spacing:normal;color:inherit}
.about-main .lead{font-size:22px;line-height:1.5}
.industries .industry-intro,.industry-list span{font-size:18px;line-height:1.6;font-weight:400;letter-spacing:normal;color:var(--type-graphite)}
.industries .industry-intro{max-width:900px;margin-bottom:24px}
.industry-list{gap:16px 32px}
.approach-copy p+p{margin-top:24px}
.pillars h3{font-size:clamp(24px,2.2vw,30px);font-weight:400;line-height:1.3;min-width:0}
.pillars .index{color:var(--type-graphite);flex-shrink:0}.pillars .plus{flex-shrink:0}
h1 em,.contact-grid h2,.contact-grid .contact-email,.challenge .section-label,.contact .section-label,.hero-base{color:var(--type-inverse)}
.section-label>span:last-child:not(:first-child){opacity:1}
.section-label,.eyebrow{font-size:12px;font-weight:400}
header nav{font-size:14px}
.contact-grid .contact-email{margin-top:24px}.contact-email a{color:inherit;border-bottom:1px solid currentColor;padding-bottom:4px}
.contact-email a:hover,nav a:hover,.text-link:hover,footer a:hover,footer button:hover{color:inherit;opacity:.8}
.cookie p,.cookie strong,.cookie-actions button{color:var(--type-graphite)}.cookie-actions .accept{color:var(--type-inverse)}
@media(max-width:500px){.about-main .lead{font-size:20px}.industries .industry-intro,.industry-list span{font-size:18px}.pillars summary{gap:18px}.pillars details>p{font-size:18px}.section h2{font-size:34px}}

/* Recovery and industry focus form a single secondary group in the copy column. */
.about-main{align-items:start}.about-main h2{grid-row:auto}.about-copy{min-width:0}
.recovery-focus{margin-top:46px}.recovery-focus h3{font-size:22px;font-weight:400;line-height:1.4;letter-spacing:-.015em;margin:0 0 14px;color:var(--type-graphite)}
.recovery-focus p{font-size:16px;line-height:1.6;color:var(--type-graphite)}
.focus-industries{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;list-style:none;padding:0;margin:22px 0 0;font-size:16px;line-height:1.5;color:var(--type-graphite)}
.focus-industries li:last-child{grid-column:1/-1}
@media(max-width:850px){.recovery-focus{margin-top:36px}}
@media(max-width:360px){.focus-industries{grid-template-columns:1fr}.focus-industries li:last-child{grid-column:auto}}

/* Parallel introductory statements share one typographic role at every size. */
.about-main .lead,.approach-intro .approach-copy p,.recovery-focus h3{font-size:18px;line-height:1.6;font-weight:400;letter-spacing:normal;color:var(--type-graphite)}
.recovery-focus h3{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #292d2b30}
.recovery-focus p{font-size:18px;line-height:1.6}
.focus-industries{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;font-size:16px;line-height:1.4}
.focus-industries li{flex:1 1 calc(50% - 10px);padding:13px 14px;border:1px solid #292d2b30;border-radius:2px;text-align:center;display:flex;align-items:center;justify-content:center;min-width:0}
.focus-industries li:last-child{flex:0 1 100%;grid-column:auto}
@media(max-width:380px){.focus-industries li{flex-basis:100%}}

/* Quiet, full-width industry footer beneath the primary Who we are content. */
.recovery-focus{margin-top:28px}.recovery-focus h3{border:0;padding:0;margin:0}
.industry-footer{margin-top:48px;padding:0;border:0;color:var(--type-graphite)}
.industry-footer>p{font-size:16px;line-height:1.6;margin:0 0 18px}
.industry-footer .focus-industries{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin:0;padding:0;font-size:14px;line-height:1.4}
.industry-footer .focus-industries li,.industry-footer .focus-industries li:last-child{flex:0 1 auto;display:block;min-width:0;padding:9px 13px;border:1px solid #292d2b25;border-radius:2px;text-align:left;background:transparent;font-weight:400}
@media(max-width:850px){.industry-footer{margin-top:36px}}

/* Footer follows the same horizontal content gutter as the main sections. */
footer{padding-left:7%;padding-right:7%}
@media(min-width:1700px){footer{padding-left:max(7%,calc((100% - 1480px)/2));padding-right:max(7%,calc((100% - 1480px)/2))}}
@media(max-width:850px){footer{padding-left:6%;padding-right:6%}}

/* One shared horizontal gutter for every page region. */
:root{--page-gutter:7%}
header,.hero-content,.section,footer{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.hero-base{left:var(--page-gutter);right:var(--page-gutter)}
.contact-grid .contact-action{margin-top:28px}
.contact-button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:13px 22px;border:1px solid #eeeFEB80;border-radius:2px;font-size:16px;line-height:1.4;color:var(--type-inverse);background:transparent;transition:background .15s,color .15s}
.contact-button:hover{background:var(--type-inverse);color:var(--type-graphite)}
@media(min-width:1700px){:root{--page-gutter:max(7%,calc((100% - 1480px)/2))}}
@media(max-width:850px){:root{--page-gutter:6%}}
@media(prefers-reduced-motion:reduce){.contact-button{transition:none}}

/* Editorial contact action, distinct from the outlined category labels. */
.contact-button{gap:22px;padding:4px 0;border:0;border-radius:0;background:transparent;color:var(--type-inverse);font-size:18px;line-height:1.4;min-height:56px}
.contact-button-label{padding:5px 0;border-bottom:1px solid transparent;transition:border-color .2s}
.contact-button-arrow{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--type-inverse);color:var(--type-graphite);font-size:25px;line-height:1;transition:transform .2s}
.contact-button:hover{background:transparent;color:var(--type-inverse)}
.contact-button:hover .contact-button-label{border-bottom-color:currentColor}
.contact-button:hover .contact-button-arrow{transform:translate(3px,-3px)}
@media(prefers-reduced-motion:reduce){.contact-button-label,.contact-button-arrow{transition:none}.contact-button:hover .contact-button-arrow{transform:none}}

/* One filled pill: label and decorative arrow share a single hit area. */
.contact-button{display:inline-flex;gap:16px;min-height:50px;padding:14px 24px;border:1px solid var(--type-inverse);border-radius:999px;background:var(--type-inverse);color:var(--type-graphite);font-size:16px;line-height:1.3;transition:background .18s,border-color .18s}
.contact-button-label{padding:0;border:0;transition:none;pointer-events:none}
.contact-button-arrow{display:block;width:auto;height:auto;border-radius:0;background:transparent;color:inherit;font-size:20px;line-height:1;transition:none;pointer-events:none}
.contact-button:hover{background:#d8ded4;border-color:#d8ded4;color:var(--type-graphite)}
.contact-button:hover .contact-button-label{border:0}
.contact-button:hover .contact-button-arrow{transform:none}
@media(prefers-reduced-motion:reduce){.contact-button{transition:none}}

/* Everset Capital brand layer: gold gutter grid lines, section rules and curved gutter flares. */
:root{--grid-gold:#ceb07a;--flare:clamp(48px,10.5vw,150px);--flare-w:min(var(--page-gutter),var(--flare))}
body{position:relative}
body::before{content:'';position:absolute;z-index:3;top:0;bottom:0;left:var(--page-gutter);right:var(--page-gutter);border-left:1px solid var(--grid-gold);border-right:1px solid var(--grid-gold);pointer-events:none}
header{border-bottom-color:var(--grid-gold)}
.section{border-top:1px solid var(--grid-gold)}
footer{border-top-color:var(--grid-gold)}
.about,.approach{position:relative}
header::after,.hero::after,.about::after,.approach::after{content:'';position:absolute;z-index:1;height:var(--flare);pointer-events:none}
/* Inside the content column, hanging from the header rule at the right grid line. */
header::after{top:calc(100% + 1px);right:var(--page-gutter);width:var(--flare);background:radial-gradient(circle var(--flare) at 0 100%,transparent calc(var(--flare) - .5px),var(--grid-gold) var(--flare))}
/* Left gutter, closing into the bottom of the section. */
.hero::after,.approach::after{bottom:0;left:calc(var(--page-gutter) - var(--flare-w));width:var(--flare-w);background:radial-gradient(circle var(--flare) at calc(100% - var(--flare)) 0,transparent calc(var(--flare) - .5px),var(--grid-gold) var(--flare))}
/* Right gutter, closing into the bottom of the section. */
.about::after{bottom:0;right:calc(var(--page-gutter) - var(--flare-w));width:var(--flare-w);background:radial-gradient(circle var(--flare) at var(--flare) 0,transparent calc(var(--flare) - .5px),var(--grid-gold) var(--flare))}
/* Content sits inset from the gold grid lines, as in the Figma layout. */
:root{--grid-inset:40px}
header,.hero-content,.section,footer{padding-left:calc(var(--page-gutter) + var(--grid-inset));padding-right:calc(var(--page-gutter) + var(--grid-inset))}
.hero-base{left:calc(var(--page-gutter) + var(--grid-inset));right:calc(var(--page-gutter) + var(--grid-inset))}
@media(max-width:850px){:root{--grid-inset:20px}}
@media(max-width:500px){:root{--grid-inset:14px}}
/* Everset Capital logo lockup is taller than the previous wordmark. */
header .brand{width:150px}footer .brand{width:130px}
@media(max-width:850px){header .brand{width:130px}footer .brand{width:120px;margin-right:calc(100% - 120px)}}
@media(max-width:500px){header .brand{width:115px}}

/* Everset Capital button: dark fill, gold uppercase label, small arrow. */
:root{--button-ink:#242424}
.contact-button,.cookie-actions button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:40px;height:40px;padding:0 20px;border:1px solid var(--button-ink);border-radius:8px;background:var(--button-ink);color:var(--grid-gold);font-size:10px;font-weight:500;line-height:1.45;letter-spacing:.1px;text-transform:uppercase;transition:background .15s,border-color .15s}
.contact-button:hover,.cookie-actions .accept:hover{background:#383838;border-color:#383838;color:var(--grid-gold)}
.contact-button-arrow{display:block;width:12px;height:12px;font-size:0}
.contact .contact-button,.hero .contact-button{border-color:#ceb07a66}
.cookie-actions .accept{background:var(--button-ink);border-color:var(--button-ink);color:var(--grid-gold)}
.cookie-actions button:not(.accept){background:transparent;color:var(--button-ink)}
.cookie-actions button:not(.accept):hover{background:#2424240f}
@media(prefers-reduced-motion:reduce){.contact-button,.cookie-actions button{transition:none}}

/* Challenge: graphite gradient with the oversized Everset mark entering from the right third. */
.challenge{position:relative;overflow:hidden;background:linear-gradient(29.74deg,#242424 7.58%,#353535 81.03%)}
.challenge::before{content:'';position:absolute;z-index:0;top:-13%;bottom:-13%;left:66.67%;aspect-ratio:979/1060;background:url('assets/everset-icon.svg') left center/contain no-repeat;pointer-events:none}
.challenge>*{position:relative;z-index:1}
@media(max-width:650px){.challenge::before{left:82%}}

/* Dark surfaces use the Everset Capital graphite instead of dark green. */
:root{background:var(--button-ink)}
.contact,footer{background:var(--button-ink)}
/* Light sections: white-to-cream wash, top left to bottom right at 35° below horizontal. */
.about,.approach{background:linear-gradient(125deg,#fff,#f5f1e8)}

/* Industry tags read as a two-column bulleted list. */
.industry-footer .focus-industries{display:flex;flex-wrap:wrap;gap:10px 28px}
.industry-footer .focus-industries li,.industry-footer .focus-industries li:last-child{display:flex;align-items:center;gap:10px;padding:0;border:0;border-radius:0;background:none;font-size:15px;line-height:1.5}
.industry-footer .focus-industries li::before{content:'';flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--grid-gold)}
.industry-footer .focus-industries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}
.industry-footer .focus-industries{justify-content:start}.industry-footer .focus-industries li,.industry-footer .focus-industries li:last-child{grid-column:auto;justify-content:flex-start;text-align:left}
@media(max-width:500px){.industry-footer .focus-industries{grid-template-columns:1fr}}
.contact-grid .contact-topics{margin-top:24px;max-width:520px;color:#eeefebb3;text-wrap:balance}
.about-copy .industry-footer{margin-top:32px}
.nowrap{white-space:nowrap}
.industry-footer .focus-industries li,.industry-footer .focus-industries li:last-child{align-items:flex-start}.industry-footer .focus-industries li::before{margin-top:.55em}
/* Contact: narrower heading column, wider copy column. */
@media(min-width:851px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6%}}
/* Industries: two in the left column, three in the right. */
@media(min-width:501px){.industry-footer .focus-industries li:nth-child(1){grid-area:1/1}.industry-footer .focus-industries li:nth-child(2){grid-area:2/1/4/2}.industry-footer .focus-industries li:nth-child(3){grid-area:1/2}.industry-footer .focus-industries li:nth-child(4){grid-area:2/2}.industry-footer .focus-industries li:nth-child(5){grid-area:3/2}}
/* Section label rules match the gold grid lines. */
.section .section-label{border-top:0;padding-top:0}
/* Scrolling is animated in app.js; accordions clip while they resize. */
html{scroll-behavior:auto}
[tabindex="-1"]:focus{outline:none}
.pillars details{overflow:hidden}
/* Hero headline sets on three lines at desktop widths, as in the Figma layout. */
.hero h1{max-width:none}
@media(max-width:650px){.hero h1 br{display:none}}
/* Stealth mode badge takes the Everset button shape. */
header .stealth{display:inline-flex;align-items:center;height:40px;padding:0 20px;border-radius:8px}
/* Headlines: balanced line lengths and no single-word last lines. */
h1,h2,h3{text-wrap:balance}
@media(min-width:851px) and (max-width:1023px){.industry-footer .focus-industries{grid-template-columns:1fr}.industry-footer .focus-industries li:nth-child(n){grid-area:auto}}
/* Line arrows replace text arrows, which render as emoji on some phones. */
.icon-arrow{display:inline-block;flex-shrink:0;width:12px;height:12px;vertical-align:-1px}
footer a[href="#home"]:not(.brand){display:inline-flex;align-items:center;gap:6px}
/* Mobile: no nav row in the header. */
@media(max-width:650px){header nav{display:none}.hero-content{padding-top:140px}}

/* ===== Option 2 ===== */
/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 * Webfont: Afical Neue Medium by Formatype Foundry
 * URL: https://www.myfonts.com/collections/formatype-foundry
 * © 2026 MyFonts Inc. */
@font-face{font-family:'Afical Neue';src:url('assets/fonts/AficalNeueMedium.woff2') format('woff2'),url('assets/fonts/AficalNeueMedium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
/* Type: Geist Light for copy; headings use the brand face once supplied, Geist Medium until then. */
:root{--font-copy:'Geist',Arial,Helvetica,sans-serif;--font-heading:'Afical Neue','Geist',Arial,Helvetica,sans-serif;font-family:var(--font-copy)}
body,button,input,select,textarea{font-family:var(--font-copy)}
p,li,footer,.stealth,.index,.cookie p{font-weight:300}
h1 em,h1,h2,h3,header nav,.text-link,.section-label,.contact-button,.cookie strong{font-family:var(--font-heading);font-weight:500}

/* Hero: full-bleed video at the Figma height. The headline sits at the bottom of the hero; when the hero is
   taller than the viewport it sticks to the bottom of the screen and rides down until it reaches that spot.
   overflow:clip (not hidden) keeps the hero from becoming a scroll container, which would disable sticky. */
:root{--hero-h:clamp(620px,min(100vh,56.25vw),900px);--hero-text-bottom:80px}
.hero{height:var(--hero-h);min-height:0;max-height:none;align-items:flex-end;overflow:clip}
.closing-video{position:absolute;inset:0;width:100%;height:100%;background:#090a09}
/* Vimeo letterboxes inside its iframe, so the iframe itself is sized to cover the hero at 16:9. */
.closing-video{overflow:hidden;pointer-events:none;container-type:size}
.closing-video iframe{position:absolute;top:50%;left:50%;width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);transform:translate(-50%,-50%);border:0}
.hero-shade{background:linear-gradient(90deg,#080b0bd9 29.8%,#080b0b1a 68.3%,#080b0bcc 98.6%),linear-gradient(0deg,#0c100e88,transparent 35%)}
.hero-content{position:sticky;bottom:0;padding-top:160px;padding-bottom:var(--hero-text-bottom)}
@media(max-width:850px){:root{--hero-h:50svh;--hero-text-bottom:48px}.hero{height:auto;min-height:var(--hero-h)}.hero-content{padding-top:130px}.hero-shade{background:linear-gradient(0deg,#080b0be6 0%,#080b0b99 45%,#080b0b33 100%)}}

/* Who we are: graphite surface with the Everset mark rising behind the heading. */
.about{background:var(--button-ink);color:#eee;overflow:hidden}
.about h2,.about-main .lead{color:#fff}
.about .industry-footer,.about .industry-footer>p,.about .focus-industries,.about .focus-industries li{color:#eee}
.about-mark{position:absolute;z-index:0;top:0;left:calc(var(--page-gutter) + 1px);width:auto;max-width:none;height:100%;pointer-events:none}
.about>*:not(.about-mark){position:relative;z-index:1}
@media(max-width:850px){.about-mark{opacity:.7}}

/* Systems must evolve: four statements on a light field of gold-washed diagonals. */
.challenge{background:url('assets/challenge-bg.svg') right center/auto 100% no-repeat,#f8f8f8;color:var(--button-ink);padding-bottom:clamp(70px,8.7vw,125px)}
.challenge::before{content:none}
.challenge .section-label{color:#565656}
.challenge h2{color:var(--button-ink);max-width:none;font-size:clamp(30px,3.47vw,50px);line-height:1.16;letter-spacing:-.051em}

/* Approach: heading and copy stacked on the left, the recovered-materials image on the right. */
.approach-intro{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:6%;row-gap:48px;align-items:start}
.approach-intro h2{grid-area:1/1;max-width:12em}
.approach-copy{grid-area:2/1;max-width:530px}
/* Mirrored and turned 45deg. The ball body (offset slightly from the image centre) is centred between the copy column and the right gold line, and between the section rule and the pillars (label block is 171px above the intro, pillars sit 64px below it); its trailing cable runs into the gutter. */
.approach{overflow-x:clip}
.approach-image{grid-area:1/2/3/3;align-self:center;justify-self:end;width:min(567px,max(38.31vw - 132px,51.44vw - 318.3px));max-width:none;height:auto;margin:-400px 0;transform:translate(-9.94%,calc(-53.5px - 2.34%)) rotate(45deg) scaleX(-1)}
.pillars h3{font-size:clamp(24px,2.1vw,30px)}
.pillars .index{font-size:13px;letter-spacing:.1em}
/* Pillars: always open, two columns (1 2 / 3 4); body copy sits just under its heading, aligned to the heading text. */
.pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6%}
.pillar{display:grid;grid-template-columns:24px 1fr;column-gap:32px;align-content:start;align-items:baseline;border-top:1px solid #243e2b33;padding:30px 0 38px}
.pillar:nth-child(n+3){border-bottom:1px solid #243e2b33}
.pillar h3{margin:0}
.pillar p{grid-column:2;margin-top:10px;max-width:460px;font-size:18px;line-height:1.6;color:inherit}
@media(max-width:850px){.pillars{grid-template-columns:1fr}.pillar:nth-child(3){border-bottom:0}.pillar{column-gap:20px;padding:24px 0 30px}.pillar p{font-size:16px}}
@media(max-width:850px){.approach-intro{grid-template-columns:1fr;row-gap:30px}.approach-intro h2,.approach-copy{grid-area:auto}.approach-image{grid-area:auto;order:-1;justify-self:center;width:min(62%,320px);margin:-20px 0 0;transform:rotate(45deg) scaleX(-1)}}

/* Footer copy in Geist Light. */
footer{color:#eeefeb}

/* Contact heading sets on two lines at desktop widths, as in Figma (it runs slightly into the column gap). */
@media(min-width:1200px){.contact-grid h2{white-space:nowrap}}

/* Afical Neue headings: open up the tight tracking. */
h1,.hero h1{letter-spacing:-.02em}
h2,.section h2,.about h2,.challenge h2{letter-spacing:-.015em}
h3,.recovery-focus h3{letter-spacing:-.005em}

/* Molten gold video runs behind the contact section and footer, darkened so the text stays legible. */
.closing{position:relative;isolation:isolate;overflow:hidden;background:var(--button-ink)}
.closing>.closing-video,.closing>.closing-shade{z-index:-1}
.closing .contact,.closing footer{background:transparent}
.closing-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#080b0ba6 0%,#080b0b59 45%,#080b0b1a 100%),linear-gradient(0deg,#080b0b80 0%,transparent 25%)}