/* BreakOff 2 release · Descent 1.0 · October 2026 */
html{scroll-behavior:smooth;scroll-padding-top:110px}
.release-site{--release-border:#bac3c7}
.release-site a:focus-visible,.release-site button:focus-visible,.release-site input:focus-visible{outline:3px solid var(--horizon);outline-offset:5px}
.release-site .site-header{z-index:40}
.release-site .release-story{scroll-margin-top:90px}
.release-hero{position:relative;overflow:hidden;background:var(--navy);padding:90px 0 26px;isolation:isolate}
.release-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;z-index:-2}
.release-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#04121ff0 12%,#04121f98 75%),linear-gradient(0deg,#04121f,transparent 55%);z-index:-1}
.release-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5%;min-height:650px}
.release-hero h1{font-size:clamp(56px,6.2vw,96px);line-height:.98;letter-spacing:-.032em;font-variation-settings:'wdth' 116,'wght' 800;max-width:14ch}
.release-hero .lead{max-width:43ch;font-size:21px;margin-top:30px;color:var(--pale-2)}
.release-hero .actions{margin-top:34px}
.release-hero-foot{display:flex;justify-content:space-between;gap:20px;color:var(--pale-2);border-top:1px solid var(--rule);padding-top:24px;margin-top:60px;font-size:12px}
.hero-device-pair{position:relative;min-height:620px}
.hero-device-pair .release-shot{position:absolute;width:62%;margin:0}
.hero-phone-front{left:0;top:75px;z-index:2;transform:rotate(-5deg)}
.hero-phone-back{right:0;top:0;transform:rotate(6deg)}
.hero-device-pair figcaption{display:none}
.release-shot{max-width:370px;margin:0 auto}
.release-shot .screen-zoom{display:block;background:var(--navy);border:6px solid #142532;border-radius:38px;overflow:hidden;box-shadow:0 24px 55px #0003;transition:transform .2s}
.release-shot .screen-zoom:hover{transform:translateY(-4px)}
.release-shot img{display:block;width:100%;height:auto}
.release-shot figcaption{font-size:12px;line-height:1.6;color:var(--pale-2);margin-top:20px;text-align:center;max-width:42ch;margin-inline:auto}
.ground .release-shot figcaption{color:var(--ink-3)}
.zoom-hint{display:block;color:var(--horizon);margin-top:5px}
.ground .zoom-hint{color:var(--orange-ink)}
.watch-shot{max-width:270px}
.watch-shot .screen-zoom{border:9px solid #17232b;border-radius:49px;padding:4px;background:#000;box-shadow:0 18px 45px #0003}
.watch-shot img{border-radius:32px}
.tablet-shot{max-width:510px}
.tablet-shot .screen-zoom{border-radius:26px}
.release-chapters{background:var(--bone);border-bottom:1px solid var(--bone-3);color:var(--ink)}
.release-chapters>.wrap{display:flex;gap:12px 23px;flex-wrap:wrap;padding-block:28px}
.release-chapters a{font:12px/1.6 var(--mono);text-decoration:none;white-space:nowrap;transition:color .15s}
.release-chapters a:hover{color:var(--orange-ink)}
.release-split{display:grid;grid-template-columns:1.08fr .92fr;gap:9%;align-items:center}
.release-copy{max-width:650px}
.release-copy h2{font-size:clamp(40px,4.6vw,68px);line-height:1.02;letter-spacing:-.025em;font-variation-settings:'wdth' 112,'wght' 800}
.release-copy>.lead{font-size:22px;line-height:1.4;margin-top:28px;color:var(--pale)}
.ground .release-copy>.lead{color:var(--ink)}
.release-prose{margin-top:28px;font-size:16px;line-height:1.8;color:var(--pale-2)}
.ground .release-prose{color:var(--ink-2)}
.release-prose p+p{margin-top:20px}
.release-prose strong{color:var(--pale);font-weight:650}
.ground .release-prose strong{color:var(--ink)}
.release-prose a{text-decoration:underline;text-underline-offset:3px}
.release-copy>.text-link{margin-top:32px;line-height:1.6}
.release-visual{min-width:0}
.release-story.air{background:var(--navy-800)}
.release-three{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:50px}
.release-three article{border-top:1px solid var(--rule);padding-top:25px}
.ground .release-three article{border-color:var(--bone-3)}
.release-three h3{font-size:26px;line-height:1.1;margin-top:15px;letter-spacing:-.025em}
.release-three p{font-size:16px;line-height:1.75;margin-top:18px;color:var(--pale-2)}
.ground .release-three p{color:var(--ink-2)}
.release-three .mono{font-size:12px;color:var(--horizon)}
.ground .release-three .mono{color:var(--orange-ink)}
.release-three .text-link{margin-top:25px;font-size:14px}
#plans .text-link{margin-top:30px}
.type-art{border-top:4px solid var(--orange);border-bottom:1px solid var(--rule);padding:35px 0;color:var(--pale)}
.ground .type-art{color:var(--ink);border-bottom-color:var(--bone-3)}
.type-art>.mono{font-size:12px;color:var(--horizon)}
.ground .type-art>.mono{color:var(--ink-3)}
.type-art>strong{font-size:clamp(74px,7.8vw,120px);font-variation-settings:'wdth' 112,'wght' 780;line-height:1.05;letter-spacing:-.065em;display:block;padding:42px 0 15px;white-space:nowrap}
.type-art>strong span{color:var(--orange);font-weight:400}
.type-art>p{font:12px var(--mono);letter-spacing:.13em}
.type-art-lines{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:40px;font:11px var(--mono);color:var(--ink-3)}
.record-art>strong{font-size:clamp(56px,5.6vw,82px);letter-spacing:-.03em;padding-block:35px;white-space:normal}
.watch-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px;align-items:start}
.watch-gallery .watch-shot{max-width:240px}
.watch-gallery .screen-zoom{border-radius:38px;border-width:7px}
.watch-gallery .source-note{margin-top:20px}
.release-simple-hero{background:var(--navy);padding:105px 0 90px;border-bottom:1px solid var(--rule)}
.release-simple-hero h1{font-size:clamp(48px,6.5vw,90px);line-height:1;letter-spacing:-.032em;max-width:18ch;font-variation-settings:'wdth' 116,'wght' 800}
.release-simple-hero .lead{max-width:60ch;margin-top:28px;font-size:21px;color:var(--pale-2)}
.release-simple-hero .actions{margin-top:30px}
.feature-directory{display:grid;grid-template-columns:1fr 1fr;gap:0 65px}
.feature-directory-item{padding:38px 0 42px;border-top:1px solid var(--bone-3);color:var(--ink);display:block;text-decoration:none;scroll-margin-top:120px}
.feature-directory-item>.mono{font-size:11px;line-height:1.6;color:var(--orange-ink)}
.feature-directory-item h3{font-size:34px;line-height:1.05;letter-spacing:-.025em;margin-top:22px}
.feature-directory-item p{color:var(--ink-2);margin-top:16px;max-width:48ch;line-height:1.65;font-size:16px}
.feature-directory-item>.text-link{display:inline-block;margin-top:25px;font-size:14px}
.feature-directory-item:hover h3{color:var(--orange-ink)}
.release-cta{background:var(--navy-700);border-top:4px solid var(--orange)}
.release-cta h2{font-size:clamp(43px,6vw,82px);max-width:20ch;line-height:1}
.release-cta .lead{margin-block:28px;max-width:52ch}
.release-cta .source-note{margin-top:30px}
.guide-back{color:var(--horizon);font-size:12px;display:inline-block;margin-bottom:40px;text-decoration:none}
.guide-layout{display:grid;grid-template-columns:230px minmax(0,800px);gap:80px;align-items:start;padding-block:70px 90px}
.guide-toc{position:sticky;top:110px;display:flex;flex-direction:column;max-height:calc(100vh - 135px);overflow:auto;padding:4px 10px 8px 0}
.guide-toc>.mono{font-size:11px;color:var(--ink-3);margin-bottom:20px}
.guide-toc a{font-size:14px;color:var(--ink-2);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--bone-3);line-height:1.45}
.guide-toc a:hover{color:var(--orange-ink)}
.guide-article{font-size:17px;line-height:1.75;min-width:0;color:var(--ink-2)}
.guide-article h2{font-size:36px;line-height:1.1;letter-spacing:-.025em;margin-bottom:26px;color:var(--ink);max-width:24ch}
.guide-article p+p{margin-top:18px}
.guide-article strong{color:var(--ink);font-weight:650}
.guide-article a:not(.screen-zoom){text-decoration:underline;text-underline-offset:4px}
.guide-chapter{scroll-margin-top:120px;padding-bottom:52px;margin-bottom:52px;border-bottom:1px solid var(--bone-3)}
.guide-chapter:last-child{margin-bottom:0}
.guide-steps{counter-reset:step;list-style:none;padding:0;margin:26px 0 0}
.guide-steps>li{position:relative;padding-left:52px;margin-bottom:30px;counter-increment:step}
.guide-steps>li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:3px;color:var(--orange-ink);font:13px var(--mono);border-top:2px solid var(--orange);padding-top:7px}
.guide-steps h3{font-size:21px;line-height:1.3;letter-spacing:-.02em;color:var(--ink);margin-bottom:10px}
.guide-steps p{font-size:16px}
.guide-note{padding:23px 28px;border-left:4px solid var(--orange);background:var(--bone-2);margin-block:28px;font-size:15px;line-height:1.75}
.guide-note>strong{font-size:17px;display:block;margin-bottom:10px}
.guide-source{font-size:13px;color:var(--ink-3);margin-block:20px}
.guide-watch-image{margin:0 auto 35px}
.guide-article .faq-list{padding:0}
.guide-end h2{font-size:30px}
.guide-end>.text-link{margin-top:22px;font-size:15px}
.guide-hub .eyebrow{margin-bottom:35px}
.policy-prose{max-width:86ch}
.policy-prose p{margin-top:20px}
.screen-dialog{border:1px solid var(--rule);background:var(--navy);color:var(--pale);max-width:min(94vw,1050px);max-height:94dvh;padding:54px 24px 22px;position:fixed;inset:0;margin:auto;overflow:auto}
.screen-dialog::backdrop{background:#04121fed}
.screen-dialog img{display:block;max-width:100%;max-height:77dvh;object-fit:contain;margin:auto;width:auto;height:auto}
.screen-dialog p{font-size:13px;text-align:center;line-height:1.5;margin-top:14px;max-width:60ch}
.screen-close{position:absolute;right:12px;top:7px;font-size:30px;line-height:1;width:42px;height:42px;color:var(--pale);background:var(--navy-700);border:1px solid var(--rule);cursor:pointer}
body:has(.screen-dialog[open]){overflow:hidden}
.release-site .air>.wrap>.lead,.release-site .release-cta .lead{color:var(--pale-2)}
.release-site .release-story.ground .eyebrow{color:var(--orange-ink)}
.release-site .hero-note{max-width:48ch}
.release-site .capture-details{display:block}
@media(max-width:1100px){.release-hero-grid{gap:3%;min-height:610px}.hero-device-pair{min-height:530px}.release-hero h1{font-size:70px}.release-split{gap:6%}.guide-layout{gap:45px;grid-template-columns:200px minmax(0,1fr)}.watch-gallery{gap:22px}.release-three{gap:26px}.type-art>strong{font-size:83px}}
@media(max-width:800px){.release-hero{padding-top:55px}.release-hero-grid{grid-template-columns:1fr;gap:45px;min-height:0}.release-hero h1{font-size:clamp(53px,8vw,76px);max-width:19ch}.release-hero .lead{font-size:20px}.hero-device-pair{width:min(490px,90%);min-height:590px;margin:auto}.hero-device-pair .release-shot{width:59%}.hero-phone-front{top:45px}.release-hero-foot{margin-top:15px;font-size:10px}.release-chapters>.wrap{gap:14px 22px}.release-split{grid-template-columns:1fr;gap:45px}.release-copy{max-width:none}.release-copy h2{font-size:clamp(42px,7vw,62px)}.release-copy>.lead{font-size:21px}.release-prose{font-size:16px}.release-visual{width:100%}.release-story .release-shot{max-width:310px}.release-story .tablet-shot{max-width:510px}.release-story .watch-shot{max-width:260px}.release-three{grid-template-columns:1fr;gap:30px}.release-three h3{font-size:26px}.watch-gallery{grid-template-columns:1fr 1fr;gap:40px 24px}.watch-gallery .watch-shot{max-width:235px}.release-simple-hero{padding-block:65px}.release-simple-hero h1{font-size:clamp(45px,8vw,66px)}.feature-directory{gap:0 35px}.feature-directory-item h3{font-size:28px}.guide-layout{grid-template-columns:1fr;gap:35px;padding-top:40px}.guide-toc{position:static;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:0 0 20px}.guide-toc>.mono{grid-column:1/-1}.guide-toc a{font-size:13px}.guide-chapter{scroll-margin-top:100px}.guide-article h2{font-size:31px}.type-art{max-width:560px;margin:auto}.type-art>strong{font-size:100px}.record-art>strong{font-size:70px}.release-shot .screen-zoom{border-radius:33px}}
@media(max-width:500px){html{scroll-padding-top:95px}.release-hero{padding-top:45px}.release-hero h1{font-size:clamp(43px,11.5vw,62px)}.release-hero .lead{font-size:18px}.release-hero .actions{gap:20px;flex-wrap:wrap}.hero-device-pair{min-height:430px;width:100%}.hero-device-pair .release-shot{width:59%}.hero-device-pair .screen-zoom{border-width:4px;border-radius:25px}.release-hero-foot{display:block;line-height:1.7;font-size:10px}.release-hero-foot>span{display:block}.release-chapters>.wrap{gap:12px 18px;padding-block:23px}.release-chapters a{font-size:11px}.release-copy h2{font-size:42px}.release-copy>.lead{font-size:19px}.release-prose{font-size:15px;line-height:1.85}.release-story .release-shot{max-width:290px}.watch-gallery{gap:30px 18px}.watch-gallery .screen-zoom{border-width:5px;padding:2px;border-radius:29px}.watch-gallery img{border-radius:21px}.watch-gallery figcaption{font-size:11px}.watch-gallery .zoom-hint{font-size:11px}.feature-directory{grid-template-columns:1fr}.feature-directory-item h3{font-size:31px}.release-simple-hero h1{font-size:43px}.release-simple-hero .lead{font-size:18px}.guide-toc{grid-template-columns:1fr 1fr;gap:0 18px}.guide-toc a{font-size:12px}.guide-article{font-size:16px}.guide-article h2{font-size:29px}.guide-steps>li{padding-left:39px}.guide-steps h3{font-size:20px}.guide-steps p{font-size:15px}.guide-note{padding:20px}.guide-chapter{margin-bottom:35px;padding-bottom:35px}.type-art>strong{font-size:clamp(74px,21vw,110px)}.record-art>strong{font-size:64px}.screen-dialog{padding-inline:12px}.release-hero .eyebrow{font-size:11px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.release-shot .screen-zoom{transition:none}}
.hero-device-pair{width:100%;max-width:460px;min-height:0;aspect-ratio:.65;margin-inline:auto}
.hero-device-pair .release-shot{width:60%}
.garmin-shot .screen-zoom,.garmin-shot img{border-radius:50%}
@media(max-width:500px){.hero-device-pair{max-width:360px;aspect-ratio:.64}.hero-device-pair .release-shot{width:58%}}

/* Release overview and complete Garmin workflow. */
.release-reliability{margin-top:70px;padding-top:45px;border-top:1px solid var(--rule)}
.release-reliability>h3{font-size:clamp(30px,4vw,46px);letter-spacing:-.025em;line-height:1.1}
.reliability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 45px;margin-block:40px}
.reliability-grid article{border-top:1px solid var(--rule);padding-top:20px}.reliability-grid .mono{font-size:11px;color:var(--horizon)}
.reliability-grid h4{font-size:23px;line-height:1.2;margin-block:16px}.reliability-grid p{color:var(--pale-2);font-size:15px;line-height:1.75}
.garmin-flow{list-style:none;padding:0;margin:55px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.garmin-flow li{padding-top:18px;border-top:2px solid var(--orange)}.garmin-flow .mono{font-size:11px;color:var(--horizon);line-height:1.7}.garmin-flow strong{display:block;font-size:36px;margin-block:14px 8px;letter-spacing:-.03em}.garmin-flow p{color:var(--pale-2);font-size:15px;line-height:1.6;max-width:22ch}
@media(max-width:800px){.reliability-grid{grid-template-columns:1fr 1fr;gap:28px}.garmin-flow{grid-template-columns:1fr 1fr;gap:28px}.release-reliability{margin-top:50px}}
@media(max-width:500px){.reliability-grid{grid-template-columns:1fr}.garmin-flow{gap:25px 18px;margin-top:40px}.garmin-flow strong{font-size:31px}.garmin-flow .mono{font-size:10px}.garmin-flow p{font-size:13px}}
/* Keep the download action on one line at narrow phone widths. */
.header-download{white-space:nowrap;flex-shrink:0}
@media(max-width:500px){.site-header .nav-wrap{gap:10px}.site-header .brand{width:clamp(105px,36vw,145px);flex-shrink:1}.site-header .header-download{font-size:11px;padding-inline:12px}.site-header .menu-toggle{flex-shrink:0}}

/* Descent: one Air → Horizon → Ground progression, never alternating scenes. */
.release-site .release-story.air{background:var(--navy)}
.release-site .release-chapters{background:var(--navy);color:var(--pale);border-color:var(--rule)}
.release-site .release-chapters a:hover{color:var(--horizon)}
.release-site .horizon-transition{height:110px;background:linear-gradient(180deg,var(--navy) 0%,#345169 38%,var(--horizon) 70%,var(--bone) 100%)}
.release-site .ground{color:var(--ink);background-color:var(--bone)}
.release-site .ground .horizon{color:var(--ink-2)}
.release-site .ground .eyebrow{color:var(--orange-ink)}
.release-site .ground .source-note,.release-site .ground .lede{color:var(--ink-3)}
.release-site .ground .release-reliability,.release-site .ground .reliability-grid article{border-color:var(--light-rule)}
.release-site .ground .reliability-grid .mono{color:var(--orange-ink)}
.release-site .ground .reliability-grid p{color:var(--ink-2)}
.release-site .ground.release-cta,.release-site .ground.v2-cta,.release-site .ground.inner-cta{background:var(--bone);color:var(--ink);border-top:1px solid var(--light-rule)}
.release-site .ground.release-cta .lead{color:var(--ink-2)}
.release-site .ground.inner-cta .inner-secondary{color:var(--ink);border-color:var(--ink);background:transparent}
.release-site .ground.inner-cta .inner-secondary:hover{background:var(--ink);color:var(--bone)}
/* A dark instrument viewport is contained within the light debrief section. */
.release-site .flight-section.ground{background:var(--bone)}
.release-site .flight-section.ground .flight-explorer{color:var(--pale);border-color:var(--rule);color-scheme:dark}
.release-site .flight-section.ground .flight-explorer .mono{color:var(--pale-2)}
.release-site .flight-section.ground .flight-explorer [data-flight-phase],.release-site .flight-section.ground .flight-explorer [data-flight-time]{color:var(--horizon)}
/* Keep the closing photograph, now resolving into the ground palette. */
.release-site .download-section.ground{background:var(--bone);color:var(--ink)}
.release-site .download-section.ground .download-image{opacity:.65}
.release-site .download-section.ground .download-shade{background:linear-gradient(90deg,var(--bone) 8%,#f4f1eade 48%,#f4f1ea30 100%),linear-gradient(0deg,var(--bone),transparent 70%)}
.release-site .download-section.ground .download-requirements{color:var(--ink-2)}
.release-site .site-footer.ground{background:var(--bone);border-top:1px solid var(--light-rule)}
.release-site .site-footer.ground .footer-brand p,.release-site .site-footer.ground h3,.release-site .site-footer.ground .footer-safety,.release-site .site-footer.ground .footer-base{color:var(--ink-2)}
.release-site .site-footer.ground .footer-safety{border-color:var(--light-rule)}
.release-site .site-footer.ground .footer-base a,.release-site .site-footer.ground .footer-link{color:var(--ink)}
.release-site .site-footer.ground a:hover,.release-site .site-footer.ground .footer-link:hover{color:var(--orange-ink)}
.release-site .site-footer.ground .brand{background:var(--navy);padding:10px;width:216px;max-width:100%}
@media(max-width:500px){.release-site .horizon-transition{height:80px}.release-site .download-section.ground .download-shade{background:linear-gradient(90deg,#f4f1eaf2,#f4f1eabf),linear-gradient(0deg,var(--bone),transparent 70%)}}

.release-site .capture-details{background:var(--navy)}
.release-site .air .text-link{color:var(--pale);border-color:var(--rule)}
.release-site .air .text-link:hover{color:var(--horizon);border-color:var(--horizon)}
/* Both recording platforms are one click away. */
.release-site .site-footer.ground .brand{background:transparent;padding:0;width:216px}
.release-site .desktop-nav .nav-garmin{color:var(--horizon)}
.release-site .hero .actions{gap:18px 26px}
.release-site .hero-garmin{white-space:nowrap}
.release-site .garmin-download-actions{margin-top:32px;gap:18px 26px}
.release-site .garmin-download-actions .text-link{margin-top:0}
@media(min-width:1001px) and (max-width:1200px){.release-site .desktop-nav{gap:16px}.release-site .desktop-nav a{font-size:12px}.release-site .nav-wrap{gap:20px}}

/* A percentage row gap overflows an auto-height guide when its columns stack. */
.release-site.inner-page .guide-layout{row-gap:40px}
@media(max-width:380px){.release-site #problem h2{font-size:clamp(32px,10.5vw,40px)}}