/* 기관 홈 — 산너머 AX 클럽 모임 포스터 결(사진 배경 · 흰 로고 · 흰 제목 + 주황 둘째 줄 · 밝은 정보 상자) · 박사님 18548 */
:root{--base:#16120f;--s0:#0e0b0933;--s1:#0e0b0900;--s2:#130f0c99;--s3:#16120f;--side:#0e0b098c;--ink:#1b1714;--paper:#f7f3ec;--accent:#ee7a2f;--accent2:#ffa45a;--muted:#e9e1d6;--glass:#1d1915b8;--line:#ffffff2e}
*{box-sizing:border-box}
html{background:var(--base)}
body{margin:0;color:#fff;font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif}
body{min-height:100dvh}
.bg{position:fixed;inset:0;z-index:-1;background-size:cover;background-position:center 30%}
.bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--s0) 0%,var(--s1) 28%,var(--s2) 58%,var(--s3) 92%),linear-gradient(90deg,var(--side) 0%,#0000 55%)}
a{color:inherit}
a:focus-visible{outline:3px solid var(--accent2);outline-offset:3px}
.poster{max-width:1180px;margin:0 auto;padding:24px 28px 40px;display:grid;grid-template-columns:1.25fr 1fr;grid-template-areas:"bar bar" "hero next" "sections sections" "foot foot";gap:28px 40px}
.bar{grid-area:bar;display:flex;justify-content:space-between;align-items:center;font-size:15px;text-shadow:0 1px 6px #0009}
.back{text-decoration:none}
.kind{letter-spacing:.2em;font-size:12px;font-weight:700;border:1px solid #ffffffb3;padding:5px 11px;border-radius:99px;backdrop-filter:blur(4px)}
.hero{grid-area:hero;align-self:end;padding:40px 0 10px;text-shadow:0 2px 18px #000a}
.logo{height:64px;width:auto;filter:drop-shadow(0 2px 8px #0008)}
.club{margin:30px 0 10px;font-size:20px;font-weight:800;color:var(--accent2);letter-spacing:.02em}
h1{margin:0;word-break:keep-all;font-size:clamp(40px,6vw,78px);line-height:1.12;font-weight:900;letter-spacing:-.02em}
h1 span{display:block}
h1 span:last-child{color:var(--accent2)}
.org{margin:20px 0 0;font-size:18px;color:var(--muted);font-weight:600}
.next{grid-area:next;align-self:end;background:#f7f3ecf2;color:var(--ink);border-radius:20px;padding:26px 28px 24px;box-shadow:0 30px 80px #0009}
.label{margin:0;font-size:14px;font-weight:800;letter-spacing:.18em;color:var(--accent)}
.date{margin:8px 0 2px;font-size:clamp(32px,4vw,48px);font-weight:900;letter-spacing:-.02em}
.time{margin:0 0 18px;font-size:22px;font-weight:700}
.facts{margin:0 0 20px;display:grid;gap:10px;border-top:1px solid #1b171433;padding-top:14px}
.facts div{display:flex;gap:14px;font-size:17px}
.facts dt{width:76px;flex:none;font-weight:800;color:var(--accent)}
.facts dd{margin:0;font-weight:700}
.ctas{display:grid;gap:10px}.cta{display:block;text-align:center;background:var(--accent);color:#fff;text-decoration:none;font-weight:800;font-size:18px;padding:15px;border-radius:12px}
.sections{grid-area:sections;display:grid;gap:34px;margin-top:10px}
.works h2{font-size:24px;margin:0 0 14px}
.works ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.works li a{display:flex;flex-direction:column;gap:10px;height:100%;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--glass);backdrop-filter:blur(6px);text-decoration:none;transition:border-color .2s,transform .2s}
.works li a:hover{border-color:var(--accent2);transform:translateY(-2px)}
.cat{align-self:flex-start;font-size:13px;font-weight:800;color:#fff;background:var(--accent);padding:3px 10px;border-radius:99px}
.works strong{word-break:keep-all;font-size:18px;line-height:1.45}
.gallery{display:inline-block;margin-top:18px;font-size:17px;font-weight:800;color:var(--accent2)}
.foot{grid-area:foot;border-top:1px solid var(--line);padding-top:16px;font-size:14px;color:#d6cdc2}
.foot nav{display:flex;gap:18px;margin-bottom:8px}
.foot nav a{font-weight:800;color:var(--accent2)}
.poster::after{content:"";grid-column:1/-1;height:6px;background:var(--accent);border-radius:3px}
@media(max-width:820px){.poster{grid-template-columns:1fr;grid-template-areas:"bar" "hero" "next" "sections" "foot";padding:16px 16px 28px;gap:22px}.hero{padding-top:70px}.bg{background-position:42% 0;background-size:auto 70dvh;background-repeat:no-repeat}.works ul{grid-template-columns:1fr 1fr}.works strong{font-size:16px}}
@media(max-width:480px){.works ul{grid-template-columns:1fr}}
.cta.alt{background:transparent;color:var(--ink);border:2px solid var(--accent);padding:13px}
.logo.badge{height:84px;background:#fffdf8;border-radius:16px;padding:6px 12px;filter:drop-shadow(0 4px 14px #0006)}
.works .thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#0004}
.works.video li a{padding:12px 12px 16px}
.works.video strong{font-size:16px}
.foot .join{display:inline-block;margin:4px 0 10px;font-weight:800;color:#fff;text-decoration:none;border:1px solid var(--accent2);padding:9px 14px;border-radius:99px}