:root{--paper:#efede7;--ink:#171717;--red:#d83225;--sage:#9eb2a1;--fog:#c9c5bc;--white:#faf9f5;--line:#171717;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif;line-height:1.65}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:4px}.skip{position:fixed;top:-5rem;left:1rem;z-index:100;background:var(--red);color:#fff;padding:.7rem 1rem}.skip:focus{top:1rem}.wrap{width:min(calc(100% - 2rem),var(--max));margin:auto}.header{background:var(--paper);border-bottom:1px solid var(--ink)}.head-grid{min-height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.mark{font:700 .72rem/1.3 "Courier New",monospace;text-transform:uppercase;letter-spacing:.12em}.logo{font:900 1.25rem Arial,sans-serif;text-transform:uppercase;text-decoration:none;letter-spacing:-.05em}.logo b{color:var(--red)}.nav{display:flex;justify-content:flex-end;gap:1.2rem;font-size:.74rem;font-weight:800;text-transform:uppercase}.nav a{text-decoration:none}.nav a:hover{color:var(--red)}.menu{display:none;background:none;border:1px solid var(--ink);padding:.5rem .7rem;font:700 .7rem Arial;text-transform:uppercase}.hero{display:grid;grid-template-columns:58% 42%;min-height:760px;border-bottom:1px solid var(--ink)}.hero-copy{padding:clamp(4rem,8vw,8rem) max(1rem,calc((100vw - var(--max))/2));padding-right:clamp(2rem,7vw,7rem)}.eyebrow{margin:0 0 1.5rem;font:700 .72rem "Courier New",monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--red)}h1,h2,h3{margin:0;line-height:.95}.hero h1{font:900 clamp(4.5rem,11vw,10.5rem)/.76 Arial Black,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.085em}.hero h1 span{display:block;font:400 italic .53em/1 Georgia,serif;text-transform:none;letter-spacing:-.04em;margin:.22em 0}.hero-lead{max-width:610px;margin:2.5rem 0 0;font:400 1.25rem/1.5 Georgia,serif}.viewfinder{position:relative;background:var(--ink);overflow:hidden;display:grid;place-items:center}.ring{width:min(31vw,430px);aspect-ratio:1;border:2px solid var(--paper);border-radius:50%;position:relative}.ring:before,.ring:after{content:"";position:absolute;border:1px solid var(--sage);border-radius:50%}.ring:before{inset:12%}.ring:after{inset:28%}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--red)}.crosshair:before{width:2px;height:120%;left:50%;top:-10%}.crosshair:after{height:2px;width:120%;top:50%;left:-10%}.finder-label{position:absolute;bottom:2rem;left:2rem;color:var(--paper);font:700 .72rem/1.45 "Courier New",monospace;text-transform:uppercase}.corner{position:absolute;width:52px;height:52px;border-color:var(--paper);border-style:solid}.c1{left:2rem;top:2rem;border-width:2px 0 0 2px}.c2{right:2rem;top:2rem;border-width:2px 2px 0 0}.c3{left:2rem;bottom:2rem;border-width:0 0 2px 2px}.c4{right:2rem;bottom:2rem;border-width:0 2px 2px 0}.section{padding:clamp(4rem,8vw,8rem) 0;border-bottom:1px solid var(--ink)}.section-head{display:grid;grid-template-columns:140px 1fr;gap:2rem;margin-bottom:3.5rem}.section-tag{font:700 .72rem "Courier New",monospace;text-transform:uppercase;color:var(--red)}.section h2,.plain-hero h1{font:900 clamp(3rem,6.5vw,6.5rem)/.85 Arial Black,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.065em}.section-intro{max-width:700px;margin:1.2rem 0 0;font:400 1.15rem/1.5 Georgia,serif}.contact-sheet{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:var(--ink);padding:10px}.frame{background:var(--white);min-height:320px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;position:relative}.frame:before{content:"";position:absolute;inset:10px;border:1px solid var(--fog);pointer-events:none}.frame-code{position:relative;font:700 .7rem "Courier New",monospace}.frame strong{position:relative;font:900 1.8rem/.95 Arial,sans-serif;text-transform:uppercase;letter-spacing:-.05em}.frame p{position:relative;font-size:.9rem}.frame:nth-child(2){background:var(--sage)}.frame:nth-child(3){background:var(--fog)}.frame:nth-child(4){background:var(--red);color:#fff}.book-stack{border-top:1px solid var(--ink)}.book{display:grid;grid-template-columns:90px minmax(0,1.25fr) minmax(190px,.65fr) 190px;gap:1.5rem;align-items:center;padding:1.7rem 0;border-bottom:1px solid var(--ink)}.book-id{font:700 1.3rem "Courier New",monospace;color:var(--red)}.book h3{font:900 clamp(1.4rem,2.4vw,2.3rem)/1 Arial,sans-serif;letter-spacing:-.045em}.book h3 a{text-decoration:none}.book h3 a:hover{color:var(--red)}.meta{margin:.5rem 0 0;font-size:.86rem;color:#4f4d48}.price{font:700 1.05rem "Courier New",monospace}.price small{display:block;margin-top:.3rem;font:400 .68rem/1.35 Arial,sans-serif;color:#595650}.buy{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1rem;border:1px solid var(--ink);background:var(--ink);color:#fff;text-decoration:none;font:800 .73rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}.buy:hover{background:var(--red);border-color:var(--red)}.negative{background:var(--ink);color:var(--paper)}.grid-table{border:1px solid var(--paper)}.grid-row{display:grid;grid-template-columns:170px repeat(4,1fr);border-bottom:1px solid rgba(239,237,231,.38)}.grid-row:last-child{border:0}.grid-row>div{padding:1rem;border-right:1px solid rgba(239,237,231,.38)}.grid-row>div:last-child{border:0}.grid-row.head{background:var(--red);color:#fff;font:700 .72rem "Courier New",monospace;text-transform:uppercase}.grid-row .axis{font:700 .72rem "Courier New",monospace;text-transform:uppercase;color:var(--sage)}.grid-row p{margin:0;font-size:.88rem}.essay-band{background:var(--sage)}.essay-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:5rem}.essay-grid blockquote{margin:0;font:400 italic clamp(2.2rem,4.5vw,4.8rem)/1.05 Georgia,serif}.essay-grid p{font-size:1.05rem}.method{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink)}.method>div{background:var(--paper);padding:1.5rem}.method b{display:block;font:700 1.5rem "Courier New",monospace;color:var(--red)}.notice{background:var(--red);color:#fff}.notice-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.footer{padding:3rem 0}.footer-grid{display:flex;justify-content:space-between;gap:2rem}.footer-links{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem}
/* Reviews */.review-hero{border-bottom:1px solid var(--ink);padding:clamp(4rem,8vw,8rem) 0}.review-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,7vw,7rem);align-items:center}.review-hero h1{font:900 clamp(3.3rem,7.5vw,7.5rem)/.83 Arial Black,sans-serif;text-transform:uppercase;letter-spacing:-.07em}.deck{font:400 1.22rem/1.5 Georgia,serif;max-width:680px}.contact-cover{aspect-ratio:1;border:10px solid var(--ink);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;background:var(--white);position:relative}.contact-cover:before{content:"";position:absolute;inset:22%;border:2px solid var(--red);border-radius:50%}.contact-cover.sage{background:var(--sage)}.contact-cover.fog{background:var(--fog)}.contact-cover.red{background:var(--red);color:#fff}.contact-cover small,.contact-cover strong{position:relative;z-index:1}.contact-cover small{font:700 .7rem "Courier New",monospace;text-transform:uppercase}.contact-cover strong{font:900 clamp(2rem,4vw,4rem)/.9 Arial,sans-serif;text-transform:uppercase;letter-spacing:-.05em}.facts{background:var(--ink);color:var(--paper)}.facts-grid{display:grid;grid-template-columns:repeat(5,1fr)}.facts-grid div{padding:1.15rem;border-right:1px solid rgba(255,255,255,.25)}.facts-grid span{display:block;font:700 .66rem "Courier New",monospace;text-transform:uppercase;color:var(--sage);margin-bottom:.35rem}.review-body{display:grid;grid-template-columns:190px minmax(0,750px);gap:clamp(2rem,7vw,8rem);padding:clamp(4rem,8vw,8rem) 0}.review-nav{position:sticky;top:2rem;align-self:start}.review-nav a{display:block;border-bottom:1px solid var(--fog);padding:.6rem 0;text-decoration:none;font:700 .7rem Arial,sans-serif;text-transform:uppercase}.review-copy h2{font:900 clamp(2.2rem,4.5vw,4.3rem)/.88 Arial Black,sans-serif;text-transform:uppercase;letter-spacing:-.06em;margin:4rem 0 1.3rem}.review-copy h2:first-child{margin-top:0}.review-copy p{font:400 1.05rem/1.72 Georgia,serif}.pull{margin:2.5rem 0;padding:1.5rem;border:1px solid var(--ink);background:var(--white);box-shadow:9px 9px 0 var(--sage);font:400 italic 1.6rem/1.3 Georgia,serif}.verdict{margin-top:3rem;padding:1.5rem;background:var(--fog);border-left:10px solid var(--red)}.purchase{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;background:var(--ink);color:var(--paper);padding:2rem;margin-top:3rem}.purchase .buy{background:var(--red);border-color:var(--red)}.sources{font:400 .82rem/1.5 Arial,sans-serif!important;color:#5e5a54}.plain-hero{padding:5rem 0 3rem;border-bottom:1px solid var(--ink)}.plain{max-width:820px;margin:auto;padding:4rem 1rem 7rem}.plain h2{font:900 2.5rem/.95 Arial,sans-serif;text-transform:uppercase;margin:3rem 0 1rem}.error{min-height:80vh;display:grid;place-items:center;text-align:center}.error strong{font:900 clamp(8rem,24vw,20rem)/.7 Arial Black,sans-serif;color:var(--red)}
@media(max-width:900px){.head-grid{grid-template-columns:1fr auto}.mark{display:none}.hero,.review-grid,.essay-grid,.notice-grid{grid-template-columns:1fr}.viewfinder{min-height:440px}.contact-sheet,.method{grid-template-columns:1fr 1fr}.book{grid-template-columns:65px 1fr auto}.book .price{grid-column:2}.section-head{grid-template-columns:100px 1fr}.grid-row{grid-template-columns:130px repeat(4,1fr);overflow-x:auto}.review-body{grid-template-columns:1fr}.review-nav{position:static;display:flex;gap:.5rem;flex-wrap:wrap}.review-nav a{border:1px solid var(--fog);padding:.5rem}.facts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.menu{display:block}.nav{display:none;position:absolute;z-index:30;top:76px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--ink);padding:1rem;flex-direction:column}.nav.open{display:flex}.hero-copy{padding:4rem 1rem}.hero h1{font-size:clamp(4rem,20vw,6.5rem)}.ring{width:75vw}.section-head{grid-template-columns:1fr;gap:.7rem}.contact-sheet,.method{grid-template-columns:1fr}.book{grid-template-columns:45px 1fr;align-items:start}.book .price,.book .buy{grid-column:2}.grid-table{overflow-x:auto}.grid-row{min-width:720px}.purchase{grid-template-columns:1fr}.footer-grid{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
