/* Scrollable editorial pages share the home page's metalwork and palette. */
html:has(body.content-page){height:auto;overflow:auto;overscroll-behavior:auto}
body.content-page{height:auto;min-height:100vh;overflow:visible;background:#071a21;isolation:isolate}
/* Shared corner scale texture for all editorial page backgrounds. */
.content-page:before,.content-page:after{content:"";position:fixed;z-index:-1;pointer-events:none;top:0;right:0;width:min(100%,1050px);height:min(100vh,1000px)}
.content-page:before{background:radial-gradient(ellipse at 100% 0,#20444e70,transparent 70%)}
.content-page:after{background:url('assets/news-hex.svg') right top/24px 42px;mask-image:radial-gradient(ellipse at 100% 0,#000 0%,#0009 30%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 100% 0,#000 0%,#0009 30%,transparent 72%);opacity:.15;animation:hex-breathe 12s ease-in-out infinite}
@keyframes hex-breathe{0%,100%{opacity:.08}50%{opacity:.23}}
.content-page #main{min-height:75vh}
.page-hero{position:relative;isolation:isolate;min-height:530px;display:flex;align-items:center;border-bottom:1px solid #52717a66;background:#12323b;overflow:hidden}
.page-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:var(--page-art) 65% center/cover no-repeat}
.page-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03151de8 0%,#03151db3 38%,#03151d18 85%),linear-gradient(0deg,#06171d,transparent 45%)}
.page-hero-inner{width:min(1120px,88%);margin:auto;padding:155px 0 80px}
.page-title{font:500 clamp(40px,5vw,70px)/1.02 var(--serif);letter-spacing:-1.8px;text-transform:uppercase;margin:0 0 25px;max-width:760px;text-wrap:balance}
.page-lead{max-width:470px;font-size:18px;line-height:1.7;color:#d5e0de;margin:0 0 26px}
.page-content{width:min(1080px,88%);margin:0 auto;padding:68px 0 80px;display:grid;gap:58px}
.page-content p,.article-body p,.article-body li{font-size:16px;line-height:1.8;color:#b8cdd0;max-width:760px}
.page-content .eyebrow,.article-body .eyebrow{font:10px/1.7 var(--sans);color:var(--gold);letter-spacing:2px}
.section-heading{margin:0 0 25px}
div.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;flex-wrap:wrap}
div.section-heading>.eyebrow{flex-basis:100%;margin-bottom:-10px}
.section-heading h2{margin:0}
.content-page main h2{font-size:clamp(28px,3vw,38px);font-weight:400;line-height:1.2;color:var(--cream)}
.content-page main h3{font-size:26px;font-weight:400;line-height:1.25;margin:0 0 15px;color:var(--cream)}
.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:22px}
.panel{padding:30px;border:1px solid #496b735e;border-top:2px solid #8f82564d;border-radius:4px;background:linear-gradient(130deg,#193c435c,#071d25b0)}
.content-page main .panel h2{font-size:27px;margin:0 0 16px}.panel p:last-child{margin-bottom:0}
.text-link{font:600 12px/1.7 var(--sans);letter-spacing:.35px;color:var(--gold);text-decoration:underline;text-underline-offset:5px}
.text-link:hover{color:#fff0c4}.text-link span{margin-left:8px}
.news-card{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid #456670;border-radius:4px;overflow:hidden;background:#0c2831;transition:border-color .2s,box-shadow .2s}
.news-card:hover{border-color:#beac72;box-shadow:0 10px 30px #00101866}
.news-card-image{display:block;width:100%;height:100%;min-height:270px;object-fit:cover;overflow:hidden}
.news-card-image img{display:block;width:100%;height:100%;object-fit:cover}
.news-card-body{padding:32px;align-self:center}.news-card-body p{font-size:15px}
.content-grid .news-card{grid-template-columns:1fr}.content-grid .news-card-image{height:230px;min-height:0}
.product-hero{min-height:740px}.product-title{margin:0 0 20px}.product-title-art{max-height:140px;object-fit:contain;object-position:left center}
.product-hero .page-title{font-size:clamp(36px,4vw,58px)}
.page-footer{width:min(1080px,88%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #42616a66;padding:30px 0 max(30px,env(safe-area-inset-bottom));color:#99b3ba;font:12px/1.7 var(--sans)}
.page-footer nav{display:flex;flex-wrap:wrap;gap:24px}.page-footer a:hover{color:var(--gold)}
.article-body{max-width:760px;margin:auto}.article-body h2{margin-top:40px}.article-meta{font:11px/1.7 var(--sans);letter-spacing:1px;color:var(--gold)}
.article-figure{margin:35px 0}.article-figure img{display:block;width:100%;height:auto;border:1px solid #42616a;border-radius:4px}.article-figure figcaption{font:12px/1.7 var(--sans);color:#9bb5be;padding:12px 0}
.article-nav{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid #42616a66;margin-top:40px;padding-top:25px}
.content-page section[id]{scroll-margin-top:115px}
@media(max-width:700px){.page-hero{min-height:500px}.page-hero-inner{padding:125px 0 55px}.page-title{font-size:42px;letter-spacing:-1px}.page-lead{font-size:16px;max-width:420px}.page-hero:after{background:linear-gradient(90deg,#03151ded,#03151d8f),linear-gradient(0deg,#06171d,transparent)}.page-content{padding:40px 0 50px;gap:35px}.news-card{grid-template-columns:1fr}.news-card-image{height:220px;min-height:0}.news-card-body,.panel{padding:25px}.page-footer{align-items:start;flex-direction:column;gap:16px}.product-hero{min-height:680px}.product-title-art{max-height:115px}.content-page main h2{font-size:29px}}
@media(max-height:540px){.page-hero-inner{padding-top:105px}.content-page .accent-button{min-height:44px}.content-page .accent-button .button-label{font-size:11px}.product-hero{min-height:650px}}

@media(prefers-reduced-motion:reduce){.content-page:after{animation:none;opacity:.15}}

/* Release article actions stay together and wrap on narrow screens. */
.article-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 22px}
.article-app-store{display:block;flex-shrink:0;border-radius:7px}
.article-app-store img{display:block;width:144px;height:48px}