/* Edge-to-edge architectural film. The image fills the entire opening screen. */
.film-hero{position:relative;height:calc(100svh - 100px);min-height:650px;max-height:1400px;overflow:hidden;background:#252c26;color:#fff;isolation:isolate}
.film-viewport{position:absolute;inset:0;overflow:hidden;touch-action:pan-y}
.film-track{display:flex;width:100%;height:100%;will-change:transform}
.film-frame{flex:0 0 100%;height:100%;min-width:0;position:relative;overflow:hidden}
.film-frame img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 52%}
.film-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(9,18,13,.67),rgba(9,18,13,.3) 44%,rgba(9,18,13,.02) 75%),linear-gradient(0deg,rgba(8,17,12,.74),transparent 25%);z-index:1}
.film-copy{position:absolute;left:6%;top:50%;transform:translateY(-52%);z-index:2;pointer-events:none;max-width:760px}
.film-copy .eyebrow{font-size:10px;letter-spacing:.19em;color:#e0e3d9;margin-bottom:25px}
.film-copy h1{font-size:clamp(44px,5.1vw,84px);line-height:1.2;letter-spacing:-.055em;font-weight:400;text-shadow:0 2px 24px #10201524}
.film-philosophy{font-size:clamp(18px,1.7vw,27px);line-height:1.65;margin-top:27px;color:#f4f2e9;letter-spacing:-.035em}
.film-philosophy strong{font-weight:500}
.film-intro{font-size:13px;line-height:1.9;color:#e3e5dc;margin-top:17px}
.film-actions{display:flex;gap:32px;margin-top:26px;pointer-events:auto;width:fit-content}
.film-actions a{display:flex;gap:35px;align-items:center;border-bottom:1px solid #ffffff80;padding:8px 0;font-size:12px}
.film-actions a:hover{border-color:#fff;color:#e9d8c3}
.film-footer{position:absolute;bottom:30px;left:6%;right:6%;z-index:3;border-top:1px solid #ffffff50;padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.film-project{display:flex;flex-direction:column;gap:3px;min-width:230px}
.film-category{font-size:10px;color:#e1e4da}
.film-project-title{font-size:16px;letter-spacing:-.02em}
.film-controls{display:flex;align-items:center;gap:12px}
.film-counter{font-size:11px;letter-spacing:.12em;font-variant-numeric:tabular-nums;white-space:nowrap}
.film-meter{width:90px;height:2px;background:#ffffff45;margin:0 18px 0 8px;overflow:hidden}
.film-meter i{display:block;width:100%;height:100%;background:#eee6d9;transform:scaleX(0);transform-origin:left}
.film-controls button{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ffffff80;border-radius:50%;background:#17221c20;color:#fff;font-size:21px;cursor:pointer}
.film-controls button:hover{background:#ffffff25;border-color:white}
.film-scroll{font-size:9px;letter-spacing:.13em}
.film-hero+.original-philosophy{padding-top:95px;padding-bottom:95px}
@media(max-width:1000px){.film-copy h1{font-size:64px}.film-scroll{display:none}.film-copy{max-width:650px}}
@media(max-width:700px){.film-hero{height:calc(100svh - 78px);min-height:650px;max-height:1000px}.film-frame img{object-position:60% center}.film-shade{background:linear-gradient(90deg,#101d15a6,#101d1545 75%),linear-gradient(0deg,#101d15b8,transparent 32%)}.film-copy{left:6%;right:6%;top:45%;transform:translateY(-50%)}.film-copy .eyebrow{font-size:8px;margin-bottom:24px}.film-copy h1{font-size:clamp(37px,9.3vw,62px);line-height:1.25}.film-philosophy{font-size:18px;margin-top:23px}.film-intro{font-size:11px;margin-top:15px}.film-actions{gap:26px;margin-top:20px}.film-actions a{font-size:11px;gap:24px}.film-footer{bottom:22px;padding-top:14px;gap:13px;align-items:end;flex-wrap:wrap}.film-project{min-width:0;flex:1 1 145px}.film-category{font-size:9px}.film-project-title{font-size:13px}.film-controls{gap:8px;flex-shrink:0}.film-controls button{width:33px;height:33px;font-size:17px}.film-counter{font-size:9px;letter-spacing:.05em}.film-meter{position:absolute;left:0;right:0;bottom:-10px;width:100%;height:1px;margin:0}.film-hero+.original-philosophy{padding-top:65px;padding-bottom:65px}}