/* A lighter architectural headline, with motion that follows the scroll directly. */
[data-concept=cinema] .hero{height:calc(170svh + 1050px)}
.hero h1{font-family:var(--sans);font-weight:300;font-size:clamp(56px,8vw,124px);line-height:1.01;letter-spacing:-.055em;text-transform:uppercase;max-width:1100px;margin-bottom:30px}
.hero h1 em{font-family:inherit;font-style:normal;font-weight:300;color:inherit}
.hero-socials{display:flex;gap:9px;flex-wrap:wrap;margin-top:27px;max-width:420px;align-items:center}
.hero-socials>a,.hero-socials>.social-pending{min-height:40px;display:flex;gap:13px;align-items:center;padding:10px 16px;border:1px solid #f4edd75c;border-radius:24px;font-size:10px;background:#ebe1c30d;color:#f7f1e5}
.hero-socials>a:hover{background:#f5efdf;color:#30362b;border-color:#f5efdf}
.hero-socials small{font-size:7px;opacity:.62}.hero-socials>.social-pending{color:#eee7d6bd;border-style:dashed}
/* Same light direction for the free-standing object and the mounted close-up. */
.mirror-object{filter:drop-shadow(10px 9px 5px #30281f55) drop-shadow(32px 24px 23px #51402c66)}
.mirror-ground{background:#493b2d70;filter:blur(14px);width:65%;height:22px;left:20%}
.material-drawing{box-shadow:7px 8px 8px #342b2329,22px 25px 35px #5a483047,0 1px 0 #fff9}
/* Four quiet films; all four are visible together, never a slider. */
.detail-films{padding:35px 5% 60px;background:#f6f2e9;color:#34382f}
.films-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1300px;margin:0 auto 35px}
.films-heading h2{font:400 clamp(44px,4.8vw,70px)/1.1 var(--serif);letter-spacing:-.035em}
.films-toggle{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 17px;border:1px solid #99876788;border-radius:25px;font-size:10px;white-space:nowrap}
.films-toggle:hover{background:#e8dfcf}.films-toggle-icon{font-size:10px;width:12px}
.films-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1300px;margin:auto}
.film-card{margin:0;min-width:0}.film-card:nth-child(even){padding-top:28px}
.film-window{aspect-ratio:9/16;max-height:480px;position:relative;overflow:hidden;border:1px solid #a4917066;border-radius:65px 12px 38px 12px;background:#d9d1c1;box-shadow:0 12px 25px #463a2724;isolation:isolate}
.film-window:after{content:'';position:absolute;inset:6px;border:1px solid #fff5;border-radius:inherit;pointer-events:none}
.film-window video{display:block;width:100%;height:100%;object-fit:cover}
.film-index{position:absolute;bottom:15px;left:17px;color:white;font-size:10px;letter-spacing:.12em;text-shadow:0 1px 6px #000}
.film-card figcaption{font:400 29px/1.2 var(--serif);margin:16px 0 0 3px}
/* A fast final approach through the glass, then a calm, readable form. */
.contact-portal.portal-enhanced{height:240svh}
.portal-depth,.portal-glint{position:absolute;inset:0;pointer-events:none;opacity:0}
.portal-depth{background:radial-gradient(ellipse at 50% 48%,transparent 30%,#211b1166 100%);mix-blend-mode:multiply}
.portal-glint{background:linear-gradient(112deg,transparent 25%,#fff8de7a 46%,#fffdf3c2 50%,transparent 69%);transform:translateX(-90%)}
.portal-rim{position:absolute;pointer-events:none;opacity:0;border:1px solid #fff5dc;border-radius:12%;box-shadow:0 0 12px #ffe9b866,inset 0 0 14px #fff3d344}
.contact-form-inner{will-change:transform,opacity}
.portal-signature{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:400 clamp(38px,6vw,70px)/1 var(--serif);letter-spacing:-.05em;color:#8c7653;pointer-events:none}
.portal-signature:after{content:'';display:block;width:34px;height:1px;background:#aa9067;margin:20px auto 0}
@media(max-width:760px){
 [data-concept=cinema] .hero{height:calc(155svh + 1080px)}
 .hero h1{font-size:clamp(30px,9.2vw,64px);line-height:1.08;letter-spacing:-.04em;margin-bottom:22px}
 .hero-copy{padding-bottom:108px}.hero-socials{gap:6px;margin-top:20px}
 .hero-socials>a,.hero-socials>.social-pending{font-size:9px;padding:9px 11px;gap:6px;min-height:36px}.hero-socials small{font-size:6px}
 .mirror-object{filter:drop-shadow(7px 7px 4px #30281f4d) drop-shadow(20px 15px 15px #51402c66)}
 .material-drawing{box-shadow:5px 6px 6px #342b2329,12px 15px 22px #5a48304d}
 .detail-films{padding:25px 22px 35px}.films-heading{gap:10px;margin-bottom:26px}.films-heading h2{font-size:39px}.films-toggle{font-size:9px;padding:8px 12px}
 .films-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 13px}.film-card:nth-child(even){padding-top:0}
 .film-window{border-radius:38px 9px 24px 9px;max-height:none}.film-card figcaption{font-size:24px;margin-top:10px}.film-index{font-size:8px;left:13px;bottom:12px}
 .contact-portal.portal-enhanced{height:230svh}
}
@media(max-width:360px){.films-heading h2{font-size:33px}.films-toggle{padding:8px 10px}.hero-socials>a,.hero-socials>.social-pending{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.contact-portal.portal-enhanced{height:auto}.portal-depth,.portal-glint,.portal-rim{display:none}.contact-form-panel{clip-path:none!important}.contact-form-inner{opacity:1!important;transform:none!important}}