:root{--bg:#111310;--panel:#1c1f19;--ink:#f4f2e7;--muted:#a8aea0;--yellow:#e4fa78}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 system-ui,-apple-system,"PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}header{padding:23px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:23px}.brand img{width:40px}.brand span{font-weight:400;font-size:12px;color:var(--muted);border-left:1px solid #ffffff40;padding-left:14px}nav{display:flex;gap:30px;font-size:14px}nav b{background:var(--yellow);color:var(--bg);border-radius:20px;padding:1px 7px;margin-left:6px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1.1fr;gap:20px;padding:65px 5% 45px;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--muted);font-weight:600}.hero h1{font-size:clamp(45px,5.5vw,82px);line-height:1.18;letter-spacing:-3px;margin:30px 0}.hero h1 span{color:var(--yellow)}.intro{font-size:19px;color:#c3c8bb;line-height:1.9}.button{background:var(--yellow);color:var(--bg);border:0;border-radius:5px;display:inline-flex;align-items:center;gap:48px;padding:14px 25px;font-weight:650;margin:20px 0 12px}.button:hover{background:#f0ffad}.caption{font-size:12px;color:var(--muted)}.visual{position:relative;min-height:510px}.poster{position:absolute;width:42%;height:390px;object-fit:cover;border:5px solid #353b2f;box-shadow:0 20px 45px #0008;border-radius:130px 130px 8px 8px}.p1{left:0;top:32px;transform:rotate(-11deg)}.p2{left:29%;top:0;z-index:2;transform:rotate(4deg)}.p3{right:-6%;top:70px;transform:rotate(14deg)}.stamp{position:absolute;z-index:3;top:315px;left:18%;border-radius:100%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--bg);transform:rotate(-14deg);text-align:center;font-weight:800;font-size:15px;box-shadow:0 0 0 9px #111310}.visual>p{position:absolute;right:15%;bottom:0;font-size:13px;color:var(--muted)}.ticker{background:var(--yellow);color:var(--bg);display:flex;justify-content:space-around;gap:24px;padding:18px 5%;font-weight:700;letter-spacing:2px}.ticker i{font-style:normal}.section{padding:90px 5%;scroll-margin-top:10px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}h2{font-size:clamp(27px,3vw,44px);line-height:1.4;letter-spacing:-1px;margin:12px 0}.section-title>p{font-size:13px;color:var(--muted)}.filters{display:flex;gap:12px;margin:30px 0;flex-wrap:wrap}.filters button{border:1px solid #ffffff28;border-radius:30px;background:transparent;color:var(--ink);padding:8px 23px}.filters button.active{background:var(--yellow);color:var(--bg);border-color:var(--yellow)}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px 20px}.card{min-width:0}.poster-button{width:100%;display:block;padding:0;border:0;border-radius:8px;overflow:hidden;background:#292e22;position:relative;color:white}.poster-button img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .3s}.poster-button:hover img{transform:scale(1.04)}.poster-button span{position:absolute;bottom:0;left:0;right:0;padding:28px 10px 12px;background:linear-gradient(transparent,#000b);font-size:12px}.card h3{font-size:17px;margin:12px 0 3px}.card small{color:var(--muted);font-size:11px}.card .save{display:block;border:0;background:none;color:var(--yellow);padding:7px 0;font-size:12px}.editor{background:#e8e9dc;color:#20251b;display:grid;grid-template-columns:.8fr 1fr;gap:10%;align-items:center}.editor-image{position:relative;max-width:420px}.editor-image img{width:100%;max-height:530px;object-fit:cover;border-radius:180px 180px 0 0}.editor-image span{position:absolute;bottom:30px;left:20px;background:var(--yellow);font-size:11px;padding:10px 15px;letter-spacing:2px}.editor .eyebrow{color:#5a624d}.editor h2{font-size:42px}.editor em{font-style:normal;color:#738739}.editor p:not(.eyebrow){color:#606652;max-width:540px}.text-link{display:inline-block;margin-top:20px;border-bottom:1px solid #626f43;padding-bottom:8px;font-size:14px}.shelf{background:#1a1e16}.empty{padding:40px;border:1px dashed #ffffff30;border-radius:10px;color:var(--muted);text-align:center}.saved-list{display:flex;flex-wrap:wrap;gap:12px}.saved-list button{background:#2b3222;color:var(--yellow);padding:15px 24px;border:1px solid #ffffff20;border-radius:5px}.questions{max-width:980px;margin:auto}details{border-bottom:1px solid #ffffff25;padding:20px 0}summary{cursor:pointer;font-size:18px}details p{font-size:14px;color:var(--muted)}footer{border-top:1px solid #ffffff25;padding:40px 5%;display:flex;gap:20px;align-items:center;justify-content:space-between}footer p,footer>a:last-child{font-size:12px;color:var(--muted)}dialog{background:var(--panel);color:var(--ink);border:1px solid #ffffff30;border-radius:16px;width:min(720px,92vw);padding:35px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.close{position:absolute;right:12px;top:8px;background:none;color:white;border:0;font-size:28px}#detail-content{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:start}#detail-content img{width:100%;border-radius:8px}#detail-content p{color:var(--muted);font-size:14px}#detail-content h2{font-size:28px}.detail-note{font-size:11px!important}@media(min-width:1600px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:900px){.brand span{display:none}.hero{grid-template-columns:1fr 1fr;min-height:550px}.poster{height:310px}.visual{min-height:440px}.stamp{top:260px;width:95px;height:95px}.grid{grid-template-columns:repeat(3,1fr)}.editor{gap:6%}.editor h2{font-size:32px}footer{flex-wrap:wrap}}@media(max-width:600px){header{padding:16px 5%;align-items:center}.brand{font-size:18px;gap:5px}.brand img{width:30px}nav{gap:14px;font-size:11px}nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding-top:35px;gap:30px}.hero h1{font-size:55px}.visual{min-height:380px;width:95%}.poster{height:290px}.stamp{top:240px}.visual>p{bottom:-10px;right:8%}.ticker{font-size:11px;gap:12px;letter-spacing:0}.ticker span:last-child,.ticker i:last-of-type{display:none}.section{padding:55px 5%}.section-title{display:block}.grid{grid-template-columns:repeat(2,1fr);gap:20px 14px}.filters{gap:8px}.filters button{padding:7px 13px;font-size:13px}.editor{grid-template-columns:1fr}.editor-image{max-width:300px;margin:0 auto 30px}.editor h2{font-size:32px}.editor-image img{max-height:360px}.empty{padding:25px}#detail-content{grid-template-columns:1fr}#detail-content img{max-height:240px;width:auto;margin:auto}dialog{max-height:90vh;overflow:auto}footer{padding:30px 5%}.questions h2{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.poster-button img{transition:none}}