*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#211410;color:#fff4db;font:16px/1.5 Arial,Helvetica,sans-serif}a,button{color:inherit;cursor:pointer}a{text-decoration:none}button,textarea{font:inherit}button{border:0;background:none}h1,h2,h3,p,figure{margin:0}header{position:absolute;inset:0 0 auto;z-index:5;height:80px;margin:0 4.6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffe4b14a;color:#fff6e3}.logo,.footerbrand{font-family:Arial,sans-serif;font-weight:950;letter-spacing:-.09em}.logo{position:absolute;left:50%;transform:translateX(-50%);font-size:42px;line-height:1}.logo span{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:3px}.studio,small,.tag,.meta,.heroFoot,figcaption,.chip,#toggle{font:600 10px/1.4 'Courier New',monospace;letter-spacing:.12em}.studio,.tag,.meta span:first-child,#toggle{display:flex;align-items:center;gap:10px}i{display:inline-block;background:#ff6235;border-radius:100%;width:7px;height:7px}.gridicon{font-size:24px;line-height:1}.hero{position:relative;min-height:690px;height:min(92svh,870px);isolation:isolate;display:flex;align-items:center;background:#a13513}.heroArt{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#230f0dd9,transparent 23%,transparent 78%,#2c110fa1),linear-gradient(90deg,#4c160fd6 0%,#59200e8c 34%,transparent 59%),url(art/hero.webp) center/cover}.heroInner{margin:65px 4.6% 20px;width:54%}.tag,.chip{display:inline-flex;align-items:center;gap:10px;border:1px solid #ffebc078;padding:7px 12px;border-radius:50px;background:#2b100f36;color:#fff5e5}.tag i{background:#ffbe70}h1,h2,h3,.bigAction{letter-spacing:-.065em;line-height:.93}h1{font-size:clamp(78px,8.5vw,155px);margin:24px 0 27px;font-weight:780}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.075em}h1 em{color:#ffe2a2}.glass{background:linear-gradient(125deg,#71433170,#33110c70);border:1px solid #ffdbb674;box-shadow:inset 0 1px 1px #ffe8cc36;backdrop-filter:blur(14px);border-radius:18px}.intro{max-width:423px;padding:20px 23px}.intro p{font-size:15px;line-height:1.45;max-width:38ch}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:#fff0ce;color:#32180f;border-radius:40px;padding:11px 18px;font-size:14px;font-weight:700}.intro .pill{margin-top:16px}.pill:hover,.bigAction:hover{background:#ffc784}.heroFoot{position:absolute;inset:auto 4.6% 22px;display:flex;justify-content:space-between}.pad{padding:65px 4.6%}.meta{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #bd956644;color:#e5bfa2}h2{font-size:clamp(49px,6.1vw,104px);margin:28px 0}h2 em{color:#ffaf78}.shots,.posters,.facts,.split,.trailer{display:grid;gap:18px}.shots{grid-template-columns:1fr 1fr}figure{position:relative;overflow:hidden;border-radius:12px}figure img{width:100%;height:100%;object-fit:cover;display:block}.shots figure{aspect-ratio:2/1}figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 15px 13px;background:linear-gradient(transparent,#1b0f0fd1);color:#fff3e3}.facts{grid-template-columns:repeat(4,1fr);margin-top:30px}.facts article{border-top:1px solid #bd95664d;padding-top:13px}.facts small,small{color:#edb99a}h3{font-size:clamp(28px,3.1vw,50px);margin:14px 0}.facts p,.split p,.trailer p{max-width:40ch;color:#e6cdbf}.scenic{min-height:460px;display:flex;align-items:end;padding:5%;background:linear-gradient(90deg,#1d1013ae,transparent 65%),url(art/horror.webp) center/cover}.sceneBox{padding:27px}.sceneBox p{font-family:Georgia,serif;font-size:22px;margin:13px 0 20px}.bigAction{display:block;background:#ffd796;color:#47190e;font-size:clamp(32px,4vw,70px);border-radius:35px 35px 35px 3px;padding:17px 24px;font-weight:750}.split{grid-template-columns:1.6fr 1fr;align-items:center;margin:10px 0 18px}.posters{grid-template-columns:repeat(3,1fr);margin:0 0 25px}.poster{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:9px;background:#53372e}.poster img{width:100%;height:100%;object-fit:cover}.poster div{position:absolute;inset:auto 0 0;padding:28% 7% 8%;background:linear-gradient(transparent,#160e12e6)}.poster h3{font:italic clamp(24px,4vw,66px)/.95 Georgia,serif;letter-spacing:-.06em}.trailer{grid-template-columns:1fr 1.3fr;align-items:center;background:#472118}.trailer figure{aspect-ratio:1.48}.chip{margin-top:24px}.tabs{display:flex;gap:7px;margin:20px 0 12px}.tabs button{border:1px solid #ffe0b94d;border-radius:40px;padding:7px 19px}.tabs button[aria-pressed=true]{background:#ffe1ba;color:#31160f}.reel{aspect-ratio:16/9;max-width:900px;margin:auto}footer{background:linear-gradient(90deg,#38150edb,transparent),url(art/footer.webp) center/cover;min-height:330px;display:flex;align-items:end;justify-content:space-between;padding:5%}.footerbrand{font-size:clamp(50px,9vw,154px)}nav{position:absolute;right:0;top:68px;background:#291610;border:1px solid #946c50;padding:14px 24px;border-radius:16px}nav a{display:block;padding:9px}nav a:hover{text-decoration:underline}dialog{width:min(460px,94%);background:#321d18;color:#fff0dc;border:1px solid #ba8861;border-radius:18px;padding:30px}dialog::backdrop{background:#170906bd;backdrop-filter:blur(5px)}dialog h2{font-size:47px}.close{float:right;font-size:24px}textarea{width:100%;margin:10px 0 16px;background:#20130f;color:white;border:1px solid #a8785a;border-radius:8px;padding:12px}#notice{font-size:13px;margin-top:8px}button:focus-visible,a:focus-visible{outline:3px solid #ffc364;outline-offset:3px}
@media(max-width:700px){header{height:60px}.studio{font-size:0;gap:0}.studio i{width:9px;height:9px}.logo{font-size:35px}.hero{height:auto;min-height:780px;align-items:end}.heroArt{background-image:linear-gradient(180deg,#2e160fb0,transparent 15%,transparent 43%,#58250f 65%,#32190f),url(art/hero.webp);background-size:100% 100%,auto 57%;background-position:center,76% 0;background-repeat:no-repeat}.heroInner{width:100%;margin:0 5% 61px}.hero h1{font-size:clamp(70px,14vw,100px);margin:13px 0}.intro{max-width:100%;padding:15px 18px}.heroFoot{font-size:8px}.pad{padding:42px 5%}.shots,.split,.trailer{grid-template-columns:1fr}.shots{gap:10px}.facts{grid-template-columns:1fr 1fr}.scenic{min-height:420px;background-position:63% center}.sceneBox{padding:15px}.posters{gap:7px}.poster small{font-size:7px;letter-spacing:0}.poster h3{font-size:clamp(15px,4.3vw,30px)}.split{gap:0}.split p{margin-bottom:15px}.meta{font-size:8px}.trailer h2{margin:15px 0}footer{min-height:270px}.tag{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#originals{background:linear-gradient(90deg,#271710fa,#28170fd9 55%,#23130f9c),url(art/footer.webp) center top/cover}.picker{cursor:pointer;position:relative}.picker:focus-within{outline:2px solid #ffc784}.picker input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.trailer figure video{position:absolute;top:3%;height:91%;left:50%;transform:translateX(-50%);aspect-ratio:9/16;border:6px solid #160e0e;border-radius:16px;background:#111}.reel video{position:absolute;inset:0;width:100%;height:100%;background:#111}figure:has(video:not([hidden])) figcaption{display:none}
.trailer figure{aspect-ratio:1.78}.trailer figure video{left:28.8%;top:11%;height:68%;width:16.6%;border:0;border-radius:6px;object-fit:contain}.trailer figure::after{content:"9:16";position:absolute;left:28.8%;top:44%;transform:translate(-50%,-50%);font:600 10px 'Courier New',monospace;letter-spacing:.11em;color:#ffe7cc}.trailer figure:has(video:not([hidden]))::after{display:none}

/* Use a common shadow colour where the photographic scenes meet. */
:root{--shadow:#211410;--edge:clamp(48px,9vh,94px)}
.hero,.scenic,#originals,footer,#production{background-color:var(--shadow)}
.heroArt{mask-image:linear-gradient(to bottom,#000 72%,transparent)}
#production,.scenic,#originals,footer{isolation:isolate;position:relative}
#production::before,.scenic::before,#originals::before,footer::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,var(--shadow),transparent var(--edge),transparent calc(100% - var(--edge)),var(--shadow))}
#production{min-height:clamp(570px,92svh,900px);display:flex;flex-direction:column;background-image:linear-gradient(to top,#130e0ef5 2%,#1b1211c9 24%,transparent 63%),linear-gradient(145deg,#130d0edb,transparent 52%),url(art/wing.webp);background-size:cover;background-position:center}
#production .facts{margin-top:auto;padding-top:70px}
#production .meta{color:#fff0df}
#production article{border-color:#ffd8ad85}
.trailer{background:linear-gradient(var(--shadow),#45241b 35%,#45241b 68%,var(--shadow));grid-template-columns:minmax(0,0.72fr) minmax(0,1.6fr)}
.trailer figure{aspect-ratio:1.42}
.phoneShot{position:absolute;width:150%;aspect-ratio:1.78;left:-13%;top:50%;transform:translateY(-50%)}
.trailer figure::after{display:none}
.pill,.bigAction,.picker,.tabs button[aria-pressed=true]{color:#351709;background:linear-gradient(120deg,#ffe5ad,#ffbc7f 66%,#f99869);border:1px solid #ffe0ab;box-shadow:inset 0 1px #fff6db,0 4px 15px #10080355}
#toggle,.tabs button[aria-pressed=false]{background:#301b17cd;border:1px solid #e8bf927a;border-radius:40px;padding:9px 17px}
:is(.pill,.bigAction,.picker,#toggle,.tabs button):hover{filter:brightness(1.12)}
@media(min-width:701px) and (max-height:900px){.hero{height:100svh;min-height:580px}.pad{padding-block:clamp(36px,6vh,56px)}}
@media(max-width:700px){.trailer{grid-template-columns:1fr}#production{min-height:720px;background-position:48% center;background-image:linear-gradient(to bottom,#21141090,transparent 22%,transparent 43%,#191010ed 68%),url(art/wing.webp)}.facts{gap:14px}.facts p{font-size:14px}}

.posters .poster{aspect-ratio:9/16}
.posters .poster img{object-fit:contain}
footer{flex-wrap:wrap;gap:32px}
.footerEmail{flex-basis:100%;font-size:clamp(30px,8.5vw,150px);font-weight:700;line-height:1.15;letter-spacing:-.055em;color:#ffe2a2}
.footerEmail:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em}

.bigAction{width:fit-content}
.trailer figure video{left:28.5%;top:12%;width:17%;height:64%;border-radius:8% / 4%;background:#160d19}
.reel{width:100%}
a,button{transition:filter .18s,box-shadow .18s,color .18s}
:is(.pill,.bigAction,#toggle):is(:hover,:focus-visible){filter:brightness(1.15);box-shadow:0 0 0 1px #ffcf97,0 0 24px #ffaa6377}
:is(nav a,.heroFoot a,.footerEmail,.logo):hover{color:#ffe2a2;text-shadow:0 0 14px #ffc481bb}
@media (prefers-reduced-motion:no-preference){
 .reveal{opacity:0}
 .reveal.enter{animation:arrive .62s ease-out var(--delay,0ms) both}
 .reveal:focus-within{opacity:1}
 @keyframes arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
}
@media(max-width:700px){.trailer figure{width:100%}.posters{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:clamp(54px,13vw,82px)}}
@media(max-width:480px){.posters{grid-template-columns:1fr;gap:18px}.facts article{min-width:0}.facts h3{font-size:clamp(23px,7vw,32px)}.trailer figure{aspect-ratio:1.15}.phoneShot{width:170%;left:-21%}}