/* D5 SHARED styles: header, footer, buttons, hero base rules, trust strip. Loaded on BOTH the landing page (6357) and the Rune Forge page (6097) by data/asgard-site/mu-plugins/asgard-landing-d5.php. Landing-only rules live in d5-landing.css. (Renamed from d5-chrome.css 10/18/26; the Forge page does not use the hero rules, they are inert there.) */
/* D5 landing styles (generated from tasks/ad-hoc/landing-concepts-2026-10-16: concepts.css('T2','P4') + parts_d CSS). Fonts self-hosted (OFL): Cormorant Garamond (variable), Lato, Noto Sans Runic. */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500 700;font-display:swap;src:url(fonts/CormorantGaramond-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/Lato-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/Lato-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Noto Sans Runic';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/NotoSansRunic-400-runic.woff2) format('woff2');unicode-range:U+16A0-16F8}






:root{--hd:'Cormorant Garamond',Georgia,serif;--bd:'Lato',system-ui,sans-serif;--bg:#1a2240;--bg2:#262f55;--fg:#f6efe2;--ac:#d9b25a;--ac2:#8c9bd1;--btn:#8a2a2a;--mu:#aab1cf}
.cc *{box-sizing:border-box} .cc a{color:inherit;text-decoration:none}
.cc-wm{font-family:var(--hd);font-weight:700;letter-spacing:.14em;color:var(--ac);white-space:nowrap}
.cc-btn{display:inline-flex;align-items:center;min-height:46px;padding:0 26px;border-radius:999px;background:linear-gradient(180deg,#b13a38,var(--btn));color:#fff!important;font:600 16px var(--bd);box-shadow:0 2px 0 rgba(0,0,0,.35)}
.cc-link{margin-left:18px;color:var(--ac);text-decoration:underline!important;font:15px var(--bd)}
.cc-cart{border:1px solid var(--ac);border-radius:999px;padding:7px 14px;font:600 14px var(--bd);color:var(--fg);white-space:nowrap} .cc-cart b{color:var(--ac);margin-left:4px}
.cc-h{background:var(--bg);color:var(--fg)} .cc-h nav a{font:600 13px var(--bd);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);opacity:.9}
.cc-h1{text-align:center;padding:18px 24px 0;border-bottom:3px solid var(--ac)} .cc-h1 .cc-wm{font-size:34px} .cc-h1 .cc-sub{font:italic 15px var(--hd);color:var(--mu);margin:2px 0 12px}
.cc-h1 nav{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;padding:12px 0;border-top:1px solid rgba(128,128,128,.35)} .cc-h1 nav i{color:var(--ac);font-style:normal;font-size:12px}
.cc-h2{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;height:62px;flex-wrap:wrap;border-bottom:1px solid var(--ac)} .cc-h2 .cc-wm{font-size:21px} .cc-h2 nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.cc-h3 .cc-util{background:var(--ac);color:#1b130c;font:600 12px var(--bd);text-align:center;padding:7px 12px;letter-spacing:.03em} .cc-h3 .cc-main{display:flex;align-items:center;gap:22px;padding:16px 28px;flex-wrap:wrap} .cc-h3 .cc-wm{font-size:26px}
.cc-h3 .cc-search{flex:1;min-width:200px;display:flex;justify-content:space-between;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:10px 18px;font:15px var(--bd);color:var(--mu)} .cc-h3 .cc-search b{color:var(--ac)}
.cc-h3 nav{display:flex;gap:26px;padding:0 28px 14px;flex-wrap:wrap}
.cc-h4{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 28px;height:92px;border-bottom:2px solid var(--ac)} .cc-h4 .cc-wm{font-size:32px;letter-spacing:.18em;text-align:center} .cc-h4 nav{display:flex;gap:22px;align-items:center} .cc-h4 nav.r{justify-content:flex-end}
.cc-h5{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:108px} .cc-h5 .cc-wm{font-size:30px;letter-spacing:.22em} .cc-menu{font:600 15px var(--bd);letter-spacing:.1em;text-transform:uppercase;color:var(--fg)}
.cc-h6{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;height:70px;flex-wrap:wrap;background:linear-gradient(180deg,var(--bg2),var(--bg))} .cc-h6 .cc-wm{font-size:22px} .cc-h6 nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.cc-h6 nav a{display:flex;gap:7px;align-items:center;border:1px solid rgba(128,128,128,.35);border-radius:6px;padding:8px 11px;font-size:12px} .cc-h6 nav a u{text-decoration:none;color:var(--ac);font-family:'Noto Sans Runic',serif;font-size:15px}
.cc-r{background:var(--bg);color:var(--fg)} .cc-r h1{font-family:var(--hd);font-weight:700;margin:0;line-height:1.08} .cc-r h1 em{font-style:normal;color:var(--ac)} .cc-r .k{font:700 12px var(--bd);letter-spacing:.2em;text-transform:uppercase;color:var(--ac);margin:0 0 10px}
.cc-r1{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 48px 40px;position:relative;flex-wrap:wrap;overflow:hidden} .cc-r1 h1{font-size:clamp(26px,3.2vw,40px)} .cc-r1 p{margin:8px 0 0;color:var(--mu);font:16px var(--bd)} .cc-knot{position:absolute;left:0;right:0;bottom:0;height:16px;background-size:auto 150%;background-position:center}
.cc-r2{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;padding:46px 56px;overflow:hidden;background:linear-gradient(120deg,var(--bg) 0%,var(--bg2) 100%)} .cc-r2 h1{font-size:clamp(34px,4.4vw,56px);margin-bottom:16px} .cc-r2 .l{font:18px/1.5 var(--bd);color:var(--mu);margin:0 0 24px;max-width:30em}
.cc-r2 .g{position:relative;height:350px} .cc-r2 .g img{position:absolute;width:44%;border-radius:12px;background:#fff;border:3px solid #f3ece0;box-shadow:0 14px 30px rgba(0,0,0,.45)} .cc-r2 .a{left:0;top:10px;transform:rotate(-4deg)} .cc-r2 .b{right:4%;top:0;transform:rotate(3deg)} .cc-r2 .c{left:28%;top:96px;transform:rotate(-1deg)}
.cc-r3{padding:30px 48px 38px;background:var(--bg)} .cc-r3 .h{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:22px} .cc-r3 h1{font-size:clamp(26px,3.2vw,40px)}
.cc-r3 .row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .cc-r3 figure{margin:0;background:#fff;border-radius:12px;overflow:hidden;color:#222} .cc-r3 img{display:block;width:100%;aspect-ratio:1;object-fit:cover} .cc-r3 figcaption{padding:9px 12px;font:600 14px var(--bd)}
.cc-r4{padding:46px 24px;background-size:cover;background-position:center;color:#2b1d12;text-align:center} .cc-r4 .p{max-width:760px;margin:0 auto;background:rgba(246,236,214,.86);border:2px solid #8a6a3a;border-radius:10px;padding:30px 28px} .cc-r4 h1{font-size:clamp(28px,3.6vw,44px);color:#2b1d12}
.cc-r4 .k{color:#8a3a1d} .cc-r4 .f{display:flex;gap:14px;justify-content:center;align-items:center;margin:20px 0;flex-wrap:wrap} .cc-r4 .in{background:#fff;border:2px solid #8a6a3a;border-radius:8px;padding:12px 22px;font:600 22px var(--bd);min-width:230px;text-align:left} .cc-r4 .out{font:46px 'Noto Sans Runic',serif;color:#8a3a1d;letter-spacing:.08em} .cc-r4 .s{margin:16px 0 0;font:15px var(--bd);color:#5c4630}
.cc-r5{min-height:340px;display:flex;align-items:center;padding:48px 56px;background-size:cover;background-position:center} .cc-r5 h1{font-size:clamp(36px,5vw,64px);margin-bottom:12px;color:#fff} .cc-r5 .l{font:19px var(--bd);color:#dfe7ee;margin:0 0 22px}
.cc-r6{text-align:center;padding:50px 24px 46px;background:radial-gradient(900px 300px at 50% 0%,var(--bg2),var(--bg))} .cc-r6 .runes{font:clamp(54px,9vw,128px) 'Noto Sans Runic',serif;color:var(--ac);letter-spacing:.06em;line-height:1;margin-bottom:18px;text-shadow:0 0 40px rgba(231,200,115,.25)} .cc-r6 h1{font-size:clamp(24px,3vw,36px);margin-bottom:22px}
.cc-wrap{width:min(1180px,100% - 48px);margin:0 auto;padding:6px 0 30px} .cc .og-row-h{font-family:var(--hd)!important} .cc .og-sec-lead,.cc .og-who span,.cc .og-who em,.cc .og-occ a,.cc .og-made *,.cc .og-gift *{font-family:var(--bd)}
.cc-f{background:var(--bg);color:var(--fg);font-family:var(--bd)} .cc-f a{color:var(--fg);opacity:.85;font-size:14px} .cc-f h4{font:700 13px var(--hd);letter-spacing:.14em;text-transform:uppercase;color:var(--ac);margin:0 0 12px} .cc-f .b{color:var(--mu);font-size:13px}
.cc-f1 .m{background:var(--ac);color:#1b130c;font:600 16px var(--bd);text-align:center;padding:16px 24px} .cc-f1 .c{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:36px 56px 20px} .cc-f a{display:block;margin:0 0 8px} .cc-f1 .b,.cc-f5 .b{text-align:center;padding:0 24px 24px}
.cc-f2{padding:38px 56px 22px;text-align:center} .cc-f2 h3{font:700 28px var(--hd);margin:0 0 6px;color:var(--ac)} .cc-f2 p{color:var(--mu);margin:0 0 16px;font-size:16px} .cc-f2 .s{display:inline-flex;gap:0;border-radius:999px;overflow:hidden;border:1px solid var(--ac)} .cc-f2 .s span{padding:12px 24px;min-width:280px;text-align:left;color:var(--mu);background:rgba(255,255,255,.08)} .cc-f2 .s b{background:var(--btn);color:#fff;padding:12px 24px}
.cc-f2 .l{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin:26px 0 14px} .cc-f2 .l a{margin:0}
.cc-f3{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 40px;height:62px;flex-wrap:wrap} .cc-f3 .w{font:700 16px var(--hd);letter-spacing:.14em;color:var(--ac)} .cc-f3 nav{display:flex;gap:22px} .cc-f3 nav a{margin:0}
.cc-f4{text-align:center;padding:0 24px 22px} .cc-f4 .k{height:46px;background-size:auto 260%;background-position:center;margin-bottom:22px;border-bottom:1px solid var(--ac)} .cc-f4 nav{display:flex;gap:24px;justify-content:center;flex-wrap:wrap} .cc-f4 nav a{margin:0 0 6px} .cc-f4 p{margin:12px auto 10px;max-width:640px;color:var(--mu);font-size:14px;line-height:1.5}
.cc-f5{position:relative;overflow:hidden;padding:34px 56px 8px} .cc-f5 .mark{position:absolute;left:0;right:0;top:20px;text-align:center;font:800 clamp(60px,12vw,170px) var(--hd);letter-spacing:.06em;color:var(--ac);opacity:.07;white-space:nowrap;pointer-events:none}
.cc-f5 .badges{position:relative;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:26px} .cc-f5 .badges span{border:1px solid var(--ac);border-radius:999px;padding:8px 16px;font:600 13px var(--bd);color:var(--ac)} .cc-f5 .c{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:14px}
@media (max-width:780px){.cc-h2,.cc-h4,.cc-h6,.cc-r2,.cc-f1 .c,.cc-f5 .c{grid-template-columns:1fr;height:auto;padding-top:14px;padding-bottom:14px} .cc-h2 nav,.cc-h4 nav,.cc-h6 nav{gap:10px} .cc-h4 .cc-wm{font-size:24px} .cc-r1,.cc-r2,.cc-r3,.cc-r5{padding-left:20px;padding-right:20px} .cc-r3 .row{grid-template-columns:repeat(2,1fr)} .cc-r2 .g{height:260px} .cc-f3,.cc-f2{padding:18px 20px;height:auto} .cc-f5{padding:30px 20px 8px} .cc-h5{padding:0 16px;height:80px} .cc-h5 .cc-wm{font-size:19px} .cc-h3 nav{gap:14px} .cc-r4 .in{min-width:0;width:100%}}

.cc-h7 .u{display:flex;justify-content:space-between;align-items:center;padding:6px max(28px,calc((100% - 1500px)/2 + 28px));background:rgba(0,0,0,.32);font:600 12px var(--bd);letter-spacing:.04em;color:var(--mu)} .cc-h7 .u a{color:var(--ac);font-weight:700}
.cc-h7 .m{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 max(28px,calc((100% - 1500px)/2 + 28px));height:70px;border-bottom:2px solid var(--ac);flex-wrap:wrap} .cc-h7 .wm{display:flex;flex-direction:column;gap:1px} .cc-h7 .cc-wm{font-size:24px} .cc-h7 .s{font:italic 13px var(--hd);color:var(--mu);letter-spacing:.04em}
.cc-h7 nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.cc-r7{position:relative;min-height:640px;display:flex;align-items:flex-start;padding:64px 56px 96px;background-size:cover;background-position:62% bottom;background-color:#0b1118;overflow:hidden;border-bottom:3px solid var(--ac)}
.cc-r7:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,18,.78) 0%,rgba(8,12,18,.5) 34%,rgba(8,12,18,0) 62%)} .cc-r7 .t{position:relative;max-width:560px}
.cc-r7 h1{font-size:clamp(38px,5vw,66px);margin:0 0 14px;color:#fff} .cc-r7 .l{font:19px/1.45 var(--bd);color:#e3eaf0;margin:0 0 22px;max-width:30em}
.cc-r7 .car{margin-top:30px} .cc-r7 .lb{display:block;font:700 11px var(--bd);letter-spacing:.2em;text-transform:uppercase;color:var(--ac);margin-bottom:8px} .cc-r7 .trk{display:flex;align-items:center;gap:8px}
.cc-r7 .trk b{width:26px;height:26px;flex:0 0 26px;border-radius:50%;border:1px solid var(--ac);color:var(--ac);display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1}
.cc-r7 .trk img{display:block;width:86px;height:86px;object-fit:cover;border-radius:10px;border:2px solid #f3ece0;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.45)}
.cc-r7 .pill{position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);background:rgba(8,10,14,.94);border:1px solid var(--ac);border-bottom:0;border-radius:18px 18px 0 0;padding:12px 34px 10px;font:700 15px var(--hd);letter-spacing:.2em;color:#f3ece0;white-space:nowrap} .cc-r7 .pill em{font-style:normal;color:var(--ac)}
.cc-wrap > .og-trust{margin-top:0}
.cc-f6{text-align:center;padding:0 0 22px;background:var(--bg)} .cc-f6 nav,.cc-f6 p,.cc-f6 .b{padding-left:24px;padding-right:24px} .cc-f6 .rs{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.15em .45em;overflow:hidden;padding:14px 40px 13px;margin-bottom:24px;border-top:2px solid var(--ac);border-bottom:2px solid var(--ac);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.18))}
.cc-f6 .rs i{font:normal clamp(18px,2.1vw,32px)/1 'Noto Sans Runic',serif;letter-spacing:.14em;background:linear-gradient(180deg,#f3d98a 0%,#c9a24a 55%,#a8822f 100%);-webkit-background-clip:text;background-clip:text;color:transparent} .cc-f6 nav{display:flex;gap:24px;justify-content:center;flex-wrap:wrap} .cc-f6 nav a{margin:0 0 6px}
.cc-f6 p{margin:12px auto 10px;max-width:660px;color:var(--mu);font-size:14px;line-height:1.5}
/* mission lightbox (Glen 10/16/26: "charitable mission" is a quiet link that pops our mission out in a lightbox and never takes the visitor off the page) */
.cc .cc-h7 .u .rf-mission-link{color:inherit;font-weight:600;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:rgba(217,178,90,.7);text-underline-offset:3px;transition:color .15s ease} .cc .cc-h7 .u .rf-mission-link:hover{color:var(--ac);text-decoration-style:solid}
dialog.rf-mission{border:1px solid var(--ac);border-radius:14px;background:var(--bg);color:var(--fg);padding:0;width:min(560px,calc(100vw - 32px));box-shadow:0 24px 60px rgba(0,0,0,.6);font:16px/1.55 var(--bd)} dialog.rf-mission::backdrop{background:rgba(5,8,14,.74)}
.rf-mission .rf-box{position:relative;padding:30px 32px 26px} .rf-mission h2{font:700 28px var(--hd);color:var(--ac);margin:0 0 12px;letter-spacing:.02em} .rf-mission p{margin:0 0 12px;color:#e6edf2}
.rf-mission .rf-x{position:absolute;top:10px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(217,178,90,.6);background:transparent;color:var(--ac);font:22px/1 var(--bd);cursor:pointer;transition:background .15s ease,color .15s ease} .rf-mission .rf-x:hover{background:var(--ac);color:#14110f}
.rf-mission .rf-more{display:inline-block;margin-top:4px;color:var(--ac);font-weight:600;text-decoration:underline;text-underline-offset:3px} .rf-mission .rf-fine{font-size:13.5px;color:var(--mu);margin:14px 0 0}
.cc-h7 nav a.rf-back{border:1px solid var(--ac);border-radius:999px;padding:8px 16px;color:var(--ac);letter-spacing:.06em;transition:background .15s ease,color .15s ease} .cc-h7 nav a.rf-back:hover{background:rgba(217,178,90,.16);color:var(--fg)}
/* hover and focus states (Glen 10/16/26: the red button had none) - the house Primary button feel: lift, brighter red, soft glow, 2px ledge kept */
.cc-btn{transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;cursor:pointer} .cc-btn:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 4px 0 rgba(0,0,0,.35),0 10px 22px rgba(177,58,56,.45)} .cc-btn:active{transform:translateY(0);filter:brightness(1.0);box-shadow:0 1px 0 rgba(0,0,0,.35)}
.cc a:focus-visible,.cc-btn:focus-visible,.cc-r8 .trk b:focus-visible{outline:2px solid var(--ac);outline-offset:3px;border-radius:6px}
.cc-h nav a{transition:color .15s ease,opacity .15s ease} .cc-h nav a:hover{color:var(--ac);opacity:1} .cc-h7 .u a:hover{text-decoration:underline!important}
.cc-cart{transition:background .15s ease,color .15s ease} .cc-cart:hover{background:rgba(217,178,90,.16);color:var(--ac)}
.cc-r8 .trk b{transition:background .15s ease,color .15s ease} .cc-r8 .trk b:hover{background:var(--ac);color:#14110f} .cc-r8 .rail a,.cc-r8 .rail img{transition:transform .15s ease} .cc-r8 .rail a:hover img{transform:translateY(-3px)} .cc-r8 .rail a{display:block;flex:0 0 72px}
.cc-f6 nav a{transition:color .15s ease,opacity .15s ease} .cc-f6 nav a:hover{color:var(--ac);opacity:1}
body.asgard-store-chrome .cc-r8 + .og-trust{width:min(1500px,100%);margin-left:auto;margin-right:auto}
.cc-r8 .car{display:inline-flex;flex-direction:column;align-items:stretch} .cc-r8 .lb{text-align:center}   /* Glen 10/16/26: the label is centered over the product row */
@media (prefers-reduced-motion:reduce){.cc-btn,.cc-h nav a,.cc-cart,.cc-r8 .trk b,.cc-r8 .rail img{transition:none}.cc-btn:hover{transform:none}}
@media (max-width:780px){.cc-h7 .u span{display:none}.cc-h7 .m{height:auto;padding:12px 16px}.cc-h7 nav{gap:12px}.cc-r7{min-height:700px;padding:36px 20px 110px;background-position:88% bottom}.cc-r7 .t{max-width:none;width:100%;min-width:0}.cc-r7 .l{font-size:17px}.cc-r7 .car{margin-top:22px}.cc-r7 .pill{font-size:12px;padding:10px 18px 8px}.cc-r7 .trk img{width:64px;height:64px}.cc-f6 .rs{flex-wrap:wrap;justify-content:center;gap:.25em .7em;padding:12px 20px}.cc-f6 .rs i{font-size:20px}}

.cc-r8{position:relative;height:440px;background:linear-gradient(90deg,#090f15 0%,#0c1822 100%);overflow:hidden;border-bottom:3px solid var(--ac);color:var(--fg)}
.cc-r8 .in{position:relative;max-width:1500px;height:100%;margin:0 auto} .cc-r8 .in:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(9,15,21,.92) 0%,rgba(9,15,21,.6) 38%,rgba(9,15,21,0) 62%)}
.cc-r8 .art{position:absolute;top:0;bottom:0;right:0;left:auto;height:100%;width:auto;max-width:none;aspect-ratio:16/9;background-size:100% 100%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
.cc-r8 .t{position:relative;z-index:2;padding:30px 56px 0;max-width:640px}
@media (min-width:1560px){.cc-r8 .art{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 95%,transparent 100%)}} .cc-r8 .pill{z-index:3} .cc-r8 .k{font:700 12px var(--bd);letter-spacing:.2em;text-transform:uppercase;color:var(--ac);margin:0 0 8px;min-height:16px;transition:opacity .5s}
.cc-r8 h1{font-family:var(--hd);font-weight:700;font-size:clamp(34px,4.1vw,54px);line-height:1.06;margin:0 0 10px;color:#fff} .cc-r8 h1 em{font-style:normal;color:var(--ac)}
.cc-r8 .l{font:17px/1.45 var(--bd);color:#dfe7ee;margin:0 0 16px;max-width:31em}
.cc-r8 .car{margin-top:16px} .cc-r8 .lb{display:block;font:700 11px var(--bd);letter-spacing:.2em;text-transform:uppercase;color:var(--ac);margin-bottom:7px} .cc-r8 .trk{display:flex;align-items:center;gap:8px}
.cc-r8 .trk b{width:26px;height:26px;flex:0 0 26px;border-radius:50%;border:1px solid var(--ac);color:var(--ac);display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;cursor:pointer;user-select:none}
.cc-r8 .rail{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;max-width:468px} .cc-r8 .rail::-webkit-scrollbar{display:none}
.cc-r8 .rail img{flex:0 0 72px;width:72px;height:72px;object-fit:cover;border-radius:9px;border:2px solid #f3ece0;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.45);scroll-snap-align:start}
.cc-r8 .pill{position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);background:rgba(8,10,14,.94);border:1px solid var(--ac);border-bottom:0;border-radius:16px 16px 0 0;padding:10px 30px 8px;font:700 14px var(--hd);letter-spacing:.2em;color:#f3ece0;white-space:nowrap} .cc-r8 .pill em{font-style:normal;color:var(--ac)}
@media (max-width:780px){.cc-r8 .in:after{display:none}.cc-r8{height:auto;min-height:0;background:#0b1118}.cc-r8 .in{height:auto;min-height:640px}.cc-r8 .art{left:0;right:0;top:auto;height:310px;aspect-ratio:auto;background-size:auto 100%;background-position:right bottom;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%);mask-image:linear-gradient(180deg,transparent 0,#000 22%)}.cc-r8 .t{padding:26px 20px 0;max-width:none}.cc-r8 .l{font-size:16px}.cc-r8 .rail{max-width:100%}.cc-r8 .pill{font-size:12px;padding:9px 16px 7px}}