/* MiniSaga — a warm, editorial short-drama destination. */
:root{--bg:#f7f3eb;--text:#252922;--muted:#62665c;--accent:#a34228;--line:#d9d8c9;--soft:#e8ebdf;font-family:Arial,Helvetica,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font:inherit}h1,h2,h3,p,dl{margin:0}h1,h2,h3{line-height:1.08}h2{font:500 clamp(32px,4vw,54px)/1.12 Georgia,serif;letter-spacing:-1.5px}h3{font:500 29px/1.18 Georgia,serif}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#e5b7a5;color:#252922}.skip-link{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:10}.skip-link:focus{top:10px}
.site-header{max-width:1280px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:-1px}.brand img{width:40px;height:40px;border-radius:10px}.site-nav{display:flex;gap:32px;font-size:13px;font-weight:700}.site-nav a:hover,.footer-links a:hover{color:var(--accent)}.language-switcher{display:flex;gap:3px;border:1px solid var(--line);padding:4px;border-radius:7px}.language-option{border:0;padding:7px 10px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer;border-radius:4px}.language-option.is-active{background:var(--text);color:white}
.hero{max-width:1280px;margin:auto;padding:76px 5% 90px;display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;overflow:hidden}.hero-halo{display:none}.eyebrow,.section-kicker{color:var(--accent);font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;margin-bottom:22px}.hero h1{font:700 clamp(70px,7.5vw,110px)/.95 Arial,sans-serif;letter-spacing:-7px;margin-bottom:30px}.hero h1 em{display:block;font:italic 500 1.05em/.98 Georgia,serif;color:var(--accent);letter-spacing:-6px}.hero-copy{max-width:470px;color:var(--muted);font-size:16px;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button,.store-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;font-size:12px;font-weight:700;border:1px solid var(--accent);border-radius:5px}.button-primary{background:var(--accent);color:white}.button-secondary{color:var(--accent)}.button:hover,.store-button:hover{filter:brightness(.92)}
.story-window{background:#dfe5d6;border:1px solid #cbd4bf;border-radius:160px 160px 12px 12px;padding:65px 24px 0;overflow:hidden;min-width:0;transform:rotate(3deg)}.window-caption{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1.2px;margin:0 10px 30px;color:#47543d}.window-screens{display:flex;align-items:flex-start;justify-content:center;gap:12px;height:365px}.window-screens img{width:42%;border:5px solid #252922;border-radius:18px;box-shadow:0 18px 35px #25292225}.window-screens img:first-child{margin-top:50px;transform:rotate(-8deg)}.window-screens img:nth-child(2){transform:rotate(5deg)}.window-screens img:nth-child(3){display:none}
.section{padding:75px 5%}.section-inner{max-width:1150px;margin:auto}.intro-section{background:#252f28;color:#faf7ee}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.intro-section .section-kicker{color:#d7c28f}.section-lead{font-size:16px;line-height:1.9;color:var(--muted)}.intro-section .section-lead{color:#d3dbce}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:start;margin-bottom:40px}.section-heading h2{max-width:630px}.section-heading .section-kicker{max-width:180px;padding-top:10px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.feature-card{display:flex;flex-direction:column;border-top:2px solid var(--text);padding:26px 22px 0;background:#eeede4;border-radius:0 0 12px 12px;overflow:hidden}.feature-card:nth-child(2){background:#e2e8dc;margin-top:40px}.feature-card:nth-child(3){background:#efded4;margin-top:80px}.feature-copy{order:-1;min-height:265px}.feature-number{font-size:12px;color:var(--accent);font-weight:700;letter-spacing:2px;margin-bottom:20px}.feature-copy h3{margin-bottom:16px}.feature-copy p:last-child{font-size:14px;line-height:1.8;color:var(--muted)}.feature-card>img{width:180px;max-height:300px;object-fit:cover;object-position:top;margin:24px auto -20px;border:5px solid #252922;border-radius:20px 20px 0 0;box-shadow:0 10px 30px #25292220}
.genre-section{padding-top:35px}.genre-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.genre-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);counter-reset:genres}.genre-list span{border-bottom:1px solid var(--line);padding:18px 10px;font:23px Georgia,serif;counter-increment:genres}.genre-list span:before{content:'0' counter(genres);font:10px Arial,sans-serif;color:var(--accent);margin-right:15px}
.download-section{max-width:1150px;margin:25px auto 0;background:#a34228;color:#fff8f0;padding:55px 6%;display:grid;grid-template-columns:180px 1fr;gap:50px;border-radius:12px}.download-symbol{font:italic 160px/1 Georgia,serif;position:relative;color:#e5b19b;align-self:center}.download-symbol span{position:absolute;top:-25px;right:0;font:50px Arial,sans-serif}.download-content .section-kicker{color:#f1cebc}.download-content h2{margin-bottom:20px}.download-content>p:not(.section-kicker){color:#f2d9cb;max-width:580px}.store-actions{margin-top:26px}.store-button{background:#fff8f0;color:#853720;border-color:#fff8f0;min-width:155px}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;position:relative;padding:23px 30px 23px 0;font-size:15px;font-weight:700}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:2px;color:var(--accent)}details[open]>summary:after{content:'−'}details p{padding:0 20px 23px 0;font-size:14px;color:var(--muted)}.site-footer{padding:32px 5%;border-top:1px solid var(--line);background:#e8ebdf}.footer-inner{max-width:1150px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.footer-inner>p{font-size:11px;color:var(--muted)}.footer-links{display:flex;gap:22px;font-size:12px;flex-wrap:wrap}.footer-inner .brand{font-size:19px}.footer-inner .brand img{width:34px;height:34px}
@media(min-width:1500px){.hero{padding-inline:64px}.site-header{padding-inline:64px}}
@media(max-width:950px){.hero{gap:30px;padding-block:55px}.hero h1{font-size:75px}.window-screens{height:290px}.story-window{padding:50px 15px 0}.feature-grid{gap:14px}.feature-card{padding-inline:18px}.feature-copy{min-height:330px}.intro-grid,.genre-layout,.faq-layout{gap:35px}.download-section{margin-inline:5%;grid-template-columns:120px 1fr;gap:25px}.download-symbol{font-size:110px}}
@media(max-width:650px){.site-header{flex-wrap:wrap;gap:18px}.site-nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}.hero{grid-template-columns:1fr;gap:45px;padding:42px 6% 55px}.hero h1{font-size:82px}.hero h1 em{display:inline}.hero h1{font-size:clamp(57px,13vw,82px);letter-spacing:-4px}.hero h1 em{letter-spacing:-4px}.story-window{width:90%;margin:auto;max-width:390px}.window-screens{height:285px}.hero-copy{font-size:15px}.section{padding:50px 6%}.intro-grid,.genre-layout,.faq-layout{grid-template-columns:1fr;gap:25px}.section-heading{display:block}.section-heading .section-kicker{max-width:none}.feature-grid{grid-template-columns:1fr;gap:25px}.feature-card,.feature-card:nth-child(2),.feature-card:nth-child(3){margin-top:0;padding:25px 25px 0}.feature-copy{min-height:0}.feature-card>img{max-height:250px;width:170px}.download-section{padding:35px 7%;grid-template-columns:1fr;gap:20px}.download-symbol{display:none}.genre-list span{font-size:21px}.footer-inner{align-items:flex-start;flex-direction:column}h2{font-size:35px}.brand{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}