:root{--bg:#fbf9f6;--ink:#242321;--muted:#8b8882;--orange:#f47938;--line:#e9e4dc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,'PingFang SC',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}header{display:flex;align-items:center;gap:48px;max-width:1360px;margin:auto;padding:24px 40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800}.brand b,.app-icon{background:var(--orange);color:#fff;border-radius:13px;width:43px;height:43px;display:grid;place-items:center}.brand span{line-height:1.2}.brand small{display:block;font-size:9px;letter-spacing:3px;color:var(--muted);margin-top:4px}nav{display:flex;gap:30px;flex:1}nav a{padding:8px 0;color:#74716c}nav .active{color:var(--orange);font-weight:700}.download,.button{background:var(--ink);color:#fff;padding:11px 20px;border-radius:8px;display:inline-block}.download{font-size:12px}main{max-width:1280px;padding:0 40px;margin:auto;min-height:65vh}.intro{padding:42px 0 30px}.intro>span,small{font-size:10px;letter-spacing:2px;color:var(--orange);font-weight:700}h1,h2,h3,p{margin-top:0}.intro h1{font-size:42px;letter-spacing:-1px;margin:9px 0}.intro em{font-style:normal;color:var(--orange)}.intro p{color:var(--muted)}.spotlight{display:grid;grid-template-columns:190px 1fr 300px;gap:28px;padding:26px;background:#efe9df;border-radius:18px;align-items:center}.spot-cover img{width:100%;height:255px;object-fit:cover;border-radius:10px}.spotlight h2{font-size:29px;margin:15px 0}.spotlight p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#777169;font-size:13px;margin:17px 0}.pill{background:#fff8;border-radius:5px;padding:5px 9px;font-size:11px}.spotlight aside{border-left:1px solid #dcd4c7;padding-left:22px}.spotlight aside>a{display:flex;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid #ddd5c9}.spotlight aside div{flex:1}.spotlight aside strong{font-size:13px;display:block}.spotlight aside span{font-size:11px;color:var(--muted)}i{font-style:normal;color:var(--orange)}section{padding:40px 0 10px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-head h2{font-size:25px;margin:3px 0}.more{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.card{min-width:0;display:block}.poster{position:relative;overflow:hidden;border-radius:10px;background:#e8e1d7;aspect-ratio: .71}.poster img{width:100%;height:100%;object-fit:cover;transition:.25s}.card:hover img{transform:scale(1.04)}.poster span{position:absolute;right:8px;bottom:8px;background:#0009;color:#fff;font-size:10px;border-radius:4px;padding:2px 6px}.meta{display:flex;justify-content:space-between;font-size:10px;color:var(--orange);margin-top:10px}.meta span{color:var(--muted)}.card h3{font-size:14px;margin:5px 0}.card p{color:var(--muted);font-size:11px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-title{padding:45px 0 22px}.page-title h1{font-size:36px;margin:8px 0}.page-title p{color:var(--muted)}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 24px}.filters a,.pagination a{padding:6px 15px;border:1px solid var(--line);border-radius:6px;font-size:12px}.selected{background:var(--orange);color:white;border-color:var(--orange)!important}.search{display:flex;max-width:450px;border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.search input{border:0;outline:none;padding:12px;min-width:0;flex:1}.search button{border:0;background:var(--orange);color:#fff;padding:0 20px;cursor:pointer}.list-meta{color:var(--muted);font-size:12px;margin:24px 0 18px}.pagination{display:flex;justify-content:center;gap:10px;margin:35px 0}.breadcrumb{padding:30px 0;color:var(--muted);font-size:12px}.detail{display:grid;grid-template-columns:260px 1fr;gap:45px;align-items:start;padding:15px 0 35px}.detail-poster{width:100%;border-radius:14px}.detail h1{font-size:36px;margin:10px 0}.detail h2{font-size:18px;margin:26px 0 10px}.detail-meta{color:var(--muted)}.synopsis{white-space:pre-line;color:#706c65;line-height:2;font-size:14px}.download-page{text-align:center;padding:80px 0}.app-icon{margin:0 auto 25px;width:85px;height:85px;font-size:45px;border-radius:24px}.download-page h1{font-size:38px;margin:15px 0}.download-page p,.download-notice{color:var(--muted)}.download-notice{margin:30px 0}footer{display:flex;align-items:center;gap:25px;max-width:1200px;margin:60px auto 0;padding:30px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer p{flex:1;margin:0}footer .brand{font-size:20px;color:var(--ink)}@media(max-width:1000px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.spotlight{grid-template-columns:170px 1fr}.spotlight aside{display:none}nav{gap:16px}header{gap:25px}}@media(max-width:650px){header{padding:17px 20px;flex-wrap:wrap;gap:15px}nav{order:3;width:100%;flex:auto;justify-content:space-between;gap:5px;font-size:12px}.download{margin-left:auto}main{padding:0 20px}.intro{padding-top:25px}.intro h1{font-size:28px}.intro p{font-size:12px}.spotlight{grid-template-columns:100px 1fr;padding:15px;gap:15px}.spot-cover img{height:155px}.spotlight h2{font-size:19px;margin:8px 0}.spotlight p{display:none}.spotlight .button{margin-top:15px;font-size:11px;padding:8px 10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail{grid-template-columns:1fr;gap:25px}.detail-poster{width:170px}.detail h1{font-size:28px}footer{margin:40px 20px 0;flex-wrap:wrap}footer p{flex-basis:60%}}
.detail-hero{position:relative;margin:0 -40px;padding:24px 40px 58px;overflow:hidden;background:#fff1e5;color:var(--ink)}.detail-hero:before{content:'';position:absolute;inset:0;background:var(--detail-cover) center/cover;filter:blur(22px);opacity:.08;transform:scale(1.14)}.detail-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff6ecf5,#fff1e5cc 55%,#fbf9f6f2)}.detail-hero>*{position:relative;z-index:1}.detail-breadcrumb{display:flex;gap:10px;color:#8b7768;font-size:12px;margin-bottom:38px}.detail-breadcrumb a:hover{color:var(--orange)}.detail-hero-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;max-width:900px;align-items:center}.detail-hero .detail-poster{height:350px;object-fit:cover;box-shadow:0 18px 36px #88543126;border:1px solid #fff9}.detail-label{color:#ad4b18;font-size:11px;letter-spacing:1px}.detail-main h1{font-size:50px;line-height:1.15;letter-spacing:-2px;margin:13px 0}.detail-lead{max-width:560px;color:#756758;font-size:15px;line-height:1.9}.detail-actions{display:flex;gap:12px;margin-top:28px}.ghost-button{border:1px solid #ddc9b6;color:#715846;background:#fff9;padding:10px 18px;border-radius:8px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:70px;padding:56px 0 35px;max-width:1000px}.detail-heading span{font-size:10px;letter-spacing:2px;color:var(--orange);font-weight:700}.detail-heading h2{font-size:26px;margin:7px 0 20px}.detail-article .synopsis{font-size:15px;line-height:2.1;color:#716c64}.detail-facts{background:#f2ede5;border-radius:15px;padding:25px}.detail-facts h3{font-size:18px;margin:0 0 15px}.detail-facts div{display:flex;justify-content:space-between;border-top:1px solid #ded7cc;padding:13px 0;font-size:12px}.detail-facts span{color:#958c84}.detail-facts strong{font-weight:600}@media(max-width:650px){.detail-hero{margin:0 -20px;padding:20px 20px 38px}.detail-hero-grid{grid-template-columns:125px 1fr;gap:20px}.detail-hero .detail-poster{height:190px}.detail-main h1{font-size:29px}.detail-lead{font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.detail-actions{flex-wrap:wrap;margin-top:16px}.detail-actions .button,.detail-actions .ghost-button{font-size:11px;padding:8px 12px}.detail-layout{grid-template-columns:1fr;gap:30px;padding-top:38px}}

.detail-actions .button{background:#b64b16;color:#fff}.detail-actions .button:hover{background:#973d10}.ghost-button:hover{background:#fff}.detail-facts{background:#fff1e5}.detail-facts div{border-color:#ead9c8}

.pagination{flex-wrap:wrap;align-items:center;row-gap:10px}.pagination .disabled{padding:6px 15px;color:#aaa;cursor:default}.pagination a[aria-current="page"]{font-weight:700}

.hero-rank-badge{display:inline-block;margin-left:12px;padding:4px 9px;border-radius:5px;background:#b64b16;color:#fff;font-size:11px;font-weight:700;letter-spacing:.4px}.hero-views{display:inline-block;margin-left:12px;color:#776858;font-size:12px}@media(max-width:650px){.hero-rank-badge{display:table;margin:6px 0}.hero-views{display:block;margin:8px 0 0;font-size:11px}}
.carousel-intro{padding-bottom:23px}.home-carousel{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(115deg,#f8e4ce,#f0e5d5 55%,#e7d7c4);margin-bottom:15px}.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:44px 80px 75px;min-height:475px}.carousel-kicker{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;color:#ad4b18;border:1px solid #d7af8b;padding:6px 12px;border-radius:6px}.carousel-copy h2{font-size:clamp(28px,3.6vw,48px);line-height:1.2;letter-spacing:-1px;margin:20px 0 15px}.carousel-meta{font-size:12px;color:#7c6450}.carousel-meta span{margin-left:15px}.carousel-copy p{font-size:14px;line-height:1.9;color:#76695b;margin:22px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.carousel-copy .button{background:#b64b16}.carousel-art{display:flex;align-items:center;justify-content:center}.carousel-art img{width:250px;height:335px;object-fit:cover;border-radius:15px;box-shadow:15px 22px 40px #76503933;transform:rotate(3deg);border:4px solid #fff9}.carousel-controls{position:absolute;bottom:22px;left:80px;right:50px;display:flex;justify-content:space-between;align-items:center}.carousel-dots{display:flex;gap:9px}.carousel-dot{padding:0;width:8px;height:8px;border:0;border-radius:8px;background:#c5b39f;cursor:pointer}.carousel-dot[aria-current="true"]{background:#ad4b18;width:26px}.carousel-arrows{display:flex;gap:8px}.carousel-arrows button{border:1px solid #cfbba5;background:#ffffff66;color:#76563b;border-radius:8px;min-width:36px;height:32px;cursor:pointer;font-size:12px}.home-carousel:focus-visible{outline:2px solid var(--orange);outline-offset:4px}@media(max-width:650px){.carousel-slide{padding:26px 22px 65px;gap:16px;min-height:350px;grid-template-columns:1fr 120px}.carousel-art img{width:115px;height:165px;border-width:2px}.carousel-copy h2{font-size:25px;margin-top:13px}.carousel-copy p{-webkit-line-clamp:2;font-size:12px;margin:12px 0}.carousel-kicker{font-size:9px;letter-spacing:.5px;padding:4px 7px}.carousel-meta{font-size:10px}.carousel-meta span{display:block;margin:5px 0}.carousel-copy .button{font-size:11px;padding:9px 12px}.carousel-controls{left:22px;right:22px;bottom:18px}}

/* Large cover artwork in the homepage carousel. */
.carousel-slide{grid-template-columns:1fr 1.15fr;padding:30px 60px 65px;min-height:610px;gap:50px}.carousel-art img{width:min(100%,380px);height:510px;transform:none;border-radius:18px;border-width:3px}.carousel-controls{left:60px}.carousel-copy h2{font-size:clamp(30px,3.4vw,48px)}
@media(max-width:850px) and (min-width:651px){.carousel-slide{padding-left:30px;padding-right:30px;gap:25px;min-height:530px}.carousel-art img{height:430px;width:100%;object-fit:cover}}
@media(max-width:650px){.carousel-slide{grid-template-columns:1fr;padding:22px 22px 65px;gap:20px;min-height:0}.carousel-art{grid-row:1}.carousel-art img{width:min(100%,320px);height:auto;aspect-ratio:3/4;object-fit:cover}.carousel-copy h2{font-size:28px}.carousel-copy p{-webkit-line-clamp:2}.carousel-meta span{display:inline;margin-left:10px}.carousel-controls{left:22px;right:22px}}

/* Refined spacing and subtle lift for content cards. */
.carousel-intro{padding:38px 0 25px;max-width:820px}.carousel-intro h1{line-height:1.2;margin:12px 0}.carousel-intro p{line-height:1.9;margin-bottom:0}.home-carousel{box-shadow:0 14px 38px #76503912;margin-bottom:24px}.carousel-slide{padding:36px 64px 68px;gap:56px;min-height:600px}.carousel-copy{max-width:450px}.carousel-art img{box-shadow:0 24px 45px #76503930;transition:transform .35s ease,box-shadow .35s ease}.carousel-art:hover img{transform:translateY(-6px);box-shadow:0 30px 50px #76503940}.carousel-controls{left:64px;right:64px;justify-content:center;bottom:24px}.carousel-dot{width:9px;height:9px;transition:width .25s,background .25s}.carousel-dot[aria-current="true"]{width:30px}.cards{gap:24px 20px}.card{border-radius:13px;padding:9px;background:#fff;box-shadow:0 2px 10px #75513506;transition:transform .25s ease,box-shadow .25s ease}.card:hover,.card:focus-visible{transform:translateY(-7px);box-shadow:0 16px 30px #7551351c}.card:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.card h3{line-height:1.5;margin:7px 1px 5px}.card p{margin:0 1px 5px;min-height:3.4em}.card .meta{margin:10px 1px 0}.section-head{margin-bottom:24px}main>section{padding-top:48px}main>section+section{margin-top:10px}
@media(max-width:850px){.carousel-slide{padding-left:30px;padding-right:30px;gap:28px}.carousel-controls{left:30px;right:30px}}
@media(max-width:650px){.carousel-intro{padding:24px 0 22px}.carousel-intro h1{font-size:28px}.carousel-slide{padding:24px 24px 58px;gap:24px;min-height:0}.carousel-copy{max-width:none}.carousel-art img{width:min(100%,300px)}.carousel-controls{bottom:20px;left:24px;right:24px}.cards{gap:18px 12px}.card{padding:7px}main>section{padding-top:34px}.section-head h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.card,.carousel-art img,.carousel-dot{transition:none}.card:hover,.card:focus-visible,.carousel-art:hover img{transform:none}}

/* Homepage carousel: artwork left, copy right. */
.carousel-slide{grid-template-columns:1.05fr 1fr}.carousel-art{grid-column:1;grid-row:1}.carousel-copy{grid-column:2;grid-row:1}
@media(max-width:650px){.carousel-slide{grid-template-columns:1fr}.carousel-art{grid-column:1;grid-row:1}.carousel-copy{grid-column:1;grid-row:2}}
/* Text left, artwork right; scroll-driven depth remains optional. */
.home-carousel{background:radial-gradient(ellipse at 85% 15%,#ffd4a2,transparent 55%),radial-gradient(ellipse at 20% 100%,#f6c9bd,transparent 65%),#f1e4d3}.carousel-slide{grid-template-columns:1fr 1.05fr}.carousel-copy{grid-column:1;grid-row:1}.carousel-art{grid-column:2;grid-row:1;position:relative;perspective:1000px}.carousel-art:before{content:'';position:absolute;inset:10%;border-radius:50%;background:#ffae6b70;filter:blur(40px);pointer-events:none}.carousel-art img{position:relative;box-shadow:20px 30px 60px #794b3545,0 0 0 7px #ffffff40;transition:transform .7s,box-shadow .7s}.carousel-art:hover img{transform:translateY(-10px) rotate(2deg) scale(1.04);box-shadow:24px 38px 70px #794b3555}.carousel-kicker{background:#fff6;box-shadow:0 6px 20px #ac66351a}.carousel-dot[aria-current="true"]{box-shadow:0 0 0 5px #b64b1615,0 0 14px #ed9c6370}
@media(max-width:650px){.carousel-slide{grid-template-columns:1fr}.carousel-art{grid-column:1;grid-row:1}.carousel-copy{grid-column:1;grid-row:2}}
@media(prefers-reduced-motion:reduce){.carousel-copy,.carousel-art img{animation:none;transition:none}.carousel-art:hover img{transform:none}}

/* Stable slide sizing across static hosts and viewport sizes. */
.home-carousel{width:100%;min-width:0}.carousel-track{width:100%;min-width:0;display:flex;gap:0;direction:ltr;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.carousel-slide{box-sizing:border-box;flex:0 0 100%;width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);scroll-snap-align:start}.carousel-copy,.carousel-art{min-width:0;animation:none;opacity:1}.carousel-copy{overflow-wrap:anywhere}.carousel-art img{display:block;max-width:100%;animation:none}.carousel-slide.is-active .carousel-copy{animation:slideCopyIn .65s ease both}.carousel-slide.is-active .carousel-art img{animation:slideArtIn .8s ease both}@keyframes slideCopyIn{from{opacity:.5;transform:translateX(-18px)}to{opacity:1;transform:none}}@keyframes slideArtIn{from{opacity:.6;transform:translateX(24px) scale(.96)}to{opacity:1;transform:none}}@media(max-width:650px){.carousel-slide{grid-template-columns:minmax(0,1fr)}.carousel-art{grid-column:1;grid-row:1}.carousel-copy{grid-column:1;grid-row:2}}@media(prefers-reduced-motion:reduce){.carousel-slide.is-active .carousel-copy,.carousel-slide.is-active .carousel-art img{animation:none}}