*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font:17px/1.6 Arial,sans-serif;color:#19352b;background:#fff}a{color:inherit}button,input,select,textarea{font:inherit}a,button,input,select,textarea{outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}.wrap{width:min(1180px,90%);margin:auto}.notice{background:#fff1b8;color:#443c20;padding:8px 5%;font-size:14px}.brand{font-size:23px;font-weight:900;letter-spacing:-1px;text-decoration:none}.brand span{display:block;font-size:11px;letter-spacing:4px;margin-top:-5px}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:100px}nav{display:flex;gap:28px;align-items:center}nav a{text-decoration:none;font-size:15px;font-weight:700}.btn,button{display:inline-block;background:#d5f26a;color:#183426;padding:15px 25px;text-decoration:none;font-weight:700;border:0;cursor:pointer}.btn.secondary{background:transparent;border:1px solid currentColor}.eyebrow{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase}h1{font-size:clamp(44px,5.7vw,82px);line-height:1.04;letter-spacing:-3px;margin:22px 0}h2{font-size:clamp(32px,3.7vw,50px);line-height:1.12;letter-spacing:-1.5px;margin:12px 0 25px}h3{font-size:23px;line-height:1.25}p{max-width:620px}.actions{display:flex;flex-wrap:wrap;gap:15px;margin:30px 0}.hero{position:relative}.hero .intro{padding:70px 0}.hero p{font-size:20px}.strip{padding:22px 0;background:#d5f26a;color:#173529}.strip .wrap{display:flex;justify-content:space-between;gap:18px;font-weight:700;font-size:15px}section{padding:80px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:25px}.section-top p{max-width:390px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.card{padding:25px 0;border-top:1px solid #a6b5ae}.number{font-size:14px;color:#45604f}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}figure{margin:0}.photo{height:280px;overflow:hidden;background:#ddd}figcaption{font-size:14px;padding:10px 0}.band{background:#eff3ef}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split .photo{height:480px}ul{padding-left:20px}.contact{background:#143b2d;color:white}.contact .split{align-items:start}form{background:white;color:#183426;padding:32px}label{display:block;font-size:14px;font-weight:700;margin-bottom:18px}input,select,textarea{display:block;width:100%;border:1px solid #aebbb3;background:#fff;color:#173529;padding:11px;margin-top:5px;border-radius:0}textarea{min-height:95px;resize:vertical}.form-note{font-size:14px;line-height:1.45}form button{width:100%}.contact-links a{display:inline-block;margin:8px 18px 8px 0}footer{padding:28px 0;background:#0d271e;color:#e5ebe7;font-size:14px}.footer-row{display:flex;justify-content:space-between;gap:20px}.mobile-cta{display:none}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:20px;z-index:20}details{border-top:1px solid #b3beb7;padding:20px 0}summary{cursor:pointer;font-weight:700}.commercial .hero{background:#123a2d;color:#fff}.commercial .hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.commercial .hero .visual{height:590px;margin-right:calc((100vw - min(1180px,90vw))/-2)}.commercial .hero .visual img{object-position:45% center}.portfolio{color:#143b2d}.portfolio h1,.portfolio h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px}.portfolio .hero .intro{text-align:center;padding:60px 0 45px}.portfolio .hero p{margin-left:auto;margin-right:auto}.portfolio .hero .actions{justify-content:center}.portfolio .hero .visual{height:520px;width:90%;margin:auto}.portfolio .hero h1{max-width:950px;margin:20px auto}.portfolio .btn{background:#194d35;color:#fff}.portfolio .btn.secondary{background:transparent;color:#194d35}.portfolio .gallery{grid-template-columns:1.2fr 1fr}.portfolio .gallery .photo{height:420px}.portfolio .gallery figure:first-child{grid-row:span 2}.portfolio .gallery figure:first-child .photo{height:898px}.portfolio .strip{margin-top:45px;background:#e7eee8}.direct{color:#142c38}.direct .hero{background:#112e39;color:white}.direct .hero .wrap{display:grid;grid-template-columns:1fr .8fr;gap:65px;align-items:center;padding:65px 0}.direct .hero .intro{padding:0}.direct .hero .visual{height:260px;margin-top:30px}.direct .hero form{color:#142c38}.direct .btn,.direct button{background:#f1c54c;color:#152b34}.direct .strip{background:#f1c54c;color:#142c38}.direct .contact{background:#112e39}.direct .gallery .photo{height:330px}.direct footer{background:#091c24}@media(max-width:760px){header .wrap{min-height:90px;gap:15px}.brand{font-size:21px}nav{gap:14px}nav a:not(.nav-cta){display:none}nav .btn{padding:11px 13px;font-size:14px}h1{letter-spacing:-1.8px}.commercial .hero .wrap,.direct .hero .wrap,.split{grid-template-columns:1fr;gap:30px}.commercial .hero .visual{margin:0;height:330px}.hero .intro{padding:42px 0 10px}.commercial .hero{padding-bottom:25px}.strip .wrap{flex-wrap:wrap;justify-content:center;font-size:13px}.cards{grid-template-columns:1fr;gap:5px}.gallery,.portfolio .gallery{grid-template-columns:1fr 1fr;gap:15px}.photo,.direct .gallery .photo,.portfolio .gallery .photo{height:230px}.portfolio .gallery figure:first-child{grid-row:auto;grid-column:span 2}.portfolio .gallery figure:first-child .photo{height:330px}.section-top{display:block}section{padding:50px 0}.split .photo{height:340px}.portfolio .hero .intro{padding-top:35px}.portfolio .hero .visual{height:320px}.portfolio .strip{margin-top:30px}.direct .hero .wrap{padding:40px 0}.footer-row{display:block}footer{padding-bottom:90px}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;text-align:center;z-index:9;box-shadow:0 -2px 16px #0002}.mobile-cta .btn{display:block}form{padding:24px}.contact h2{max-width:400px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.commercial .hero .btn.secondary{color:#fff}.direct .hero .form-note{font-size:14px}.section-top .eyebrow h2{text-transform:none;letter-spacing:-1.5px}.portfolio .hero .intro{padding:35px 0 15px}.portfolio .hero h1{font-size:clamp(44px,5vw,72px)}

.brand img{width:290px;height:auto;object-fit:contain}.review-back{padding:8px 5%;font-size:14px;background:#eef2ef}header .wrap{min-height:150px}@media(max-width:760px){.brand img{width:200px}header .wrap{min-height:110px}}

/* Commercial review: compact brand, clear hierarchy, comfortable tap targets. */
.commercial .brand img{width:240px;height:auto}.commercial header .wrap{min-height:125px}
.commercial h1{font-size:clamp(42px,4.8vw,69px);line-height:1.08;letter-spacing:-2px}
.commercial .hero .intro{padding:48px 0}.commercial .hero .visual{height:560px}
.commercial nav a{min-height:44px;display:inline-flex;align-items:center}
.commercial summary{min-height:44px}.commercial :focus-visible{outline:3px solid #ed8d25;outline-offset:5px}
@media(max-width:760px){.commercial .brand img{width:170px}.commercial header .wrap{min-height:98px}.commercial nav a:not(.nav-cta){display:none}.commercial .hero .intro{padding:28px 0 0}.commercial .hero .visual{height:270px}.commercial h1{font-size:42px;letter-spacing:-1.3px}.commercial .hero p{font-size:18px}.commercial .hero .actions{margin:22px 0}.commercial .hero .form-note{font-size:14px}.commercial .mobile-cta .btn{padding-bottom:calc(15px + env(safe-area-inset-bottom,0px))}.commercial footer{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}}

/* Dark brand header and direct phone action. */
.commercial header{background:#101d24;color:#f7faf8}
.commercial .hero .call-cta,.commercial .mobile-cta .call-cta{background:#fff;color:#143b2d;border:1px solid #fff}
.commercial .hero .actions{gap:12px}
@media(max-width:760px){.commercial .mobile-cta{display:grid;grid-template-columns:1.3fr 1fr;gap:1px;background:#143b2d}.commercial .mobile-cta .btn{padding-left:12px;padding-right:12px;font-size:16px}}

.commercial .footer-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.commercial .footer-services{display:block}

.studio-credit{margin-top:20px;font-size:1rem;line-height:1.7}.studio-credit a{text-decoration:underline;text-underline-offset:3px}.studio-credit a:hover{opacity:.8}

.commercial .hero .eyebrow{font-size:clamp(21px,2.2vw,30px);line-height:1.3;letter-spacing:1px;font-weight:800}

.commercial .strip .wrap{justify-content:center;text-align:center}

.commercial .aerial-photo{display:flex;align-items:center;justify-content:center;background:#e7ede5}.commercial .aerial-photo img{width:100%;max-width:295px;height:auto;max-height:219px;object-fit:contain}