:root{color-scheme:dark;--bg: #020202;--bg-soft: #080705;--ink: #fff7e4;--muted: #b6a886;--faint: rgba(255, 247, 228, .12);--gold: #d7b467;--gold-strong: #f0cd77;--gold-dark: #7d5d24;--line: rgba(215, 180, 103, .34);--shadow: rgba(0, 0, 0, .62);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;color:var(--ink);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 18rem),repeating-linear-gradient(90deg,rgba(215,180,103,.025) 0 1px,transparent 1px 11rem),var(--bg)}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background-image:url(/assets/book-cover-texture.png);background-size:900px auto;opacity:.035;filter:saturate(.7)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}main{overflow:hidden}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:78px;padding:1rem clamp(1rem,4vw,4.5rem);background:linear-gradient(180deg,#020202e6,#02020257);border-bottom:1px solid rgba(215,180,103,.14);backdrop-filter:blur(18px)}.brand{display:inline-flex;flex-direction:column;gap:.1rem;width:max-content;font-family:Georgia,Times New Roman,serif;color:var(--gold-strong);letter-spacing:0;text-transform:uppercase}.brand span{font-size:clamp(.92rem,1.3vw,1.12rem);line-height:1}.brand small{align-self:center;color:var(--muted);font-size:.64rem;letter-spacing:.24em}nav{display:flex;align-items:center;gap:clamp(.85rem,2.5vw,2rem);color:var(--muted);font-size:.84rem}nav a{transition:color .18s ease}nav a:hover,nav a:focus-visible{color:var(--gold-strong)}.hero-section{display:grid;grid-template-columns:minmax(0,.78fr) minmax(20rem,1.22fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:100vh;padding:7.5rem clamp(1rem,5vw,5rem) 4.5rem;border-bottom:1px solid rgba(215,180,103,.18)}.hero-copy{max-width:38rem;min-width:0}.hero-copy h1,.film-copy h2,.order-intro h2{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:0}.hero-copy h1{max-width:11ch;color:var(--gold-strong);font-size:clamp(3.6rem,8.2vw,8rem);line-height:.9}.hero-copy p{max-width:36rem;margin:1.6rem 0 0;color:var(--muted);font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}.primary-link,.secondary-link,.payment-button{display:inline-flex;align-items:center;justify-content:center;gap:.62rem;min-height:3.1rem;padding:0 1.22rem;border-radius:7px;font-weight:700}.primary-link,.payment-button{border:1px solid rgba(255,235,174,.4);color:#171005;background:linear-gradient(180deg,#f1d488,#c69a45);box-shadow:0 20px 48px #c08f322e}.secondary-link{border:1px solid var(--line);color:var(--gold-strong);background:#090806ad}.hero-stage{position:relative;width:100%;min-width:0;min-height:20rem;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:8px;background:#020202;box-shadow:0 38px 110px var(--shadow),inset 0 0 90px #d7b46714}.stage-caption{position:absolute;right:1rem;bottom:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.14rem;color:var(--gold-strong);font-family:Georgia,Times New Roman,serif;text-shadow:0 3px 18px #000}.stage-caption span{font-size:clamp(1rem,1.6vw,1.34rem)}.stage-caption small{color:var(--muted);font-family:inherit;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase}.cinema-list{padding:5rem clamp(1rem,5vw,5rem) 1rem}.film-section{display:grid;grid-template-columns:minmax(14rem,.34fr) minmax(0,1fr);align-items:center;gap:clamp(1.4rem,4vw,4rem);min-height:96vh;padding:3rem 0}.film-copy{max-width:27rem}.film-copy span{display:block;margin-bottom:1rem;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:1rem}.film-copy h2{color:var(--ink);font-size:clamp(2rem,4.6vw,5rem);line-height:.95}.film-copy p,.order-intro p{margin:1.2rem 0 0;color:var(--muted);font-size:clamp(.98rem,1.35vw,1.12rem);line-height:1.7}.cinema-frame{position:relative;aspect-ratio:16 / 9;width:100%;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#020202;box-shadow:0 38px 100px #0000008c,inset 0 0 90px #d7b46712}.cinema-frame:after,.hero-stage:after{position:absolute;inset:0;pointer-events:none;content:"";border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 22%,transparent 76%,rgba(0,0,0,.36)),linear-gradient(90deg,rgba(215,180,103,.14),transparent 15%,transparent 85%,rgba(215,180,103,.12));mix-blend-mode:screen;opacity:.35}.book-canvas{position:absolute;inset:0;overflow:hidden}.book-canvas canvas{display:block;width:100%;height:100%}.smoke-wisp{position:absolute;width:46%;height:30%;border-radius:999px;pointer-events:none;filter:blur(20px);opacity:.2;background:linear-gradient(90deg,transparent,rgba(233,231,229,.72),transparent);transform:rotate(-8deg);animation:drift 14s ease-in-out infinite alternate}.smoke-wisp-a{left:7%;top:46%}.smoke-wisp-b{right:5%;top:30%;animation-duration:17s;animation-delay:-4s}.order-section{display:grid;grid-template-columns:minmax(14rem,.42fr) minmax(0,.58fr);gap:clamp(1.5rem,4vw,4rem);align-items:start;padding:7rem clamp(1rem,5vw,5rem) 5rem;border-top:1px solid rgba(215,180,103,.18);background:linear-gradient(180deg,rgba(215,180,103,.06),transparent 36%),#030303}.order-intro{max-width:34rem;position:sticky;top:7rem}.order-intro h2{color:var(--gold-strong);font-size:clamp(2.3rem,5vw,5.8rem);line-height:.92}.order-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:clamp(1rem,2vw,1.5rem);border:1px solid var(--line);border-radius:8px;background:#080705c7;box-shadow:0 24px 80px #0000007a}.order-form label{display:flex;flex-direction:column;gap:.42rem}.order-form label span{color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.order-form input,.order-form select{width:100%;min-height:3.2rem;border:1px solid rgba(215,180,103,.38);border-radius:6px;color:var(--ink);background:#00000094;outline:none;padding:0 .9rem;transition:border-color .16s ease,box-shadow .16s ease}.order-form input:focus,.order-form select:focus{border-color:var(--gold-strong);box-shadow:0 0 0 3px #d7b46724}.order-form input[readonly]{color:#f2d58b;letter-spacing:.06em}.full-row,.payment-button,.form-status{grid-column:1 / -1}.payment-button{width:100%;border:0;cursor:pointer;margin-top:.35rem;min-height:3.45rem;font-size:1rem}.form-status{margin:0;color:var(--muted);text-align:center}footer{display:flex;justify-content:center;padding:2rem 1rem 3rem;color:var(--muted);background:#020202}footer a{display:inline-flex;align-items:center;gap:.5rem;transition:color .16s ease}footer a:hover,footer a:focus-visible{color:var(--gold-strong)}@keyframes drift{0%{transform:translate3d(-5%,0,0) rotate(-8deg) scaleX(.92)}to{transform:translate3d(8%,-8%,0) rotate(5deg) scaleX(1.08)}}@media(max-width:980px){.hero-section,.film-section,.order-section{grid-template-columns:1fr}.hero-section{padding-top:7rem}.hero-copy h1{max-width:12ch}.film-section{min-height:auto;padding:4rem 0}.order-intro{position:static}}@media(max-width:680px){.site-header{min-height:68px}nav{gap:.7rem;font-size:.76rem}nav a:first-child{display:none}.hero-section{padding-inline:1rem}.hero-section>*{min-width:0}.hero-copy{width:100%;max-width:100%}.hero-stage,.cinema-frame{border-radius:6px}.hero-stage{min-height:0}.stage-caption{left:.8rem;right:.8rem;align-items:flex-start}.cinema-list,.order-section{padding-inline:1rem}.order-form{grid-template-columns:1fr}}@media(max-width:480px){.hero-actions{flex-direction:column;align-items:stretch}.primary-link,.secondary-link{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
