@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{color-scheme:dark;--bg:#111011;--paper:#f2f0eb;--purple:#a984e8;--line:#ffffff2d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid var(--line)}header .brand,header>a{font-size:24px;letter-spacing:.05em;font-weight:700}header small{display:block;font-size:8px;letter-spacing:.36em;text-align:center}nav{display:flex;gap:36px;font-size:12px;font-weight:700;letter-spacing:.12em}nav a:hover,nav a[aria-current]{color:var(--purple)}.listing,.article,.admin-shell{max-width:1440px;margin:auto;padding:80px clamp(24px,5vw,80px) 120px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.22em;color:var(--purple)}h1{font-size:clamp(48px,7vw,110px);line-height:1.02;letter-spacing:-.055em;margin:22px 0}h1 em{font-family:'Playfair Display',Georgia,serif;color:var(--purple);font-weight:500}.intro{max-width:660px;color:#bdb7bd;font-size:18px;line-height:1.5}.story-grid{display:grid;grid-template-columns:2fr 1fr;grid-auto-rows:270px;gap:18px;margin-top:48px}.story{position:relative;overflow:hidden;background:#25202b;min-height:270px}.story:first-child{grid-row:span 2}.story img{width:100%;height:100%;object-fit:cover;filter:grayscale(.45);transition:transform .5s,filter .5s}.story:hover img{transform:scale(1.04);filter:grayscale(0)}.story-shade{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;padding:28px;background:linear-gradient(transparent 20%,#0b0819d9)}.story:first-child .story-shade{padding:40px}.story span{font-size:11px;color:#d4b5fb;font-weight:700;letter-spacing:.12em}.story h2{max-width:600px;font-size:clamp(22px,2.4vw,42px);line-height:1.08;letter-spacing:-.04em;margin:12px 0 0}.story:not(:first-child) h2{font-size:27px}.empty{padding:54px 0;color:#bdb7bd}.article{max-width:1100px}.article h1{font-size:clamp(44px,6vw,88px)}.back{display:inline-block;font-size:12px;letter-spacing:.12em;color:var(--purple);margin-bottom:55px}.article-cover{width:100%;max-height:570px;object-fit:cover;margin:30px 0 50px}.article-body{max-width:740px;font-size:20px;line-height:1.75;color:#ddd8df}.article-body p{margin:0 0 26px}footer{border-top:1px solid var(--line);padding:32px clamp(24px,5vw,80px);display:flex;justify-content:space-between;color:#aaa;font-size:11px;letter-spacing:.1em}.admin-shell{max-width:960px}.admin h1{font-size:clamp(44px,6vw,72px)}.editor{display:grid;gap:22px;margin-top:38px}.editor label{display:grid;gap:10px;font-size:12px;letter-spacing:.08em}.editor input,.editor select,.editor textarea{width:100%;border:1px solid #ffffff40;background:#1d1a21;color:var(--paper);padding:16px;font:inherit;font-size:16px;letter-spacing:normal}.editor textarea{line-height:1.55;resize:vertical}.editor-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor button{border:0;background:var(--purple);color:#1b1123;padding:18px 30px;justify-self:start;font-weight:700;cursor:pointer}.hint{color:#aaa;font-size:13px}.logout{text-align:right}.logout button{background:none;color:#aaa;border:0;cursor:pointer}.saved{margin-top:70px}.saved a{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-top:1px solid var(--line)}.saved a:hover{color:var(--purple)}.saved small{color:#aaa}.notice{padding:18px;border:1px solid var(--purple)}.error{border-color:#e98a9f}.admin header span{letter-spacing:.2em;font-size:12px}@media(max-width:760px){header{height:70px}nav{gap:16px}.listing,.article,.admin-shell{padding-top:55px}.story-grid{display:block}.story{height:340px;margin-top:16px}.story:first-child{height:420px}.story:first-child .story-shade{padding:28px}.editor-row{grid-template-columns:1fr}footer{display:block;line-height:2}}