:root{--abyss:#070a12;--navy:#0b0e1a;--pearl:#f2efe6;--dawn:#e8b44a;--mist:#58c6b2;--dim:rgba(242,239,230,.62);--faint:rgba(242,239,230,.3);--line:rgba(242,239,230,.13)}
*{box-sizing:border-box}
html{background:var(--abyss)}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 10%,#161a2c 0,var(--abyss) 34%);color:var(--pearl);font-family:'Noto Sans KR',sans-serif;font-weight:300}
.archive{width:min(1120px,100%);margin:0 auto;padding:clamp(76px,11vw,145px) clamp(20px,5vw,64px) 30px}
.archive-intro{position:relative;max-width:760px;margin-bottom:clamp(72px,12vw,150px)}
.archive-eyebrow,.record-kicker{margin:0 0 20px;color:var(--dawn);font-size:10px;letter-spacing:.38em}
.archive-intro h1{max-width:100%;margin:0;font:700 clamp(42px,7vw,74px)/1.25 'Gowun Batang',serif;letter-spacing:-.045em;overflow-wrap:anywhere}
.archive-lead{max-width:580px;margin:28px 0 0;color:var(--dim);font:400 clamp(15px,2vw,18px)/2 'Gowun Batang',serif}
.archive-index{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:12px;color:var(--faint);font-size:9px;letter-spacing:.2em}.archive-index i{display:block;width:76px;height:1px;background:var(--line)}
.record-list{display:grid;gap:28px}
.record-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);min-height:620px;border:1px solid var(--line);color:inherit;text-decoration:none;background:rgba(11,14,26,.72);overflow:hidden;transition:border-color .35s,transform .35s}
.record-card:hover{border-color:rgba(232,180,74,.42);transform:translateY(-3px)}
.record-visual{position:relative;min-height:520px;margin:0;overflow:hidden;background:#0a0c16}
.record-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(7,10,18,.82)),linear-gradient(0deg,rgba(7,10,18,.48),transparent 45%)}
.record-visual img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.75) contrast(1.06);transition:transform 1.4s ease,filter .8s}
.record-card:hover img{transform:scale(1.025);filter:saturate(.9) contrast(1.06)}
.record-scan{position:absolute;z-index:2;inset:0;background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(255,255,255,.012) 8px 9px);mix-blend-mode:screen;pointer-events:none}
.record-copy{display:flex;flex-direction:column;padding:clamp(30px,4.5vw,58px)}
.record-topline{display:flex;justify-content:space-between;gap:20px;color:var(--faint);font-size:9px;letter-spacing:.22em}.record-topline b{color:var(--mist);font-weight:400}
.record-kicker{margin-top:auto;margin-bottom:14px}
.record-copy h2{margin:0;font:700 clamp(32px,4.5vw,52px)/1.35 'Gowun Batang',serif}
.record-summary{margin:25px 0 34px;color:var(--dim);font:400 16px/2 'Gowun Batang',serif}
.record-copy dl{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid var(--line)}
.record-copy dl div{padding:17px 0;border-bottom:1px solid rgba(242,239,230,.08)}
.record-copy dt{margin-bottom:7px;color:var(--faint);font-size:8px;letter-spacing:.18em}.record-copy dd{margin:0;color:rgba(242,239,230,.73);font-size:10px;letter-spacing:.08em}
.record-open{display:flex;justify-content:space-between;align-items:center;margin-top:34px;color:var(--pearl);font-size:11px;letter-spacing:.18em}.record-open i{color:var(--dawn);font-style:normal;font-size:18px;transition:transform .3s}.record-card:hover .record-open i{transform:translateX(5px)}
.archive-note{min-height:55svh;display:grid;place-content:center;text-align:center;padding:15vh 20px 8vh}.archive-note span{color:var(--dawn);font-size:42px}.archive-note p{max-width:560px;margin:22px auto 0;color:var(--faint);font:400 14px/2 'Gowun Batang',serif}
@media(max-width:760px){.archive{padding-top:76px}.archive-intro h1{font-size:clamp(36px,11.5vw,48px)}.archive-index{position:static;margin-top:34px}.record-card{grid-template-columns:1fr;min-height:0}.record-visual{min-height:57svh;max-height:620px}.record-visual:after{background:linear-gradient(0deg,rgba(7,10,18,.96),transparent 45%)}.record-copy{margin-top:-95px;position:relative;z-index:3;padding:26px 24px 34px}.record-kicker{margin-top:42px}.record-copy dl{grid-template-columns:1fr}.record-copy dl div{display:grid;grid-template-columns:105px 1fr;gap:12px;align-items:center}.record-copy dt{margin:0}.archive-note{min-height:46svh}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}