.ix-head{padding:clamp(56px,9vw,120px) 0 30px}
.ix-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font:400 13px var(--mono);color:var(--dim);margin-top:18px}
.sheet{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0 24px;perspective:1600px;list-style:none;padding:0}
@media(max-width:1000px){.sheet{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sheet{grid-template-columns:1fr}}
.acard{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-height:380px;color:var(--ink);transform-origin:center;transition:border-color .3s}
.acard:hover,.acard:focus-within{border-color:var(--ochre)}
.acard .cover{height:150px;position:relative;background:#0d0f14;overflow:hidden}
.acard .cover img,.acard .cover canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.acard .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.acard .kicker{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.acard h2{font:400 23px/1.15 var(--serif);margin:0}
.acard h2 a{color:var(--ink);text-decoration:none}
.acard h2 a::after{content:"";position:absolute;inset:0}
.acard p{margin:0;color:var(--soft);font-size:15px;line-height:1.5}
.acard .demo{margin-top:auto;border-top:1px dashed var(--line);padding-top:12px;min-height:64px}
.acard.soon .cover{opacity:.55}
.acard .soon-tag{font:500 11px var(--mono);color:var(--gold);letter-spacing:.1em;text-transform:uppercase}
.sheet-note{font:400 13px var(--mono);color:var(--dim);margin:0 0 80px}
.collatio{position:relative;min-height:56px;font:400 19px/1.35 var(--serif);display:flex;flex-wrap:wrap;gap:0 .3em}
.collatio .pos{display:inline-grid}.collatio .pos>span{grid-area:1/1}
.collatio .pos .b{opacity:0}
.collatio .w{transition:color .6s,opacity .6s,text-shadow .6s}
.collatio .same{color:var(--soft)}
.collatio .diff{color:var(--gold);text-shadow:0 0 12px rgba(243,201,105,.6)}
.cut{font:400 13px/1.45 var(--sans);color:var(--soft);position:relative;height:64px;overflow:hidden}
.cut .bar{position:absolute;left:0;right:0;height:2px;background:var(--gold);box-shadow:0 0 10px var(--gold);transition:top 1.2s ease}
.cut .gone{color:var(--dim);text-decoration:line-through}
.spec{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;font:400 17px var(--serif);min-height:64px}
.spec .col{display:flex;flex-direction:column-reverse;align-items:center;gap:1px}
.spec .col b{font-weight:400}
.spec .col i{font-style:normal;font:400 11px var(--mono);color:var(--soft)}
.punch{display:flex;gap:12px;align-items:center;min-height:60px;flex-wrap:wrap}
.punch figure{margin:0;text-align:center;font:400 10px var(--mono);color:var(--dim)}
.punch svg{width:44px;height:52px;display:block}
.watch{font:400 12px var(--mono);color:var(--soft)}
.watch .strip{height:12px;border-radius:3px;background:var(--line);display:flex;overflow:hidden;margin:6px 0}
.watch .strip span{height:100%}
.ar-hero{position:relative;padding:clamp(40px,7vw,90px) 0 0}
.ar-hero .h1{font-size:clamp(40px,5.6vw,80px);max-width:15em}
.byline{display:flex;flex-wrap:wrap;gap:6px 18px;font:400 13px var(--mono);color:var(--dim)}
.byline a{color:var(--soft)}
.ar-cover{position:relative;height:clamp(220px,34vw,440px);border-radius:16px;overflow:hidden;border:1px solid var(--line);margin:34px 0 0;background:#0d0f14}
.ar-cover img,.ar-cover canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ar-cover canvas{opacity:0;transition:opacity 1.2s}
.ar-cover.engraved canvas,.acard .cover.engraved canvas{opacity:1}
.acard .cover canvas{opacity:0;transition:opacity 1.2s}
.ar-cover figcaption{position:absolute;left:14px;bottom:12px;font:400 11px var(--mono);color:var(--soft);background:rgba(11,13,18,.85);padding:3px 7px;border-radius:3px;z-index:2}
.ar-answer{font:400 clamp(19px,1.6vw,22px)/1.6 var(--serif);color:var(--ink);border-left:2px solid var(--gold);padding:4px 0 4px 20px;margin:48px 0 0;max-width:40em}
.ar-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:0 56px;margin:40px 0 40px;max-width:1040px}
.ar-grid>*{grid-column:1}
.ar-grid p,.ar-grid li{font:400 clamp(18px,1.4vw,20px)/1.7 var(--serif);color:#E6E0D4;max-width:36em}
.ar-grid p{margin:0 0 26px}
.ar-grid ol,.ar-grid ul{margin:0 0 26px;padding-left:1.3em}
.ar-grid li{margin-bottom:10px}
.ar-grid h2{font:400 30px/1.15 var(--serif);margin:34px 0 16px}
.ar-grid p.drop::first-letter{float:left;font:300 84px/.8 var(--serif);color:var(--gold);padding:8px 10px 0 0}
sup.sn{font:600 11px var(--mono);margin-left:2px}
sup.sn a{color:var(--gold);text-decoration:none;display:inline-block;min-width:24px;min-height:24px;text-align:center;line-height:24px}
aside.snote{grid-column:2;font:400 13px/1.5 var(--sans);color:var(--soft);border-left:1px solid var(--ochre);padding:2px 0 2px 14px;margin:0 0 20px;align-self:start;transition:background .3s}
aside.snote b{display:block;font:500 11px var(--mono);color:var(--gold);letter-spacing:.08em;margin-bottom:4px}
aside.snote a{word-break:break-word;color:var(--gold)}
aside.snote.hit,aside.snote:target{background:rgba(243,201,105,.08)}
@media(max-width:900px){.ar-grid{grid-template-columns:1fr}aside.snote{grid-column:1;margin:-12px 0 26px}}
.pull{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;margin:10px 0 34px}
.pull .collatio{min-height:90px;font-size:clamp(22px,2.4vw,30px)}
.pull .hint{font:400 13px/1.5 var(--sans);color:var(--soft);margin:12px 0 0;max-width:40em}
.pull button{font:500 12px var(--mono);background:none;border:1px solid var(--ochre);color:var(--gold);border-radius:99px;padding:6px 12px;cursor:pointer;margin-left:8px;min-height:32px}
.seal{display:flex;align-items:center;gap:22px;margin:40px 0 20px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--panel);max-width:640px}
.seal svg{width:110px;height:110px;flex:none}
.seal svg .s{fill:none;stroke:var(--gold);stroke-width:1.4;stroke-linecap:round}
.ar-grid .seal p{margin:0;font:400 15px/1.5 var(--sans);color:var(--soft)}
.seal p strong{display:block;font:400 22px var(--serif);color:var(--ink);margin-bottom:4px}
.ar-grid p.ask{font:400 18px var(--sans);color:var(--soft)}
.ar-grid p.fine-note{font:400 13px var(--mono);color:var(--dim)}
.back{font:400 13px var(--mono);color:var(--soft)}
.ar-dials{margin:20px 0 40px}
@media(max-width:560px){.seal{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.acard,.ar-cover canvas,.collatio .w,.cut .bar{transition:none!important}}

.ar-cover canvas,.acard .cover canvas{display:none}

.collatio .w.b::before{content:attr(data-w);content:attr(data-w) / ""}