/* Twilight Media / Immersive Film Studio. Homepage only. */
body.immersive-home{--ink:#f4f2ed;--muted:#aeb0ad;--accent:#c2a37c;--bg:#0b0c0d;--panel:#101113;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body.immersive-home *{box-sizing:border-box}body.immersive-home a{color:inherit;text-decoration:none}body.immersive-home .site-header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:27px clamp(24px,5vw,90px);background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)!important;border:0!important}body.immersive-home .brand{font-size:17px;font-weight:650;letter-spacing:.19em;color:white}body.immersive-home .brand span{color:white;font-weight:300}body.immersive-home .site-header nav{display:flex;align-items:center;gap:clamp(15px,2.5vw,38px)}body.immersive-home .site-header nav a{font-size:12px;letter-spacing:.08em;color:#f6f4ee}body.immersive-home .site-header nav a:hover{color:var(--accent)}body.immersive-home .nav-contact{border-bottom:1px solid rgba(255,255,255,.65);padding:10px 0!important;background:none!important}
body.immersive-home .hero{position:relative;min-height:100svh;display:flex;align-items:center;isolation:isolate;overflow:hidden;padding:125px clamp(24px,7vw,125px) 110px;background:#111!important;border:0!important}body.immersive-home .hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/highlands-hero.jpg') center 54%/cover no-repeat;opacity:1;mask-image:none!important;-webkit-mask-image:none!important}body.immersive-home .hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.63),rgba(0,0,0,.18) 72%),linear-gradient(0deg,rgba(11,12,13,.8),transparent 38%);mask-image:none!important}body.immersive-home .hero-content{position:relative;z-index:2;max-width:1000px}body.immersive-home .eyebrow,body.immersive-home .kicker{font-size:11px;font-weight:600;letter-spacing:.22em;color:#c6c0b4;text-transform:uppercase}body.immersive-home .hero h1{font-size:clamp(64px,9vw,150px);line-height:.99;letter-spacing:-.065em;font-weight:500;max-width:1100px;margin:32px 0 28px;color:white;animation:none!important}body.immersive-home .hero h1 em,body.immersive-home .visual-services h2 em,body.immersive-home .work h2 em,body.immersive-home .about h2 em,body.immersive-home .contact h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:inherit;letter-spacing:-.055em}body.immersive-home .hero-content>p{max-width:480px;font-size:clamp(16px,1.5vw,20px);line-height:1.7;color:#f0efeb;animation:none!important}body.immersive-home .hero-link,body.immersive-home .text-link{display:inline-flex;gap:45px;align-items:center;border-bottom:1px solid rgba(255,255,255,.7);padding:18px 0 12px;margin-top:20px;font-size:13px;letter-spacing:.08em;color:#fff}body.immersive-home .hero-link:hover,body.immersive-home .text-link:hover{border-color:var(--accent);color:var(--accent)}body.immersive-home .hero-bottom{position:absolute;left:clamp(24px,7vw,125px);right:clamp(24px,7vw,125px);bottom:35px;display:flex;justify-content:space-between;z-index:3;font-size:10px;letter-spacing:.19em;color:#e5e2dc}body.immersive-home .hero-bottom a{color:inherit}
body.immersive-home .visual-services{padding:clamp(85px,10vw,150px) clamp(24px,6vw,110px);background:#0b0c0d!important;border:0}body.immersive-home .visual-services-heading{display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:end;margin-bottom:45px}body.immersive-home .visual-services-heading .kicker{align-self:start;padding-top:15px}body.immersive-home .visual-services h2{font-size:clamp(46px,6vw,94px);line-height:1.06;letter-spacing:-.06em;margin:0;font-weight:450;color:#f5f3ef}body.immersive-home .visual-services-heading>p{grid-column:2;color:#aeb0ad;font-size:15px;margin:0}body.immersive-home .visual-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}body.immersive-home .visual-service{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(360px,37vw,610px);overflow:hidden;padding:26px 23px;color:white;background-position:center;background-size:cover;transition:filter .35s ease}body.immersive-home .visual-service::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 52%),rgba(0,0,0,.07);transition:background .3s}body.immersive-home .visual-service:hover{filter:brightness(1.13)}body.immersive-home .visual-service-aerial{background-image:url('/assets/twilight-aerial.jpg')}body.immersive-home .visual-service-film{background-image:url('/assets/twilight-film.jpg')}body.immersive-home .visual-service-photo{background-image:url('/assets/twilight-photography.jpg')}body.immersive-home .visual-service-social{background-image:url('/assets/twilight-social.jpg')}body.immersive-home .visual-service-number{position:absolute;top:24px;left:23px;font-size:10px;letter-spacing:.2em;font-weight:600;color:#fff}body.immersive-home .visual-service-title{display:block;font-size:clamp(24px,2.15vw,38px);line-height:1.08;letter-spacing:-.04em;font-weight:500;color:#fff}body.immersive-home .visual-service-title span{font-size:16px;white-space:nowrap}body.immersive-home .visual-service-subtitle{display:block;margin-top:12px;font-size:12px;color:#e4e3df}body.immersive-home .film-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none}
body.immersive-home .section{border:0!important}body.immersive-home .work{padding:clamp(90px,10vw,155px) clamp(24px,7vw,125px);background:#111214!important}body.immersive-home .section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}body.immersive-home .section-top h2{font-size:clamp(50px,7vw,110px);font-weight:450;line-height:1.05;letter-spacing:-.06em;margin:20px 0 0;color:#f4f2ed}body.immersive-home .section-top p{font-size:14px;color:#b8b8b5}body.immersive-home .filters{display:flex;flex-wrap:wrap;gap:22px;margin:30px 0 35px}body.immersive-home .filters button{background:transparent!important;color:#a9a9a7!important;border:0!important;border-radius:0!important;padding:10px 0!important;font-size:12px;cursor:pointer}body.immersive-home .filters button.active{color:white!important;border-bottom:1px solid #fff!important}body.immersive-home .portfolio-grid{display:flex!important;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:25px;max-width:1400px;margin:0 auto}body.immersive-home .portfolio-grid .project{flex:0 1 380px;width:min(100%,380px);max-width:100%;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;overflow:hidden}body.immersive-home .portfolio-grid .project-media{display:block;max-width:100%;width:100%;height:auto;max-height:550px;object-fit:contain;background:#0b0c0d}body.immersive-home .portfolio-grid .project-details{background:transparent!important;padding:17px 0 0!important}body.immersive-home .portfolio-grid .project-details small{font-size:10px;letter-spacing:.17em;color:#b5b4af}body.immersive-home .portfolio-grid .project-details h3{font-size:21px;font-weight:500;color:#f2f1ec;margin:8px 0}body.immersive-home .portfolio-grid .project-details p{font-size:13px;color:#a9aaa7}body.immersive-home .portfolio-view-all{text-align:center;margin-top:65px}body.immersive-home .portfolio-view-all a{display:inline-block;background:transparent!important;border:0!important;border-bottom:1px solid #c8c7c2!important;color:white!important;border-radius:0!important;padding:12px 0!important;font-size:13px;letter-spacing:.08em;box-shadow:none!important}
body.immersive-home .about{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(40px,7vw,130px);align-items:center;padding:clamp(75px,9vw,135px) clamp(24px,7vw,125px);min-height:650px;background:#0b0c0d!important}body.immersive-home .about::before{display:none!important}body.immersive-home .about-image{min-height:570px;background:url('/assets/twilight-aerial.jpg') center/cover no-repeat}body.immersive-home .about-copy{max-width:640px}body.immersive-home .about h2{font-size:clamp(54px,6vw,95px);font-weight:450;line-height:1.02;letter-spacing:-.06em;margin:28px 0;color:#f4f2ed;max-width:none}body.immersive-home .about p{font-size:17px;line-height:1.8;color:#bfc0bc;max-width:520px}body.immersive-home .about .text-link{margin-top:26px}
body.immersive-home .twilight-contact{padding:clamp(90px,10vw,150px) clamp(24px,7vw,125px)!important;background:#141517!important}body.immersive-home .twilight-contact::before{display:none!important}body.immersive-home .twilight-contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,120px);max-width:1500px;margin:auto}body.immersive-home .twilight-contact-intro h2{font-size:clamp(55px,6.2vw,100px);font-weight:450;line-height:1.04;letter-spacing:-.06em;color:#f4f2ed;margin:30px 0}body.immersive-home .twilight-contact-intro>p{font-size:17px;line-height:1.75;color:#bdbdb8;max-width:520px}body.immersive-home .twilight-contact-rule{height:1px;background:#41413e;margin:65px 0 28px;max-width:500px}body.immersive-home .twilight-contact-caption{display:block;font-size:10px;letter-spacing:.19em;color:#aaa9a3;margin-bottom:14px}body.immersive-home .twilight-contact-email{display:inline-block;font-size:clamp(18px,1.7vw,26px);color:#f4f2ed;border-bottom:1px solid #777772;padding-bottom:9px;overflow-wrap:anywhere}body.immersive-home .twilight-contact-location{font-size:12px!important;color:#92938e!important;margin-top:22px}body.immersive-home .twilight-contact-panel{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}body.immersive-home .twilight-contact-panel-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;color:#b8b8b3}body.immersive-home .twilight-contact-panel h3{font-size:clamp(26px,2.7vw,42px);font-weight:450;letter-spacing:-.03em;margin:25px 0 35px;color:#f4f2ed}body.immersive-home #twilight-enquiry-form{display:grid;gap:24px}body.immersive-home .twilight-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}body.immersive-home #twilight-enquiry-form label{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#d1d1cc}body.immersive-home #twilight-enquiry-form input,body.immersive-home #twilight-enquiry-form select,body.immersive-home #twilight-enquiry-form textarea{width:100%;min-width:0;border:0;border-bottom:1px solid #555652!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#f5f4ef;font:inherit;font-size:15px;padding:14px 0;outline:none}body.immersive-home #twilight-enquiry-form input:focus,body.immersive-home #twilight-enquiry-form select:focus,body.immersive-home #twilight-enquiry-form textarea:focus{border-bottom-color:#d8d6cf!important}body.immersive-home #twilight-enquiry-form option{color:#111}body.immersive-home #twilight-enquiry-form textarea{resize:vertical;min-height:110px}body.immersive-home #twilight-enquiry-form input::placeholder,body.immersive-home #twilight-enquiry-form textarea::placeholder{color:#838580}body.immersive-home .twilight-enquiry-submit{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f2f0eb!important;color:#121313!important;border:0!important;border-radius:0!important;padding:19px 22px;font-size:13px;font-weight:600;cursor:pointer}body.immersive-home .twilight-enquiry-submit:hover{background:#d7d4cc!important}body.immersive-home .twilight-form-note{font-size:12px!important;line-height:1.6!important;color:#9a9b97!important}body.immersive-home footer{background:#0b0c0d;color:#aaa9a5;border:0;padding:30px clamp(24px,7vw,125px);display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.12em}
@media(max-width:1100px){body.immersive-home .visual-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.immersive-home .visual-service{min-height:500px}body.immersive-home .about{grid-template-columns:1fr 1fr}body.immersive-home .about-image{min-height:450px}}
@media(max-width:800px){body.immersive-home .site-header{padding:24px}body.immersive-home .site-header nav{gap:14px}body.immersive-home .site-header nav a:not(.nav-contact){display:none}body.immersive-home .hero{min-height:100svh;padding:130px 7% 110px}body.immersive-home .hero h1{font-size:clamp(58px,12vw,100px)}body.immersive-home .visual-services-heading{display:block}body.immersive-home .visual-services-heading h2{margin:22px 0}body.immersive-home .about{grid-template-columns:1fr}body.immersive-home .about-image{min-height:400px}body.immersive-home .twilight-contact-inner{grid-template-columns:1fr}body.immersive-home .section-top{display:block}body.immersive-home .section-top p{margin-top:25px}}
@media(max-width:550px){body.immersive-home .brand{font-size:13px}body.immersive-home .hero h1{font-size:clamp(52px,13vw,78px)}body.immersive-home .hero-bottom{font-size:8px;gap:15px}body.immersive-home .visual-service-grid{grid-template-columns:1fr}body.immersive-home .visual-service{min-height:420px}body.immersive-home .twilight-form-row{grid-template-columns:1fr}body.immersive-home .portfolio-grid .project{flex-basis:100%;width:100%}body.immersive-home footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){body.immersive-home *,body.immersive-home *::before,body.immersive-home *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}