@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--ink:#101c24;--paper:#f5f3eb;--blue:#174eed}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--blue)}img{max-width:100%;display:block}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',sans-serif;line-height:.98;margin:16px 0 24px;letter-spacing:-.025em}h1{font-size:clamp(54px,7vw,110px)}h2{font-size:clamp(40px,4.7vw,72px)}h3{font-size:32px}p{max-width:65ch}.preview{background:var(--ink);color:white;text-align:center;font-size:10px;letter-spacing:.2em;padding:8px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 4%;border-bottom:1px solid #ccc;gap:25px}.brand{font-size:40px;font-weight:800;line-height:1;text-decoration:none;letter-spacing:-3px}.brand span{display:block;font-size:8px;letter-spacing:1px;margin-top:9px}nav{display:flex;gap:24px;align-items:center;font-size:12px;font-weight:700}nav a{text-decoration:none}nav a[aria-current]{border-bottom:2px solid var(--blue)}nav .shop{background:var(--ink);padding:12px;color:white}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:4%;padding:56px 4%}.hero h1{font-size:clamp(65px,7.8vw,128px)}em{font-style:normal;color:var(--blue)}.kicker{font-size:11px;font-weight:700;letter-spacing:.15em;display:block}.hero p{max-width:420px}.hero figure{margin:0;position:relative;min-height:480px;background:#d9ddd9}.hero figure img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 25%}.hero figcaption{position:absolute;bottom:0;background:linear-gradient(transparent,#101c24);padding:55px 24px 22px;color:white;font-size:15px;font-weight:700;width:100%}.hero figcaption span{display:block;font-size:9px;letter-spacing:.12em;margin-top:8px}.button{display:inline-block;background:var(--blue);color:white;text-decoration:none;padding:15px 25px;font-weight:600;font-size:13px;margin-top:15px}.button:hover{background:var(--ink);color:white}.plain{margin-left:24px;font-size:13px}.ticker{padding:16px 4%;background:var(--blue);color:white;font-size:18px;font-weight:700;letter-spacing:.13em;word-spacing:18px;overflow:hidden}.section{padding:80px 6%}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.sectionhead>a{font-size:13px;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{display:block;text-decoration:none}.photo{height:350px;background:#ddd;overflow:hidden;margin-bottom:22px}.photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:transform .3s}.card:hover img{transform:scale(1.025)}.card h3{margin:10px 0 14px}.read{font-size:12px;border-bottom:1px solid}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.blue{background:var(--blue);color:white}.large{font-size:clamp(21px,2.4vw,33px);line-height:1.45}.light{background:var(--paper);color:var(--ink)}.resources{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding-bottom:0}.resources>a{padding:45px;background:#e6e8df;text-decoration:none}.resources>a:last-child{background:#e2e8ee}.resources span:last-child{font-size:13px;text-decoration:underline}.reunion{border-bottom:1px solid #bbb}.merch{background:var(--ink);color:white;text-align:center}.merch h2,.merch h1{font-size:clamp(65px,10vw,145px)}.merch p{margin:20px auto}.intro{font-size:20px}.narrow{max-width:1000px;margin:auto;min-height:65vh}.notice{background:#e5e8e8;border-left:3px solid var(--blue);padding:18px;font-size:13px;max-width:none}.article{max-width:850px;margin:auto;padding:65px 25px}.article h1{font-size:64px}.article-photo{max-height:650px;width:100%;object-fit:contain;background:#e7e5dc}.prose{font-size:17px;margin:40px 0}.prose p{white-space:pre-line}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.directory{border-top:2px solid var(--ink);padding:20px 0}.directory h3{font-size:27px;line-height:1.1}.badge{font-size:9px;letter-spacing:.07em;color:#555}.directory p{font-size:13px}.searchable{margin-top:28px}.searchable[hidden],[hidden]{display:none!important}label{display:block;font-size:13px;font-weight:700;margin-top:30px}input{width:min(100%,550px);padding:16px;border:1px solid #888;background:white;font:inherit;margin-top:8px}#count{font-size:12px}footer{background:#0c161c;color:white;padding:55px 6%}footer div{display:flex;gap:25px;margin:25px 0;font-size:13px}footer small{color:#a8b4ba;font-size:11px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:20px;z-index:9}:focus-visible{outline:3px solid #fa9300;outline-offset:5px}
@media(max-width:950px){header{align-items:start;flex-direction:column}nav{gap:18px;flex-wrap:wrap}.hero{padding:35px 5%;gap:25px}.hero h1{font-size:75px}.hero figure{min-height:400px}.cards{gap:18px}.photo{height:280px}.section{padding:55px 5%}.directory-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){header{padding:20px 5%}nav{gap:14px;font-size:11px}nav .shop{padding:8px}.hero{grid-template-columns:1fr}.hero h1{font-size:77px}.hero figure{height:450px}.ticker{font-size:12px;word-spacing:2px;letter-spacing:.06em}.cards,.split,.resources,.directory-grid{grid-template-columns:1fr}.photo{height:380px}.cards{gap:40px}.sectionhead{display:block}.sectionhead>a{display:inline-block;margin-bottom:15px}.resources{gap:15px}.resources>a{padding:30px}.article h1{font-size:48px}footer div{flex-wrap:wrap}.brand{font-size:34px}.plain{margin-left:14px}}
.filters{display:flex;flex-wrap:wrap;gap:20px;margin:30px 0}.filters label{flex:1;min-width:150px}select,textarea{font:inherit;padding:12px;max-width:100%;width:100%}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.day{border:1px solid #aaa;padding:10px;min-height:110px;font-size:12px;overflow-wrap:anywhere}.day p{font-size:11px}button{border:0;cursor:pointer}input[type=checkbox]{width:auto}@media(max-width:600px){.month-grid{grid-template-columns:1fr}.day{min-height:50px}}


.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}form label{display:block;margin:18px 0}form input:not([type=checkbox]){width:100%;max-width:100%}form input[type=checkbox]{width:auto}form button:disabled{opacity:.6;cursor:wait}
