:root{--ink:#0b0f14;--ink2:#121820;--line:#243040;--gold:#c9a962;--gold2:#e2c98a;--txt:#e9edf2;--mut:#93a0b0;--paper:#f5f3ee;--pt:#1a1f26;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Inter',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 var(--sans);color:var(--txt);background:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.08;margin:0}
/* nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 5vw;transition:.3s}
.nav.solid,body:not(.home) .nav{background:rgba(11,15,20,.92);backdrop-filter:blur(10px);padding:14px 5vw;border-bottom:1px solid var(--line)}
.nav a,.logo{white-space:nowrap}.logo{font:600 1.25rem/1 var(--serif);letter-spacing:.22em}.logo i{color:var(--gold);font-style:normal}
.nav nav{display:flex;gap:30px;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.nav nav a{color:#cfd6df;transition:.2s}.nav nav a:hover{color:var(--gold2)}
.cta,.btn{display:inline-block;border:1px solid var(--gold);color:var(--gold2);padding:11px 26px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;transition:.25s;background:transparent;cursor:pointer;font-family:var(--sans)}
.cta:hover,.btn:hover{background:var(--gold);color:var(--ink)}.btn.solid{background:var(--gold);color:var(--ink)}.btn.solid:hover{background:var(--gold2)}
@media(max-width:900px){.nav nav{display:none}}
main{min-height:60vh}body:not(.home) main{padding-top:74px}
/* hero */
.hero{position:relative;height:100vh;min-height:640px;overflow:hidden;background:var(--ink)}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 1.2s;display:flex;align-items:center}
.slide.on{opacity:1;visibility:visible}
.bg{position:absolute;inset:0;background:var(--grad),var(--img) center/cover;transform:scale(1.08);transition:transform 9s ease-out}
.slide.on .bg{transform:scale(1)}
.bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,15,20,.92) 0%,rgba(11,15,20,.55) 45%,rgba(11,15,20,.1) 100%),linear-gradient(0deg,rgba(11,15,20,.85),transparent 40%)}
.mark{position:absolute;right:4vw;bottom:8vh;font:600 clamp(6rem,20vw,19rem)/.8 var(--serif);color:rgba(255,255,255,.045);letter-spacing:.04em;pointer-events:none;white-space:nowrap}
.copy{position:relative;padding:0 5vw;max-width:780px;transform:translateY(24px);opacity:0;transition:.9s .35s}
.slide.on .copy{transform:none;opacity:1}
.eyebrow{display:flex;align-items:center;gap:14px;font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold2);margin-bottom:22px}.eyebrow:before{content:"";width:46px;height:1px;background:var(--gold)}
.copy h1{font-size:clamp(2.8rem,7vw,6rem);margin-bottom:22px}.copy h1 em{font-style:italic;color:var(--gold2)}
.copy p{font-size:1.1rem;color:#c3ccd7;max-width:34em;margin:0 0 34px}.copy .btn+.btn{margin-left:12px}
.idx{position:absolute;left:5vw;right:5vw;bottom:36px;display:flex;gap:18px;z-index:5;align-items:flex-end}
.idx button{flex:1;max-width:240px;background:none;border:0;color:#8794a5;text-align:left;cursor:pointer;padding:0;font:inherit;transition:.3s}
.idx button span{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}.idx button b{display:block;font-weight:500;font-size:.9rem;margin-bottom:12px}
.idx button u{display:block;height:2px;background:rgba(255,255,255,.18);position:relative;overflow:hidden;text-decoration:none}
.idx button i{position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left}
.idx button.on{color:#fff}.idx button.on i{animation:fill var(--dur,6500ms) linear forwards}.hero.paused .idx .on i{animation-play-state:paused}
@keyframes fill{to{transform:scaleX(1)}}
.arrows{position:absolute;right:5vw;bottom:44px;display:flex;gap:10px;z-index:5}
.arrows button{width:48px;height:48px;border:1px solid rgba(255,255,255,.3);background:rgba(11,15,20,.4);color:#fff;cursor:pointer;font-size:1.1rem;transition:.25s}.arrows button:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
@media(max-width:800px){.idx button b{display:none}.arrows{display:none}.idx{bottom:26px}.copy .btn+.btn{margin:12px 0 0}}
/* dial variant */
.dialmode{--D:min(125vh,150vw);--rad:calc(var(--D)*.36);--pod:calc(var(--D)*.4);--r:0deg}
.dialmode .slide{z-index:1;pointer-events:none}.dialmode .slide.on .copy{pointer-events:auto}
.dialmode .copy{max-width:640px}.dialmode .mark{display:none}
.dialmode .bg:after{background:linear-gradient(90deg,rgba(11,15,20,.94) 0%,rgba(11,15,20,.6) 50%,rgba(11,15,20,.25) 100%),linear-gradient(0deg,rgba(11,15,20,.8),transparent 35%)}
.disc{position:absolute;z-index:2;width:var(--D);height:var(--D);left:calc(97vw - var(--D)/2);top:calc(50% - var(--D)/2);border-radius:50%;
 transform:rotate(var(--r));transition:transform 1.5s cubic-bezier(.65,0,.25,1);
 background:radial-gradient(circle,rgba(11,15,20,.55) 0 30%,rgba(18,24,32,.35) 60%,transparent 71%);box-shadow:0 0 0 1px rgba(201,169,98,.35)}
.ring{position:absolute;border-radius:50%;border:1px solid rgba(201,169,98,.3)}.r1{inset:7%}.r2{inset:22%;border-style:dashed;border-color:rgba(201,169,98,.2)}
.ticks{position:absolute;inset:1.5%;border-radius:50%;background:repeating-conic-gradient(from -.4deg,rgba(201,169,98,.55) 0 .8deg,transparent .8deg 5deg);-webkit-mask:radial-gradient(circle,transparent 97.5%,#000 98%);mask:radial-gradient(circle,transparent 97.5%,#000 98%)}
.pod{position:absolute;left:50%;top:50%;width:var(--pod);height:var(--pod);
 transform:translate(-50%,-50%) rotate(calc(var(--i)*-90deg)) translateX(calc(var(--rad)*-1)) rotate(calc(var(--i)*90deg)) rotate(calc(var(--r)*-1));
 transition:transform 1.5s cubic-bezier(.65,0,.25,1),opacity 1s,filter 1s;opacity:.3;filter:saturate(.4) blur(1px)}
.pod.on{opacity:1;filter:none}
.lens{width:100%;height:100%;border-radius:50%;background:var(--img) center/cover,var(--grad);border:2px solid var(--gold);box-shadow:0 0 0 10px rgba(201,169,98,.12),0 30px 80px rgba(0,0,0,.6);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;position:relative}
.lens:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,15,20,.75),transparent 50%)}
.lens span{position:relative;margin-bottom:11%;font:600 clamp(1.4rem,3vw,2.6rem) var(--serif);letter-spacing:.2em;color:var(--gold2)}
.dialmode .arrows{z-index:6}.dialmode .idx{z-index:6}
@media(max-width:1000px){.dialmode{--D:150vw;--pod:calc(var(--D)*.26)}.disc{left:calc(50vw + var(--D)*.36 - var(--D)/2);top:calc(72% - var(--D)/2)}.pod:not(.on){opacity:0}.dialmode .copy,.dialmode .slide.on .copy{transform:none}.dialmode .slide{align-items:flex-start;padding-top:16vh}.dialmode .copy h1{font-size:clamp(2.2rem,9vw,3.6rem)}}
/* sections */
.sec{padding:110px 5vw;max-width:1320px;margin:auto}.sec.tight{padding-top:60px}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:48px}
.kicker{font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.head h2,.page h1{font-size:clamp(2.2rem,4.5vw,3.6rem)}
.strip{border-block:1px solid var(--line);background:var(--ink2)}.strip div{max-width:1320px;margin:auto;padding:26px 5vw;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font:600 1.15rem var(--serif);letter-spacing:.22em;color:#7d8a9b;text-transform:uppercase}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.cat{background:var(--ink);padding:44px 34px;transition:.3s;position:relative}.cat:hover{background:var(--ink2)}
.cat .n{font:500 3rem var(--serif);color:var(--gold);opacity:.7}.cat h3{font-size:1.8rem;margin:10px 0}.cat p{color:var(--mut);margin:0 0 20px}.cat span{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold2)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:36px;counter-reset:s}
.step{border-top:1px solid var(--gold);padding-top:22px}.step:before{counter-increment:s;content:"0" counter(s);font:500 1.1rem var(--serif);color:var(--gold)}.step h3{font-size:1.5rem;margin:8px 0}.step p{color:var(--mut);margin:0}
.light{background:var(--paper);color:var(--pt)}.light .kicker{color:#8a6d2b}.light .step p{color:#5b6470}.light .step{border-color:#8a6d2b}.light .step:before{color:#8a6d2b}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}
.card{display:block;background:var(--ink2);border:1px solid var(--line);transition:.3s}.card:hover{border-color:var(--gold);transform:translateY(-4px)}
.cimg{aspect-ratio:16/10;background:linear-gradient(135deg,#1b2532,#0d1218),var(--img);background:var(--img) center/cover,linear-gradient(135deg,#1b2532,#0d1218);display:flex;align-items:flex-end;padding:16px}
.cimg span{font:600 .72rem var(--sans);letter-spacing:.2em;text-transform:uppercase;background:rgba(11,15,20,.8);padding:6px 12px;color:var(--gold2)}
.cb{padding:22px 24px 26px}.cb small{color:var(--mut);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.cb h3{font-size:1.6rem;margin:6px 0}.cb p{margin:0 0 14px;color:var(--mut);font-size:.92rem}.cb b{color:var(--gold2);font-weight:500}
.band{background:linear-gradient(120deg,#151c26,#0b0f14);border-block:1px solid var(--line);text-align:center;padding:100px 5vw}.band h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:16px}.band p{color:var(--mut);max-width:36em;margin:0 auto 30px}
/* pages */
.page{max-width:1320px;margin:auto;padding:60px 5vw 100px}.page.narrow{max-width:760px}.page p{color:#c3ccd7}
.filters{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 40px}
input,select,textarea{font:inherit;padding:13px 14px;background:var(--ink2);border:1px solid var(--line);color:var(--txt);width:100%;border-radius:0}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--gold)}
.filters input,.filters select{width:auto;min-width:180px}
.form label{display:block;margin-bottom:20px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}.form label>*{margin-top:8px;text-transform:none;letter-spacing:0;font-size:1rem;color:var(--txt)}.hp{position:absolute;left:-9999px}
.ok{border:1px solid var(--gold);padding:20px;color:var(--gold2)!important}
.detail{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:start}@media(max-width:860px){.detail{grid-template-columns:1fr}}
.detail .cimg{aspect-ratio:4/3}.price{font:500 2rem var(--serif);color:var(--gold2);margin:14px 0}
.spec{list-style:none;padding:0;margin:26px 0;border-top:1px solid var(--line)}.spec li{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);color:var(--mut)}.spec b{color:var(--txt);font-weight:500}
footer{background:#070a0e;border-top:1px solid var(--line);padding:70px 5vw 30px;color:var(--mut)}
.fgrid{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}@media(max-width:760px){.fgrid{grid-template-columns:1fr}}
footer h4{font:600 .75rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 16px}footer .fgrid a{display:block;margin-bottom:8px}footer a:hover{color:var(--gold2)}footer .logo{color:#fff;margin-bottom:16px}
.legal{max-width:1320px;margin:50px auto 0;padding-top:24px;border-top:1px solid var(--line);font-size:.8rem}
/* admin */
.adm .tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:36px;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}.tabs a{padding:0 0 14px;color:var(--mut)}.tabs a.on{color:var(--gold2);border-bottom:2px solid var(--gold)}
.adm h3{font-size:1.7rem}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:600px){.two{grid-template-columns:1fr}}
.opt{display:flex!important;gap:14px;align-items:flex-start;text-transform:none!important;letter-spacing:0!important;font-size:1rem!important;color:var(--txt)!important;border:1px solid var(--line);padding:16px;margin-bottom:12px!important}.opt input{width:auto;margin-top:6px}.opt small{display:block;color:var(--mut)}
.chk{display:flex!important;gap:8px;align-items:center}.chk input{width:auto;margin:0}
.thumb{background:var(--ink2) center/cover;border:1px solid var(--line);aspect-ratio:16/10;display:grid;place-items:center;color:var(--mut);font-size:.8rem}.thumb.sm{width:84px;aspect-ratio:4/3;flex:none}
.upgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.up b{display:block;margin:10px 0}.up input[type=file]{font-size:.85rem;padding:8px}
.tbl{border-top:1px solid var(--line)}.row{display:flex;align-items:center;gap:18px;padding:14px 4px;border-bottom:1px solid var(--line);transition:.2s}.row:hover{background:var(--ink2)}.row span:nth-child(2){flex:1}.row b{display:block;font-weight:500}.row small{color:var(--mut)}.pr{color:var(--gold2)}
/* cut-out vehicle photos (transparent PNGs) */
.bg{background:var(--img) 97% 52%/min(48vw,82vh,820px) auto no-repeat,radial-gradient(ellipse 45% 40% at 72% 60%,rgba(201,169,98,.16),transparent 70%),var(--grad)}
.bg:after{background:linear-gradient(90deg,rgba(11,15,20,.9) 0%,rgba(11,15,20,.35) 45%,transparent 70%),linear-gradient(0deg,rgba(11,15,20,.8),transparent 30%)}
.dialmode .bg{background:radial-gradient(ellipse 50% 60% at 78% 50%,rgba(201,169,98,.14),transparent 70%),var(--grad)}
.dialmode .bg:after{background:linear-gradient(90deg,rgba(11,15,20,.55),transparent 60%),linear-gradient(0deg,rgba(11,15,20,.7),transparent 30%)}
.lens{background:var(--img) 50% 44%/86% auto no-repeat,radial-gradient(circle at 50% 40%,#1d2632,#0b0f14 75%)}
.lens:before{background:linear-gradient(0deg,rgba(11,15,20,.6),transparent 28%)}
@media(max-width:1000px){.bg{background-position:50% 30%;background-size:92vw auto}}
/* logo image */
.logo img{display:block;height:76px;width:auto;transition:height .3s}.nav.solid .logo img,body:not(.home) .logo img{height:48px}
footer .logo img{height:90px;margin-bottom:14px}
/* news */
.chips{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 38px}.chips a{border:1px solid var(--line);padding:9px 20px;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);transition:.2s}.chips a:hover,.chips a.on{border-color:var(--gold);color:var(--gold2)}
.ncard .cb p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ncard .cb b{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.post{max-width:820px;margin:auto;padding:60px 5vw 100px}.post h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:10px 0 8px}.post .meta{color:var(--gold);letter-spacing:.2em;font-size:.75rem;text-transform:uppercase}
.post .cover{width:100%;aspect-ratio:16/9;background:var(--img) center/cover,var(--ink2);border:1px solid var(--line);margin:30px 0}.post .body p{color:#c9d1db;font-size:1.08rem;margin:0 0 1.2em}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:34px 0}.gal a{display:block;aspect-ratio:4/3;background:var(--ink2) center/cover;border:1px solid var(--line)}
.lb{position:fixed;inset:0;background:rgba(5,8,11,.94);z-index:99;display:none;align-items:center;justify-content:center;padding:4vw;cursor:zoom-out}.lb.on{display:flex}.lb img{max-width:100%;max-height:100%}
/* dial v2: whole dial on screen, active product highlighted */
.dialmode{--D:min(78vh,54vw);--rad:calc(var(--D)*.35);--pod:calc(var(--D)*.34)}
.disc{left:calc(100vw - var(--D) - 3vw);top:calc(50% - var(--D)/2 - 10px);transition:transform 1.1s cubic-bezier(.65,0,.25,1);
 background:radial-gradient(circle,rgba(11,15,20,.6) 0 30%,rgba(18,24,32,.4) 62%,rgba(18,24,32,.15) 100%);box-shadow:0 0 0 1px rgba(201,169,98,.4),0 30px 90px rgba(0,0,0,.55)}
.pod{transform:translate(-50%,-50%) rotate(calc(var(--i)*-90deg)) translateX(calc(var(--rad)*-1)) rotate(calc(var(--i)*90deg)) rotate(calc(var(--r)*-1)) scale(var(--s,1));
 transition:transform 1.1s cubic-bezier(.65,0,.25,1),opacity .8s,filter .8s;opacity:.6;filter:saturate(.65) brightness(.85);--s:.94}
.pod.on{opacity:1;filter:none;--s:1.16;z-index:2}
.pod.on .lens{box-shadow:0 0 0 8px rgba(201,169,98,.22),0 0 60px rgba(201,169,98,.35),0 30px 80px rgba(0,0,0,.6);border-width:3px}
.pod:not(.on) .lens span{font-size:clamp(.9rem,1.6vw,1.5rem);letter-spacing:.16em}
.hub{position:absolute;left:50%;top:50%;width:calc(var(--D)*.27);height:calc(var(--D)*.27);margin:calc(var(--D)*-.135) 0 0 calc(var(--D)*-.135);border-radius:50%;background:rgba(11,15,20,.85);border:1px solid rgba(201,169,98,.45);display:grid;place-items:center;
 transform:rotate(calc(var(--r)*-1));transition:transform 1.1s cubic-bezier(.65,0,.25,1)}
.hub img{width:78%;height:auto}
.dialmode .idx{right:auto;width:min(640px,calc(100vw - var(--D) - 14vw))}
.dialmode .copy{max-width:min(620px,calc(100vw - var(--D) - 12vw))}
@media(max-width:1000px){
 .dialmode{--D:min(90vw,44vh);--pod:calc(var(--D)*.34)}
 .disc{left:calc(50vw - var(--D)/2);top:calc(100% - var(--D) - 110px)}
 .pod:not(.on){opacity:.6}
 .dialmode .idx{right:5vw;width:auto}.dialmode .copy{max-width:none}
 .dialmode .slide{padding-top:15vh}
}
.pod.on .lens span{font-size:clamp(1rem,1.7vw,1.7rem);letter-spacing:.14em}
@media(max-width:1000px){.dialmode{--D:min(80vw,38vh)}.disc{top:calc(100% - var(--D) - 96px)}}
@media(max-width:600px){.dialmode .copy p{display:none}.dialmode .copy h1{margin-bottom:22px}.dialmode .slide{padding-top:14vh}}
/* dial v3: bigger, 3 products visible (far side hidden) */
.dialmode{--D:min(105vh,74vw);--rad:calc(var(--D)*.34);--pod:calc(var(--D)*.4)}
.disc{left:calc(100vw - var(--D)*.7);top:calc(50% - var(--D)/2)}
.pod.far{opacity:0;visibility:hidden;transition:transform 1.1s cubic-bezier(.65,0,.25,1),opacity .5s,visibility .5s}
.pod:not(.on):not(.far){opacity:.55}
.pod.on{--s:1.1}
.pod:not(.on) .lens span{font-size:clamp(1rem,1.8vw,1.7rem)}
.pod.on .lens span{font-size:clamp(1.2rem,2.2vw,2.2rem)}
.dialmode .copy{max-width:calc(100vw - var(--D)*.8 - 12vw)}
.dialmode .idx{width:min(640px,calc(100vw - var(--D)*.8 - 12vw))}
@media(max-width:1000px){
 .dialmode{--D:min(92vw,44vh)}
 .disc{left:calc(60vw - var(--D)/2);top:calc(100% - var(--D) - 92px)}
 .dialmode .copy{max-width:none}.dialmode .idx{width:auto}
}
/* dial v4: a full 4-product wheel, big, centred near the right edge so only 3 products are on screen (the 4th is off-screen and swings in) */
.dialmode{--D:min(112vh,86vw);--rad:calc(var(--D)*.34);--pod:calc(var(--D)*.4)}
.disc{left:calc(100vw - var(--D)*.62);top:calc(50% - var(--D)/2)}
.pod.far{opacity:.55;visibility:visible}
.pod:not(.on){opacity:.55}
.dialmode .copy{max-width:calc(100vw - var(--D)*.58 - 11vw)}
.dialmode .idx{width:min(640px,calc(100vw - var(--D)*.58 - 11vw))}
@media(max-width:1000px){
 .dialmode{--D:min(110vw,46vh)}
 .disc{left:calc(100vw - var(--D)*.6);top:calc(100% - var(--D) - 92px)}
 .dialmode .copy{max-width:none}.dialmode .idx{width:auto}
}
.dialmode{--iw:min(640px,calc(100vw - var(--D)*.58 - 11vw))}
.dialmode .arrows{right:auto;left:calc(5vw + var(--iw) + 18px)}
@media(max-width:1000px){.dialmode .arrows{display:none}}
/* dial v5: proportional hub logo + wheel nudged inward (4th product still just off-screen) */
.dialmode{--rad:calc(var(--D)*.36);--pod:calc(var(--D)*.38)}
.disc{left:calc(100vw - var(--D)*.67)}
.hub{width:calc(var(--D)*.21);height:calc(var(--D)*.21);margin:calc(var(--D)*-.105) 0 0 calc(var(--D)*-.105);padding:0}
.hub img{width:86%;height:86%;object-fit:contain;display:block}
.dialmode .copy{max-width:calc(100vw - var(--D)*.74 - 9vw)}
.dialmode{--iw:min(640px,calc(100vw - var(--D)*.74 - 9vw))}
.dialmode .idx{width:var(--iw)}
@media(max-width:1000px){.disc{left:calc(100vw - var(--D)*.67)}.dialmode .copy{max-width:none}.dialmode .idx{width:auto}}