/* ROMARC 5 — source-detail media, uncropped mobile video and studio credit. */
body.romarc-page img{filter:none;image-rendering:auto}
body.romarc-page .hero{height:min(92svh,860px);min-height:710px;max-height:860px}
body.romarc-page .hero video,body.romarc-page .hero-backdrop{filter:none!important;transform:none!important;object-fit:cover;opacity:1}
body.romarc-page .hero::after{background:linear-gradient(90deg,rgba(12,16,12,.40),rgba(12,16,12,.12) 45%,rgba(12,16,12,0) 83%),linear-gradient(0deg,rgba(12,16,12,.20),transparent 22%)}
body.romarc-page .hero-inner{padding-top:150px;padding-bottom:108px}
body.romarc-page .hero h1{font-size:clamp(64px,6.4vw,110px)}
body.romarc-page .hero .eyebrow{margin-bottom:25px}
body.romarc-page .hero-intro{margin-top:25px}
body.romarc-page .hero .button{margin-top:27px}
body.romarc-page .project-image img,body.romarc-page .gallery-grid img{will-change:auto}
body.romarc-page .project-card:hover .project-image img{transform:scale(1.025)}
body.romarc-page .project-cover:has(img[data-romarc-orientation="portrait"]){height:min(78svh,780px);min-height:480px;aspect-ratio:auto;background:#ebe7df;padding:25px;margin-inline:auto;overflow:hidden}
body.romarc-page .project-cover img[data-romarc-orientation="portrait"]{width:100%;height:100%;object-fit:contain;object-position:center}
body.romarc-page .footer-bottom{flex-wrap:wrap;gap:18px 28px}
body.romarc-page .design-credit{font-size:12px;letter-spacing:.01em;color:#d8d4cb;white-space:normal}
body.romarc-page .design-credit strong{font-weight:700;color:#d5b38a;margin-left:3px}
body.romarc-page .design-credit:hover strong{text-decoration:underline;text-underline-offset:4px}
body.romarc-page .footer-map-link{display:inline-block;margin-top:13px;border-bottom:1px solid #817157;padding-bottom:3px}
@media(max-width:950px){
/* A landscape film keeps its entire frame; the headline sits below it. */
body.romarc-page .hero{height:auto;min-height:0;max-height:none;padding-top:calc(112px + 56.25vw);background:#191a18}
body.romarc-page .hero video,body.romarc-page .hero-backdrop{inset:112px 0 auto;width:100%;height:56.25vw;aspect-ratio:16/9;object-fit:contain;object-position:center;background:#191a18}
body.romarc-page .hero::before,body.romarc-page .hero::after{display:none}
body.romarc-page .hero-inner{height:auto;min-height:0;padding-top:34px;padding-bottom:32px;justify-content:flex-start}
body.romarc-page .hero h1{font-size:clamp(54px,8vw,78px);text-shadow:none}
body.romarc-page .hero .eyebrow{margin-bottom:22px;text-shadow:none}
body.romarc-page .hero-intro{margin-top:25px;text-shadow:none}
body.romarc-page .hero .button{margin-top:25px}
body.romarc-page .hero-bottom{position:relative;inset:auto;margin-top:32px;padding-top:22px;padding-right:60px;gap:13px}
}
@media(max-width:600px){
body.romarc-page .hero{padding-top:calc(100px + 56.25vw)}
body.romarc-page .hero video,body.romarc-page .hero-backdrop{top:100px}
body.romarc-page .hero h1{font-size:clamp(41px,11.3vw,60px)}
body.romarc-page .project-cover:has(img[data-romarc-orientation="portrait"]){height:68svh;min-height:380px;padding:16px}
body.romarc-page .footer-bottom{align-items:flex-start}
body.romarc-page .design-credit{order:3;width:100%}
}
@media(prefers-reduced-motion:reduce){body.romarc-page .project-card:hover .project-image img{transform:none}}