/* Homepage (concept 3 — The Cinema) */

.c3{background:var(--deep);color:var(--on-deep)}.c3 .gold{background-image:linear-gradient(115deg,#d9b45a,#f6e7b0 50%,#cfa84e)}
.c3hero{position:relative;height:100svh;min-height:600px;overflow:hidden;display:grid;place-items:center;text-align:center}
.c3hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(.55) saturate(1.1) brightness(.62) contrast(1.05)}
.c3hero::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 70% at 50% 50%,transparent,rgba(20,14,7,.75)),linear-gradient(180deg,rgba(36,28,18,.5),transparent 25%,var(--deep))}
.c3hero .in{position:relative;z-index:2;padding:0 var(--gut)}.c3hero h1{font:400 clamp(4rem,17vw,17rem)/.85 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em;color:#f3e9cd}
.c3hero h1 span{display:block;-webkit-text-stroke:2px var(--gold-1);color:transparent}.c3hero p{max-width:44ch;margin:22px auto 28px;color:#e6dabb}
.c3hero .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.c3mq{border-block:1px solid rgba(241,223,164,.35);overflow:hidden;background:var(--gold-2);color:#241c12;padding:14px 0}.c3mq div{display:flex;width:max-content;animation:c3m 26s linear infinite}.c3mq span{font:400 clamp(1.4rem,3vw,2.4rem) Anton,Impact;text-transform:uppercase;padding-inline:28px;display:flex;gap:56px;align-items:center;white-space:nowrap}.c3mq span::after{content:"✦"}
@keyframes c3m{to{transform:translateX(-50%)}}
.c3doors{display:grid;grid-template-columns:repeat(3,1fr);height:min(86svh,820px)}
.c3door{position:relative;overflow:hidden;border-inline:1px solid rgba(241,223,164,.25);display:flex;align-items:flex-end;padding:28px;transition:flex .6s}
.c3door img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.8);transition:transform 1.4s var(--ease),filter .6s}.c3door:hover img{transform:scale(1.07);filter:saturate(1.05) brightness(1)}
.c3door::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(20,14,7,.9))}
.c3door div{position:relative;z-index:2}.c3door h2{font:400 clamp(3rem,8vw,8rem)/.9 Anton,Impact;text-transform:uppercase}.c3door small{font:600 .7rem var(--mono);letter-spacing:.2em;color:var(--gold-1)}
.c3stack{position:relative}
.c3sc{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--deep-2);border-top:1px solid rgba(241,223,164,.35)}
.c3sc:nth-child(2){background:#3d2e1a}.c3sc:nth-child(3){background:#4a3820}
.c3sc .c3sc .tt{padding:0 var(--gut)}.c3sc h2{font-size:clamp(2.4rem,6vw,5.6rem);margin:14px 0 18px}.c3sc p{max-width:40ch;color:#d8c99f}
.c3sc .ph{height:100%;position:relative;overflow:hidden}.c3sc .ph img{width:100%;height:100%;object-fit:cover}
.c3sc:nth-child(even) .ph{order:-1}
.c3pr{padding:clamp(70px,10vw,150px) 0;overflow:hidden}.c3pr h2{font-size:clamp(2.4rem,6vw,5.5rem);margin:14px 0 30px}
.c3cs{position:relative;height:min(64svh,560px);margin-top:20px;perspective:1000px;cursor:grab;touch-action:pan-y;user-select:none}
.c3cd{position:absolute;left:50%;top:50%;width:min(300px,64vw);aspect-ratio:.82;background:#e9dfc6;color:#1b170f;border:2px solid var(--gold-2);overflow:hidden;will-change:transform;display:flex;flex-direction:column}
.c3cd img{flex:1;min-height:0;object-fit:contain;padding:10px;mix-blend-mode:multiply;pointer-events:none}.c3cd div{padding:10px 16px 14px;border-top:2px solid #241c12;display:flex;justify-content:space-between;align-items:baseline}.c3cd b{font:400 1.5rem Anton,Impact;text-transform:uppercase}.c3cd span{font:600 .8rem var(--mono)}
@media(max-width:860px){.c3doors{grid-template-columns:1fr;height:auto}.c3door{height:46svh}.c3sc{grid-template-columns:1fr;grid-template-rows:40% 60%}.c3sc .ph{order:-1!important}}

/* header is transparent over the hero until you scroll */
body[data-page="home"] .hd { transition: background .4s, border-color .4s, box-shadow .4s, transform .5s var(--ease); }
body[data-page="home"] .hd:not(.scrolled) { background: linear-gradient(180deg, rgba(20, 14, 7, .6), rgba(20, 14, 7, 0)); border-bottom-color: transparent; box-shadow: none; }
body[data-page="home"] .hd:not(.scrolled) { border-bottom-width: 0; background-origin: border-box; background-repeat: no-repeat; }
.c3hero .in { padding-top: calc(var(--nav-h) + 24px); padding-bottom: 40px; }
.c3hero .eyebrow { color: var(--gold-1); }
.c3hero h1 { font-size: clamp(3.6rem, 14vw, 14rem); margin-top: 14px; }