/* Ore Dynamics: fluid layouts, cinematic opening and technical editorial pages. */
:root{--wrap:2880px;--page-gutter:clamp(1rem,3.5vw,9rem)}
.wrap{width:min(calc(100% - var(--page-gutter)*2),var(--wrap))}
.header-inner{width:min(calc(100% - var(--page-gutter)*2),var(--wrap));max-width:none;padding-inline:0;gap:clamp(1.2rem,2vw,3rem)}
.drawer-main a:nth-last-child(-n+3){grid-column:1/-1}
.header-actions,.brand{flex-shrink:0}.top-nav{gap:clamp(1rem,1.6vw,2.6rem)}
.hero-still{min-height:clamp(620px,calc(100svh - 78px),1250px);display:flex;align-items:stretch}
.hero-still .hero-inner{width:min(calc(100% - var(--page-gutter)*2),var(--wrap));justify-content:center;position:relative;z-index:2;padding-bottom:5rem}
.hero-still .hero-copy{padding:5rem 0;max-width:720px}
.hero-still .hero-foot{position:absolute;inset:auto 0 0;align-items:center;min-height:70px;font-size:.875rem}
.hero-still .hero-photo{inset:0;height:100%;transform:none;object-position:center}
.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .45s ease;pointer-events:none}
.hero-still.film-ready .hero-film{opacity:1}
.hero-still .hero-shade{background:linear-gradient(90deg,#04192fe6 0%,#04192fc2 26%,#04192f47 56%,transparent 85%),linear-gradient(0deg,#04192f88,transparent 20%)}
#hero-film-toggle{border:1px solid #d1e8f08a;background:#071f356b;color:#fff;border-radius:999px;font:400 .875rem Helvetica,Arial,sans-serif;padding:.7rem 1rem;min-width:110px;min-height:42px}
#hero-film-toggle:hover{background:#0d4f91}
.page-lead,.page-lead .lead-inner{min-height:clamp(480px,28vw,680px)}
.page-lead .lead-content{max-width:820px}.page-lead h1{max-width:780px}.lead-copy{max-width:680px}
.section-heading.split{gap:clamp(2rem,5vw,8rem)}.section-heading.split>p{max-width:700px}
.product-grid,.gateway-grid,.downhole-grid,.info-grid,.waterway-grid{min-width:0}
.product-card,.gateway,.downhole-card,.info-card,.waterway-card{min-width:0}
.product-card p,.gateway p,.info-card p,.downhole-card p{max-width:64ch}
.product-specs>div,.product-detail-grid>div,.featured-layout>div,.contact-grid>div{min-width:0}
.editorial-grid{grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:clamp(2rem,5vw,7rem)}
.editorial-grid>div{max-width:1000px}.editorial-grid p:not(.eyebrow){max-width:78ch}
.contact-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,9rem)}
.contact-form{max-width:1050px;width:100%;justify-self:end}.contact-methods p{max-width:58ch}
.vision-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:5%}.vision-narrative{max-width:760px}.vision-intro{max-width:660px}.vision-step p{font-size:1rem;line-height:1.65;max-width:650px}.vision-stage{height:min(700px,70svh)}
.vision-narrative h2{font-size:clamp(2.2rem,3.1vw,3.6rem)}.vision-scroll-hint{right:var(--page-gutter);font-size:.875rem}.vision-step h3{line-height:1.35}
.company-intro{display:grid;grid-template-columns:.35fr 1fr;gap:clamp(2rem,5vw,7rem)}.company-intro>div{max-width:1020px}.company-intro h2{font-size:clamp(2rem,3vw,3.2rem);font-weight:500;max-width:850px}.company-intro p:not(.eyebrow){max-width:80ch;font-size:1.05rem;color:#456175;line-height:1.85}
.company-purpose{background:#071f35;color:#fff}.company-purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,9rem)}.company-purpose article{border-top:1px solid #8ebcd051;padding-top:2rem}.company-purpose .mini-code{color:#9dd0e8}.company-purpose h2{font-size:clamp(2rem,3vw,3rem);font-weight:500;margin:2rem 0 1.2rem}.company-purpose p{max-width:65ch;color:#c2dbe8;font-size:1.08rem;line-height:1.9}
.company-approach{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.3rem,3vw,4rem)}.company-approach article{border-top:2px solid #0d4f91;padding-top:1.3rem}.company-approach article>span{font-size:.875rem;color:#4981a1}.company-approach h3{font-size:1.35rem;font-weight:500;line-height:1.4;margin:1.5rem 0 .9rem}.company-approach p{font-size:1rem;line-height:1.85;color:#456175;max-width:52ch}
.resource-grid-expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}.resource-grid-expanded article{padding:clamp(1.5rem,2.5vw,3rem);min-height:390px;border-top:3px solid #0d4f91}.resource-grid-expanded h2{font-size:clamp(1.5rem,1.9vw,2rem);line-height:1.2;max-width:600px}.resource-grid-expanded p{font-size:1rem;line-height:1.8;max-width:70ch}.resource-grid-expanded article>a{margin-top:1rem}.resource-grid-expanded .resource-download{border-color:#ff9900}
.field-guide-layout{display:grid;grid-template-columns:minmax(240px,.35fr) minmax(0,1fr);gap:clamp(3rem,7vw,10rem);align-items:start}.guide-contents{position:sticky;top:2rem;max-width:410px}.guide-contents a{display:flex;gap:.8rem;align-items:start;padding:1rem 0;border-top:1px solid #c7d9e2;font-size:.95rem;line-height:1.65;color:#395c73}.guide-contents a:hover{color:#0d4f91}.guide-contents a span{font-size:.75rem;color:#5c8ca8;padding-top:.2rem;flex-shrink:0}.field-guide-body{min-width:0;max-width:1250px}.field-guide-body>section{margin-bottom:3.3rem;scroll-margin-top:2rem}.field-guide-body h2{font-size:clamp(1.7rem,2.2vw,2.4rem);font-weight:500;line-height:1.25;max-width:920px;margin:1rem 0}.field-guide-body>section>p{font-size:1.0625rem;line-height:1.9;color:#3e5b6e;max-width:80ch}.field-guide-body>.guide-graphic{margin:3rem 0 4rem}.guide-graphic{padding:clamp(1.5rem,3vw,3.2rem);background:#082c49;color:#fff;border-radius:16px}.guide-graphic h2{margin:.8rem 0 2rem;max-width:720px}.guide-graphic>p{font-size:.95rem;line-height:1.75;color:#bbd7e6;max-width:75ch;margin:1.5rem 0 0}.guide-bars{display:grid;gap:1.5rem}.guide-bar-row{display:grid;grid-template-columns:76px minmax(0,1fr) 96px;align-items:center;gap:1.2rem}.guide-bar-row>span{font-size:1rem;color:#bbd7e6}.guide-bar-row strong{font-size:1.25rem;font-weight:500;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.guide-bar-track{height:24px;background:#b4d5e218;position:relative;border-radius:4px;overflow:hidden}.guide-bar-track i{display:block;width:var(--bar-width);height:100%;background:#73bedf;border-radius:4px}.guide-bar-row:last-child .guide-bar-track i{background:#ffa32b}.guide-checklist{border:1px solid #bfd3df;background:#f1f6f9;border-radius:14px;padding:2rem}.guide-checklist h2{font-size:1.7rem}.guide-checklist ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.6rem 0 2rem}.guide-checklist li{border-left:2px solid #0d4f91;padding-left:.8rem;font-size:1rem;color:#3e5b6e;line-height:1.7}
.story-data-grid{border:0;gap:1rem}.story-stat{padding:clamp(1.5rem,2.5vw,3rem);border:1px solid #9bcde142;border-top:3px solid #8fcde8;background:#0b3453;border-radius:0 0 12px 12px}.story-stat>span{color:#8bbbd5}.story-stat strong{display:block;font-size:clamp(2.3rem,3.5vw,4.8rem);font-weight:400;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:1.5rem}.story-stat p{font-size:1rem;line-height:1.6;color:#c1d9e7;max-width:25ch}.story-stat:last-child{border-top-color:#ff9900}.story-data-head{gap:clamp(2rem,5vw,7rem)}.story-data-head>p{max-width:76ch;font-size:1rem}.story-essay p{max-width:80ch}
.comparison-grid{gap:clamp(2rem,5vw,8rem);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.comparison-grid>div:first-child{max-width:700px}.comparison-grid small{font-size:.875rem}.replacement-chart{margin:0;padding:clamp(1.5rem,3.5vw,4rem);background:#fff;border:1px solid #b8cedb;border-radius:18px;box-shadow:0 25px 70px #072e4910}.replacement-chart figcaption{font-size:.875rem;letter-spacing:.03em;color:#4b6c7f;margin-bottom:2rem}.replacement-row{margin-bottom:2.2rem}.replacement-row>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.replacement-row span{font-size:1rem;color:#2c536c}.replacement-row strong{font-size:2.7rem;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}.replacement-track{height:36px;background:#eaf0f4;border-radius:5px;position:relative;overflow:hidden;background-image:linear-gradient(90deg,transparent calc(100% - 1px),#a6bdcc55 0);background-size:20% 100%}.replacement-track i{display:block;height:100%;background:#63849a}.replacement-track b{position:absolute;top:0;height:100%;background:repeating-linear-gradient(135deg,#63849a22,#63849a22 5px,#63849a88 5px,#63849a88 7px);border:1px dashed #63849a}.replacement-row.improved .replacement-track i{background:#0d4f91}.replacement-row.improved strong{color:#0d4f91}.replacement-axis{display:flex;justify-content:space-between;font-size:.875rem;color:#6c8494;font-variant-numeric:tabular-nums;margin-top:-1.5rem}.replacement-chart>p{font-size:.875rem;line-height:1.65;color:#6c8494;margin-top:1.5rem;margin-bottom:0;max-width:70ch}
.gold-feature{background:#061f35;color:#fff;position:relative;overflow:hidden}.gold-feature-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,7vw,10rem);align-items:center}.gold-feature-grid h2{font-size:clamp(2.5rem,4.5vw,5rem);font-weight:500;margin-bottom:1.2rem}.gold-feature-grid>div>p:not(.eyebrow){font-size:1.05rem;line-height:1.85;color:#bed9e8;max-width:70ch;margin-bottom:2rem}.gold-record{padding:1rem 0}.gold-record>span{display:block;font-size:.95rem;letter-spacing:.06em;color:#afd0e3}.gold-record>strong{display:block;font-size:clamp(6rem,13vw,14rem);line-height:1;font-weight:400;letter-spacing:-.075em;color:#fff;font-variant-numeric:tabular-nums;margin:.75rem 0 1.3rem}.gold-record>strong>span{font-size:.24em;letter-spacing:-.03em;color:#ffaa30;margin-left:.15em}.gold-record p{font-size:1rem;color:#9fc5da;line-height:1.65;max-width:550px;margin:0}.gold-record-rule{height:3px;margin-top:1.8rem;background:linear-gradient(90deg,#ff9900,#ff9900 70%,#5486a233 70%);width:100%;max-width:600px}.gold-results{display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:center}.gold-supporting{border-top:1px solid #76a5c064}.gold-supporting>div{padding:1.6rem 0;border-bottom:1px solid #76a5c064;display:flex;align-items:center;justify-content:space-between;gap:2rem}.gold-supporting strong{font-size:clamp(2rem,3.5vw,3.5rem);font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}.gold-supporting span{font-size:1rem;line-height:1.65;color:#b5d0e1;max-width:230px;text-align:right}.gold-story-body{max-width:1100px;padding-block:5rem}.gold-story-body>h2{font-size:clamp(2rem,3vw,3rem);font-weight:500;margin-bottom:3rem}.gold-story-body>section{margin:2.5rem 0}.gold-story-body h3{font-size:1.6rem;font-weight:500;margin:1rem 0}.gold-story-body p{font-size:1.06rem;line-height:1.9;color:#3e5b6e;max-width:85ch}.gold-links{display:flex;align-items:center;flex-wrap:wrap;gap:1.7rem;margin-top:3rem}.gold-links>a:last-child{font-size:.95rem;text-decoration:underline;text-underline-offset:4px}
@media(min-width:1550px){.gateway-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.resource-grid-expanded{grid-template-columns:repeat(4,minmax(0,1fr))}.selection-chapter-content{max-width:650px}.selection-lead,.selection-note{max-width:630px}.selection-facts>div{grid-template-columns:145px 1fr}.selection-hero .wrap,.selection-summary .wrap{max-width:none}.selection-hero h1{max-width:850px}.selection-canvas-wrap{right:2%;width:54%}.selection-chapters{margin-left:var(--page-gutter);width:43%}.selection-summary h2{max-width:1000px}.selection-summary ol{max-width:1500px}.product-hero-grid{min-height:650px}.product-hero-image img{min-height:520px;object-fit:cover}.feature-image img{height:clamp(520px,30vw,900px);object-fit:cover}.story-feature>img,.story-teaser-grid>img{height:clamp(420px,25vw,700px);object-fit:cover}.bit-section-heading p{max-width:760px}.bit-decision-grid p,.bit-operating-grid p{max-width:68ch}.bit-section-intro{max-width:980px}.bit-wear-layout{grid-template-columns:280px minmax(0,1fr)}.bit-wear-panel{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}.bit-wear-panel figure{max-width:620px}.bit-wear-panel dd{max-width:78ch}.bit-calculators{max-width:1850px}.bit-field-record{max-width:1950px}}
@media(max-width:1100px){.header-inner{gap:1rem}.top-nav{gap:1rem}.company-approach{grid-template-columns:repeat(2,minmax(0,1fr))}.field-guide-layout{grid-template-columns:230px minmax(0,1fr);gap:2.5rem}.gold-supporting>div{display:block}.gold-supporting span{display:block;text-align:left;margin-top:.65rem}.story-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hero-still{min-height:max(660px,calc(100svh - 78px))}.hero-still .hero-copy{max-width:650px;padding:4rem 0}.hero-still .hero-film,.hero-still .hero-photo{object-position:64% center}.page-lead,.page-lead .lead-inner{min-height:480px}.contact-grid,.editorial-grid,.company-intro,.company-purpose-grid,.comparison-grid,.gold-feature-grid,.gold-results,.field-guide-layout{grid-template-columns:1fr;gap:2.5rem}.contact-form{max-width:none}.vision-layout{display:block}.vision-stage{height:auto}.company-intro>div{max-width:none}.field-guide-body{max-width:none}.guide-contents{position:static;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 1.3rem}.guide-contents>p{grid-column:1/-1}.company-purpose-grid{gap:3rem}.gold-supporting{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.gold-supporting>div{border:0}.gold-supporting strong{font-size:2.1rem}.gold-record>strong{font-size:9rem}.gold-feature-grid>div{max-width:780px}.gold-record-rule{max-width:none}.gold-story-body{padding-block:4rem}}
@media(max-width:650px){.header-inner{width:calc(100% - 2rem)}.hero-still{min-height:calc(100svh - 70px);min-height:max(600px,calc(100svh - 70px))}.hero-still .hero-inner{padding-bottom:5rem}.hero-still .hero-copy{padding:3.5rem 0}.hero-still h1{font-size:clamp(2.8rem,10vw,4rem)}.hero-still .hero-shade{background:linear-gradient(90deg,#04192fde,#04192f88 80%),linear-gradient(0deg,#04192fbb,transparent 40%)}.hero-still .hero-foot{gap:.75rem;font-size:.75rem}.hero-still .hero-foot>span{max-width:55%;text-align:left}.hero-still .hero-copy>p:not(.eyebrow){font-size:1rem}.page-lead,.page-lead .lead-inner{min-height:470px}.company-approach,.resource-grid-expanded,.guide-contents,.guide-checklist ul{grid-template-columns:1fr}.resource-grid-expanded article{min-height:0}.resource-grid-expanded article>a{margin-top:1.5rem}.guide-bar-row{grid-template-columns:63px minmax(0,1fr) 75px;gap:.6rem}.guide-bar-row>span{font-size:.875rem}.guide-bar-row strong{font-size:1rem}.guide-bar-track{height:20px}.guide-graphic{border-radius:10px}.guide-checklist{padding:1.3rem}.gold-supporting{grid-template-columns:1fr;gap:0}.gold-supporting>div{display:flex;border-bottom:1px solid #76a5c064;gap:1rem}.gold-supporting span{text-align:right;margin-top:0}.gold-record>strong{font-size:clamp(6rem,26vw,9rem)}.replacement-row strong{font-size:2.2rem}.story-stat{padding:1.2rem}.story-stat strong{font-size:clamp(1.85rem,6.5vw,2.8rem)}.story-stat p{font-size:.875rem}.vision-step p{font-size:1rem}.company-intro p:not(.eyebrow),.field-guide-body>section>p,.gold-story-body p{font-size:1rem}.selection-step-nav{flex-wrap:nowrap}}
@media(prefers-reduced-motion:reduce){.hero-film{transition:none}}
