@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap');
:root{--ink:#10251f;--muted:#6c756f;--paper:#eeeee6;--line:#bfc7bb;--green:#c4e89c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}
.site{position:relative;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:clamp(18px,3vh,38px) clamp(18px,5vw,90px) 18px}
.grain{pointer-events:none;position:absolute;inset:0;opacity:.11;background-image:radial-gradient(#536a5e .7px,transparent .9px);background-size:7px 7px;z-index:0}
.masthead,.stage,footer{position:relative;z-index:1}.masthead{text-align:center;margin:0 auto 19px;width:min(100%,1200px)}
.eyebrow{font-size:10px;letter-spacing:.32em;font-weight:800}.masthead h1{font-family:'Oswald','Arial Narrow',sans-serif;font-weight:700;line-height:1;letter-spacing:-.045em;font-size:clamp(62px,8vw,120px);margin:6px 0 12px}.masthead h1 em{font-style:normal;color:#6e9277}
.header-line{display:flex;align-items:center;justify-content:center;gap:28px;font-size:11px;letter-spacing:.22em;font-weight:800}.header-line span+span{border-left:1px solid var(--ink);padding-left:28px}
.stage{display:grid;grid-template-columns:minmax(210px,1fr) minmax(300px,570px) minmax(210px,1fr);align-items:center;gap:clamp(15px,2.6vw,44px);margin:0 auto;max-width:1480px;width:100%}
.poster{margin:0;position:relative;border:8px solid #fff;box-shadow:0 18px 47px #16291b22;transform:rotate(-.55deg);background:#fff}.poster>img{display:block;aspect-ratio:1;object-fit:contain;width:100%}.poster figcaption{padding:10px 12px 3px;display:flex;justify-content:space-between;gap:10px;color:#556259;font-weight:800;font-size:9px;letter-spacing:.12em}
.links{display:grid;gap:16px}.links-left{align-content:center}.links-right{align-content:center}
.link-card{width:100%;appearance:none;font:inherit;color:var(--ink);display:flex;align-items:center;text-align:left;text-decoration:none;border:1px solid #c4ccc0;background:#fafbf6;padding:clamp(11px,1.35vw,17px);min-height:92px;gap:14px;cursor:pointer;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease;box-shadow:5px 6px 0 #d8ded3}
.link-card:hover,.link-card:focus-visible{transform:translateY(-4px);outline:none;border-color:#48735c;box-shadow:5px 9px 0 #d0dacf}.link-card.featured{background:var(--ink);color:white;border-color:var(--ink);box-shadow:5px 6px 0 #97b58c}.link-icon{width:48px;height:48px;object-fit:contain;flex-shrink:0}.link-label{display:grid;gap:6px;min-width:0;flex:1}.link-label strong{font-size:clamp(12px,1vw,15px);font-weight:800;letter-spacing:.015em}.link-label small{color:var(--muted);font-size:11px}.featured small{color:#c5e5b9}
.link-card svg{height:20px;width:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}
footer{display:flex;justify-content:space-between;max-width:1480px;width:100%;margin:22px auto 0;padding-top:13px;border-top:1px solid var(--line);font-size:10px;font-weight:800;letter-spacing:.2em;color:#57645c}.hidden-aux{display:none}
@media(max-width:1060px){.site{justify-content:flex-start}.stage{grid-template-columns:1fr minmax(300px,500px) 1fr;gap:16px}.link-card{flex-wrap:wrap;gap:8px;justify-content:center;text-align:center;min-height:104px}.link-card .link-label{flex:0 0 100%}.link-card svg{display:none}.link-icon{width:36px;height:36px}}
@media(max-width:720px){.site{padding:22px 15px 19px}.masthead{margin-bottom:16px}.masthead h1{font-size:clamp(50px,13vw,81px)}.eyebrow{font-size:8px}.header-line{font-size:9px;gap:12px}.header-line span+span{padding-left:12px}.stage{display:flex;flex-direction:column;gap:16px}.poster{order:0;width:min(100%,510px);transform:none;border-width:6px}.links{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,510px)}.links-left{order:1}.links-right{order:2}.link-card{min-height:86px;padding:10px;gap:8px;text-align:left;justify-content:flex-start;flex-wrap:nowrap;box-shadow:3px 4px 0 #d8ded3}.link-icon{height:31px;width:31px}.link-card .link-label{flex:1;min-width:0}.link-label strong{font-size:10px;line-height:1.25}.link-label small{font-size:9px}.links-right .link-card:last-child{grid-column:1/-1}.poster figcaption{font-size:8px}footer{font-size:8px;letter-spacing:.08em;gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}