/* DE m6 child theme: ported from mockups/m6/style.css. Fonts are registered in theme.json. Images: 1x/2x WebP with JPG fallback. */
:root{--de-hero:url(../img/de-hero-c17-1440.jpg);--de-band:url(../img/de-band-cockpit-1440.jpg)}
:root{--de-hero:-webkit-image-set(url(../img/de-hero-c17-1440.jpg) 1x,url(../img/de-hero-c17-2880.jpg) 2x);--de-band:-webkit-image-set(url(../img/de-band-cockpit-1440.jpg) 1x,url(../img/de-band-cockpit-2880.jpg) 2x)}
@supports (background-image:image-set(url(x.webp) type("image/webp") 1x)){:root{--de-hero:image-set(url(../img/de-hero-c17-1440.webp) type("image/webp") 1x,url(../img/de-hero-c17-2880.webp) type("image/webp") 2x,url(../img/de-hero-c17-1440.jpg) type("image/jpeg") 1x,url(../img/de-hero-c17-2880.jpg) type("image/jpeg") 2x);--de-band:image-set(url(../img/de-band-cockpit-1440.webp) type("image/webp") 1x,url(../img/de-band-cockpit-2880.webp) type("image/webp") 2x,url(../img/de-band-cockpit-1440.jpg) type("image/jpeg") 1x,url(../img/de-band-cockpit-2880.jpg) type("image/jpeg") 2x)}
}
@media (max-width:699px){:root{--de-hero:url(../img/de-hero-c17-m-800.jpg);--de-band:url(../img/de-band-cockpit-m-800.jpg)}}
@media (max-width:699px){}
@supports (background-image:image-set(url(x.webp) type("image/webp") 1x)){@media (max-width:699px){:root{--de-hero:image-set(url(../img/de-hero-c17-m-800.webp) type("image/webp") 1x,url(../img/de-hero-c17-m-1600.webp) type("image/webp") 2x,url(../img/de-hero-c17-m-800.jpg) type("image/jpeg") 1x,url(../img/de-hero-c17-m-1600.jpg) type("image/jpeg") 2x);--de-band:image-set(url(../img/de-band-cockpit-m-800.webp) type("image/webp") 1x,url(../img/de-band-cockpit-m-1600.webp) type("image/webp") 2x,url(../img/de-band-cockpit-m-800.jpg) type("image/jpeg") 1x,url(../img/de-band-cockpit-m-1600.jpg) type("image/jpeg") 2x)}}}
.tile .ph-desert{background-position:center;background-image:url(../img/de-desert-640.jpg);background-image:-webkit-image-set(url(../img/de-desert-640.jpg) 1x,url(../img/de-desert-1280.jpg) 2x);background-image:image-set(url(../img/de-desert-640.webp) type("image/webp") 1x,url(../img/de-desert-1280.webp) type("image/webp") 2x,url(../img/de-desert-640.jpg) type("image/jpeg") 1x,url(../img/de-desert-1280.jpg) type("image/jpeg") 2x)}
.tile .ph-training-ruck{background-position:center;background-image:url(../img/de-training-ruck-640.jpg);background-image:-webkit-image-set(url(../img/de-training-ruck-640.jpg) 1x,url(../img/de-training-ruck-1280.jpg) 2x);background-image:image-set(url(../img/de-training-ruck-640.webp) type("image/webp") 1x,url(../img/de-training-ruck-1280.webp) type("image/webp") 2x,url(../img/de-training-ruck-640.jpg) type("image/jpeg") 1x,url(../img/de-training-ruck-1280.jpg) type("image/jpeg") 2x)}
.tile .ph-yellowstone{background-position:center;background-image:url(../img/de-yellowstone-640.jpg);background-image:-webkit-image-set(url(../img/de-yellowstone-640.jpg) 1x,url(../img/de-yellowstone-1280.jpg) 2x);background-image:image-set(url(../img/de-yellowstone-640.webp) type("image/webp") 1x,url(../img/de-yellowstone-1280.webp) type("image/webp") 2x,url(../img/de-yellowstone-640.jpg) type("image/jpeg") 1x,url(../img/de-yellowstone-1280.jpg) type("image/jpeg") 2x)}
.tile .ph-trail{background-position:center;background-image:url(../img/de-trail-640.jpg);background-image:-webkit-image-set(url(../img/de-trail-640.jpg) 1x,url(../img/de-trail-1280.jpg) 2x);background-image:image-set(url(../img/de-trail-640.webp) type("image/webp") 1x,url(../img/de-trail-1280.webp) type("image/webp") 2x,url(../img/de-trail-640.jpg) type("image/jpeg") 1x,url(../img/de-trail-1280.jpg) type("image/jpeg") 2x)}
.tile .ph-offshore{background-position:center;background-image:url(../img/de-offshore-640.jpg);background-image:-webkit-image-set(url(../img/de-offshore-640.jpg) 1x,url(../img/de-offshore-1280.jpg) 2x);background-image:image-set(url(../img/de-offshore-640.webp) type("image/webp") 1x,url(../img/de-offshore-1280.webp) type("image/webp") 2x,url(../img/de-offshore-640.jpg) type("image/jpeg") 1x,url(../img/de-offshore-1280.jpg) type("image/jpeg") 2x)}
.tile .ph-canyon{background-position:center;background-image:url(../img/de-canyon-640.jpg);background-image:-webkit-image-set(url(../img/de-canyon-640.jpg) 1x,url(../img/de-canyon-1280.jpg) 2x);background-image:image-set(url(../img/de-canyon-640.webp) type("image/webp") 1x,url(../img/de-canyon-1280.webp) type("image/webp") 2x,url(../img/de-canyon-640.jpg) type("image/jpeg") 1x,url(../img/de-canyon-1280.jpg) type("image/jpeg") 2x)}
.tile .ph-cold{background-position:center;background-image:url(../img/de-cold-640.jpg);background-image:-webkit-image-set(url(../img/de-cold-640.jpg) 1x,url(../img/de-cold-1280.jpg) 2x);background-image:image-set(url(../img/de-cold-640.webp) type("image/webp") 1x,url(../img/de-cold-1280.webp) type("image/webp") 2x,url(../img/de-cold-640.jpg) type("image/jpeg") 1x,url(../img/de-cold-1280.jpg) type("image/jpeg") 2x)}

*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:17px/1.65 var(--sans)}
img{max-width:100%;display:block}.de-main a,header.site a,footer a{color:inherit}
.wrap{max-width:1280px;margin:0 auto;padding:0 20px}@media(min-width:900px){.wrap{padding:0 48px}}
.ic{width:20px;height:20px;flex:none}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;color:#000;padding:10px;z-index:9}
.kicker{font:600 13px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
/* header */
header.site{position:absolute;top:0;left:0;right:0;z-index:5}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:84px}
.logo img{height:44px;width:auto}
nav.main{display:none;gap:18px;font-size:16px}
nav.main a{text-decoration:none;padding:12px 8px;opacity:.9;min-height:44px;min-width:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}nav.main a:hover{color:var(--gold)}
.hbtns{display:flex;gap:8px}
.iconbtn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(var(--txrgb),.35);background:var(--btnbg);color:var(--tx);display:grid;place-items:center;backdrop-filter:blur(6px)}
.iconbtn.menu{display:grid}@media(min-width:1000px){nav.main{display:flex}.iconbtn.menu{display:none}}
/* hero */
.hero{position:relative;min-height:clamp(640px,62vw,860px);display:flex;align-items:flex-end;background:#0b0e10 var(--de-hero) center 62%/cover}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 30% 62%,rgba(14,18,21,.55),rgba(14,18,21,0) 72%),linear-gradient(180deg,rgba(14,18,21,.78) 0%,rgba(14,18,21,.55) 30%,rgba(14,18,21,.62) 58%,var(--bg) 100%)}
.hero .wrap{position:relative;width:100%;padding-bottom:64px;text-align:center}
.hero h1{font:400 clamp(46px,7.4vw,108px)/.98 var(--serif);font-variation-settings:"opsz" 144,"SOFT" 50;letter-spacing:-.025em;margin:18px auto 22px;max-width:11.5em;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.hero h1 em{font-style:italic;color:var(--gold);font-weight:300}
.hero p.sub{max-width:36em;margin:0 auto 32px;color:var(--tx);font-size:clamp(17px,1.5vw,20px)}
.search{display:flex;align-items:center;gap:8px;max-width:640px;margin:0 auto;background:rgba(239,232,218,.96);border-radius:999px;padding:6px 6px 6px 22px;color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.search input{flex:1;min-width:0;border:0;background:transparent;font:17px var(--sans);color:var(--ink);min-height:48px;outline:none}
.search input::placeholder{color:var(--ink2)}
.search button{min-height:52px;padding:0 26px;border-radius:999px;border:0;background:var(--ink);color:var(--cream);font:600 16px var(--sans);display:flex;align-items:center;gap:8px;cursor:pointer}
.search button span{display:none}@media(min-width:560px){.search button span{display:inline}}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
.chips a{text-decoration:none;font-size:15px;min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border-radius:999px;border:1px solid rgba(var(--txrgb),.35);background:rgba(14,18,21,.4);backdrop-filter:blur(4px)}
.chips a:hover{border-color:var(--gold);color:var(--gold)}
.hcredit{position:absolute;right:16px;bottom:12px;font-size:12.5px;line-height:1.3;color:#ECE6DA;background:rgba(14,18,21,.82);padding:3px 8px;border-radius:4px;z-index:1}
/* sections */
section.s{padding:88px 0}@media(min-width:900px){section.s{padding:128px 0}}
.shead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:44px}
h2{font:400 clamp(36px,4.8vw,68px)/1.02 var(--serif);font-variation-settings:"opsz" 144,"SOFT" 30;letter-spacing:-.02em;margin:14px 0 0}
h2 em{font-style:italic;color:var(--gold);font-weight:300}
.shead p{max-width:30em;color:var(--tx2);margin:0}
.more{display:inline-flex;align-items:center;gap:10px;min-height:48px;text-decoration:none;border-bottom:1px solid var(--gold);color:var(--gold);font-weight:600}
/* journeys */
.journeys{display:grid;gap:18px}
@media(min-width:900px){.journeys{grid-template-columns:1.1fr 1fr;grid-template-rows:1fr 1fr;height:780px}.journeys .j1{grid-row:1/3}}
.j{position:relative;overflow:hidden;border-radius:6px;min-height:420px;display:flex;align-items:flex-end;text-decoration:none;background:#222 center/cover}
@media(min-width:900px){.j{min-height:0}}
.j:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(10,13,15,.88) 100%);transition:opacity .3s}
.j .in{position:relative;padding:28px}
.j h3{font:400 clamp(30px,3vw,44px)/1.05 var(--serif);letter-spacing:-.015em;margin:10px 0 10px}
.j p{margin:0 0 14px;color:#D9D2C3;max-width:28em}
.j .go{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--gold)}
.j .cr{position:absolute;top:12px;right:14px;font-size:12px;color:rgba(255,255,255,.7);text-shadow:0 1px 4px #000}
/* list panel */
.panel{background:var(--cream);color:var(--ink);border-radius:8px;padding:40px 22px}
@media(min-width:900px){.panel{padding:72px 72px}}
.panel .kicker{color:var(--acc2)}
.panel h2 em{color:var(--acc2)}
.panel .shead p{color:var(--ink2)}
.lists{display:grid;gap:0 56px;counter-reset:l}
@media(min-width:900px){.lists{grid-template-columns:1fr 1fr}}
.lists a{counter-increment:l;display:grid;grid-template-columns:52px 1fr auto;gap:4px 14px;align-items:baseline;padding:20px 0;border-top:1px solid rgba(var(--inkrgb),.16);text-decoration:none}
.lists a:before{content:counter(l,decimal-leading-zero);font:italic 400 22px var(--serif);color:var(--acc2)}
.lists b{font:500 22px/1.25 var(--serif);letter-spacing:-.01em}
.lists small{grid-column:2;font-size:15px;color:var(--ink2)}
.lists .ar{grid-row:1;grid-column:3;color:var(--acc2)}
.lists a:hover b{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
/* destinations */
.dest{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:900px){.dest{grid-template-columns:repeat(6,1fr);gap:16px}}
.dest a{display:flex;flex-direction:column;gap:22px;padding:22px 18px;border:1px solid var(--line);border-radius:6px;text-decoration:none;background:var(--bg2);min-height:168px;transition:border-color .2s,background .2s}
.dest a:hover{border-color:var(--gold);background:var(--bg3)}
.dest .ic{width:28px;height:28px;color:var(--gold)}
.dest b{font:500 22px/1.15 var(--serif);display:block}
.dest small{color:var(--tx2);font-size:14.5px}
/* quote band */
.band{position:relative;padding:120px 0;background:#05070a var(--de-band) center 40%/cover;text-align:center}
.band:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(5,7,10,.55),rgba(5,7,10,.88))}
.band .wrap{position:relative}
.band blockquote{margin:0 auto;max-width:17em;font:300 clamp(30px,4vw,56px)/1.15 var(--serif);font-variation-settings:"opsz" 144,"SOFT" 80;letter-spacing:-.015em}
.band blockquote em{color:var(--gold)}
.band p{display:inline-block;color:#ECE6DA;background:rgba(14,18,21,.82);padding:4px 10px;border-radius:4px;margin:22px 0 0;font-size:15px}
/* gear */
.gear{display:grid;gap:16px}
@media(min-width:700px){.gear{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.gear{grid-template-columns:repeat(4,1fr)}}
.g{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:26px 24px;display:flex;flex-direction:column}
.g .ic{width:40px;height:40px;color:var(--gold);margin-bottom:26px}
.g .cat{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx2)}
.g h4{font:500 24px/1.15 var(--serif);margin:6px 0 12px}
.g ul{margin:0 0 22px;padding:0;list-style:none;font-size:16px;color:var(--tx);flex:1}
.g li{padding:6px 0 6px 22px;position:relative}.g li:before{content:"";position:absolute;left:0;top:15px;width:10px;height:1px;background:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font:600 16px var(--sans);text-decoration:none;border:1px solid var(--gold);color:var(--gold);background:transparent;cursor:pointer}
.btn.fill{background:var(--gold);color:var(--on-acc)}
.g .btn{width:100%}
.disc{margin-top:22px;color:var(--tx2);font-size:15px}
/* ad */
.ad{max-width:970px;margin:0 auto;text-align:center}
.ad .l{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--tx3);margin-bottom:6px}
.ad .slot{height:100px;border:1px dashed rgba(var(--txrgb),.22);border-radius:4px;display:grid;place-items:center;color:var(--tx3);font-size:13px;background:repeating-linear-gradient(-45deg,var(--bg2),var(--bg2) 10px,var(--bg3) 10px,var(--bg3) 20px)}
@media(min-width:800px){.ad .slot{height:90px}}
/* responders */
.resp{display:grid;gap:40px;align-items:center}
@media(min-width:900px){.resp{grid-template-columns:1fr 1fr;gap:80px}}

.pano .cr{position:absolute;right:12px;bottom:10px;font-size:12px;color:rgba(255,255,255,.75)}
.rlist{list-style:none;margin:26px 0 30px;padding:0}
.rlist a{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--line);text-decoration:none;font-size:18px}
.rlist a:last-child{border-bottom:1px solid var(--line)}
.rlist .ic{color:var(--gold);width:26px;height:26px}
.rlist span{flex:1}.rlist small{color:var(--tx2);font-size:14px}
/* sponsor + news */
.sponsor{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 28px;padding:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--tx2);font-size:15px;text-align:center}
.sponsor .ph{border:1px dashed rgba(var(--txrgb),.3);border-radius:4px;padding:12px 22px;color:var(--tx)}
.news{background:linear-gradient(135deg,var(--bg3),var(--bg2));border:1px solid var(--line);border-radius:10px;padding:44px 24px;display:grid;gap:26px;align-items:center}
@media(min-width:900px){.news{grid-template-columns:1.1fr 1fr;padding:64px}}
.news h2{font-size:clamp(32px,3.6vw,50px)}
.news form{display:flex;flex-wrap:wrap;gap:10px}
.news input{flex:1 1 220px;min-height:54px;border-radius:999px;border:1px solid rgba(var(--txrgb),.3);background:rgba(0,0,0,.25);color:var(--tx);padding:0 22px;font:16px var(--sans)}
.news input::placeholder{color:var(--tx3)}
.news .btn{min-height:54px}
.news small{width:100%;color:var(--tx2);font-size:14px}
footer{padding:72px 0 40px;border-top:1px solid var(--line);margin-top:96px;font-size:15px;color:var(--tx2)}
.fg{display:grid;gap:32px}@media(min-width:900px){.fg{grid-template-columns:1.5fr 1fr 1fr 1fr}}
footer h5{font:600 13px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--tx);margin:0 0 12px}
footer ul{list-style:none;padding:0;margin:0}footer li a{display:inline-block;padding:7px 0;text-decoration:none}footer li a:hover{color:var(--gold)}
.legal{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:13.5px;color:var(--tx3)}
.legal p{margin:0 0 8px}
/* inner */
.lhero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,21,.8),rgba(14,18,21,.6) 50%,var(--bg))}
.lhero .wrap{position:relative}
.lhero h1{font:400 clamp(42px,6.4vw,92px)/1 var(--serif);font-variation-settings:"opsz" 144,"SOFT" 50;letter-spacing:-.025em;margin:16px 0 18px;max-width:12em}
.lhero h1 em{font-style:italic;color:var(--gold);font-weight:300}
.crumb{font-size:14px;color:var(--tx2)}.crumb a{text-decoration:none;border-bottom:1px solid var(--line)}
.facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.facts span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;background:rgba(14,18,21,.55);border:1px solid var(--line);font-size:15px}
.facts .ic{color:var(--gold);width:18px;height:18px}
.lgrid{display:grid;gap:44px;padding:56px 0 40px}
@media(min-width:1000px){.lgrid{grid-template-columns:1fr 320px;gap:72px}}
.callout{border-left:2px solid var(--gold);padding:6px 0 6px 20px;margin:0 0 40px;color:var(--tx);font-size:18px}
.sec{margin-bottom:48px}
.sec h2{font-size:clamp(28px,3vw,40px);display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:6px}
.sec h2 small{font:500 14px var(--sans);color:var(--tx2);letter-spacing:.04em}
.items{list-style:none;margin:0;padding:0}
.items label{display:flex;gap:16px;padding:15px 2px;border-bottom:1px solid var(--line);cursor:pointer;min-height:52px;align-items:flex-start}
.items input{appearance:none;flex:none;width:24px;height:24px;border-radius:50%;border:1.5px solid rgba(var(--txrgb),.5);margin:1px 0 0;display:grid;place-items:center;cursor:pointer}
.items input:checked{background:var(--gold);border-color:var(--gold)}
.items input:checked:after{content:"";width:10px;height:5px;border:2px solid var(--on-acc);border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.items input:checked+span{color:var(--tx2);text-decoration:line-through}
.items small{display:block;color:var(--tx2);font-size:15px}
.pick{display:flex;flex-wrap:wrap;gap:14px;align-items:center;background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:18px 20px;margin-top:18px}
.pick .ic{width:36px;height:36px;color:var(--gold)}
.pick div{flex:1 1 200px}.pick b{font:500 19px var(--serif)}.pick p{margin:2px 0 0;font-size:15px;color:var(--tx2)}
aside.rail{display:flex;flex-direction:column;gap:22px}
aside .ad .slot{height:250px}
.rbox{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:22px}
.rbox h5{margin:0 0 10px;font:600 13px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.rbox a{display:block;padding:9px 0;border-top:1px solid var(--line);text-decoration:none;font-size:16px}
@media(min-width:1000px){aside .sticky{position:sticky;top:24px}}
/* fixes after review */
.hero{padding-top:120px}
.hero h1{max-width:none}
.hero h1 .br{display:none}@media(min-width:760px){.hero h1 .br{display:block}}
@media(max-width:759px){.hero{background-position:58% 70%;min-height:700px}.hero:before{background:linear-gradient(180deg,rgba(14,18,21,.84) 0%,rgba(14,18,21,.68) 40%,rgba(14,18,21,.8) 70%,var(--bg) 100%)}.chips a:nth-child(n+4){display:none}}
.j:before{background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(10,13,15,.92) 90%)}
.g .ic{width:48px;height:48px}
.band{padding:150px 0}.band:before{background:radial-gradient(ellipse at center,rgba(5,7,10,.5),rgba(5,7,10,.78))}
aside .ad,aside.rail .ad{width:100%;max-width:300px;margin:0 auto}aside .ad .slot,aside.rail .ad .slot{width:100%}

/* r1: QC tap targets */
footer li a{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;font-size:16px;box-sizing:border-box}
.crumb a,.crumbs a{display:inline-block;padding:12px 0;min-height:44px;box-sizing:border-box}
.hero .kicker{display:inline-block;background:rgba(14,18,21,.88);padding:10px 16px;border-radius:999px;text-shadow:0 1px 2px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

.band:before{background:radial-gradient(ellipse at center,rgba(5,7,10,.35),rgba(5,7,10,.62))}
.band blockquote{text-shadow:0 2px 24px rgba(0,0,0,.55)}
.rbox .btn{width:100%;margin-top:14px}
@media print{header,aside.rail,footer,.lhero:before{display:none}body{background:#fff;color:#000}.lhero{background:none;padding:20px 0}}

/* ===== m5: combined (M2 look + grouped builder + M1 inner layout) ===== */
.hero.h5{min-height:clamp(620px,52vw,760px);padding-bottom:150px}
.hero.h5 .wrap{padding-bottom:40px}
.hero.h5 h1{font-size:clamp(44px,6.6vw,96px)}
.hcredit.top{top:96px;bottom:auto}
/* builder card */
.b5{position:relative;z-index:2;margin-top:-150px;background:var(--bg2);border:1px solid rgba(var(--txrgb),.18);border-radius:12px;box-shadow:0 30px 80px -30px rgba(0,0,0,.7);display:grid;overflow:hidden}
@media(min-width:1000px){.b5{grid-template-columns:1fr 380px}}
.b5-main{padding:22px 18px 8px;min-width:0}@media(min-width:700px){.b5-main{padding:32px 34px 14px}}
.b5-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin-bottom:6px}
.b5-head h2{font-size:clamp(28px,2.8vw,38px);margin:8px 0 0}
.b5-head p{margin:0;color:var(--tx2);font-size:15px}
.b5-step{padding:18px 0;border-top:1px solid var(--line)}.b5-step:first-of-type{border-top:0}
.lab5{display:flex;align-items:center;gap:12px;font:600 17px/1.3 var(--sans);margin-bottom:12px}
.lab5 b{flex:none;width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--on-acc);display:grid;place-items:center;font:600 15px var(--sans)}
.lab5 span{font-weight:400;color:var(--tx2);font-size:14.5px;margin-left:auto;white-space:nowrap}
.picked{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:44px;align-items:center}
.tok5{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 10px 0 16px;border-radius:999px;border:0;background:var(--gold);color:var(--on-acc);font:600 15px var(--sans);cursor:pointer}
.tok5 span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(var(--inkrgb),.15);font-size:17px}
.b5-search{display:flex;align-items:center;gap:10px;background:var(--cream);color:var(--ink);border-radius:999px;padding:0 18px;margin-bottom:12px}
.b5-search input{flex:1;min-width:0;border:0;background:transparent;font:16px var(--sans);color:var(--ink);min-height:50px;outline:none}
.b5-search input::placeholder{color:var(--ink2)}
.cats{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;margin:0 -18px 6px;padding-left:18px;padding-right:18px;scrollbar-width:none}
.cats::-webkit-scrollbar{display:none}
@media(min-width:700px){.cats{flex-wrap:wrap;overflow:visible;margin:0 0 6px;padding:2px 0 10px}}
.cat5{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:8px;border:1px solid var(--line);background:var(--bg3);color:var(--tx);font:600 15px var(--sans);cursor:pointer;white-space:nowrap}
.cat5 span{font-weight:500;font-size:13px;color:var(--tx2)}
.cat5.on{border-color:var(--gold);color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold)}.cat5.on span{color:var(--gold)}
.chips5{display:flex;flex-wrap:wrap;gap:8px}
.c5{display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:44px;padding:6px 15px;border-radius:999px;border:1px solid rgba(var(--txrgb),.3);background:transparent;color:var(--tx);font:500 15px/1.2 var(--sans);cursor:pointer;text-align:left}
.c5 small{font-size:12px;color:var(--tx2)}
.c5:hover{border-color:var(--gold)}
.c5.on{background:var(--cream);color:var(--ink);border-color:var(--cream);font-weight:600}.c5.on small{color:var(--ink2)}

.more5{min-height:44px;padding:0 16px;border-radius:999px;border:1px dashed var(--gold);background:transparent;color:var(--gold);font:600 15px var(--sans);cursor:pointer}
.sub5{width:100%;font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--tx2);margin:10px 0 0}
.hint5{width:100%;margin:6px 0;color:var(--tx2);font-size:15px}
details.refine{border-top:1px solid var(--line);padding:6px 0 12px}
details.refine summary{min-height:48px;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;list-style:none}
details.refine summary::-webkit-details-marker{display:none}
details.refine summary:before{content:"+";width:30px;height:30px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;flex:none}
details.refine[open] summary:before{content:"–"}
details.refine summary small{font-weight:400;color:var(--tx2)}
.rf5{margin:12px 0 4px}.rf5 h4{margin:0 0 8px;font:600 14px var(--sans);color:var(--tx2);letter-spacing:.06em;text-transform:uppercase}
/* preview */
.b5-prev{background:var(--cream);color:var(--ink);padding:26px 22px;display:flex;flex-direction:column}
@media(min-width:700px){.b5-prev{padding:32px 30px}}
.b5-prev .kicker{color:var(--acc2)}
.b5-prev h3{font:500 clamp(24px,2.2vw,30px)/1.15 var(--serif);letter-spacing:-.01em;margin:10px 0 6px}
.pvmeta{font-size:15px;color:var(--ink2);margin:0 0 16px}
.pr5{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:8px 0;border-top:1px solid rgba(var(--inkrgb),.14);font-size:15.5px}
.pr5 small{color:var(--ink2);font-size:14px}
.pr5 .bar{display:block;height:5px;background:rgba(var(--inkrgb),.1);border-radius:5px;overflow:hidden;margin-top:6px}
.pr5 .bar i{display:block;height:100%;background:var(--acc2);border-radius:5px}
.pvnext{margin:14px 0 18px;padding:0;list-style:none;font-size:15px;color:var(--ink2)}
.pvnext li{padding:3px 0 3px 22px;position:relative}.pvnext li:before{content:"+";position:absolute;left:4px;color:var(--acc2);font-weight:700}
.b5-prev .btn.fill{background:var(--ink);color:var(--cream);border-color:var(--ink);width:100%;margin-top:auto}
.b5-prev .fine{font-size:13.5px;color:var(--ink2);margin:12px 0 0;text-align:center}
/* founder strip */
.founder{display:grid;gap:18px;align-items:center;margin:56px 0 0;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(min-width:900px){.founder{grid-template-columns:auto 1fr;gap:36px;padding:34px 0}}
.founder .ic{width:44px;height:44px;color:var(--gold)}
.founder p{margin:0;font:400 clamp(20px,2vw,26px)/1.4 var(--serif);max-width:44em}
.founder p em{color:var(--gold)}
/* category tiles */
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:900px){.tiles{grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:16px}.tiles .big{grid-column:span 2;grid-row:span 2}}
.tile{position:relative;overflow:hidden;border-radius:8px;min-height:170px;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;text-decoration:none;background:var(--bg3) center/cover;border:1px solid var(--line)}
.tile:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,13,15,.12) 0%,rgba(10,13,15,.3) 30%,rgba(10,13,15,.82) 58%,rgba(10,13,15,.92) 100%)}
.tile.ico:before{display:none}
.tile>*{position:relative}
.tile .ic{width:30px;height:30px;color:var(--gold);margin-bottom:auto}
.tile b{font:500 clamp(20px,1.8vw,26px)/1.1 var(--serif);display:block;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.tile small{color:#E8E2D6;font-size:14px}
.tile .n{color:var(--gold);font-weight:600}
.tile .cr{position:absolute;top:8px;right:8px;max-width:calc(100% - 16px);font-size:12px;line-height:1.3;color:#ECE6DA;background:rgba(14,18,21,.82);padding:2px 7px;border-radius:4px}
.tile:hover{border-color:var(--gold)}
.tilenote{margin:18px 0 0;color:var(--tx2);font-size:15px}
.panel .lists small .cnt{color:var(--acc2);font-weight:600}

/* ===== m5 inner: M1 layout, dark ===== */
.lh5{position:relative;padding:130px 0 40px;background:#0b0e10 var(--de-listhero,none) center 55%/cover}
.lh5:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,21,.86),rgba(14,18,21,.76) 45%,var(--bg))}
.lh5 .wrap{position:relative}
.lh5 .hcredit{bottom:auto;top:96px}
.crumbs{font-size:14.5px;color:var(--tx);display:flex;flex-wrap:wrap;gap:0 8px;align-items:center}
.crumbs a{text-decoration:none;border-bottom:1px solid var(--line)}
.lhead{display:grid;gap:24px}@media(min-width:1000px){.lhead{grid-template-columns:1fr 460px;align-items:end;gap:48px}}
.lhead h1{font:400 clamp(36px,5vw,68px)/1.04 var(--serif);font-variation-settings:"opsz" 144,"SOFT" 50;letter-spacing:-.02em;margin:10px 0 12px}
.lhead h1 em{font-style:italic;color:var(--gold);font-weight:300}
.lhead .dek{margin:0;color:var(--tx);max-width:34em}
.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:0}
.specs div{background:var(--bg2);padding:12px 16px}
.specs dt{font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.specs dd{margin:3px 0 0;font-size:15.5px}
.tools5{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.tools5 .btn{min-height:46px}
.tools5 .btn .ic{width:18px;height:18px}
.lbody{display:grid;gap:36px;padding:40px 0}
@media(min-width:1000px){.lbody{grid-template-columns:220px minmax(0,1fr) 300px;gap:48px}}
.toc{display:none}
@media(min-width:1000px){.toc{display:block}.toc .sticky{position:sticky;top:24px}}
.toc h5,.railbox h5{margin:0 0 10px;font:600 13px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.toc a{display:flex;justify-content:space-between;align-items:center;min-height:44px;border-top:1px solid var(--line);text-decoration:none;font-size:15.5px}
.toc a small{color:var(--tx2)}
.prog{margin:0 0 6px;height:8px;background:var(--bg3);border-radius:8px;overflow:hidden}
.prog i{display:block;height:100%;width:0;background:var(--gold);transition:width .25s}
.progtx{font-size:14.5px;color:var(--tx2);margin:0 0 18px}
.note{border-left:2px solid var(--gold);padding:6px 0 6px 18px;margin:0 0 30px;color:var(--tx)}
.lsec{margin-bottom:40px}
.lsec h2{font-size:clamp(26px,2.6vw,34px);display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;margin:0 0 4px}
.lsec h2 span{font:500 14px var(--sans);color:var(--tx2)}
ul.it5{list-style:none;margin:0;padding:0}
.it5 li{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line)}
.it5 label{flex:1;display:flex;gap:14px;align-items:flex-start;padding:12px 2px;min-height:52px;cursor:pointer}
.it5 input{appearance:none;flex:none;width:24px;height:24px;border-radius:50%;border:1.5px solid rgba(var(--txrgb),.55);margin:1px 0 0;display:grid;place-items:center;cursor:pointer}
.it5 input:checked{background:var(--gold);border-color:var(--gold)}
.it5 input:checked:after{content:"";width:10px;height:5px;border:2px solid var(--on-acc);border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.it5 input:checked+span{color:var(--tx2);text-decoration:line-through}
.it5 small{display:block;color:var(--tx2);font-size:14.5px}
.it5 .tag{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;border:1px solid rgba(var(--goldrgb),.6);color:var(--gold);font-size:12px;font-weight:600;vertical-align:2px}
.it5 li.mine .tag{border-color:rgba(var(--txrgb),.4);color:var(--tx2)}
.ib{flex:none;min-width:44px;height:44px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--tx2);font:600 13px var(--sans);cursor:pointer;padding:0 10px}
.ib:hover{border-color:var(--gold);color:var(--gold)}
.ib.x{font-size:20px;padding:0}
li.isopt .ib.o{color:var(--gold);border-color:rgba(var(--goldrgb),.6)}
body.hideopt li.isopt{display:none}
.add5{display:flex;gap:8px;margin-top:12px}
.add5 input{flex:1;min-width:0;min-height:46px;border-radius:8px;border:1px dashed rgba(var(--txrgb),.35);background:transparent;color:var(--tx);padding:0 14px;font:15.5px var(--sans)}
.add5 input::placeholder{color:var(--tx3)}
.add5 .btn{min-height:46px;padding:0 18px}
.removed5{margin-top:8px;color:var(--tx2);font-size:15px}
.removed5 button{min-height:44px;border:0;background:none;color:var(--gold);font:600 15px var(--sans);cursor:pointer;text-decoration:underline;padding:0 6px}
.railbox{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:20px}
.rl a{display:flex;align-items:center;min-height:44px;border-top:1px solid var(--line);text-decoration:none;font-size:15.5px}
.inline-pick{display:flex;flex-wrap:wrap;gap:14px;align-items:center;background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:16px 18px;margin:6px 0 40px}
.inline-pick .ic{width:34px;height:34px;color:var(--gold)}
.inline-pick div{flex:1 1 200px}.inline-pick b{font:500 18px var(--serif)}.inline-pick p{margin:2px 0 0;font-size:15px;color:var(--tx2)}
.lbody aside{display:flex;flex-direction:column;gap:20px}
@media(min-width:1000px){.lbody aside .sticky{position:sticky;top:24px;display:flex;flex-direction:column;gap:20px}}
@media print{
 .lh5{background:none!important;padding:0}.lh5:before,.lh5 .hcredit,.crumbs,.tools5,.toc,.lbody aside,.ib,.add5,.removed5,.inline-pick,.prog,.progtx,header.site,footer,.skip{display:none!important}
 body{background:#fff;color:#000;font-size:12pt}.lhead{display:block}.lhead h1{color:#000;font-size:26pt;margin:0 0 6pt}.lhead h1 em,.lhead .dek{color:#000}
 .specs{border-color:#999;background:#999}.specs div{background:#fff}.specs dt{color:#000}
 .lbody{display:block;padding:10pt 0}.lsec{break-inside:avoid-page;margin-bottom:14pt}.lsec h2{color:#000;font-size:15pt;border-color:#000}
 .it5 li{border-color:#ccc}.it5 label{min-height:0;padding:3pt 0}.it5 input{border-color:#000;width:12pt;height:12pt}.it5 small,.lsec h2 span{color:#333}.it5 .tag{color:#000;border-color:#000}
 .note{color:#000;border-color:#000}
}
.pvbadge{font-size:13.5px;color:var(--ink2);margin:0 0 6px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.feat{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:var(--acc2);color:var(--on-acc2);font:600 12.5px var(--sans);letter-spacing:.04em}
.gen{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;border:1px solid rgba(var(--inkrgb),.35);color:var(--ink);font:600 12.5px var(--sans)}
.panel .lists .feat{margin-left:10px;vertical-align:4px}
.lists b .feat{font-family:var(--sans)}
.idxnote{margin:24px 0 0;color:var(--ink2);font-size:15px;max-width:52em}
.feat.dk{background:var(--gold);color:var(--on-acc)}
.gen.dk{border-color:rgba(var(--txrgb),.45);color:var(--tx)}


/* ===== m5 r2: Creative QC fixes (2026-10-22) ===== */
.crumbs a{padding:12px 6px;min-width:44px;text-align:center}.crumbs a:first-child{margin-left:-6px}
.pvbadge.onDark{color:var(--tx)}
/* builder: clear all, delta, example state */
.pickrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
.pickrow .picked{margin:0;flex:1 1 auto}
.clear5{min-height:44px;padding:0 12px;border:0;background:none;color:var(--gold);font:600 15px var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.clear5[hidden]{display:none}
.tok5.ex{background:transparent;color:var(--tx);border:1px dashed rgba(var(--txrgb),.55)}
.tok5.ex span{background:rgba(var(--txrgb),.12)}
.exnote{width:100%;margin:0;color:var(--tx2);font-size:14.5px}
.delta5{margin:10px 0 0;padding:8px 12px;border-left:3px solid var(--gold);background:rgba(var(--goldrgb),.08);font-size:15px;color:var(--tx)}
.delta5 b{color:var(--gold)}
.delta5:empty{display:none}
/* show-all box */
.exbox{display:flex;flex-wrap:wrap;gap:8px;width:100%;max-height:340px;overflow:auto;padding:4px 6px 8px 2px;border:1px solid var(--line);border-radius:8px;overscroll-behavior:contain}
@media(min-width:700px){.exbox{max-height:420px;padding:10px}}
/* tab scroll hint */
.catsw{position:relative}
.catsw .cnext{display:none}
@media(max-width:699px){
 .catsw:after{content:"";position:absolute;top:0;right:-18px;bottom:16px;width:72px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--bg2) 70%);transition:opacity .2s}
 .catsw.end:after,.catsw.end .cnext{opacity:0;pointer-events:none}
 .catsw .cnext{display:grid;place-items:center;position:absolute;right:-8px;top:2px;width:44px;height:44px;border-radius:50%;border:1px solid var(--gold);background:var(--bg2);color:var(--gold);font:600 22px/1 var(--sans);z-index:1;cursor:pointer;transition:opacity .2s}
}
/* sticky bar (<1000px) */
.sticky5{display:none}
@media(max-width:999px){
 .sticky5{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--bar);border-top:1px solid rgba(var(--txrgb),.18);box-shadow:0 -12px 30px -12px rgba(0,0,0,.7);transform:translateY(110%);transition:transform .2s;text-decoration:none}
 .sticky5.show{transform:none}
 .sticky5 .st-d{flex:1;min-width:0;font-size:16px;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .sticky5 .st-d small{display:block;font-size:14px;color:var(--gold)}
 .sticky5 .st-b{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:0 18px;border-radius:999px;background:var(--gold);color:var(--on-acc);font:600 16px var(--sans)}
}
/* mobile type floor */
@media(max-width:699px){
 .hero.h5 .kicker{font-size:16px;letter-spacing:.06em;line-height:1.3;padding:10px 16px}
 .c5,.cat5,.tok5,.more5,.clear5{font-size:16px}
 .cat5 span{font-size:14px}
 .c5 small{font-size:14px}
 .lists small,.idxnote,.disc,.b5-head p,.pvmeta,.pvnext,.tile small,.pr5 small,.pr5,.hint5,.delta5,.tilenote,.lab5 span,.b5-prev .fine,.exnote{font-size:16px}
 .it5 small,.crumbs,.progtx,.removed5,.inline-pick p,.note{font-size:16px}
 .ib{font-size:16px}
 .it5 .tag{font-size:16px;padding:2px 10px}
 .specs dt{font-size:14px}
 .tools5 .btn,#hideOpt{font-size:16px}
 .pvbadge{font-size:15px}
 .feat,.gen{font-size:14px}
 .lab5{flex-wrap:wrap}
 body.has-sticky{padding-bottom:76px}
}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.c5.on.dflt{background:transparent;color:var(--tx);border:1px dashed rgba(var(--txrgb),.75);font-weight:500}
.c5.on.dflt small{color:var(--tx2)}
@media(max-width:699px){.hcredit.top{top:90px;right:12px;left:auto;font-size:12px}.hero.h5{padding-top:132px}}
.crumbs a{border-bottom:0;text-decoration:underline;text-decoration-color:rgba(var(--txrgb),.4);text-underline-offset:4px}
@media(max-width:899px){.tile:before{background:linear-gradient(180deg,rgba(10,13,15,.25) 0%,rgba(10,13,15,.6) 25%,rgba(10,13,15,.88) 48%,rgba(10,13,15,.94) 100%)}}

/* m5 r3: sticky title wraps instead of truncating; stacked button; disabled state */
@media(max-width:999px){.sticky5 .st-d{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}
.sticky5 .st-d small{margin-top:2px;line-height:1.2}
.sticky5 .st-b{flex-direction:column;justify-content:center;gap:0;padding:6px 18px;line-height:1.15;text-align:center}
.sticky5 .st-b b{font-weight:700}.sticky5 .st-b b:empty{display:none}
.sticky5.off .st-b{background:transparent;color:var(--tx2);border:1.5px dashed rgba(var(--txrgb),.4)}
body.has-sticky{padding-bottom:104px}}
#pvGo.off{opacity:.55;cursor:not-allowed;filter:grayscale(.6)}

/* m6–m9 mobile legibility floor: no text under 16px at phone widths */
@media (max-width:759px){
  .ad .l,.ad .slot,.railbox h5,.railbox p,.railbox a,.hcredit,.l h2 span,.refine summary small,.lab5 b,
  .kicker,.feat,.lhead dd,.lhead dt,.pvbadge,.fg h5,.fg p,.gear .cat,.new small,.tile .cr,.legal p,
  .sponsor span,figcaption,.band p,.band7 p,.band8 p,.b9q p,.cat5 span,.lsec h2 span,.news small{font-size:16px!important;line-height:1.4}
}
.skip{min-height:44px;display:inline-flex;align-items:center;padding:0 14px}
.sticky5 .st-d small{font-size:16px}

/* ===== m6 theme ===== */
/* m6 · Night flight: near-black + burgundy, gold accents, cinematic photo hero */
:root{--bg:#0E1215;--bg2:#151B20;--bg3:#1C242A;--tx:#F2EADB;--tx2:#B5ABA4;--tx3:#A39A93;--txrgb:242,234,219;
--gold:#FDE97E;--goldrgb:253,233,126;--on-acc:#231F20;--red:#FA3F48;
--cream:#F2EADB;--ink:#231F20;--ink2:#5E5552;--inkrgb:35,31,32;--acc2:#C8102E;--on-acc2:#fff;
--line:rgba(242,234,219,.13);--bar:rgba(14,18,21,.97);--btnbg:rgba(14,18,21,.45);
--burg:#650019;--burg2:#3D000F;--serif:"Instrument Serif",Georgia,serif;--sans:"Instrument Sans",system-ui,sans-serif}
.logo img{height:53px}
@media(max-width:420px){.logo img{height:46px}}
h2{font-weight:400;letter-spacing:-.01em}
h2 em,.hero h1 em{font-weight:400}
.kicker{color:var(--gold)}
.kicker:before{content:"";display:inline-block;width:28px;height:1px;background:var(--red);vertical-align:4px;margin-right:12px}
/* cinematic hero: letterboxed, copy bottom-left over a solid-ish scrim */
.hero.h6{min-height:clamp(640px,56vw,820px);padding-bottom:150px;align-items:flex-end;background:#0b0e10 var(--de-hero) center 60%/cover;border-bottom:1px solid rgba(253,233,126,.25)}
.hero.h6:before{background:linear-gradient(90deg,rgba(14,18,21,.95) 0%,rgba(14,18,21,.86) 34%,rgba(14,18,21,.35) 64%,rgba(14,18,21,.15) 100%),linear-gradient(180deg,rgba(14,18,21,.85) 0%,rgba(14,18,21,0) 22%,rgba(14,18,21,0) 70%,rgba(101,0,25,.55) 100%)}
.hero.h6:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#E01431,#650019)}
.hero.h6 .wrap{text-align:left;padding-bottom:40px}
.h6-copy{max-width:640px}
.hero.h6 .kicker{background:none;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:none}
.hero.h6 h1{font-size:clamp(48px,6.4vw,96px);line-height:.98;margin:20px 0 22px;max-width:9.5em;letter-spacing:-.015em;text-shadow:none}
.hero.h6 p.sub{margin:0 0 30px;max-width:30em;color:var(--tx)}
.hcta{display:flex;flex-wrap:wrap;gap:12px}
.hero.h6 .btn:not(.fill){color:var(--tx);border-color:rgba(242,234,219,.5);background:rgba(14,18,21,.5)}
.hcredit{top:96px;bottom:auto}
.b5{margin-top:-110px;background:var(--bg2);border-color:rgba(253,233,126,.22)}
/* preview panel: burgundy, gold */
.b5-prev{background:linear-gradient(165deg,#7A0A20 0%,#650019 38%,#3D000F 100%);color:var(--tx)}
.b5-prev .kicker{color:var(--gold)}
.b5-prev .kicker:before{background:var(--gold)}
.b5-prev .pvmeta,.b5-prev .fine,.b5-prev .pvnext{color:#E9DCD2}
.b5-prev .pr5{border-color:rgba(242,234,219,.2)}
.b5-prev .pr5 b{color:var(--tx)}
.b5-prev .bar{background:rgba(242,234,219,.16)}
.b5-prev .bar i{background:var(--gold)}
.b5-prev .pvnext li:before{color:var(--gold)}
.b5-prev .pvbadge,.b5-prev h3{color:var(--tx)}
.b5-prev .btn.fill{background:var(--gold);color:#231F20;border-color:var(--gold)}
.b5-prev .feat,.feat{background:var(--gold);color:#231F20}
.b5-prev .gen{border-color:rgba(242,234,219,.6);color:var(--tx)}
.b5-prev .delta5{background:rgba(253,233,126,.12);color:var(--tx)}
.founder{border-color:rgba(253,233,126,.22)}
.founder p{font-size:clamp(22px,2.2vw,29px)}
/* tiles: overlay */
.tile .ph{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;z-index:0}
.tile:before{z-index:1}.tile .tt{position:relative;z-index:2;display:block}.tile .cr{z-index:2}.tile .ic{position:relative;z-index:2}
.tile{border-color:rgba(253,233,126,.18)}
.tile b{font-size:clamp(22px,2vw,30px);font-weight:400}
.tile small{display:block}
/* featured lists: burgundy panel */
.panel{background:linear-gradient(135deg,#650019 0%,#3D000F 55%,#1A0A0E 100%);color:var(--tx);border:1px solid rgba(253,233,126,.2)}
.panel .kicker,.panel h2 em,.lists a:before,.lists .ar,.panel .lists small .cnt{color:var(--gold)}
.panel .shead p,.lists small,.panel .idxnote,.panel p{color:#E3D3C9}
.lists a{border-top-color:rgba(242,234,219,.16)}
.lists b{font-weight:400;font-size:24px}
.panel .kicker:before{background:var(--gold)}
.band{background-position:center 40%}
.band:before{background:radial-gradient(ellipse at center,rgba(14,18,21,.5),rgba(14,18,21,.84))!important}
.band blockquote{font-weight:400}
.g{background:linear-gradient(180deg,var(--bg2),var(--bg))}
.g h4{font-weight:400;font-size:27px}
.news{background:linear-gradient(135deg,#3D000F,#151B20 60%);border-color:rgba(253,233,126,.2)}
.news input{background:rgba(14,18,21,.6)}
footer{border-top:3px solid #650019}
/* inner */
.lh5{border-bottom:1px solid rgba(253,233,126,.2)}
.lhead h1 em{font-weight:400}
.specs div{background:rgba(21,27,32,.92)}
.lh5 .btn:not(.fill){background:rgba(14,18,21,.55);color:var(--tx);border-color:rgba(242,234,219,.45)}
@media(max-width:759px){.hero.h6{padding-top:150px;min-height:0}.hero.h6:before{background:linear-gradient(180deg,rgba(14,18,21,.9) 0%,rgba(14,18,21,.82) 45%,rgba(14,18,21,.86) 75%,var(--bg) 100%)}.hero.h6 .kicker{line-height:1.45}.hero.h6 .kicker:before{display:none}.hcredit{top:96px}}
.b5-prev .pr5 small{color:#E9DCD2}
@media(max-width:559px){.tiles{grid-template-columns:1fr}.tile{min-height:190px}.tile .cr{max-width:calc(100% - 20px)}}

/* ---------- WordPress glue (TT25 child) ---------- */
.wp-site-blocks{padding:0}
.wp-site-blocks>*,.de-main>*,.de-main{margin-block:0}
body .is-layout-flow>*+*{margin-block-start:0}
.de-guide .wp-block-post-content>*+*,.entry-content>*+*{margin-block-start:1.2em}
/* header: overlays the hero on the home and list pages, solid elsewhere */
header.site{position:relative;background:var(--bg);border-bottom:1px solid var(--line)}
.wp-site-blocks:has(.h6,.lh5)>header.site{position:absolute;background:none;border-bottom:0}
header.site .wrap{gap:16px}
header.site .wp-block-site-logo{line-height:0;margin:0}
header.site .wp-block-site-logo img{height:44px;width:auto}
.de-nav{margin-left:auto;font-size:16px}
.de-nav .wp-block-navigation__container{gap:18px}
.de-nav .wp-block-navigation-item__content{text-decoration:none;padding:12px 8px;opacity:.9;min-height:44px;display:inline-flex;align-items:center}
.de-nav .wp-block-navigation-item__content:hover{color:var(--gold);opacity:1}
.de-nav .wp-block-navigation__responsive-container-open,.de-nav .wp-block-navigation__responsive-container-close{color:var(--tx);min-width:44px;min-height:44px;justify-content:center;align-items:center}
.de-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--bg)!important;color:var(--tx)!important;padding:24px}
.de-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:8px;font:400 28px/1.2 var(--serif)}
header.site .hbtns{display:flex;align-items:center}
/* newsletter replacement */
.news-cta{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.news-cta small{color:var(--tx2)}
/* posts and pages that use the parent TT25 templates */
.wp-site-blocks>main:not(.de-main){padding:48px 20px 80px}
.wp-block-post-content a,.wp-block-post-excerpt a{color:var(--gold)}
.wp-block-post-title a{color:inherit;text-decoration:none}
.de-guide{padding:48px 20px 80px}
@media print{header.site,footer.wp-block-template-part,.de-nav{display:none!important}}
/* phone: keep the photo credit clear of the crumbs */
@media(max-width:699px){.lh5{padding-bottom:76px}.lh5 .hcredit{top:auto;bottom:12px;right:12px;left:auto;max-width:calc(100% - 24px)}}

/* ===== 1.0.2 CQC fixes ===== */
/* Fix 1: list hero follows the first Where pick (list.js sets data-hero). No pick match = neutral hero, no photo, no credit. */
.lh5[data-hero=desert]{--de-listhero:url(../img/de-desert-wide-1440.jpg);--de-listhero:-webkit-image-set(url(../img/de-desert-wide-1440.jpg) 1x,url(../img/de-desert-wide-2880.jpg) 2x)}
@supports (background-image:image-set(url(x.webp) type("image/webp") 1x)){.lh5[data-hero=desert]{--de-listhero:image-set(url(../img/de-desert-wide-1440.webp) type("image/webp") 1x,url(../img/de-desert-wide-2880.webp) type("image/webp") 2x,url(../img/de-desert-wide-1440.jpg) type("image/jpeg") 1x,url(../img/de-desert-wide-2880.jpg) type("image/jpeg") 2x)}}
@media (max-width:699px){.lh5[data-hero=desert]{--de-listhero:url(../img/de-desert-wide-m-800.jpg);--de-listhero:-webkit-image-set(url(../img/de-desert-wide-m-800.jpg) 1x,url(../img/de-desert-wide-m-1600.jpg) 2x)}}
@supports (background-image:image-set(url(x.webp) type("image/webp") 1x)){@media (max-width:699px){.lh5[data-hero=desert]{--de-listhero:image-set(url(../img/de-desert-wide-m-800.webp) type("image/webp") 1x,url(../img/de-desert-wide-m-1600.webp) type("image/webp") 2x,url(../img/de-desert-wide-m-800.jpg) type("image/jpeg") 1x,url(../img/de-desert-wide-m-1600.jpg) type("image/jpeg") 2x)}}}
.lh5[data-hero=trail]{--de-listhero:url(../img/de-trail-wide-1440.jpg);--de-listhero:-webkit-image-set(url(../img/de-trail-wide-1440.jpg) 1x,url(../img/de-trail-wide-2880.jpg) 2x)}
@supports (background-image:image-set(url(x.webp) type("image/webp") 1x)){.lh5[data-hero=trail]{--de-listhero:image-set(url(../img/de-trail-wide-1440.webp) type("image/webp") 1x,url(../img/de-trail-wide-2880.webp) type("image/webp") 2x,url(../img/de-trail-wide-1440.jpg) type("image/jpeg") 1x,url(../img/de-trail-wide-2880.jpg) type("image/jpeg") 2x)}}
@media (max-width:699px){.lh5[data-hero=trail]{--de-listhero:url(../img/de-trail-wide-m-800.jpg);--de-listhero:-webkit-image-set(url(../img/de-trail-wide-m-800.jpg) 1x,url(../img/de-trail-wide-m-1600.jpg) 2x)}}
@supports (background-image:image-set(url(x.webp) type("image/webp") 1x)){@media (max-width:699px){.lh5[data-hero=trail]{--de-listhero:image-set(url(../img/de-trail-wide-m-800.webp) type("image/webp") 1x,url(../img/de-trail-wide-m-1600.webp) type("image/webp") 2x,url(../img/de-trail-wide-m-800.jpg) type("image/jpeg") 1x,url(../img/de-trail-wide-m-1600.jpg) type("image/jpeg") 2x)}}}
.lh5[data-hero=offshore]{--de-listhero:url(../img/de-offshore-wide-1440.jpg);--de-listhero:-webkit-image-set(url(../img/de-offshore-wide-1440.jpg) 1x,url(../img/de-offshore-wide-2880.jpg) 2x)}
@supports (background-image:image-set(url(x.webp) type("image/webp") 1x)){.lh5[data-hero=offshore]{--de-listhero:image-set(url(../img/de-offshore-wide-1440.webp) type("image/webp") 1x,url(../img/de-offshore-wide-2880.webp) type("image/webp") 2x,url(../img/de-offshore-wide-1440.jpg) type("image/jpeg") 1x,url(../img/de-offshore-wide-2880.jpg) type("image/jpeg") 2x)}}
@media (max-width:699px){.lh5[data-hero=offshore]{--de-listhero:url(../img/de-offshore-wide-m-800.jpg);--de-listhero:-webkit-image-set(url(../img/de-offshore-wide-m-800.jpg) 1x,url(../img/de-offshore-wide-m-1600.jpg) 2x)}}
@supports (background-image:image-set(url(x.webp) type("image/webp") 1x)){@media (max-width:699px){.lh5[data-hero=offshore]{--de-listhero:image-set(url(../img/de-offshore-wide-m-800.webp) type("image/webp") 1x,url(../img/de-offshore-wide-m-1600.webp) type("image/webp") 2x,url(../img/de-offshore-wide-m-800.jpg) type("image/jpeg") 1x,url(../img/de-offshore-wide-m-1600.jpg) type("image/jpeg") 2x)}}}
.lh5[data-hero=trail]{background-position:center 60%}.lh5[data-hero=offshore]{background-position:center 50%}
.lh5:not([data-hero]),.lh5[data-hero=none]{background:radial-gradient(120% 90% at 80% 0%,var(--bg3) 0%,#0b0e10 70%)}
.hcredit[hidden],.railbox[hidden],.lh5 .vh[hidden]{display:none!important}
/* Fix 2: status is the tag only; the toggle is a neutral secondary action (never gold) */
.ib.o{display:inline-flex;align-items:center;gap:6px;border-color:rgba(var(--txrgb),.22);color:var(--tx2);background:transparent}
.ib.o .ic{width:16px;height:16px;flex:none}
.ib:hover,.ib:focus-visible{border-color:rgba(var(--txrgb),.6);color:var(--tx)}
li.isopt .ib.o{color:var(--tx2);border-color:rgba(var(--txrgb),.22)}li.isopt .ib.o:hover{border-color:rgba(var(--txrgb),.6);color:var(--tx)}
/* Fix 4: notes are tips: no checkbox, no buttons, not counted */
.it5 li.tip5{display:flex;align-items:flex-start;gap:12px;margin:10px 0;padding:12px 14px;border:1px solid var(--line);border-left:3px solid rgba(var(--txrgb),.45);border-radius:6px;background:var(--bg2);color:var(--tx2);font-size:15.5px;line-height:1.45}
.it5 li.tip5 .ic{flex:none;width:20px;height:20px;margin-top:1px;color:var(--tx)}
@media print{.it5 li.tip5{background:none;border-color:#999;color:#000;padding:4pt 6pt;margin:4pt 0}.it5 li.tip5 .ic{color:#000}}
/* Fix 5: guide text sits in the list column, ~112px under the list; optional H2 slot (wording pending Copy/FC) */
.de-guide{padding:0 0 80px}
.de-guide>.wp-block-post-content,.de-guide .de-guide-in{max-width:1280px;margin:0 auto;padding:24px 20px 0;border-top:0}
@media(min-width:900px){.de-guide>.wp-block-post-content,.de-guide .de-guide-in{padding:24px 48px 0}}
@media(min-width:1000px){.de-guide>.wp-block-post-content,.de-guide .de-guide-in{padding-top:0}}
@media(min-width:1000px){.de-guide>.wp-block-post-content,.de-guide .de-guide-in{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;column-gap:48px;align-items:start}
 .de-guide>.wp-block-post-content>*,.de-guide .de-guide-in>*{grid-column:2;max-width:none;margin-left:0!important;margin-right:0!important}}
.de-guide>.wp-block-post-content>[data-de-preset]+*,.de-guide>.wp-block-post-content>:first-child:not([data-de-preset]){margin-block-start:0;border-top:1px solid var(--line);padding-top:32px}
.de-guide h2{font:500 clamp(26px,2.6vw,34px)/1.15 var(--serif);margin:0 0 4px}.de-guide h2+*{margin-block-start:.6em}
.de-guide>.wp-block-post-content>*+h2{margin-block-start:2em}
/* Fix 6: Home: the Free printable panel follows the gear section with one section gap, not two */
section.s#printable{padding-top:0}

/* ===== 1.0.3 Copy addendum 4f9c5265: one guide H2 "About this list" (template), above the post content ===== */
.de-guide .de-guide-in>.de-guide-h{margin:0;border-top:1px solid var(--line);padding-top:32px}
.de-guide .de-guide-in>.wp-block-post-content{max-width:none;margin:16px 0 0!important;padding:0}
.de-guide .de-guide-in>.wp-block-post-content>*{max-width:none;margin-left:0!important;margin-right:0!important}
.de-guide .de-guide-in>.wp-block-post-content>[data-de-preset]+*,.de-guide .de-guide-in>.wp-block-post-content>:first-child:not([data-de-preset]){margin-block-start:0}
/* 1.0.3: the longer action labels ("Mark must-have") get their own line on phones so the item text keeps the full width */
@media(max-width:599px){.it5 li[data-id]{flex-wrap:wrap;column-gap:6px;row-gap:0}.it5 li[data-id]>label{flex:1 1 100%;padding-bottom:6px}
 .it5 li[data-id]>.ib.o{margin:0 0 12px 40px}.it5 li[data-id]>.ib.x{margin:0 0 12px auto}}
/* 1.0.5 (S3-de-layout-2026-10-23): tablets 600-859px get the mobile menu button; the full nav (about 490px) wrapped to two rows there. 860px and up unchanged. */
@media (min-width:600px) and (max-width:859px){.de-nav .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}.de-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}}
/* 1.0.5: keep the absolute header below the WP admin bar when it shows (logged-in users). */
body.admin-bar header.site{top:var(--wp-admin--admin-bar--height,32px)}
@media screen and (max-width:782px){body.admin-bar header.site{top:46px}}