:root{--black:#121313;--steel:#b9b8b2;--silver:#e5e2d8;--rust:#d15b35;--line:rgba(18,19,19,.35)}*{box-sizing:border-box}body{margin:0;background:var(--silver);color:var(--black);font-family:"Courier New",monospace}header{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid}header>a{font:900 21px Impact,sans-serif;letter-spacing:.08em;text-decoration:none}header>a span{font-family:"Courier New";font-size:10px;margin-left:8px}header>div{font-size:9px}.plate{min-height:700px;display:grid;grid-template-columns:90px 1fr 38%;border-bottom:1px solid}.serial{background:var(--black);color:var(--silver);padding:35px 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-size:10px}.title{padding:100px 7vw;display:flex;flex-direction:column;justify-content:center}.title>p:first-child{font-size:9px;letter-spacing:.2em}.title h1{font:400 clamp(57px,7.5vw,108px)/.88 Georgia,serif;letter-spacing:-.055em;margin:34px 0}.title h1 b{font-weight:400;color:var(--rust)}.rule{width:100%;height:1px;background:var(--black);position:relative}.rule:after{content:"";position:absolute;right:0;top:-5px;width:11px;height:11px;background:var(--rust);border-radius:50%}.intro{font:18px/1.65 Georgia,serif;max-width:570px}.sample{background:linear-gradient(120deg,#73736f,#d1d0ca 38%,#8b8b86 65%,#deddd8);border-left:1px solid;display:grid;place-items:center;position:relative;overflow:hidden}.sample:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 3px,rgba(255,255,255,.14) 3px 4px)}.sample i{position:absolute;width:66%;aspect-ratio:1;border:1px solid;border-radius:50%;box-shadow:0 0 0 40px rgba(18,19,19,.08),0 0 0 80px rgba(18,19,19,.06)}.sample b{position:relative;font:900 145px Impact,sans-serif;color:var(--black);mix-blend-mode:multiply}.sample small{position:absolute;bottom:35px;right:35px;font-size:9px}.index{display:grid;grid-template-columns:260px 1fr;min-height:620px}.index aside{background:var(--rust);padding:50px 38px;display:flex;flex-direction:column;justify-content:space-between;font-weight:700}.index aside p{line-height:1.6}.rows article{min-height:205px;padding:36px 5vw;display:grid;grid-template-columns:70px 1fr 90px;gap:25px;align-items:center;border-bottom:1px solid var(--line)}.rows article>span,.rows article>b{font-size:9px}.rows article>b{justify-self:end}.rows h2{font:400 34px Georgia,serif;margin:0 0 12px}.rows p{font:15px/1.6 Georgia,serif;max-width:690px}.footer-plate{min-height:300px;background:var(--black);color:var(--silver);display:flex;align-items:center;justify-content:space-between;padding:70px 8vw}.footer-plate div{display:flex;align-items:center;gap:24px}.footer-plate b{font:900 120px Impact,sans-serif;color:var(--rust)}.footer-plate span,.footer-plate p{font-size:10px}@media(max-width:760px){.plate{grid-template-columns:50px 1fr}.sample{grid-column:1/-1;min-height:430px;border-left:0;border-top:1px solid}.title{padding:70px 24px}.title h1{font-size:57px}.index{grid-template-columns:1fr}.index aside{min-height:180px}.rows article{grid-template-columns:35px 1fr;padding:30px 22px}.rows article>b{display:none}.footer-plate{flex-direction:column;align-items:flex-start}.footer-plate b{font-size:90px}}