@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#0a2822;--muted:#436157;--cream:#f3f0e4;--line:#bfcfbb;--orange:#ed7d60;--acid:#dfff4e}
body{background:var(--cream);font-family:'DM Sans',Arial,sans-serif;color:var(--ink)}
.wrap{width:min(1380px,calc(100% - 80px))}
.review-bar{display:flex;justify-content:space-between;gap:20px;padding:11px max(40px,calc((100vw - 1380px)/2));background:var(--acid);color:#09251d;font:800 9px/1.4 Consolas,monospace;letter-spacing:.15em}
.review-bar span{color:#09251d}
.masthead{min-height:90px}
.masthead .brand{font-size:25px;letter-spacing:-.07em}
.brand-mark{font-family:'DM Serif Display',Georgia,serif;font-size:55px}
.brand-small{font-family:'DM Sans',Arial,sans-serif;letter-spacing:.19em}
.edition{text-decoration:none;border:1px solid var(--ink);padding:12px 15px;font-weight:800;font-size:9px;letter-spacing:.11em}
.edition:hover{background:var(--ink);color:var(--cream)}
.directory-hero{position:relative;overflow:hidden;background:#071d1a;color:#eff6e6}
.directory-hero:before{content:"✳";position:absolute;right:-.12em;top:-.55em;color:#dfff4e12;font-size:clamp(350px,45vw,720px);line-height:1;pointer-events:none}
.intro{position:relative;padding-top:75px;padding-bottom:62px}
.intro .eyebrow{font:800 10px/1.5 Consolas,monospace;color:var(--acid)}
.intro .eyebrow>span{background:var(--orange)}
.intro h1{position:relative;z-index:1;margin:22px 0 29px;font:800 clamp(73px,10.5vw,150px)/.88 'DM Sans',Arial,sans-serif;letter-spacing:-.085em;color:var(--acid)}
.intro h1 em{color:#f2f4df;font:400 .95em/.9 'DM Serif Display',Georgia,serif;letter-spacing:-.065em}
.intro-bottom{align-items:end}
.intro-bottom>p{max-width:610px;color:#d4e2d4;font-size:17px;line-height:1.65}
.count strong{color:var(--acid);font:800 74px/.85 'DM Sans',Arial,sans-serif;letter-spacing:-.09em}
.count>span{font-weight:800;color:#e8f4db}
.review-note{max-width:1040px;margin-top:48px;padding-top:22px;border-color:#dfff4e66;color:#cbdfce;font-size:12px;line-height:1.7}
.review-note a{color:var(--acid)}
.grid{gap:20px;padding-top:78px;padding-bottom:103px}
.card{position:relative;background:#fffdf0;border:1px solid #0a2822;border-radius:2px;box-shadow:8px 9px 0 #0a28221b;transition:transform .24s ease,box-shadow .24s ease}
.card:hover{transform:translateY(-6px);box-shadow:11px 15px 0 #0a282229}
.card-art{height:auto;aspect-ratio:1.62;padding:0;background:#0a2822;overflow:hidden}
.card-art .preview-image{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.card:hover .preview-image{transform:scale(1.06)}
.card-art svg,.card-art>p,.art-ring{display:none}
.concept-number{position:absolute;z-index:2;top:13px;left:14px;padding:8px 10px;background:var(--acid);color:#0a2822;font:800 9px/1 Consolas,monospace;letter-spacing:.11em;opacity:1}
.card-info{min-height:140px;padding:23px 25px}
.card-info h2{font:800 clamp(23px,2.4vw,34px)/1.05 'DM Sans',Arial,sans-serif;letter-spacing:-.05em}
.category{font-size:9px;font-weight:800;letter-spacing:.15em}
.open{font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#285443}
.card-arrow{border-radius:0;border-color:var(--ink);color:var(--ink)}
.next{padding:77px 0 82px;gap:50px;border-color:var(--ink)}
.next h2{font:800 clamp(50px,5.4vw,83px)/.94 'DM Sans',Arial,sans-serif;letter-spacing:-.07em}
.next .eyebrow{font:800 10px/1.5 Consolas,monospace;letter-spacing:.11em}
.next p:not(.eyebrow):not(.fine){font-size:16px;max-width:480px}
.button{border-radius:2px;background:var(--ink);color:#f9fced;font-weight:800}
.button:hover{background:#174d3b}
.directory-footer{background:#071d1a;color:#e7f1df}
.directory-footer .footer-inner{padding-top:28px;padding-bottom:29px}
.directory-footer a{color:var(--acid);font-weight:800}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.review-bar{padding-inline:24px}.intro{padding-top:57px}.intro h1{font-size:clamp(67px,10vw,100px)}.grid{gap:18px;padding-top:58px}.card-art{aspect-ratio:1.35}.card-info h2{font-size:25px}.next h2{font-size:53px}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.review-bar{padding-inline:18px;flex-direction:column;gap:3px;text-align:left;font-size:8px}.review-bar span{display:block}.masthead{min-height:76px}.masthead .brand{font-size:21px}.brand-mark{font-size:46px}.brand-small{font-size:6px}.edition{font-size:7px;padding:9px}.intro{padding-top:45px;padding-bottom:44px}.intro h1{font-size:clamp(55px,14vw,80px);margin:18px 0 24px}.intro-bottom>p{font-size:14px}.review-note{font-size:10px;margin-top:29px}.grid{padding-top:42px;padding-bottom:67px;gap:22px}.card-art{aspect-ratio:1.42}.card-info{min-height:122px;padding:19px}.card-info h2{font-size:24px}.next{padding:57px 0}.next h2{font-size:50px}.next p:not(.eyebrow):not(.fine){font-size:14px}.directory-footer .footer-inner{gap:12px}}
@media(prefers-reduced-motion:reduce){.card,.card-art .preview-image{transition:none}.card:hover,.card:hover .preview-image{transform:none}}