.top{display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;border-bottom:1px solid var(--rule)}
.top a{text-decoration:none}.links{display:flex;gap:26px;align-items:center;font-size:10px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:5vh 7vw 6vh;align-items:center;min-height:86vh}
.logo{width:min(470px,100%);display:block;margin:0 auto}
.lede{font-size:26px;line-height:1.35;text-align:center;font-style:italic;max-width:520px;margin:10px auto 26px;color:var(--ink2)}
.heroL{text-align:center}
.ring{position:relative;width:min(560px,44vw);aspect-ratio:1;margin:0 auto}
.ring canvas{width:100%;height:100%;display:block}
.heroR figcaption{text-align:center;font-size:10px;color:var(--ink2);margin-top:12px;line-height:1.6}
figcaption b{color:var(--ink);font-weight:500;margin-right:6px}
.rule2{border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);height:4px;margin:0 5vw}
.sect{display:grid;grid-template-columns:120px 1fr;padding:9vh 7vw 6vh;max-width:1400px;margin:0 auto}
.num{font-size:64px;line-height:1;font-weight:400;border-top:1px solid var(--ink);padding-top:10px;margin-right:30px}
.body{border-top:1px solid var(--rule);padding-top:14px}
.sect h2{font-weight:400;font-size:52px;letter-spacing:.02em;margin-bottom:22px}
.sect p{font-size:21px;line-height:1.55;max-width:760px;margin-bottom:16px;color:rgba(42,31,23,.86)}
.sect p.big{font-size:30px;line-height:1.3;font-style:italic;color:var(--ink);max-width:880px}
.methods{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin:28px 0 30px}
.methods h3{font-family:'IBM Plex Mono';font-weight:500;font-size:11px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:6px;margin-bottom:10px}
.methods p{font-size:17px}
.mfig canvas{width:100%;height:520px;display:block;border:1px solid var(--ink);outline:1px solid var(--rule);outline-offset:4px}
.mfig figcaption{font-size:10px;color:var(--ink2);margin-top:12px}
.plates{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:30px}
.plate{border:1px solid var(--ink);outline:1px solid var(--rule);outline-offset:3px;padding:12px 12px 14px;background:rgba(255,250,240,.18)}
.plate canvas,.plate img{width:100%;aspect-ratio:3/4;display:block}
.plate .pn{font-size:22px;display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--rule);padding-bottom:4px;margin-bottom:6px}
.plate .pn span{font-family:'IBM Plex Mono';font-size:9px;letter-spacing:.14em;color:var(--ink2)}
.plate p{font-size:15px;line-height:1.4;margin:0}.plate .mono{font-size:9px;color:var(--ink2);display:block;margin-top:6px}
.plate.target{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:16px}.plate.target img{aspect-ratio:auto;height:100%;max-height:520px;object-fit:contain}
.plate.sealed{display:flex;flex-direction:column;justify-content:center;text-align:center;border-style:dashed}
footer{display:flex;justify-content:space-between;padding:26px 5vw;border-top:1px solid var(--ink);font-size:10px;color:var(--ink2);margin-top:6vh}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:4vh 6vw}.ring{width:88vw}.links a:not(.btn){display:none}.sect{grid-template-columns:1fr;padding:6vh 6vw}.num{font-size:40px;border:none;padding:0;margin-bottom:6px}
.methods{grid-template-columns:1fr 1fr}.plates{grid-template-columns:1fr 1fr}.plate.target{grid-column:span 2;grid-template-columns:1fr}.sect h2{font-size:38px}.sect p.big{font-size:24px}.mfig canvas{height:360px}footer{flex-direction:column;gap:8px}}

.primeS{display:grid;grid-template-columns:1fr 1.1fr;gap:5vw;padding:7vh 7vw;align-items:center}
.primeS h2{font-weight:400;font-size:84px;letter-spacing:.04em;line-height:1;margin:6px 0 14px}.primeS p{font-size:20px;line-height:1.45;max-width:520px}
.primeS blockquote{font-size:25px;font-style:italic;line-height:1.35;border-left:2px solid var(--ox);padding:4px 0 4px 18px;margin:26px 0;max-width:560px}
.primeS blockquote span{display:block;font-style:normal;margin-top:10px;color:var(--ink2);font-size:10px}
.pv{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);margin-bottom:24px;max-width:560px}.pv div{padding:8px 8px 8px 0}.pv b{display:block;font-family:'Cormorant Garamond';font-weight:400;font-size:30px}.pv span{font-size:8.5px;color:var(--ink2)}
.pR canvas{width:100%;aspect-ratio:1/1;border:1px solid var(--ink);display:block}.pR figcaption{font-size:10px;color:var(--ink2);margin-top:10px}
@media(max-width:900px){.primeS{grid-template-columns:1fr}}

.primeS blockquote{display:none}.pj{border-top:1px solid var(--ink);margin:6px 0 26px;max-width:560px}
.pj article{padding:14px 0;border-bottom:1px solid var(--rule)}.pj p{font-size:22px;font-style:italic;line-height:1.38}.pj .jm{font-size:9px;color:var(--ink2);margin-bottom:6px;letter-spacing:.16em;text-transform:uppercase}
.pj .quiet{color:var(--ink3);font-style:normal}.jh{font-size:9.5px;color:var(--ink2);margin-top:6px}.jh span{color:var(--ox);margin-left:8px}
.pcta{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.pcta .mono{font-size:9.5px;color:var(--ink2)}.btn.on{background:var(--ink);color:var(--paper)}
.pframe{position:relative;border:1px solid var(--ink);outline:1px solid var(--ink);outline-offset:5px;background:var(--paper)}.pframe canvas{border:0}
.ptag{position:absolute;left:12px;top:10px;font-size:9px}.ptag2{position:absolute;right:12px;top:10px;text-align:right;font-size:9px}
.pv{grid-template-columns:repeat(3,1fr)}.pv div{border-bottom:1px solid var(--rule)}
@media(max-width:900px){.primeS h2{font-size:60px}.pj p{font-size:19px}.pR{order:-1}}