:root{--navy:#073b60;--deep-navy:#052d4a;--coral:#ff665e;--ink:#073b60;--muted:#5b6871;--paper:#fff;--pale:#f2f5f7;--line:#c7d2da;--page-width:85%;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,summary{cursor:pointer}button:disabled{cursor:default}img,video{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--coral);outline-offset:6px}h1,h2,h3,p,figure{margin:0}svg{display:block}.container{width:var(--page-width);max-width:1800px;margin-inline:auto}.coral-text{color:#da413d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:white;padding:16px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:fixed;inset:0 0 auto;z-index:20;min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:16px max(4.2vw,24px);gap:24px;color:white;transition:background .25s,color .25s,box-shadow .25s}.site-header.scrolled{background:white;color:var(--navy);box-shadow:0 1px 0 #073b601f}.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{width:52px;height:52px;object-fit:contain}.site-header:not(.scrolled) .brand-mark{filter:brightness(0) invert(1)}.brand-name{font-size:clamp(15px,1.55vw,25px);letter-spacing:-.035em;font-weight:800;white-space:nowrap}.contact-button{display:inline-flex;justify-content:center;align-items:center;min-width:153px;min-height:44px;background:white;color:var(--navy);font-size:14px;font-weight:700;border:1px solid white;transition:background .2s,color .2s,border-color .2s}.contact-button:hover{background:var(--coral);border-color:var(--coral);color:var(--deep-navy)}.scrolled .contact-button{background:var(--navy);border-color:var(--navy);color:white}.scrolled .contact-button:hover{background:var(--coral);border-color:var(--coral);color:var(--deep-navy)}
.hero{position:relative;height:100vh;height:100svh;min-height:600px;overflow:hidden;background:var(--deep-navy);color:white;display:flex;align-items:flex-end;padding:0 60px min(60px,7vw)}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover;object-position:center}.hero-media video{position:absolute;inset:0;opacity:0;transition:opacity .6s}.hero-media video.is-playing{opacity:1}.hero-shade{background:linear-gradient(180deg,rgba(3,22,38,.28),rgba(3,22,38,.03) 30%,rgba(3,22,38,.25) 55%,rgba(3,22,38,.86)),linear-gradient(90deg,rgba(3,22,38,.24),transparent 70%)}.hero-content{position:relative;z-index:1;margin-bottom:65px;width:100%}.hero h1{font-size:max(48px,7vw);font-weight:600;line-height:1;letter-spacing:-.035em;max-width:1450px}.hero h1 span{color:var(--coral)}.motion-toggle{position:absolute;right:29px;bottom:31px;z-index:2;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;background:#052d4a40;color:white}.motion-toggle[hidden]{display:none}.motion-toggle:hover{background:var(--navy)}.play-icon{display:none}.motion-toggle[aria-pressed=true] .pause-icon{display:none}.motion-toggle[aria-pressed=true] .play-icon{display:block}.hero-scroll{position:absolute;left:60px;bottom:33px;width:44px;height:32px;display:flex;align-items:center}.hero-scroll span{height:24px;width:1px;background:#ffffff90;position:relative}.hero-scroll span:after{content:'';position:absolute;left:-4px;bottom:0;width:8px;height:8px;border-bottom:1px solid white;border-right:1px solid white;transform:rotate(45deg)}
.section-light{background:white}.eyebrow{font-size:20px;font-weight:600;line-height:1.3;letter-spacing:.01em;color:var(--muted)}.introduction{padding:min(60px,7vw) 0 9vw}.introduction .eyebrow,.services .eyebrow{margin-bottom:min(32px,6vw)}.statement{font-size:max(32px,3.75vw);font-weight:600;line-height:1.14;letter-spacing:-.027em;max-width:1400px}
.section-navy{background:var(--navy);color:white}.work{padding:7vw 0 5vw;overflow:hidden}.work-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:40px}.work .eyebrow{color:white;font-weight:500}.work-credit{font-size:14px;line-height:1.5;color:#d1e0ea}.work-carousel{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-left:7.5%;scroll-padding-left:7.5%;touch-action:pan-x pan-y}.work-carousel::-webkit-scrollbar{display:none}.work-track{display:flex;gap:24px;width:max-content;padding-right:7.5vw}.work-slide{width:68vw;max-width:1300px;flex:none;scroll-snap-align:start}.work-image{overflow:hidden;border-radius:4px;height:70vh;min-height:360px;max-height:800px;background:var(--deep-navy)}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.work-slide:hover .work-image img{transform:scale(.97)}.work-slide figcaption{padding-top:20px}.work-slide figcaption span{font-size:14px;line-height:1.5;color:#c8dce9}.work-slide h3{font-size:max(20px,1.25vw);font-weight:700;line-height:1.3;margin-top:5px}.carousel-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.carousel-dots{display:flex;align-items:center;gap:2px}.carousel-dots button{position:relative;width:30px;height:44px;padding:0;border:0;background:transparent}.carousel-dots button:after{content:'';position:absolute;width:10px;height:10px;border:1px solid #c6dae8;border-radius:50%;inset:0;margin:auto;transition:background .2s,border-color .2s}.carousel-dots button[aria-current=true]:after{background:var(--coral);border-color:var(--coral)}.carousel-navigation{display:flex;gap:12px}.circle-control{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff90;border-radius:50%;background:transparent;color:white;transition:background .2s}.circle-control svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.circle-control:hover:not(:disabled){background:white;color:var(--navy)}.circle-control:disabled{opacity:.3}
.services{padding:9vw 0}.service-list{margin-top:min(50px,6vw)}.service{border-bottom:1px solid var(--line)}.service:first-child{border-top:1px solid var(--line)}.service summary{display:flex;justify-content:space-between;align-items:center;gap:24px;list-style:none;min-height:98px;padding:24px 0}.service summary::-webkit-details-marker{display:none}.service summary h3{font-size:max(32px,2.29167vw);font-weight:600;line-height:1.15;letter-spacing:-.025em}.service-toggle{width:40px;height:40px;flex:0 0 40px;border:1px solid var(--navy);border-radius:50%;position:relative;transition:background .2s,color .2s}.service-toggle:before,.service-toggle:after{content:'';position:absolute;left:12px;right:12px;height:1px;top:19px;background:var(--navy);transition:transform .2s}.service-toggle:after{transform:rotate(90deg)}.service[open] .service-toggle{background:var(--navy)}.service[open] .service-toggle:before,.service[open] .service-toggle:after{background:white}.service[open] .service-toggle:after{transform:rotate(0)}.service summary:hover h3{color:#cf403b}.service-content{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:4px 0 35px;align-items:start}.service-content p{font-size:max(24px,1.5625vw);font-weight:400;line-height:1.45;letter-spacing:-.01em}.service-content img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.closing-panels{display:grid;grid-template-columns:1fr 1fr}.about-panel,.contact-panel{padding:7vw;min-width:0}.about-panel{background:var(--pale)}.contact-panel{background:var(--navy);color:white}.closing-panels .eyebrow{margin-bottom:32px}.contact-panel .eyebrow{color:#d4e2ec}.closing-statement{font-size:max(48px,2.8125vw);font-weight:400;line-height:1.12;letter-spacing:-.035em}.about-copy{font-size:18px;line-height:1.55;max-width:460px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;min-height:50px;padding:14px 34px;transition:background .2s,color .2s}.button-coral{background:var(--coral);color:var(--deep-navy);margin-top:36px}.button-coral:hover{background:white}.whatsapp-link{display:block;width:fit-content;margin-top:22px;font-size:16px;text-decoration:underline;text-underline-offset:5px;line-height:1.5}.whatsapp-link:hover{color:var(--coral)}
.site-footer{background:white;padding:48px 0 28px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:36px;border-bottom:1px solid var(--navy)}.footer-tagline{font-size:18px;font-weight:600;line-height:1.5}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:26px;font-size:14px;line-height:1.5}.footer-bottom p{color:var(--muted)}.footer-bottom a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1800px){.hero{padding-inline:7.5%}.hero-scroll{left:7.5%}.work-carousel{padding-left:calc((100vw - 1800px)/2);scroll-padding-left:calc((100vw - 1800px)/2)}}
@media(max-width:1023px){.site-header{padding-inline:5vw}.hero{padding-inline:7.5%}.hero-scroll{left:7.5%}.brand-name{font-size:18px}.work-slide{width:78vw}.work-credit{max-width:235px}.footer-top{align-items:flex-start}.footer-tagline{max-width:240px}.footer-bottom{align-items:flex-start}.footer-bottom p{text-align:right}.closing-statement{font-size:44px}.about-panel,.contact-panel{padding-inline:7.5vw}}
@media(max-width:767px){html{scroll-padding-top:76px}.site-header{min-height:76px;padding:12px 5vw;gap:12px}.brand{gap:9px}.brand-mark{width:39px;height:39px}.brand-name{font-size:14px;letter-spacing:-.035em}.contact-button{min-width:85px;min-height:44px;font-size:14px}.hero{height:70vh;height:70svh;min-height:520px;padding:0 7.5% min(60px,7vw)}.hero-content{margin-bottom:65px}.hero h1{font-size:48px;line-height:1.02;letter-spacing:-.04em}.hero h1 br{display:none}.hero-poster,.hero-media video{object-position:60% center!important}.hero-shade{background:linear-gradient(180deg,#03162655,transparent 25%,#03162666 55%,#031626e6)}.hero-scroll{bottom:26px}.motion-toggle{right:7.5%;bottom:23px}.introduction{padding:42px 0 65px}.eyebrow{font-size:16px}.statement{font-size:32px;line-height:1.18;letter-spacing:-.025em}.work{padding:52px 0 42px}.work-heading{display:block;margin-bottom:30px}.work-credit{max-width:none;font-size:14px;margin-top:12px}.work-slide{width:80vw}.work-track{gap:18px}.work-image{height:50vh;height:50svh;min-height:300px;max-height:500px}.work-slide figcaption{padding-top:16px}.work-slide h3{font-size:20px}.carousel-toolbar{margin-top:25px}.carousel-navigation{gap:8px}.carousel-dots button{width:26px}.services{padding:65px 0}.service-list{margin-top:34px}.service summary{min-height:92px;padding:22px 0;gap:18px}.service summary h3{font-size:26px;line-height:1.15}.service-toggle{width:36px;height:36px;flex-basis:36px}.service-toggle:before,.service-toggle:after{top:17px;left:10px;right:10px}.service-content{grid-template-columns:1fr;gap:24px;padding-bottom:28px}.service-content p{font-size:20px;line-height:1.5}.closing-panels{grid-template-columns:1fr}.about-panel,.contact-panel{padding:52px 7.5%}.closing-panels .eyebrow{margin-bottom:28px}.closing-statement{font-size:48px}.about-copy{font-size:18px;margin-top:26px}.site-footer{padding:36px 0 25px}.footer-top{flex-direction:column;gap:24px;padding-bottom:30px}.footer-brand .brand-mark{width:44px;height:44px}.footer-brand .brand-name{font-size:19px}.footer-tagline{font-size:16px;max-width:none}.footer-bottom{flex-direction:column;gap:16px;padding-top:24px}.footer-bottom p{text-align:left;font-size:13px}}
@media(max-width:359px){.site-header{padding-inline:16px}.brand-name{font-size:12px}.brand-mark{width:34px;height:34px}.contact-button{min-width:72px}.hero h1{font-size:42px}.hero{min-height:510px}.service summary h3{font-size:24px}.carousel-dots button{width:23px}.footer-brand .brand-name{font-size:17px}.closing-statement{font-size:43px}}
:root{--focus-coral:#cf3b34}
.coral-text{color:#ce3935}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:var(--focus-coral)}
.section-navy,.contact-panel,.hero,.site-header:not(.scrolled){--focus-coral:var(--coral)}
.hero{width:calc(100% - var(--hero-inset,0px)*2);margin-inline:auto}
.work-carousel{width:85%;max-width:1800px;margin-inline:auto;padding-left:0;scroll-padding-left:0}
.work-track{gap:12px;padding-right:0}
.work-carousel{cursor:grab}.work-carousel.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.service-content img{height:auto}
.work-slide{width:calc((85vw - 12px)/1.5);max-width:1192px}
.service-toggle:before{left:14px;right:auto;top:12px;width:10px;height:10px;background:none;border-right:1px solid var(--navy);border-bottom:1px solid var(--navy);transform:rotate(45deg)}
.service-toggle:after{display:none}
.service[open] .service-toggle:before{background:none;border-color:white;transform:translateY(5px) rotate(225deg)}
@media(max-width:833px){.work-slide{width:85vw;max-width:none}}
@media(max-width:767px){.hero h1 br{display:initial}.service summary h3{font-size:32px}.service-content p{font-size:24px}.service-toggle{width:40px;height:40px;flex-basis:40px}.service-toggle:before{top:12px;left:14px;right:auto}}
@media(max-width:359px){.service summary h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero{width:100%}.hero-media video{display:none}.work-carousel{scroll-behavior:auto}}