:root{--bg:#242424;--bg2:#202020;--card:#2b2b2b;--gold:#c9a96e;--gold2:#dfc48d;--platinum:#f1eee7;--silver:#b8b6b0;--muted:#96948e;--border:rgba(255,255,255,.09);--border-gold:rgba(201,169,110,.38);--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,Arial,sans-serif;--ease:all .35s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--platinum);font-family:var(--sans);-webkit-font-smoothing:antialiased}.poems-header{position:sticky;top:0;z-index:20;background:rgba(32,32,32,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.poems-nav{width:min(1180px,calc(100% - 48px));min-height:74px;margin:auto;display:flex;align-items:center;justify-content:space-between}.back-link{color:var(--silver);text-decoration:none;font-size:9.5px;letter-spacing:1.7px;display:flex;align-items:center;gap:11px;transition:var(--ease)}.back-link:hover{color:var(--gold)}.brand{font-family:var(--serif);font-size:25px;letter-spacing:2px;color:var(--platinum)}.poems-hero{padding:125px 0 90px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 72% 35%,rgba(201,169,110,.11),transparent 28%)}.poems-hero-inner,.poems-library{width:min(1180px,calc(100% - 48px));margin:auto}.eyebrow{color:var(--gold);font-size:9.5px;letter-spacing:3px;text-transform:uppercase}.poems-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(58px,8vw,94px);line-height:.95;margin:18px 0 18px}.poems-hero p{max-width:610px;color:var(--silver);font-size:14px;line-height:1.9;margin:0}.poems-library{padding:82px 0 105px}.library-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.library-top h2{font-family:var(--serif);font-size:37px;font-weight:500;margin:10px 0 0}.search-box{width:min(310px,100%);height:46px;display:flex;align-items:center;gap:11px;padding:0 15px;border:1px solid var(--border);background:#292929;color:var(--muted)}.search-box:focus-within{border-color:var(--border-gold)}.search-box input{width:100%;border:0!important;outline:0;background:transparent;color:var(--platinum);padding:0!important;font:inherit;font-size:11.5px}.search-box input::placeholder{color:#85827b}.poem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.poem-card{position:relative;padding:25px 27px 24px;border:1px solid var(--border);background:var(--card);cursor:pointer;transition:var(--ease);min-height:125px}.poem-card:hover{transform:translateY(-3px);border-color:var(--border-gold);box-shadow:0 14px 36px rgba(0,0,0,.18)}.poem-index{font-size:9px;letter-spacing:2px;color:var(--gold);margin-bottom:10px}.poem-title{font-family:var(--serif);font-size:23px;line-height:1.12;font-weight:500;color:var(--platinum);padding-right:28px}.poem-arrow{position:absolute;right:25px;bottom:25px;color:var(--muted);font-size:11px;transition:var(--ease)}.poem-card:hover .poem-arrow{color:var(--gold);transform:translateX(4px)}.no-results{color:var(--muted);padding:35px 0}.reader{position:fixed;inset:0;z-index:100;display:none}.reader.open{display:block}.reader-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(7px)}.reader-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(790px,calc(100% - 38px));max-height:min(88vh,820px);overflow:auto;background:#252525;border:1px solid var(--border-gold);padding:58px clamp(28px,5vw,65px) 38px;box-shadow:0 25px 80px rgba(0,0,0,.45)}.reader-close{position:absolute;right:20px;top:18px;width:36px;height:36px;border:1px solid var(--border);background:transparent;color:var(--silver);cursor:pointer;transition:var(--ease)}.reader-close:hover{border-color:var(--gold);color:var(--gold)}.reader-number{color:var(--gold);font-size:9px;letter-spacing:2.5px;margin-bottom:14px}.reader-panel h2{font-family:var(--serif);font-size:clamp(36px,5vw,58px);font-weight:500;line-height:1;margin:0;max-width:680px}.reader-rule{width:48px;height:1px;background:var(--gold);margin:25px 0 30px}.reader-text{font-family:var(--serif);font-size:21px;line-height:1.65;color:#e5e1d9;white-space:pre-line}.reader-nav{display:flex;justify-content:space-between;margin-top:48px;padding-top:20px;border-top:1px solid var(--border)}.reader-nav button{border:0;background:transparent;color:var(--silver);font:500 9.5px var(--sans);letter-spacing:1.3px;text-transform:uppercase;cursor:pointer;padding:10px 0;display:flex;gap:10px;align-items:center}.reader-nav button:hover{color:var(--gold)}.reader-nav button:disabled{opacity:.25;cursor:default}.poems-footer{padding:38px 24px 30px;border-top:1px solid var(--border);text-align:center}.poems-footer>div{font-family:var(--serif);font-size:22px;letter-spacing:2px}.poems-footer p{color:var(--muted);font-size:9px;letter-spacing:1px;margin:10px 0 0}@media(max-width:720px){.poems-nav,.poems-hero-inner,.poems-library{width:calc(100% - 28px)}.poems-nav{min-height:65px}.back-link span{display:none}.brand{font-size:23px}.poems-hero{padding:92px 0 65px}.poems-hero h1{font-size:58px}.poems-hero p{font-size:12.5px;line-height:1.8}.poems-library{padding:60px 0 75px}.library-top{display:block;margin-bottom:28px}.library-top h2{font-size:31px;margin-bottom:22px}.search-box{width:100%}.poem-grid{grid-template-columns:1fr;gap:11px}.poem-card{min-height:112px;padding:22px 23px}.poem-title{font-size:21px}.poem-arrow{right:21px;bottom:21px}.reader-panel{width:calc(100% - 24px);max-height:91vh;padding:52px 22px 28px}.reader-panel h2{font-size:38px}.reader-text{font-size:19px;line-height:1.62}.reader-nav{margin-top:34px}.reader-nav button{font-size:8.5px}}@media(max-width:390px){.poems-hero h1{font-size:51px}.poem-title{font-size:20px}.reader-text{font-size:18px}}
