:root{color-scheme:light;--paper:#f3f0d6;--ink:#293e2d;--lime:#e9f36c;--line:#98a47d}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);background-image:radial-gradient(#7d8b5120 .7px,transparent .7px);background-size:7px 7px;font:16px/1.9 'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #bb572c;outline-offset:6px}.masthead,main,footer{width:min(1160px,calc(100% - 80px));margin:auto}.masthead{display:flex;align-items:center;gap:26px;padding:30px 0;border-bottom:1px solid var(--line)}.brand{font:900 46px/1 Georgia,serif;letter-spacing:-3px}.brand span{font-size:12px;letter-spacing:0;margin-left:9px;color:#798b45}.tagline{font-size:13px;letter-spacing:2px}.header-link{margin-left:auto;font-weight:700;white-space:nowrap}.header-link span{margin-left:12px}.welcome{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px;padding:68px 0 64px}.eyebrow{font-weight:700;font-size:13px;letter-spacing:2px;margin:0 0 20px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:24px;height:2px;background:currentColor}h1{font-size:clamp(32px,3.7vw,49px);font-weight:900;line-height:1.55;letter-spacing:1px;margin:0 0 24px}h1 em{font-style:normal;background:linear-gradient(transparent 68%,#d6e17d 68%)}.intro{font-size:16px;margin:0 0 28px}.enter{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:60px;padding:12px 25px;border:2px solid var(--ink);background:var(--lime);font-size:19px;font-weight:800;box-shadow:5px 5px 0 var(--ink);transition:transform .15s,box-shadow .15s}.enter:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.aside{font-size:12px;color:#647054;margin-top:20px}figure{margin:0;position:relative;padding:13px 13px 45px;background:#e5e5c4;border:2px solid var(--ink);box-shadow:9px 9px 0 #acb48b;transform:rotate(2deg)}figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;filter:saturate(.72)}figcaption{position:absolute;bottom:24px;right:18px;background:#faf2ae;border:2px solid var(--ink);padding:9px 15px;font-size:17px;font-weight:700;transform:rotate(-5deg)}.photo-number{position:absolute;bottom:8px;left:14px;font:10px/1.5 monospace;letter-spacing:1px}.community{display:grid;grid-template-columns:1fr 1fr;gap:48px;border-top:3px double var(--ink);padding:36px 0 42px}.community .eyebrow{font-size:11px;margin-bottom:12px}h2{font-size:25px;line-height:1.6;margin:0}.community-copy p{margin:0 0 20px;font-size:15px}.links{display:flex;gap:28px;flex-wrap:wrap}.links a{font-weight:700;border-bottom:1px solid #8e9b70;padding-bottom:4px}.links a:hover,.header-link:hover,footer a:hover{color:#6e8037}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0 30px;font-size:12px}.footer-note{margin-left:15px;color:#687257}.mobile-break{display:none}@media(max-width:800px){.masthead,main,footer{width:calc(100% - 40px)}.welcome{gap:30px;padding:45px 0}.tagline{display:none}h1{font-size:32px}.community{gap:24px}h2{font-size:22px}figcaption{font-size:14px;padding:7px 10px}}@media(max-width:600px){.masthead{padding:21px 0}.brand{font-size:37px}.header-link{font-size:14px}.welcome{grid-template-columns:1fr;gap:34px;padding:33px 0 42px}.eyebrow{margin-bottom:15px;font-size:12px}h1{font-size:clamp(30px,8.5vw,43px);line-height:1.5;letter-spacing:0;margin-bottom:20px}.intro{font-size:15px}.enter{width:100%;font-size:18px}.aside{text-align:center;margin-bottom:0}figure{width:calc(100% - 12px);justify-self:center;transform:rotate(1.5deg)}.community{grid-template-columns:1fr;gap:20px;padding:28px 0 30px}.community-copy p{font-size:14px}footer{font-size:11px;align-items:center}.footer-note{display:block;margin:4px 0 0}.mobile-break{display:block}}@media(prefers-reduced-motion:reduce){.enter{transition:none}}
