:root{--bg:#101623;--ink:#e9edf4;--sub:#8891a3;--accent:#d9a65b;--line:#e9edf41f;--card:#161d2c;--card2:#1c2436}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#edeff3;--ink:#161c29;--sub:#5c6478;--accent:#b8802f;--line:#161c291f;--card:#e1e5ec;--card2:#d7dce4}}:root[data-theme=light]{--bg:#edeff3;--ink:#161c29;--sub:#5c6478;--accent:#b8802f;--line:#161c291f;--card:#e1e5ec;--card2:#d7dce4}:root[data-theme=dark]{--bg:#101623;--ink:#e9edf4;--sub:#8891a3;--accent:#d9a65b;--line:#e9edf41f;--card:#161d2c;--card2:#1c2436}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s}.grain{pointer-events:none;opacity:.045;mix-blend-mode:overlay;z-index:50;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");position:fixed;inset:0}.dots{pointer-events:none;z-index:0;background-image:radial-gradient(var(--line) 1px, transparent 1px);opacity:.6;background-size:26px 26px;position:fixed;inset:0}.wrap{z-index:1;max-width:1140px;margin:0 auto;padding:0 5vw 14vh;position:relative}.wrap.wrap-wide{max-width:100%;margin:0 auto;padding:0 0 10vh;overflow-x:hidden}.wrap.wrap-wide nav{max-width:1200px;margin:0 auto 2vh;padding:20px 4vw}nav{letter-spacing:2px;text-transform:uppercase;color:var(--sub);background:color-mix(in srgb, var(--bg) 82%, transparent);backdrop-filter:blur(8px);z-index:20;justify-content:space-between;align-items:center;margin-bottom:2vh;padding:20px 0;font-size:11px;display:flex;position:sticky;top:0}.nav-brand{align-items:baseline;gap:14px;display:flex}.nav-actions{align-items:center;gap:18px;display:flex}.theme-toggle{border:1px solid var(--line);cursor:pointer;width:28px;height:28px;color:var(--sub);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .25s;display:inline-flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.05)}.sun-icon{display:none}.moon-icon{display:block}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .sun-icon{display:block}:root:not([data-theme=dark]) .moon-icon{display:none}}:root[data-theme=light] .sun-icon{display:block}:root[data-theme=light] .moon-icon,:root[data-theme=dark] .sun-icon{display:none}:root[data-theme=dark] .moon-icon{display:block}.logo{color:var(--ink);text-transform:none;letter-spacing:0;font-family:Caveat,cursive;font-size:28px;font-weight:700;text-decoration:none}.logo .dot-accent{color:var(--accent)}.nav-title{color:var(--ink);text-transform:none;letter-spacing:0;font-family:Georgia,serif;font-size:15px}.back{color:var(--sub);letter-spacing:1.5px;font-size:11px;text-decoration:none}.back:hover{color:var(--accent)}.navlinks a{color:var(--sub);letter-spacing:1.5px;margin-left:18px;font-size:11px;text-decoration:none}.navlinks a:hover{color:var(--accent)}h1{margin:4vh 0 6px;font-family:Georgia,serif;font-size:clamp(30px,5vw,46px);font-weight:400}.lede{color:var(--sub);max-width:480px;margin:0 0 6vh;font-size:14px;line-height:1.6}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:9vh;display:grid}.hero .tag{color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;font-size:10px;display:block}.hero h2{margin:0 0 12px;font-family:Georgia,serif;font-size:clamp(24px,3.6vw,36px);font-weight:400;line-height:1.15}.hero p{color:var(--sub);max-width:420px;margin:0 0 16px;font-size:13px;line-height:1.7}.link{color:var(--ink);border-bottom:1px solid var(--accent);padding-bottom:2px;font-size:12px;text-decoration:none}.link:hover{color:var(--accent)}.section-label{color:var(--sub);letter-spacing:2px;text-transform:uppercase;margin:8vh 0 6px;font-size:10px}.list{border-top:1px solid var(--line)}.item{border-bottom:1px solid var(--line);color:var(--ink);grid-template-columns:36px 1fr auto 54px;align-items:center;gap:18px;padding:22px 4px;text-decoration:none;display:grid;position:relative;overflow:hidden}.item:before{content:"";background:color-mix(in srgb, var(--accent) 6%, transparent);z-index:0;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translate(-100%)}.item:hover:before{transform:translate(0)}.item>*{z-index:1;position:relative}.n{color:var(--accent);font-family:Georgia,serif;font-size:12px}.info-i h3{margin:0 0 5px;font-family:Georgia,serif;font-size:clamp(16px,2.1vw,20px);font-weight:400;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.item:hover .info-i h3{transform:translate(8px)}.info-i p{color:var(--sub);max-width:320px;margin:0;font-size:11px;line-height:1.5}.tags{color:var(--sub);letter-spacing:.5px;text-align:right;white-space:nowrap;font-size:10px}.thumb{width:56px;height:42px;position:relative}.thumb img{object-fit:cover;position:absolute}.thumb .t-a{z-index:2;border-radius:5px;width:38px;height:30px;top:0;left:0}.thumb .t-b{z-index:1;opacity:.7;border-radius:5px;width:30px;height:24px;bottom:0;right:0;transform:rotate(4deg)}.detail-cover{border:1px solid var(--line);border-radius:16px;width:100%;margin:2vh 0 4vh;display:block}.detail h2{margin:3vh 0 8px;font-family:Georgia,serif;font-size:24px;font-weight:400}.detail p,.detail li{color:var(--ink);font-size:14px;line-height:1.7}.detail p{color:var(--sub)}.detail ul{padding-left:20px}.badge{letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);border:1px solid var(--line);border-radius:20px;margin-right:8px;padding:5px 12px;font-size:10px;display:inline-block}.gallery{grid-template-columns:1fr 1fr;gap:14px;margin:3vh 0;display:grid}.gallery img{border:1px solid var(--line);border-radius:10px;width:100%}.gallery figcaption{color:var(--sub);margin-top:6px;font-size:11px}footer{border-top:1px solid var(--line);color:var(--sub);justify-content:space-between;margin-top:12vh;padding-top:24px;font-size:11px;display:flex}@media (width<=640px){.hero{grid-template-columns:1fr;gap:20px}.item{grid-template-columns:26px 1fr;row-gap:6px}.tags,.thumb{display:none}.gallery{grid-template-columns:1fr}}