@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,400,0,0&display=swap');
:root{--dark:#05201f;--green:#003635;--bright:#e2ffc2;--cream:#c5d2b7;--light:#f5f6f4;--ink:#082a29;--muted:#64736b;--sans:'DM Sans',sans-serif;--display:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--dark);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.skip-link{position:fixed;z-index:500;top:-60px;left:20px;padding:12px 18px;background:#fff}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible{outline:3px solid var(--bright);outline-offset:4px}.noise{position:fixed;z-index:300;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.topbar{position:absolute;z-index:20;top:0;left:0;right:0;height:110px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:15px 2.5%;color:var(--bright)}.top-logo img{width:88px;height:66px;object-fit:contain;filter:brightness(0) saturate(100%) invert(94%) sepia(14%) saturate(1006%) hue-rotate(34deg) brightness(112%)}.topbar p{margin:0;font-size:.61rem;font-weight:600;line-height:1.45;letter-spacing:1.5px;text-align:center}.topbar .registration-top{text-align:right}
.hero{position:relative;min-height:760px;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:120px 5% 130px;background:radial-gradient(circle at 50% 48%,#0b3835 0,transparent 38%),var(--dark);color:var(--bright);text-align:center}.hero-label{margin:0 0 30px;font-size:.62rem;font-weight:600;letter-spacing:2px}.hero h1{max-width:1120px;margin:0;font:400 clamp(3.6rem,6.6vw,7.2rem)/.98 var(--display);letter-spacing:-.055em}.hero h1 em,.section-head h2 em,.contact-copy h2 em{font-family:Georgia,serif;font-weight:400}.hero-subtitle{max-width:560px;margin:30px 0 0;color:var(--cream);font-size:.96rem;line-height:1.7}.hero-glow{position:absolute;left:50%;top:50%;width:38vw;height:38vw;transform:translate(-50%,-50%);border:1px solid #e2ffc217;border-radius:50%;box-shadow:0 0 0 8vw #e2ffc208,0 0 0 16vw #e2ffc205}.hero-seal{position:absolute;right:4%;bottom:12%;width:105px;color:#e2ffc257}.hero-seal svg{fill:none;stroke:currentColor;stroke-width:.55}.section-light,.section-muted,.section-dark{position:relative;padding:130px max(3%,calc((100vw - 1320px)/2))}.section-light{background:var(--light)}.section-muted{background:var(--cream)}.section-dark{background:var(--green);color:#fff}.section-head{position:relative;margin-bottom:70px}.section-head>p:first-child{margin:0 0 65px;font-size:.67rem;font-weight:600;letter-spacing:1.5px}.section-head h2{max-width:950px;margin:0;font:400 clamp(3.2rem,5.4vw,6.1rem)/.98 var(--display);letter-spacing:-.055em}.section-head h2 em{color:#59756b}.section-head.inverse h2 em{color:var(--bright)}.section-intro{position:absolute;right:0;bottom:4px;max-width:320px;margin:0;color:var(--muted);line-height:1.65}
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:center}.about-portrait{position:relative;height:650px;overflow:hidden;border-radius:50% 50% 16px 16px}.about-portrait img{width:100%;height:100%;object-fit:cover}.about-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05201fa8,transparent 50%)}.about-portrait span{position:absolute;z-index:2;left:50%;bottom:25px;transform:translateX(-50%);width:max-content;color:var(--bright);font-size:.58rem;letter-spacing:1.3px}.about-copy{max-width:650px}.about-copy>p{color:#b8cbc1;font-size:1rem;line-height:1.8}.about-copy .lead{color:#fff;font:400 clamp(1.6rem,2.6vw,2.6rem)/1.35 var(--display);letter-spacing:-.035em}.credential{margin-top:45px;padding-top:27px;border-top:1px solid #ffffff3d}.credential span{display:block;margin-bottom:12px;color:#a9beb3;font-size:.6rem;letter-spacing:1.5px}.credential strong{display:block;color:var(--bright);font:500 1.4rem/1.3 var(--display)}.credential p{max-width:500px;margin:12px 0 0;color:#aebfb7;font-size:.85rem;line-height:1.6}.reasons{display:grid;grid-template-columns:repeat(4,1fr);margin-top:120px;border-top:1px solid #ffffff3d}.reasons article{min-height:250px;padding:26px 25px;border-right:1px solid #ffffff3d}.reasons article:last-child{border-right:0}.reasons span{color:#9fb3a9;font-size:.65rem}.reasons h3{margin:80px 0 12px;color:var(--bright);font:500 1.08rem/1.3 var(--display)}.reasons p{margin:0;color:#aebfb7;font-size:.85rem;line-height:1.6}
.service-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.service-tile{position:relative;min-height:400px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;border-radius:18px;background:var(--cream);overflow:hidden}.service-tile:nth-child(3){background:var(--bright)}.service-tile:nth-child(5){grid-column:1/-1;min-height:340px;background:var(--green);color:#fff}.tile-number{align-self:flex-end;font-size:.68rem}.service-tile p{margin:0 0 13px;font-size:.59rem;font-weight:600;letter-spacing:1.5px}.service-tile h3{max-width:480px;margin:0 0 65px;font:400 clamp(2rem,3.7vw,4rem)/1.05 var(--display);letter-spacing:-.05em}.image-tile{color:#fff}.image-tile>img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover}.image-tile:after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,#05201fcf,transparent 72%)}.image-tile>*:not(img){position:relative;z-index:2}.pill-button,.big-button{position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:40px;overflow:hidden;padding:14px 18px;border:0;border-radius:999px;background:var(--ink);color:var(--bright);font-size:.66rem;font-weight:700;cursor:pointer}.pill-button:before,.big-button:before{content:'';position:absolute;inset:0;border-radius:inherit;background:var(--bright);transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.pill-button:hover:before,.big-button:hover:before{transform:translateY(0)}.pill-button>*,.big-button>*{position:relative;z-index:1}.pill-button:hover,.big-button:hover{color:var(--ink)}.pill-button i,.big-button i{font-style:normal;font-size:1rem}.pill-button.light{background:var(--bright);color:var(--ink)}.pill-button.light:before{background:#fff}.service-tile:nth-child(5) .pill-button{background:var(--bright);color:var(--ink)}
.empty-projects{position:relative;min-height:380px;display:flex;align-items:flex-end;justify-content:space-between;gap:50px;padding:35px 0;border-top:1px solid #082a2945;border-bottom:1px solid #082a2945}.empty-projects>span{font-size:.62rem;font-weight:600;letter-spacing:1.5px}.empty-projects p{max-width:430px;margin:0;font-size:1rem;line-height:1.7}.empty-projects svg{position:absolute;left:50%;top:50%;width:180px;transform:translate(-50%,-50%);fill:none;stroke:#082a293b;stroke-width:.7}.contact{padding-bottom:120px}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center}.contact-image{height:620px;overflow:hidden;border-radius:260px 260px 15px 15px}.contact-image img{width:100%;height:100%;object-fit:cover}.contact-copy>p{margin:0 0 50px;color:#aebfb7;font-size:.65rem;letter-spacing:1.5px}.contact-copy h2{margin:0 0 45px;color:#fff;font:400 clamp(3.5rem,6vw,6.7rem)/.95 var(--display);letter-spacing:-.06em}.contact-copy h2 em{color:var(--bright)}.big-button{padding:17px 21px;background:var(--bright);color:var(--ink)}.big-button:before{background:#fff}.phone{display:block;width:max-content;margin-top:32px;color:#fff;font:400 clamp(1.5rem,2.7vw,2.8rem)/1.2 var(--display);border-bottom:1px solid #ffffff66}.contact footer{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:40px;margin-top:110px;padding-top:30px;border-top:1px solid #ffffff3d}.contact footer img{width:110px;height:83px;object-fit:contain;filter:brightness(0) invert(1)}.contact footer p,.contact footer>span{margin:0;color:#aebfb7;font-size:.72rem}.contact footer>span b{font-weight:400}
.floating-controls{position:fixed;z-index:200;left:28px;right:28px;bottom:22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;pointer-events:none}.floating-controls>*{pointer-events:auto}.dock{display:flex;gap:3px;padding:4px;border:1px solid #e2ffc23b;border-radius:999px;background:#05201fba;box-shadow:0 7px 30px #0003;backdrop-filter:blur(8px)}.dock a{padding:13px 18px;border-radius:999px;color:#fff;font-size:.62rem;font-weight:700;transition:background .25s,color .25s}.dock a:hover,.dock a.active{background:var(--bright);color:var(--ink)}.scroll-control{justify-self:end;display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:var(--bright);color:var(--ink);font-size:1.1rem;box-shadow:0 7px 25px #0003}
dialog{width:min(680px,calc(100% - 32px));max-height:calc(100svh - 40px);overflow:auto;padding:50px;border:0;border-radius:20px;background:var(--light);color:var(--ink);box-shadow:0 25px 80px #0007}dialog::backdrop{background:#05201fd9;backdrop-filter:blur(5px)}dialog>span{font-size:.63rem;font-weight:600;letter-spacing:1.5px}dialog h2{max-width:530px;margin:45px 0 22px;font:400 clamp(2.3rem,4vw,4rem)/1 var(--display);letter-spacing:-.05em}dialog p{color:var(--muted);line-height:1.7}dialog ul{margin:28px 0 0;padding:25px 0 0;border-top:1px solid #c5cec5;list-style:none}dialog li{position:relative;padding:8px 0 8px 22px;font-size:.91rem}dialog li:before{content:'—';position:absolute;left:0;color:#527251}.dialog-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border:1px solid #9fa9a1;border-radius:50%;background:transparent;font-size:1.4rem;cursor:pointer}.dialog-close:hover{background:var(--bright)}
@media(max-width:900px){.about-grid{gap:5%}.reasons{grid-template-columns:1fr 1fr}.service-gallery{grid-template-columns:1fr}.service-tile:nth-child(5){grid-column:auto}.section-intro{position:relative;right:auto;bottom:auto;margin-top:25px}.contact-layout{gap:5%}.dock a{padding:12px}}
@media(max-width:680px){.topbar{height:85px;grid-template-columns:1fr 1fr;padding:10px 18px}.top-logo img{width:70px;height:53px}.topbar>p:not(.registration-top){display:none}.registration-top{font-size:.53rem!important}.hero{min-height:690px;padding:100px 22px}.hero-label{font-size:.55rem}.hero h1{font-size:clamp(3rem,14vw,4.5rem)}.hero-subtitle{font-size:.88rem}.hero-seal{display:none}.section-light,.section-muted,.section-dark{padding:85px 20px}.section-head{margin-bottom:42px}.section-head>p:first-child{margin-bottom:35px}.section-head h2{font-size:2.8rem}.about-grid{grid-template-columns:1fr}.about-portrait{height:460px;margin-bottom:25px}.about-copy .lead{font-size:1.5rem}.reasons{grid-template-columns:1fr;margin-top:70px}.reasons article{min-height:190px;border-right:0;border-bottom:1px solid #ffffff3d}.reasons h3{margin-top:45px}.service-tile{min-height:360px;padding:22px;border-radius:13px}.service-tile h3{font-size:2.35rem}.empty-projects{min-height:330px;align-items:flex-start;flex-direction:column;justify-content:flex-end}.empty-projects svg{top:35%;width:140px}.contact-layout{grid-template-columns:1fr}.contact-image{height:440px;margin-bottom:20px}.contact-copy>p{margin-bottom:30px}.contact-copy h2{font-size:3.5rem}.contact footer{grid-template-columns:1fr;margin-top:80px}.contact footer p{max-width:280px}.floating-controls{left:10px;right:10px;bottom:10px;display:block;overflow-x:auto;scrollbar-width:none}.dock{width:max-content;min-width:100%;justify-content:center}.dock a{padding:12px 10px;font-size:.53rem}.scroll-control{display:none}dialog{padding:42px 24px 30px;border-radius:15px}dialog h2{margin-top:35px;font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Flex sizing safeguards */
.hero h1,.hero-label,.hero-subtitle{width:100%}
@media(max-width:680px){.registration-top{grid-column:2}.hero h1{font-size:clamp(2.55rem,10.8vw,4.5rem)}}

/* Hero photography and centered identity */
.topbar{grid-template-columns:1fr auto 1fr}
.top-logo{grid-column:2;grid-row:1;justify-self:center}
.topbar>p{grid-column:1;grid-row:1;text-align:left}
.hero-image{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.hero:after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#05201fa8 0%,#05201f5c 38%,#05201fa3 100%),linear-gradient(90deg,#05201f70,transparent 45%,#05201f4f)}
.hero>*:not(.hero-image):not(.hero-glow){position:relative;z-index:2}
.hero-glow{z-index:2;opacity:.3}
@media(max-width:680px){.topbar{grid-template-columns:1fr auto 1fr}.topbar>p{display:none}.top-logo{grid-column:2}.hero-image{object-position:54% center}.hero:after{background:linear-gradient(180deg,#05201fb3 0%,#05201f69 38%,#05201fb5 100%)}}

/* Occupational safety imagery */
.image-tile img[src*="seguridad-ocupacional"]{object-position:center 48%}
.image-tile img[src*="monitoreo-ocupacional"]{object-position:center 45%}
.image-tile img[src*="consultoria-gestion-ambiental"]{object-position:center 40%}
.image-tile img[src*="monitoreo-ambiental"]{object-position:center 46%}
.image-tile img[src*="servicios-ingenieria"]{object-position:center 43%}
.dialog-image{width:calc(100% + 100px);max-width:none;height:255px;margin:-50px -50px 38px;object-fit:cover;object-position:center 44%}
#service-01 .dialog-close,#service-02 .dialog-close,#service-03 .dialog-close,#service-04 .dialog-close,#service-05 .dialog-close{z-index:2;background:var(--light)}
#service-01 .dialog-image{object-position:center 34%}
#service-02 .dialog-image{object-position:center 38%}
#service-05 .dialog-image{object-position:center 42%}
@media(max-width:680px){.dialog-image{width:calc(100% + 48px);height:210px;margin:-42px -24px 32px}}

/* Persistent centered brand: large in the hero, compact while scrolling */
.topbar{position:fixed;z-index:250;height:145px;pointer-events:none;background:transparent;border-bottom:1px solid transparent;transition:height .35s cubic-bezier(.2,.8,.2,1),background-color .3s,border-color .3s,backdrop-filter .3s}
.topbar>p{transition:opacity .25s,transform .25s}
.top-logo{position:relative;display:grid;place-items:center;padding:0;border:0;background:transparent;box-shadow:none;pointer-events:auto}
.top-logo img{width:145.2px;height:108.9px;transition:width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1);filter:brightness(0) saturate(100%) invert(94%) sepia(14%) saturate(1006%) hue-rotate(34deg) brightness(112%)}
.topbar.scrolled{height:76px;background:#071918eb;border-bottom-color:#e2ffc21f;backdrop-filter:blur(8px)}
.topbar.scrolled .top-logo{background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.topbar.scrolled .top-logo img{width:72.6px;height:54.45px;filter:brightness(0) saturate(100%) invert(94%) sepia(14%) saturate(1006%) hue-rotate(34deg) brightness(112%)}
.topbar.scrolled>p{opacity:0;transform:translateY(-8px)}
@media(max-width:680px){.topbar{height:116px}.top-logo img{width:115.5px;height:87.45px}.topbar.scrolled{height:64px}.topbar.scrolled .top-logo img{width:57.75px;height:43.725px}}

/* Instagram action in the persistent header */
.top-instagram{grid-column:3;grid-row:1;justify-self:end;display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--bright);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .25s,transform .25s}
.top-instagram svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.topbar.scrolled .top-instagram{opacity:1;transform:translateY(0);pointer-events:auto}
.top-instagram:hover{opacity:.72}
@media(max-width:680px){.top-instagram{width:33px;height:33px}.top-instagram svg{width:22px;height:22px}}

/* Stronger contrast for text over photography */
.image-tile>img,.about-portrait img{filter:brightness(.82) saturate(.92)}
.image-tile:after{background:linear-gradient(0deg,#05201fee 0%,#05201f9c 58%,#05201f4a 100%)}

/* Simplified persistent navigation */
.floating-controls{display:flex;align-items:flex-end;justify-content:center;bottom:max(10px,env(safe-area-inset-bottom))}
.dock{width:min(100%,400px)}
.dock a{flex:1;text-align:center}
.scroll-control{position:absolute;right:0;bottom:0}

@media(max-width:680px){
  .floating-controls{display:block;overflow:visible}
  .dock{width:max-content;min-width:0;max-width:100%;margin-inline:auto}
  .dock a{flex:0 0 auto;padding:12px 8px;font-size:.5rem}
  .contact-layout{display:flex;flex-direction:column}
  .contact-copy{order:-1;margin-bottom:55px}
  .contact-image{order:2;margin-bottom:0}
  .service-tile h3{overflow-wrap:anywhere}
}

@media(max-width:360px) and (max-height:650px){.hero{min-height:620px}}

/* Institutional registration mark */
.credential-logo{width:min(100%,185px);height:auto;margin:26px 0 0;object-fit:contain;object-position:left center}
@media(max-width:680px){.credential-logo{width:min(100%,155px);margin-top:22px}}

/* Circular institutional photography */
.about-portrait,.contact-image{width:100%;height:auto;aspect-ratio:1;border-radius:50%;justify-self:center}

/* Project gallery */
.projects-carousel{position:relative}.carousel-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;outline-offset:6px}.carousel-viewport::-webkit-scrollbar{display:none}.carousel-track{display:flex;gap:16px}.project-slide{position:relative;flex:0 0 min(78vw,1000px);height:570px;margin:0;overflow:hidden;border-radius:22px;background:var(--green);scroll-snap-align:start;scroll-snap-stop:always}.project-slide img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.project-slide:hover img{transform:scale(1.025)}.project-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05201fe8 0%,#05201f6b 42%,transparent 72%)}.project-slide figcaption{position:absolute;z-index:1;right:28px;bottom:25px;left:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;color:#fff}.project-slide figcaption span{font-size:.62rem;font-weight:600;letter-spacing:1.5px}.project-slide figcaption p{max-width:480px;margin:0;font:400 clamp(1.35rem,2.3vw,2.35rem)/1.12 var(--display);letter-spacing:-.035em}.carousel-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.carousel-status{margin:0;font-size:.68rem;letter-spacing:1.2px}.carousel-status b{font-size:1.15rem;font-weight:500}.carousel-status span{color:var(--muted)}.carousel-actions{display:flex;gap:9px}.carousel-button{display:grid;width:48px;height:48px;place-items:center;border:1px solid #082a2961;border-radius:50%;background:transparent;color:var(--ink);font-size:1.25rem;cursor:pointer;transition:background .25s,color .25s,transform .25s}.carousel-button:hover{background:var(--ink);color:var(--bright);transform:translateX(2px)}.carousel-button:first-child:hover{transform:translateX(-2px)}
@media(max-width:680px){.project-slide{flex-basis:calc(100% - 34px);height:450px;border-radius:15px}.project-slide figcaption{right:20px;bottom:19px;left:20px;display:block}.project-slide figcaption span{display:block;margin-bottom:11px}.project-slide figcaption p{font-size:1.45rem}.carousel-footer{margin-top:18px}.carousel-button{width:44px;height:44px}}

/* Centered footer */
.contact footer{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.contact footer p{max-width:360px}

/* Centered portrait caption */
.about-portrait span{top:50%;bottom:auto;transform:translate(-50%,-50%);text-align:center}

/* Contact portrait caption */
.contact-image{position:relative}.contact-image:after{content:'';position:absolute;inset:0;background:#05201f52;pointer-events:none}.contact-image span{position:absolute;z-index:1;top:50%;left:50%;width:max-content;max-width:calc(100% - 36px);transform:translate(-50%,-50%);color:var(--bright);font-size:.58rem;letter-spacing:1.3px;text-align:center}

/* Compact service actions */
.pill-button{gap:12px;padding:12px 14px;white-space:nowrap}

/* Section headings without numeric kickers */
.section-head>.section-intro{margin:0;font-size:1rem;font-weight:400;letter-spacing:normal}
@media(max-width:900px){.section-head>.section-intro{margin-top:25px}}

/* Directional icons: one Google icon set on desktop and mobile */
.material-symbols-rounded{display:inline-block;font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:1.15em;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-feature-settings:'liga'}
.pill-button .material-symbols-rounded,.big-button .material-symbols-rounded{font-size:1.15rem}.carousel-button .material-symbols-rounded{font-size:1.3rem}.scroll-control .material-symbols-rounded{font-size:1.35rem}

/* Titles keep one upright serif treatment; color remains the only emphasis. */
:root{--display:'DM Serif Display',Georgia,'Times New Roman',serif}
.hero h1 em,.section-head h2 em,.contact-copy h2 em{font-family:inherit;font-weight:inherit;font-style:normal}

/* Section labels */
.section-head>p.section-kicker{margin:0 0 34px;color:var(--green);font-size:.76rem;font-weight:700;letter-spacing:2.2px}.section-head.inverse>p.section-kicker{color:var(--bright)}.contact-copy>p.contact-kicker{margin:0 0 30px;color:var(--bright);font-size:.76rem;font-weight:700;letter-spacing:2.2px}@media(max-width:680px){.section-head>p.section-kicker{margin-bottom:25px}.contact-copy>p.contact-kicker{margin-bottom:24px}}

/* Contact details and WhatsApp enquiry form */
.office-hours{display:flex;align-items:flex-start;gap:7px;max-width:360px;margin:24px 0 0!important;color:#aebfb7!important;font-size:.78rem!important;font-weight:400!important;line-height:1.65!important;letter-spacing:normal!important}.office-hours .material-symbols-rounded{flex:0 0 auto;margin-top:2px;font-size:1rem}
.contact-form{margin-top:120px;padding-top:34px;border-top:1px solid #ffffff3d}.contact-form-heading{display:flex;align-items:baseline;justify-content:space-between;gap:28px;margin-bottom:34px}.contact-form-heading p{margin:0;color:var(--bright);font-size:.76rem;font-weight:700;letter-spacing:2.2px}.contact-form-heading span{max-width:390px;color:#aebfb7;font-size:.85rem;line-height:1.6}.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-form label{display:grid;gap:9px;color:#dce9df;font-size:.67rem;font-weight:600;letter-spacing:1.2px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #ffffff42;border-radius:4px;background:#001f1e55;color:#fff;font:400 1rem/1.5 var(--sans);letter-spacing:normal;outline:0;transition:border-color .2s,background-color .2s}.contact-form input{height:51px;padding:0 15px}.contact-form textarea{min-height:128px;padding:13px 15px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--bright);background:#001f1e8a}.contact-form input:-webkit-autofill,.contact-form input:-webkit-autofill:hover,.contact-form input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;box-shadow:0 0 0 1000px #05201f inset}.contact-form .form-message{grid-column:1/-1}.contact-form-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}.form-submit{display:inline-flex;align-items:center;gap:12px;padding:14px 17px;border:0;border-radius:999px;background:var(--bright);color:var(--ink);font:700 .66rem var(--sans);letter-spacing:.4px;cursor:pointer;transition:background-color .2s,transform .2s}.form-submit:hover{background:#fff;transform:translateY(-1px)}.form-submit .material-symbols-rounded{font-size:1.15rem}.form-status{margin:0;color:#b8cbc1;font-size:.78rem;line-height:1.5;text-align:right}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:8px}.footer-ruc{color:#aebfb7;font-size:.63rem;letter-spacing:1.15px}
@media(max-width:680px){.office-hours{margin-top:22px!important;font-size:.75rem!important}.contact-form{margin-top:75px;padding-top:28px}.contact-form-heading{display:block;margin-bottom:26px}.contact-form-heading span{display:block;margin-top:11px}.contact-form-grid{grid-template-columns:1fr;gap:15px}.contact-form .form-message{grid-column:auto}.contact-form-actions{align-items:flex-start;flex-direction:column;margin-top:20px}.form-status{text-align:left}.footer-brand{gap:6px}}

/* Hidden anti-spam field for the server-side email form. */
.contact-form .honeypot{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.form-captcha:empty{display:none}.form-submit:disabled{cursor:not-allowed;opacity:.55;transform:none}.contact-form-actions:has(.form-captcha:not(:empty)){flex-wrap:wrap}.contact-form-actions:has(.form-captcha:not(:empty)) .form-status{margin-left:auto}

/* Language selector beside the Instagram action. */
.top-actions{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:9px;pointer-events:auto}.top-actions .top-instagram{position:static;justify-self:auto}.top-language{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:51px;height:32px;padding:0 8px;border:1px solid #e2ffc280;border-radius:999px;color:var(--bright);font-size:.58rem;font-weight:700;letter-spacing:.6px;pointer-events:auto;transition:border-color .25s}.top-language .material-symbols-rounded{font-size:1rem}.top-language:hover{border-color:var(--bright)}@media(max-width:680px){.top-actions{gap:5px}.top-language{min-width:46px;height:29px;padding:0 6px;font-size:.53rem}.top-language .material-symbols-rounded{font-size:.9rem}}
.top-actions .top-instagram{opacity:1;transform:none;pointer-events:auto}

/* Physical address and compact map in the contact area. */
.contact-location{max-width:380px;margin-top:32px;padding-top:22px;border-top:1px solid #ffffff30}.contact-copy>.contact-location>p{display:flex;align-items:center;gap:7px;margin:0 0 10px!important;color:var(--bright)!important;font-size:.63rem!important;font-weight:700!important;letter-spacing:1.3px!important}.contact-location>p .material-symbols-rounded{font-size:1rem}.contact-location>a{display:inline-block;color:#dbe7df;font-size:.88rem;line-height:1.55}.contact-location>a:hover{color:var(--bright)}.contact-location>a .material-symbols-rounded{margin-left:3px;font-size:1rem;vertical-align:-2px}.map-embed{height:170px;margin-top:17px;overflow:hidden;border:1px solid #ffffff40;border-radius:10px;background:#05201f}.map-embed iframe{display:block;width:100%;height:100%;border:0;filter:saturate(.78) contrast(.95)}@media(max-width:680px){.contact-location{max-width:none;margin-top:28px}.map-embed{height:185px}}
.contact-info{max-width:380px;margin-top:30px;padding-top:22px;border-top:1px solid #ffffff30}.contact-copy>.contact-info>p{display:flex;align-items:center;gap:7px;margin:0 0 10px!important;color:var(--bright)!important;font-size:.63rem!important;font-weight:700!important;letter-spacing:1.3px!important}.contact-info>p .material-symbols-rounded{font-size:1rem}.contact-info>span,.contact-info>a{display:inline-block;color:#dbe7df;font-size:.88rem;line-height:1.55}.contact-info>a:hover{color:var(--bright)}.contact-info>a .material-symbols-rounded{margin-left:3px;font-size:1rem;vertical-align:-2px}.contact-info .map-embed{margin-top:28px}@media(max-width:680px){.contact-info{max-width:none;margin-top:28px}.contact-info .map-embed{margin-top:24px}}
.contact-info.office-hours{display:block;margin:30px 0 0!important}

/* Keep the enquiry form focused on wide screens while using all available mobile width. */
.contact-form{width:100%;max-width:920px;margin-right:auto;margin-left:auto}