.hero-sample{margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--muted)}
.hero-sample a{display:inline-block;padding:8px 0;color:var(--gold2);text-decoration:none;text-underline-offset:4px}
.hero-sample a:hover{text-decoration:underline}
.hero-sample a:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}
@media(max-width:768px) and (orientation:portrait){.hero-sample{margin:-22px 0 0;padding:0 22px 24px;font-size:14px}}
@media(max-width:950px) and (orientation:landscape){.hero-sample{font-size:13px;margin:4px 0 0}}
.fragment-page{min-height:100vh;background:linear-gradient(rgba(3,8,10,.85),rgba(3,8,10,.96)),url('assets/lokdubh_day.jpg') center/cover fixed}
.fragment-shell{width:min(100%,980px);margin:auto;padding:28px 24px 40px}
.fragment-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.fragment-nav a,.fragment-fallback a{color:var(--gold2);text-underline-offset:4px}
.fragment-header{text-align:center;margin-bottom:24px}
.fragment-header h1{font-size:clamp(26px,5vw,40px);font-weight:400;color:var(--ink);margin:12px 0}
.fragment-header p{line-height:1.6;color:var(--muted)}
.fragment-frame{width:100%;height:75vh;height:75svh;min-height:420px;max-height:900px;display:block;background:#fff;border:1px solid var(--line);border-radius:6px}
.fragment-fallback{text-align:center;line-height:1.6;margin:18px 0}
.fragment-page a:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}
@media(max-width:600px){.fragment-shell{padding:20px 12px 28px}.fragment-frame{height:72svh;min-height:360px}.fragment-nav{font-size:14px}.fragment-header .kicker{letter-spacing:1px}}
@media(max-width:950px) and (orientation:landscape){.hero{height:auto;min-height:100svh}.hero-copy{padding-bottom:60px}}