*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:#eee8dc;font-family:Georgia,"Times New Roman",serif}.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:screen}.site-header{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:18px 4vw;background:linear-gradient(#000c,transparent)}.mini-logo img{width:105px;max-height:55px;object-fit:contain}.site-header nav{display:flex;gap:25px}.site-header nav a{font:10px Arial,sans-serif;letter-spacing:.22em;color:#cfc5b5;text-decoration:none}.site-header nav a:hover{color:#d5ad61}.hero{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("assets/afreet-closeup-poster.jpg") center 22%/cover no-repeat;filter:saturate(.55) contrast(1.15);transform:scale(1.03)}.hero-shade{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0 20%,#0008 58%,#000 100%),linear-gradient(#0005,#000b 78%,#050505)}.hero-inner{position:relative;z-index:2;width:min(900px,92vw);text-align:center;padding-top:50px}.kicker,.section-label{font:10px Arial,sans-serif;letter-spacing:.34em;color:#c9a15a}.title-lockup{margin:12px auto 0;width:min(700px,90vw);display:flex;justify-content:center;align-items:center}.title-lockup img{display:block;width:100%;max-height:250px;object-fit:contain;filter:drop-shadow(0 14px 28px #000)}.tagline{margin:4px 0 28px;font:10px Arial,sans-serif;letter-spacing:.5em;color:#aaa294}.date{font:11px Arial,sans-serif;letter-spacing:.3em;color:#d7cdbd;margin-bottom:15px}.countdown{width:min(700px,100%);margin:auto;display:flex;justify-content:center;align-items:center;border-top:1px solid #c9a15a55;border-bottom:1px solid #c9a15a55;padding:18px 10px;background:#0003}.unit{min-width:110px}.unit b{font-size:45px;font-weight:400;font-variant-numeric:tabular-nums}.unit span{display:block;margin-top:7px;font:8px Arial,sans-serif;letter-spacing:.25em;color:#827b70}.divider{height:32px;width:1px;background:#c9a15a44}.hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-block;padding:13px 20px;text-decoration:none;font:10px Arial,sans-serif;letter-spacing:.2em}.btn.gold{background:#caa35e;color:#100d08;border:1px solid #daba78}.btn.dark{border:1px solid #c9a15a55;background:#0008;color:#ddd2c1}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.scroll{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font:8px Arial,sans-serif;letter-spacing:.3em;color:#8b8377}.scroll span{font-size:14px;margin-left:5px}.section{width:min(1160px,90vw);margin:auto;padding:125px 0}.section h2{font-size:clamp(42px,7vw,82px);font-weight:400;line-height:.95;margin:20px 0}.section h2 i{color:#c9a15a;font-weight:400}.film-content{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;margin-top:55px}.image-wrap img,.cast-poster img{width:100%;display:block;border:1px solid #c9a15a30}.copy .large{font-size:22px;line-height:1.55;color:#ddd3c4}.copy>p:not(.large){font-size:16px;line-height:1.8;color:#aaa298}.details{margin-top:35px;border-top:1px solid #c9a15a33}.details div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #c9a15a1f}.details span{font:9px Arial,sans-serif;letter-spacing:.22em;color:#777067}.details strong{font:11px Arial,sans-serif;letter-spacing:.1em;font-weight:400}.cast{border-top:1px solid #c9a15a18}.cast-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;margin-top:35px}.credits{margin-top:45px}.credits p{border-bottom:1px solid #c9a15a20;padding:18px 0;margin:0}.credits span{display:block;font:9px Arial,sans-serif;letter-spacing:.24em;color:#c9a15a;margin-bottom:9px}.credits strong{font-size:18px;font-weight:400;line-height:1.8}.release{position:relative;min-height:80vh;display:grid;place-items:center;text-align:center;overflow:hidden}.release-bg{position:absolute;inset:0;background:linear-gradient(#050505d9,#050505ef),url("assets/afreet-cast-poster.jpg") center/cover;filter:saturate(.45);z-index:-1}.release-inner{width:min(900px,90vw)}.release h2{font-size:clamp(65px,12vw,145px);font-weight:400;color:#c9a15a;margin:18px 0}.release-text{font:11px Arial,sans-serif;letter-spacing:.16em;color:#a69e91}footer{text-align:center;border-top:1px solid #c9a15a18;padding:55px 20px;color:#716b63;font:9px Arial,sans-serif;letter-spacing:.15em}footer img{width:120px;max-height:50px;object-fit:contain;opacity:.7;margin-bottom:12px}@media(max-width:760px){.site-header{padding:13px 5vw}.mini-logo img{width:80px}.site-header nav{display:none}.hero-inner{padding-top:30px}.title-lockup{width:95vw}.title-lockup img{max-height:190px}.countdown{gap:3px}.unit{min-width:62px}.unit b{font-size:28px}.unit span{font-size:7px;letter-spacing:.12em}.divider{height:22px}.section{padding:85px 0}.film-content,.cast-grid{grid-template-columns:1fr;gap:40px}.copy .large{font-size:19px}.release{min-height:70vh}.release h2{font-size:68px}}

.hidden { display: none !important; }

.early-access-card {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 3rem;
  align-items: center;
  padding: 3rem;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.025);
}

.early-copy { max-width: 620px; line-height: 1.8; }

.payment-panel {
  border: 1px solid rgba(255,255,255,.14);
  padding: 2rem;
  text-align: center;
}

.price {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
}

.payment-note,
.order-text,
.payment-message {
  font-size: .78rem;
  line-height: 1.6;
  opacity: .7;
}

.qr-image {
  display: block;
  width: min(280px, 100%);
  margin: 1.25rem auto;
  background: #fff;
  padding: 10px;
}

.payment-status {
  letter-spacing: .18em;
  font-size: .72rem;
  font-weight: 700;
}

.success-copy { margin: 1.5rem 0; }

button.btn {
  border: 0;
  cursor: pointer;
  font: inherit;
}

button.btn:disabled {
  opacity: .55;
  cursor: wait;
}

@media (max-width: 800px) {
  .early-access-card {
    grid-template-columns: 1fr;
    padding: 1.5rem;
  }
}