/* Cinematic homepage hero. The original logo file is never edited or cropped. */
body:has(.cinematic-hero){background:#fff}
body:has(.cinematic-hero) .topbar{background:#05090d;color:#a6bbc6;border-bottom:1px solid #19303e}
body:has(.cinematic-hero) .header{background:#05090d;border-bottom:1px solid #19303e;color:#e6eff4}
body:has(.cinematic-hero) .brand{background:transparent;padding:0 7px}
body:has(.cinematic-hero) nav a[aria-current]{color:#72c8ff}
body:has(.cinematic-hero) nav .button[aria-current],body:has(.cinematic-hero) nav .button{color:#fff;background:#07558b}
body:has(.cinematic-hero) .menu-toggle{background:#0a1a25;border-color:#2b4657;color:#e6eff4}
.cinematic-hero{position:relative;isolation:isolate;overflow:hidden;background:#000;color:#fff;min-height:710px;padding:55px 0 26px}
.cinematic-hero::before{content:"";position:absolute;inset:0;z-index:-3;background:url('media/hero-grass-v2.png') center bottom/cover no-repeat}
.cinematic-hero::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#000 0%,#000e 22%,#0007 55%,#0003 82%,#0008 100%)}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.blue-aura{position:absolute;width:800px;height:470px;right:-200px;top:130px;background:radial-gradient(ellipse,#047dc621 0%,#047dc60c 44%,transparent 70%);filter:blur(24px)}
.gold-aura{position:absolute;width:660px;height:320px;right:15%;bottom:-130px;background:radial-gradient(ellipse,#ffcd5d36,transparent 65%);filter:blur(26px)}
.water-mist{position:absolute;width:120%;height:240px;left:-10%;bottom:40px;background:radial-gradient(ellipse at 75% 75%,#3fc5ff18,transparent 56%),radial-gradient(ellipse at 30% 80%,#81dcff14,transparent 45%);filter:blur(28px)}
.cinematic-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center;min-height:540px;position:relative}
.cinematic-copy{padding-bottom:25px;position:relative;z-index:2}
.cinematic-copy .eyebrow{color:#74caff;font-size:10px;letter-spacing:.2em;margin-bottom:25px}
.cinematic-copy h1{font-size:clamp(54px,5.4vw,79px);line-height:1.01;font-weight:650;letter-spacing:-.055em;margin-bottom:26px;text-shadow:0 3px 24px #000}
.cinematic-copy h1 em{font-style:normal;color:#f6c568}
.cinematic-intro{color:#d0dee6;font-size:17px;line-height:1.75;max-width:460px;text-shadow:0 2px 12px #000;margin-bottom:0}
.cinematic-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.cinematic-actions .button{font-size:13px;gap:16px;padding:15px 18px;min-height:51px;border-radius:4px}
.cinematic-actions .hero-primary{background:#f4bd55;color:#10202a;box-shadow:0 6px 26px #edb34e24}
.cinematic-actions .hero-primary:hover{background:#ffd77f;box-shadow:0 6px 30px #edb34e44}
.cinematic-actions .hero-call{background:#071823c9;color:#e8f4fa;border:1px solid #46677c}
.cinematic-actions .hero-call:hover{background:#103149;border-color:#69b7e8}
.cinematic-trust{display:flex;gap:11px;align-items:center;margin-top:27px;color:#afc7d5;font-size:11px;letter-spacing:.04em}
.cinematic-trust>span{width:5px;height:5px;background:#62caff;border-radius:50%;box-shadow:0 0 12px #65c7ff}
.cinematic-trust b{font-weight:400;color:#d1ae64}
.cinematic-project{display:block;min-width:0;border:1px solid #8eb8ca55;border-radius:5px;padding:9px;background:#061823d9;box-shadow:14px 14px 0 #0b2a34a6;overflow:hidden}
.cinematic-project-photo{width:100%;height:390px;object-fit:cover;object-position:center;border-radius:2px}
.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:2;margin-top:26px}
.hero-bottom>a{font-size:11px;font-weight:650;letter-spacing:.04em;text-decoration:none;display:flex;gap:22px;align-items:center;border-bottom:1px solid #7ba0b7;padding:8px 0;color:#ebf5fa;text-shadow:0 2px 8px #000}
.hero-bottom>a span{font-size:18px;color:#7ccfff}
.artwork-note{font-size:9px;color:#bed1dc;background:#03120dc9;padding:4px 8px;border-radius:3px}
body:has(.cinematic-hero) .service-strip{background:#071b24;border-top:1px solid #2b4b53;border-bottom:1px solid #2b4b53}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){.water-mist{animation:mist-drift 14s ease-in-out infinite alternate}.gold-aura{animation:light-drift 18s ease-in-out infinite alternate}}
@keyframes mist-drift{from{transform:translate3d(-12px,8px,0)}to{transform:translate3d(15px,-7px,0)}}
@keyframes light-drift{from{transform:translateX(-12px)}to{transform:translateX(12px)}}
@media(min-width:1500px){.cinematic-grid{grid-template-columns:.9fr 1.1fr}.cinematic-hero{min-height:780px}.cinematic-grid{min-height:600px}.cinematic-project-photo{height:490px}}
@media(max-width:1100px){.cinematic-grid{gap:22px;grid-template-columns:1fr 1.05fr;min-height:510px}.cinematic-copy h1{font-size:62px}.cinematic-intro{font-size:15px}.cinematic-hero{min-height:670px;padding-top:45px}.cinematic-actions .button{font-size:12px}.cinematic-copy .eyebrow{font-size:9px}.cinematic-project-photo{height:340px}}
@media(max-width:900px){.cinematic-grid{grid-template-columns:1fr;text-align:center;gap:24px;min-height:0}.cinematic-project{width:min(650px,100%);margin:0 auto}.cinematic-project-photo{height:auto;aspect-ratio:3/2}.cinematic-copy{padding:5px 0 20px}.cinematic-copy h1{font-size:58px;line-height:1.04}.cinematic-copy .eyebrow{font-size:9px;margin-bottom:18px}.cinematic-intro{margin:auto;font-size:16px;max-width:520px}.cinematic-actions,.cinematic-trust{justify-content:center}.cinematic-hero{padding-top:22px;min-height:0;padding-bottom:30px}.cinematic-hero::before{background-size:auto 100%;background-position:center bottom}.cinematic-hero::after{background:linear-gradient(180deg,#000 0%,#000e 30%,#000b 63%,#0004 88%,#0007 100%)}.hero-bottom{margin-top:22px}.blue-aura{right:-250px;top:5px;opacity:.5}.water-mist{display:none}.gold-aura{opacity:.6}}
@media(max-width:650px){.cinematic-hero{padding-top:17px;padding-bottom:22px}.cinematic-project{padding:6px;box-shadow:7px 7px 0 #0b2a34a6}.cinematic-project-photo{aspect-ratio:3/2}.cinematic-grid{gap:22px}.cinematic-copy{padding:12px 0 5px}.cinematic-copy h1{font-size:49px;margin-bottom:18px}.cinematic-copy .eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:15px}.cinematic-intro{font-size:14px;line-height:1.75;max-width:360px}.desktop-break{display:none}.cinematic-actions{margin-top:24px;gap:10px;flex-direction:column;align-items:center}.cinematic-actions .button{width:min(300px,100%);font-size:13px;min-height:49px}.cinematic-trust{font-size:10px;gap:9px;margin-top:23px}.hero-bottom{margin-top:26px;gap:15px}.hero-bottom>a{font-size:10px;gap:11px}.artwork-note{font-size:8px;padding:3px 5px}.cinematic-hero::before{background-size:auto 95%;background-position:center bottom}}
@media(prefers-reduced-motion:reduce){.water-mist,.gold-aura{animation:none!important}}
