*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7f2;color:#112e42;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:white;border-bottom:1px solid #e3e7e7}header img{width:164px;height:70px;object-fit:contain}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a.active{border-bottom:2px solid #a7bd39;padding-bottom:8px}.btn{display:inline-flex;gap:25px;align-items:center;padding:18px 25px;background:#123f59;color:white;border:0;cursor:pointer;font-size:13px}.btn.light{background:#d1e75c;color:#123f59}.btn.line{background:transparent;border:1px solid #a6b6bd;color:inherit}.lang{padding:9px;border-left:1px solid #ddd}.menu{display:none}.hero{min-height:680px;position:relative;display:flex;align-items:center;color:white;background:#173e54}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,31,46,.9),rgba(9,31,46,.35) 65%,rgba(9,31,46,.08))}.hero-content{position:relative;z-index:1;padding:80px 7%;max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:11px;font-weight:600;line-height:1.7;color:#6a7e87}.hero .eyebrow{color:#d1e75c}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.3vw,76px);font-weight:400;letter-spacing:-3px;line-height:1.05;margin:25px 0}h2{font-size:clamp(32px,3.8vw,52px);font-weight:400;letter-spacing:-1.7px;line-height:1.1}h3{font-size:24px;font-weight:400;letter-spacing:-.5px}p{font-size:15px;line-height:1.8;color:#637783}.hero p{color:#e1e7eb;font-size:17px;max-width:500px}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.hero-note{position:absolute;right:5%;bottom:30px;z-index:2;font-size:11px;letter-spacing:1px}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:white;padding:38px 7%;border-bottom:1px solid #ddd}.stats div{padding:0 25px;border-right:1px solid #ddd}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats strong{font-weight:400;font-size:39px}.stats span{display:block;color:#687c85;font-size:12px;line-height:1.6;margin-top:7px}.wrap{max-width:1450px;margin:auto;padding:95px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-head h2{max-width:580px;margin:15px 0 0}.section-head p{max-width:380px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.court{background:#eef1f3}.court img{width:100%;aspect-ratio:1.45;object-fit:contain;mix-blend-mode:multiply;padding:16px}.court .text{padding:25px 28px 30px}.label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#72838d;margin-bottom:13px}.link{display:inline-block;font-size:13px;border-bottom:1px solid #9caaaf;padding-bottom:7px;margin-top:10px}.projects{display:grid;grid-template-columns:1.4fr 1fr;gap:30px}.project img{width:100%;height:410px;object-fit:cover}.project h3{margin:17px 0 5px}.project p{font-size:12px}.band{background:#123c54;color:white}.band p{color:#bccbd2}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.split img{width:100%;max-height:570px;object-fit:cover}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step{border-top:1px solid #5d7582;padding-top:22px}.step .number{font-size:12px;color:#d1e75c;display:block;margin-bottom:30px}.step h3{font-size:20px}.step p{font-size:13px}.cta{background:#e8eddf;text-align:center;padding:70px 7%}.cta h2{max-width:750px;margin:15px auto 25px}.page-head{padding:65px 7% 40px;max-width:1450px;margin:auto}.page-head h1{font-size:60px}.page-head p{max-width:650px}.details{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;margin-bottom:70px}.details img{width:100%;background:#eaf0f4;object-fit:contain}.spec{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #d8dfe2;font-size:13px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.gallery-grid .project img{height:290px}.gallery-grid .project{margin-bottom:25px}.project button{border:0;background:none;text-align:left;padding:0;width:100%;cursor:pointer;color:inherit}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact a{display:block;margin-bottom:25px}form{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{font-size:12px;display:block}input,select,textarea{width:100%;padding:15px 0;margin-top:8px;border:0;border-bottom:1px solid #aebec4;background:transparent;border-radius:0;color:#123f59}textarea{min-height:100px}.full{grid-column:1/-1}footer{padding:55px 7% 25px;background:#0d293b;color:white}.footer-top{display:flex;justify-content:space-between;gap:45px}footer img{width:160px;height:68px;object-fit:contain}footer p{max-width:380px;color:#a6bbc6;font-size:13px}footer a{display:block;font-size:13px;margin:15px 0}.footer-bottom{border-top:1px solid #3a5361;padding-top:23px;margin-top:40px;display:flex;justify-content:space-between;font-size:11px;color:#a6bbc6}dialog{border:0;padding:0;max-width:1000px;width:90%;background:#f7f7f2;color:#123f59}dialog::backdrop{background:#081e30d9}dialog img{width:100%;max-height:70vh;object-fit:contain;background:#0d293b}dialog .caption{padding:25px}dialog .close{position:absolute;right:12px;top:12px;background:white;border:0;padding:12px;cursor:pointer}.note{font-size:12px;color:#72818a}.service{padding:30px 0;border-bottom:1px solid #ccd6da}.service h3{margin-bottom:10px}details{border-bottom:1px solid #ccd6da;padding:22px 0}summary{cursor:pointer;font-size:17px}details p{margin:20px 0 0}@media(max-width:900px){header{height:80px}header img{width:125px;height:60px}.menu{display:block;background:none;border:0;padding:12px}nav{display:none;position:absolute;top:80px;left:0;right:0;z-index:10;background:white;padding:25px;flex-wrap:wrap}nav.open{display:flex}.hero{min-height:650px}.hero-content{padding:70px 7%}h1{letter-spacing:-1.8px}.hero-note{display:none}.wrap{padding:65px 7%}.grid,.gallery-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.split,.contact,.details{grid-template-columns:1fr;gap:35px}.steps{grid-template-columns:1fr 1fr}.project img{height:300px}.page-head h1{font-size:43px}.footer-top{flex-wrap:wrap}}@media(max-width:560px){.grid,.gallery-grid,.projects{grid-template-columns:1fr}.hero>img{object-position:65% center}.hero:after{background:linear-gradient(90deg,#092333df,#09233360)}.hero{min-height:600px}.stats{padding:25px 7%;gap:10px}.stats div{padding:0 10px}.stats strong{font-size:30px}.stats span{font-size:10px}.steps{gap:20px}.page-head{padding-top:45px}.page-head h1{font-size:39px}.footer-bottom{gap:20px;line-height:1.7}.gallery-grid .project img{height:320px}form{grid-template-columns:1fr}label{grid-column:1/-1}}
.steps{grid-template-columns:repeat(3,1fr)}.spec span:last-child{text-align:right;max-width:60%}@media(max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.steps{grid-template-columns:1fr}}

.home-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.home-quote{background:#edf1e7;border-top:1px solid #d5ded0;scroll-margin-top:25px}.home-quote .page-head h1{font-size:clamp(36px,4vw,55px)}#suspendida{scroll-margin-top:30px}@media(max-width:560px){.home-collection{grid-template-columns:1fr}}

.contact.form-only{display:block;max-width:1050px}.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 55px}@media(max-width:560px){.service-list{grid-template-columns:1fr}}

.home-faq{max-width:1100px;scroll-margin-top:25px}.home-faq summary{line-height:1.5}.home-faq details p{max-width:850px}header nav{gap:24px}@media(min-width:901px) and (max-width:1100px){header nav{gap:15px}header .btn{padding:15px 17px}header{padding-left:3%;padding-right:3%}}

.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats div:nth-child(2){border-right:0}

.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stats div:nth-child(2){border-right:1px solid #ddd}.stats div:last-child{border-right:0}.home-collection{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.home-collection .text{padding:20px}.home-collection h3{font-size:21px;line-height:1.25}.home-collection p{font-size:13px;line-height:1.7}.home-collection .court{display:flex;flex-direction:column}.home-collection .text{display:flex;flex-direction:column;flex:1}.home-collection .link{align-self:flex-start;margin-top:auto}.home-collection .label{letter-spacing:1.5px}@media(max-width:1000px){.home-collection{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.home-collection{grid-template-columns:1fr}}

.faq-surface{background:#eef1ed;border-top:1px solid #d6ded9;border-bottom:1px solid #d6ded9}.faq-surface .home-faq{max-width:1450px;text-align:left}.home-faq .eyebrow:before{content:'';display:inline-block;width:35px;height:2px;background:#a7bd39;margin-right:15px;vertical-align:middle}.home-quote{background:#f7f7f2;border-top:0}.contact.form-only{max-width:1450px}.photo-upload{border:1px dashed #aabcbf;padding:22px}.photo-upload>label:first-child{font-size:14px}.photo-upload .note{margin:10px 0 18px}.photo-input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;overflow:hidden}.upload-button{display:inline-flex;align-items:center;gap:30px;border:1px solid #8ba0a9;padding:13px 18px;cursor:pointer;font-size:13px}.photo-input:focus-visible+.upload-button{outline:2px solid #123f59;outline-offset:4px}.photo-previews{display:flex;gap:15px;flex-wrap:wrap;margin-top:18px}.photo-previews:empty{margin-top:0}.photo-preview{position:relative;width:150px}.photo-preview img{width:150px;height:110px;object-fit:cover;border:1px solid #d6ded9}.photo-preview span{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:7px}.photo-preview button{position:absolute;right:5px;top:5px;width:28px;height:28px;border:0;border-radius:50%;background:white;color:#123f59;font-size:22px;cursor:pointer}#photo-errors{font-size:12px;color:#9c3434;margin-top:12px}#photo-errors:empty{margin:0}

.projects-surface{background:#f0f3f5;border-top:1px solid #d9e1e6}.projects-section{padding-top:35px}.section-divider{display:flex;align-items:center;gap:20px;margin-bottom:55px}.section-divider span{font-size:11px;letter-spacing:3px;color:#68818e}.section-divider i{height:1px;flex:1;background:linear-gradient(90deg,#a7bd39 0%,#c7d4db 20%,#c7d4db 100%)}.company-surface{background:#edf1ed;border-top:1px solid #d5dfd7;border-bottom:1px solid #d5dfd7}.company-details{display:grid;grid-template-columns:.85fr 1.3fr;gap:90px;align-items:start}.company-intro h2{margin-top:20px}.company-intro p:first-of-type{color:#123f59;font-size:18px}.company-contact{font-style:normal;display:grid;grid-template-columns:1fr 1fr;gap:32px 38px}.company-contact>div{border-top:1px solid #b9c9c7;padding-top:20px}.company-contact a{display:block;font-size:15px;line-height:1.8;overflow-wrap:anywhere}.company-contact .link{display:inline-block;font-size:12px}.company-contact p{margin:0;color:#123f59}.company-web{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 35px}.company-web .label{width:100%}@media(max-width:900px){.company-details{grid-template-columns:1fr;gap:35px}}@media(max-width:560px){.company-contact{grid-template-columns:1fr}.section-divider{margin-bottom:35px}}

.applications-surface{background:#f0f3f5;border-top:1px solid #d9e1e6;border-bottom:1px solid #d9e1e6}.applications-surface .eyebrow:before,.support-surface .eyebrow:before{content:'';display:inline-block;width:34px;height:2px;background:#a7bd39;margin-right:14px;vertical-align:middle}.applications-surface .grid{gap:18px 35px}.support-surface{background:#fafaf6;border-top:5px solid #e5ebe5}.support-surface .wrap{padding-top:75px;padding-bottom:75px}.company-details{padding-top:55px;padding-bottom:55px;gap:60px}.company-contact a{font-size:18px}.company-contact .label{color:#4d6673}.company-contact>div{border-top-color:#a5bab6}.company-contact>div:first-child a:first-of-type{font-size:25px;font-weight:500}.company-intro h2{font-size:clamp(34px,3.5vw,48px)}@media(max-width:560px){.company-contact a{font-size:17px}.company-contact>div:first-child a:first-of-type{font-size:23px}}

.about-heading{padding-top:35px;padding-bottom:30px}.about-heading h1{font-size:32px;letter-spacing:-.7px;line-height:1.2;margin:0}.about-closing .wrap{padding-top:30px;padding-bottom:30px}.about-closing p{margin:0;font-size:14px;color:#546d7a}@media(max-width:560px){.about-heading h1{font-size:28px}}

.customization-surface{background:#edf1ed;border-top:1px solid #d4ded6;border-bottom:1px solid #d4ded6}.customization-surface .wrap{padding-top:35px;padding-bottom:85px}.customization-surface .section-divider{margin-bottom:45px}#personalizacion{scroll-margin-top:25px}@media(max-width:560px){.customization-surface .wrap{padding-bottom:55px}.customization-surface .section-divider{margin-bottom:30px}}

/* Court color selection */
.customization-surface .split{align-items:start;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:64px}
.turf-preview{background:#10191f;overflow:hidden;border:1px solid #ccd6da}
.turf-preview img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border-radius:0}
.turf-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;color:#fff}
.turf-caption span{font-size:10px;letter-spacing:2px;color:#adbcc2}.turf-caption strong{font-size:14px;font-weight:500}
.turf-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 16px}
.turf-color{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 12px;background:transparent;border:1px solid #cbd4d4;color:#253942;cursor:pointer;font:inherit;font-size:12px;text-align:left;transition:background .18s,border-color .18s}
.turf-color:hover{background:#fff;border-color:#879c9c}.turf-color[aria-pressed=true]{background:#fff;border-color:#183e47;box-shadow:inset 0 -2px #183e47}
.turf-swatch{flex-shrink:0;display:block;width:20px;height:20px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.turf-color:focus-visible{outline:2px solid #183e47;outline-offset:3px}
@media(max-width:900px){.customization-surface .split{grid-template-columns:1fr;gap:36px}}
@media(max-width:400px){.turf-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}

.lighting-figures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}
.lighting-figure{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:22px 8px 18px;border:1px solid #cbd4d4;background:rgba(255,255,255,.45);color:#24434b}
.lighting-svg{display:block;width:42px;height:64px}.lighting-figure span{font-size:11px;text-align:center;line-height:1.5}
.turf-preview{background:transparent}
@media(max-width:1100px) and (min-width:901px){.lighting-figures{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.lighting-figures{grid-template-columns:repeat(2,minmax(0,1fr))}}

.film-surface{background:#eff2f0;border-top:1px solid #d6dfdc;border-bottom:1px solid #d6dfdc}
.film-feature,.film-editorial{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:70px}
.film-feature h2,.film-editorial h2{margin:20px 0}.film-feature p,.film-editorial p{max-width:440px}
.film-card{display:block;position:relative;padding:0;border:0;background:#14262f;width:100%;cursor:pointer;overflow:hidden;color:white;text-align:left}
.film-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;transition:filter .2s}
.film-card:hover img{filter:brightness(.82)}.film-card:focus-visible{outline:3px solid #718e8c;outline-offset:5px}
.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:60px;height:60px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(13,32,42,.55);font-size:18px;padding-left:3px}
.film-card-label{position:absolute;bottom:16px;left:18px;padding:7px 10px;background:rgba(13,32,42,.75);font-size:11px;letter-spacing:1px}
.film-portrait{max-width:260px;justify-self:center}.film-portrait img{aspect-ratio:9/16}
.film-editorial{border-top:1px solid #d6dfdc;grid-template-columns:1fr 1fr}
.film-detail{display:grid;grid-template-columns:1fr 240px;align-items:center;gap:45px;margin-top:55px;padding-top:45px;border-top:1px solid #cbd4d4}.film-detail h3{margin:18px 0}.film-detail .film-portrait{max-width:220px}
#film-dialog{background:#10212a;color:white;border:0;padding:48px 24px 22px;width:fit-content;max-width:94vw;max-height:94dvh;overflow:auto}#film-dialog::backdrop{background:rgba(5,16,23,.88)}
#film-title{font-size:16px;font-weight:400;margin:0 35px 16px 0}
#film-dialog video{display:block;width:auto;height:auto;max-width:min(100%,960px);max-height:72dvh;margin:auto;background:#000;object-fit:contain}
.film-close{position:absolute;right:15px;top:12px;background:none;border:0;color:white;font-size:22px;cursor:pointer;padding:8px}.film-error{color:white;font-size:13px}
@media(max-width:760px){.film-feature,.film-editorial{grid-template-columns:1fr;gap:28px}.film-portrait{max-width:240px}.film-detail{grid-template-columns:1fr;gap:24px}.film-detail .film-portrait{justify-self:start}.film-play{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){.film-card img{transition:none}}

/* Playback stays within each content block. */
.film-card{cursor:default;overflow:visible;background:transparent}
.inline-film{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#10212a}
.film-portrait .inline-film{aspect-ratio:9/16}
.film-start{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;color:white;cursor:pointer}
.film-start[hidden]{display:none}.film-start:hover{background:rgba(0,0,0,.08)}
.film-start:focus-visible{outline:3px solid #718e8c;outline-offset:4px}
.project-video{border-top:1px solid #cbd4d4;padding-top:24px;align-self:start}.project-video h3{margin:14px 0 8px}.project-video p{margin:0 0 20px}
.project-video .film-portrait{max-width:300px;margin:0;justify-self:start}
.customization-surface .film-detail{display:block;margin-top:26px;padding-top:24px;border-top:1px solid #cbd4d4}
.customization-surface .film-detail .film-portrait{max-width:280px;margin-top:20px}
.inline-film-error{color:#263d46;font-size:12px;margin:12px 0}.inline-film-error[hidden]{display:none}

.media-pair{display:grid;align-items:start;gap:14px;grid-template-columns:minmax(0,9fr) minmax(0,16fr)}
.companion-photo{margin:0;min-width:0}.companion-photo img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#e7eceb;max-height:none}
.companion-photo figcaption{font-size:11px;line-height:1.5;color:#657983;margin-top:10px}
.media-pair .film-portrait{width:100%;max-width:none;margin:0;justify-self:stretch}
.gallery-grid .project-video{grid-column:1/-1}.project-media-pair{max-width:850px;grid-template-columns:minmax(0,9fr) minmax(0,16fr)}
.project-media-pair .inline-film,.project-media-pair .companion-photo img{height:400px;aspect-ratio:auto;object-fit:contain}
.customization-surface .film-detail .film-portrait{max-width:none;margin:0}
.lighting-media-pair .inline-film,.lighting-media-pair .companion-photo img{height:300px;aspect-ratio:auto;object-fit:contain}
@media(max-width:560px){.project-media-pair .inline-film,.project-media-pair .companion-photo img{height:280px}.lighting-media-pair .inline-film,.lighting-media-pair .companion-photo img{height:250px}.media-pair{gap:10px}}

.service-integral{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;align-items:center}
.service-integral-photo{margin:0;min-width:0}.service-integral-photo img{display:block;width:100%;height:auto;object-fit:contain}
.service-integral-photo figcaption,.lighting-reference figcaption{font-size:11px;line-height:1.5;color:#657983;margin-top:12px}
.service-integral .service-list{display:block}.service-integral .service:first-child{padding-top:0}
.service-films-surface{background:#eef2ef;border-top:1px solid #d3ddd7}
.service-films{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:60px;align-items:center}
.service-film-intro h2{margin:20px 0}.service-film-intro p{max-width:410px}
.service-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:580px}
.service-film-grid article{min-width:0}.service-film-grid .film-portrait{max-width:none;width:100%}
.service-film-caption{border-top:1px solid #bfcfc6;margin-top:18px;padding-top:16px}.service-film-caption span{font-size:9px;letter-spacing:1.5px;color:#708279}.service-film-caption h3{font-size:18px;margin:10px 0 0}
.lighting-reference{margin:24px 0 0}.lighting-reference img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:900px){.service-integral,.service-films{grid-template-columns:1fr;gap:32px}.service-film-grid{max-width:560px}.service-film-intro p{max-width:600px}}
@media(max-width:560px){.service-film-grid{gap:14px}.service-film-caption h3{font-size:15px}.service-film-caption span{font-size:8px}.service-film-grid .film-card-label{left:6px;bottom:8px;font-size:9px;letter-spacing:0;padding:6px}}

/* Clear sequence: image, services, then films. */
.service-integral{display:block}
.service-integral-photo{margin:0 0 42px}
.service-integral-photo img{width:100%;height:auto;max-height:440px;object-fit:contain;background:#e9efee}
.service-integral .service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:55px;row-gap:8px}
.service-integral .service,.service-integral .service:first-child{padding:26px 0;align-self:stretch}
.service-films{display:block}.service-film-intro{max-width:720px;margin:0 auto 36px;text-align:center}
.service-film-intro p{max-width:620px;margin:0 auto}
.service-film-grid{max-width:650px;margin:0 auto;gap:32px}
.service-film-caption{margin:0 0 18px;padding-top:0;border-top:0}.service-film-caption h3{margin:9px 0 0}
@media(max-width:560px){.service-integral .service-list{grid-template-columns:1fr;gap:0}.service-integral-photo{margin-bottom:24px}.service-film-grid{gap:18px}.service-film-caption h3{font-size:16px}.service-film-intro{text-align:left;margin-bottom:28px}}

.service-integral-photo{max-width:760px;margin:0 auto 32px}
.service-photo-crop{width:100%;aspect-ratio:2/1;overflow:hidden;background:#dce7ed}
.service-integral-photo .service-photo-crop img{display:block;width:100%;height:auto;max-height:none;object-fit:initial;transform:translateY(-15%)}
.service-films{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:60px;align-items:center}
.service-film-intro{max-width:none;margin:0;text-align:left}.service-film-intro p{max-width:410px;margin:0}
.service-film-grid{max-width:580px;margin:0;gap:22px}
.service-film-caption{border-top:1px solid #bfcfc6;margin:18px 0 0;padding-top:16px}
@media(max-width:900px){.service-films{grid-template-columns:1fr;gap:32px}.service-film-grid{max-width:560px}.service-film-intro p{max-width:600px}}
@media(max-width:560px){.service-film-grid{gap:14px}.service-integral-photo{margin-bottom:24px}}

/* Restore the services grid; supporting photo sits to its right. */
.service-integral{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:48px;align-items:center}
.service-integral .service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.service-integral-photo{width:100%;max-width:360px;margin:0;justify-self:end}
@media(max-width:900px){.service-integral{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:26px}}
@media(max-width:650px){.service-integral{grid-template-columns:1fr;gap:26px}.service-integral .service-list{grid-template-columns:1fr}.service-integral-photo{max-width:360px;justify-self:start}}

.service-top{max-width:1450px;margin:auto;padding:65px 7% 35px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:55px;align-items:center}
.service-top .page-head{padding:0;margin:0;max-width:none}.service-top .page-head p{max-width:650px}
.service-top .service-integral-photo{max-width:380px;width:100%;justify-self:end;margin:0}
.service-integral{display:block}.service-integral .service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 65px;width:100%}
.service-integral .service h3{font-size:clamp(23px,2.3vw,30px);line-height:1.25}.service-integral .service p{font-size:16px;line-height:1.7;max-width:600px}
@media(max-width:760px){.service-top{grid-template-columns:1fr;gap:26px;padding-top:45px}.service-top .service-integral-photo{justify-self:start;max-width:380px}.service-integral .service-list{gap:16px 30px}}
@media(max-width:560px){.service-integral .service-list{grid-template-columns:1fr;gap:0}.service-integral .service p{font-size:15px}}

.service-top{display:block}.service-top .page-head{max-width:none}

/* Hero framing emphasizes the court rather than the surrounding homes. */
.hero{overflow:hidden}
.hero>img{object-position:50% 76%;transform:scale(1.4);transform-origin:48% 78%}
@media(max-width:900px){.hero>img{object-position:51% 80%;transform:scale(1.25);transform-origin:50% 76%}}
@media(max-width:560px){.hero>img{object-position:49% 82%;transform:scale(1.08);transform-origin:50% 78%}}

/* Full background restored, with lighter zoom and the court shifted right. */
.hero{display:flex;flex-direction:row;align-items:center;min-height:680px;background:#091f2e;overflow:hidden}
.hero-content{order:initial;position:relative;width:auto;flex:initial;max-width:740px;padding:80px 7%;z-index:1}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 78%;transform:translateX(10%) scale(1.18);transform-origin:0% 80%}
.hero:after{display:block;left:0;background:linear-gradient(90deg,#091f2e 0%,rgba(9,31,46,.92) 15%,rgba(9,31,46,.63) 38%,rgba(9,31,46,.14) 62%,rgba(9,31,46,.03))}
@media(max-width:900px){.hero{min-height:650px}.hero-content{padding:70px 7%;max-width:650px}.hero>img{transform:translateX(6%) scale(1.12);object-position:35% 80%;transform-origin:0% 80%}.hero-note{display:none}}
@media(max-width:560px){.hero{min-height:600px}.hero>img{transform:none;object-position:38% 82%}.hero:after{background:linear-gradient(90deg,rgba(9,31,46,.88),rgba(9,31,46,.25))}}

/* Lift the copy into the upper-left background area. */
.hero{align-items:flex-start}
.hero-content{padding-top:42px;padding-bottom:42px}
@media(max-width:900px){.hero-content{padding-top:36px;padding-bottom:36px}}
@media(max-width:560px){.hero-content{padding-top:30px;padding-bottom:30px}}

/* Small horizontal framing adjustment; keep zoom and copy unchanged. */
.hero>img{transform:translateX(13%) scale(1.18)}
@media(max-width:900px){.hero>img{transform:translateX(9%) scale(1.12)}}
@media(max-width:560px){.hero>img{transform:none;object-position:33% 82%}}

/* Additional small shift requested after viewing the hero. */
.hero>img{transform:translateX(16%) scale(1.18)}
@media(max-width:900px){.hero>img{transform:translateX(12%) scale(1.12)}}
@media(max-width:560px){.hero>img{transform:none;object-position:28% 82%}}

/* Slight upper crop, preserving horizontal framing and zoom. */
.hero>img{object-position:50% 87%}
@media(max-width:900px){.hero>img{object-position:35% 89%}}
@media(max-width:560px){.hero>img{object-position:28% 89%}}

/* A second slight upper framing adjustment. */
.hero>img{object-position:50% 95%}
@media(max-width:900px){.hero>img{object-position:35% 96%}}
@media(max-width:560px){.hero>img{object-position:28% 96%}}

/* Slightly raise the background to crop more from the top. */
.hero>img{transform:translate(16%,-2.5%) scale(1.18)}
@media(max-width:900px){.hero>img{transform:translate(12%,-1.8%) scale(1.12)}}
@media(max-width:560px){.hero>img{transform:none;object-position:28% 100%}}

.home-collection-section .section-head{justify-content:flex-start;gap:36px}.home-collection-section .section-head>p{margin-left:0;max-width:380px}
@media(max-width:900px){.home-collection-section .section-head>p{margin-top:20px}}

.collection-slideshow{background:#eef1f3;border:1px solid #d8e0e3;touch-action:pan-y}
.collection-slideshow .court{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;min-height:360px;background:transparent}
.collection-slideshow .court[hidden]{display:none}
.collection-slideshow .court>img{width:100%;height:340px;aspect-ratio:auto;object-fit:contain;padding:30px}
.collection-slideshow .court .text{padding:35px 45px}.collection-slideshow .court h3{font-size:clamp(25px,3vw,40px);line-height:1.15;margin:20px 0}.collection-slideshow .court p{max-width:440px;font-size:16px}
.collection-controls{display:flex;justify-content:center;align-items:center;gap:24px;border-top:1px solid #d2dde1;padding:17px 22px}
.collection-prev,.collection-next{border:1px solid #aebfc5;background:transparent;width:42px;height:42px;color:#183e50;font-size:20px;cursor:pointer}
.collection-prev:hover,.collection-next:hover{background:white}
.collection-dots{display:flex;gap:12px}.collection-dots button{width:10px;height:10px;border-radius:50%;border:1px solid #758d96;background:transparent;padding:0;cursor:pointer}.collection-dots button[aria-current=true]{background:#183e50;border-color:#183e50}
.collection-count{font-size:11px;letter-spacing:1.5px;color:#607986}
.collection-slideshow:focus-visible,.collection-controls button:focus-visible{outline:2px solid #183e50;outline-offset:4px}
@media(max-width:760px){.collection-slideshow .court{grid-template-columns:1fr;min-height:0}.collection-slideshow .court>img{height:260px;padding:22px}.collection-slideshow .court .text{padding:12px 26px 30px}.collection-slideshow .court h3{margin:12px 0}.collection-controls{gap:18px}.collection-slideshow .court p{font-size:15px}}