:root{color-scheme:light;--ink:#1d312d;--muted:#62716d;--accent:#3b6d5a;--border:#dbe2d9;--paper:#f7f7f2;--white:#fff;}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:4px}
.page-shell{width:min(100% - 40px,1000px);margin:auto}
.hero{padding:clamp(78px,12vw,152px) 0 clamp(60px,8vw,100px);border-bottom:1px solid var(--border)}
.hero-brand{display:flex;align-items:center;gap:28px;margin-bottom:26px}
.hero-logo{display:block;width:138px;height:auto}
.hero-kicker{margin:0;color:var(--accent);font-size:.72rem;font-weight:750;letter-spacing:.2em}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400}
h1{font-size:clamp(3.6rem,9vw,7.4rem);line-height:1.02;letter-spacing:-.065em;margin:0 0 30px}
.hero-period{color:var(--accent)}
.hero-description{max-width:730px;margin:0;color:#475b53;font-size:clamp(1.16rem,2.35vw,1.66rem);line-height:1.52;letter-spacing:-.015em}
.content-section{padding-top:clamp(54px,8vw,92px)}
.section-heading{display:flex;align-items:center;gap:28px;margin:0 0 24px}
h2{font-size:clamp(2rem,4vw,3rem);line-height:1.2;letter-spacing:-.04em;margin:0;white-space:nowrap}
.section-rule{height:1px;flex:1;background:var(--border)}
ul{list-style:none;padding:0;margin:0}
.channel-list{display:grid;grid-template-columns:1fr;gap:14px}
.channel-link{min-height:112px;background:var(--white);border:1px solid var(--border);padding:18px 22px;display:flex;align-items:center;gap:18px;text-decoration:none;border-radius:12px;box-shadow:0 4px 20px rgba(24,48,36,.025);transition:border-color .2s,transform .2s,box-shadow .2s}
.channel-link:hover{border-color:#9db4a5;transform:translateY(-2px);box-shadow:0 10px 30px rgba(24,48,36,.07)}
.channel-icon{width:55px;height:55px;flex:none;display:grid;place-items:center;border-radius:12px}
.channel-icon--youtube{color:#bd3732;background:#fbedeb}.channel-icon--linkedin{color:#286eaa;background:#eaf2f9}
.channel-icon--facebook{color:#1877f2;background:#eaf2ff}.channel-icon--tiktok{color:#181818;background:#ebf4f2}
.channel-icon--instagram{color:#b44383;background:#fcecf5}
.channel-icon--x{color:#181818;background:#f0f0ed}
.channel-copy,.work-copy{display:flex;flex-direction:column;min-width:0}
.channel-copy strong{font-size:1.04rem;font-weight:700}.channel-copy span,.work-copy span{font-size:.9rem;color:var(--muted)}
.link-arrow{margin-left:auto;flex:none;color:var(--accent)}
.work-list{border-top:1px solid var(--border)}
.work-list li{border-bottom:1px solid var(--border)}
.work-list a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 4px;text-decoration:none;transition:padding .2s,color .2s}
.work-list a:hover{color:var(--accent);padding-left:12px}
.work-copy strong{font-size:1.04rem;font-weight:670;line-height:1.4}.work-copy span{line-height:1.5;margin-top:2px}
.work-arrow{font-size:1.3rem;color:var(--accent);line-height:1}
.site-footer{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:center;border-top:1px solid var(--border);margin-top:clamp(80px,12vw,140px);padding:30px 0 48px;color:var(--muted);font-size:.83rem}
.site-footer p{margin:0}
.footer-links{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--accent);text-decoration:underline}
@media(min-width:760px){.channel-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.page-shell{width:min(100% - 40px,1000px)}.hero{padding-top:76px}.hero-brand{gap:17px;margin-bottom:24px}.hero-logo{width:112px}.section-heading{gap:16px}.channel-link{padding:16px;gap:14px}.channel-icon{width:48px;height:48px}.channel-copy span{font-size:.82rem}.site-footer{align-items:flex-start;flex-direction:column;gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.channel-link,.work-list a{transition:none}}