/* Loaded last so these contrast decisions win over dark-section defaults. */
:root{--arch-blue:#145f78;--arch-cyan:#38c6da;--arch-navy:#0b3347;--arch-sky:#a8e4ea}
.section-dark .glass-panel.glass-panel--hero{
  background:rgba(5,15,20,.92);
  border-color:rgba(255,255,255,.26);
  box-shadow:0 28px 80px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.18);
}
.menu-toggle>span:not(.screen-reader-text){background:var(--ink)}

.site-header__inner.glass-panel--nav{overflow:hidden;background:linear-gradient(112deg,rgba(248,245,236,.88),rgba(198,237,240,.62) 46%,rgba(151,216,226,.34) 72%,rgba(248,245,236,.82));border-color:rgba(255,255,255,.9);box-shadow:0 18px 50px rgba(10,76,99,.18),0 5px 18px rgba(56,198,218,.11),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}
.site-header__inner>*:not(.nav-geometry){position:relative;z-index:2}.nav-geometry{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.nav-geometry span{position:absolute;width:38%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,100,31,.42),transparent);animation:nav-vector 11s linear infinite}.nav-geometry span:nth-child(1){top:22%;left:-18%;transform:rotate(7deg)}.nav-geometry span:nth-child(2){top:58%;left:28%;transform:rotate(-5deg);animation-delay:-4s}.nav-geometry span:nth-child(3){top:34%;right:-16%;transform:rotate(9deg);animation-delay:-8s}.nav-geometry i{position:absolute;width:54px;height:54px;border:1px solid rgba(18,91,107,.18);transform:rotate(45deg);animation:nav-shape 9s ease-in-out infinite}.nav-geometry i:nth-last-child(2){top:-28px;left:39%}.nav-geometry i:last-child{right:11%;bottom:-38px;border-color:rgba(255,100,31,.2);animation-delay:-4s}

.evolution__scene video{opacity:1;filter:saturate(1.04) contrast(1.03)}
.evolution__scene,.evolution__scene.is-active{transform:none;transition:opacity .8s var(--ease)}
@media(prefers-reduced-motion:reduce){.evolution__scene,.evolution__scene.is-active{transition:none}.evolution__scene video{display:none}}
/* Text contrast lives in the cards; the footage keeps its natural light across all four scales. */
.evolution__shade{background:linear-gradient(180deg,rgba(4,11,14,.12),rgba(4,11,14,.04) 42%,rgba(4,11,14,.24))}

.service-card{isolation:isolate;background:rgba(247,244,236,.58);border-color:rgba(255,255,255,.78)}.service-card::before{position:absolute;z-index:-2;inset:-30%;content:"";opacity:.54;filter:blur(8px);transition:transform .8s var(--ease),opacity .5s;animation:capability-aura 10s ease-in-out infinite}.service-card:nth-child(1)::before{background:radial-gradient(circle at 25% 25%,rgba(255,109,38,.32),transparent 34%),radial-gradient(circle at 78% 70%,rgba(255,193,107,.23),transparent 30%)}.service-card:nth-child(2)::before{background:radial-gradient(circle at 30% 70%,rgba(35,130,143,.28),transparent 34%),radial-gradient(circle at 82% 25%,rgba(255,113,42,.22),transparent 31%);animation-delay:-2.5s}.service-card:nth-child(3)::before{background:radial-gradient(circle at 72% 28%,rgba(62,94,159,.26),transparent 36%),radial-gradient(circle at 22% 78%,rgba(255,148,68,.2),transparent 30%);animation-delay:-5s}.service-card:nth-child(4)::before{background:radial-gradient(circle at 35% 25%,rgba(55,139,103,.27),transparent 35%),radial-gradient(circle at 78% 75%,rgba(232,158,50,.23),transparent 31%);animation-delay:-7.5s}.service-card:hover::before{transform:scale(1.18) rotate(8deg);opacity:.88}.service-card:hover{border-color:rgba(255,100,31,.42)}
.neuro-link{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem;min-height:50px;padding:.4rem .55rem .4rem 1.15rem!important;border:1px solid rgba(13,30,35,.12)!important;border-radius:999px;background:rgba(255,255,255,.48);overflow:hidden;box-shadow:0 8px 22px rgba(12,34,41,0);transition:background .35s,transform .35s,border-color .35s,box-shadow .35s!important}.neuro-link::before{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,100,31,.17),transparent);content:"";transform:translateX(-100%);animation:cta-scan 3.8s ease-in-out infinite}.neuro-link:hover,.neuro-link:focus-visible{background:#fff;border-color:rgba(255,100,31,.5)!important;transform:translateY(-3px);box-shadow:0 16px 32px rgba(13,43,52,.18),0 7px 18px rgba(255,100,31,.16)}.neuro-link:active{transform:translateY(1px) scale(.985);box-shadow:0 5px 12px rgba(13,43,52,.24),0 0 0 5px rgba(255,100,31,.13)}.neuro-link__label{position:relative;font-weight:800}.neuro-link__arrow{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;transition:transform .35s,background .35s,box-shadow .35s}.neuro-link:hover .neuro-link__arrow,.neuro-link:focus-visible .neuro-link__arrow{transform:translateX(2px) rotate(-12deg);background:var(--orange);box-shadow:0 7px 16px rgba(255,100,31,.28)}

/* Cyan architectural hierarchy for institutional credentials. */
.experience{background:radial-gradient(circle at 12% 18%,rgba(56,198,218,.13),transparent 28%),radial-gradient(circle at 88% 76%,rgba(20,95,120,.12),transparent 32%),linear-gradient(145deg,#edf3f1,#f7f5ef 56%,#e8f1f2)}
.experience .section-heading{align-items:start;gap:clamp(2rem,5vw,5rem);margin-bottom:clamp(2.5rem,5vw,4.5rem)}
.experience .section-heading h2{max-width:780px;font-size:clamp(3rem,4.8vw,5.6rem);line-height:.94}
.experience .section-heading>p{padding-top:2.6rem;color:#53676d;font-size:clamp(.98rem,1.2vw,1.15rem)}
.experience-grid{gap:clamp(1rem,1.5vw,1.5rem)}
.experience-card{isolation:isolate;overflow:hidden;min-height:350px;padding:clamp(1.5rem,2vw,2rem);border-color:rgba(255,255,255,.84);background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(202,238,241,.4));box-shadow:0 20px 55px rgba(12,73,91,.12),0 5px 16px rgba(56,198,218,.08),inset 0 1px rgba(255,255,255,.9);transition:transform .45s var(--ease),box-shadow .45s,border-color .45s}
.experience-card::before{position:absolute;z-index:-1;inset:-35%;content:"";background:radial-gradient(circle at 25% 24%,rgba(56,198,218,.22),transparent 30%),radial-gradient(circle at 78% 72%,rgba(20,95,120,.16),transparent 34%);animation:credential-aura 11s ease-in-out infinite;transition:transform .7s var(--ease)}
.experience-card:nth-child(2)::before{background:radial-gradient(circle at 76% 22%,rgba(69,175,210,.23),transparent 31%),radial-gradient(circle at 20% 78%,rgba(15,91,125,.15),transparent 35%);animation-delay:-3.5s}
.experience-card:nth-child(3)::before{background:radial-gradient(circle at 30% 75%,rgba(72,210,207,.19),transparent 33%),radial-gradient(circle at 82% 28%,rgba(24,92,150,.17),transparent 36%);animation-delay:-7s}
.experience-card:hover{transform:translateY(-8px);border-color:rgba(90,211,226,.72);box-shadow:0 28px 68px rgba(8,72,96,.19),0 10px 26px rgba(56,198,218,.16),inset 0 1px #fff}
.experience-card:hover::before{transform:scale(1.12) rotate(5deg)}
.experience-card>span{color:var(--arch-blue);font-weight:700}
.experience-card h3{max-width:440px;margin:1.35rem 0 1.75rem;font-size:clamp(1.75rem,2.35vw,2.75rem);line-height:1.02}
.experience-card strong{margin-top:auto;color:var(--arch-navy);font-size:clamp(2.1rem,3.2vw,3.65rem);line-height:1;letter-spacing:-.055em}
.experience-card p{max-width:520px;margin-top:1.35rem;color:#5f7075;font-size:clamp(.94rem,1.08vw,1.05rem);line-height:1.55}
.service-card{box-shadow:0 20px 54px rgba(12,73,91,.1),0 5px 16px rgba(56,198,218,.07)}
.service-card:nth-child(1){background:linear-gradient(145deg,rgba(255,244,237,.82),rgba(255,185,145,.38) 52%,rgba(255,244,228,.7));border-color:rgba(255,187,145,.7);box-shadow:0 22px 58px rgba(175,76,34,.15),0 7px 20px rgba(255,112,42,.1)}
.service-card:nth-child(2){background:linear-gradient(145deg,rgba(233,250,248,.84),rgba(111,213,210,.34) 52%,rgba(214,240,237,.72));border-color:rgba(113,214,211,.62);box-shadow:0 22px 58px rgba(20,111,117,.17),0 7px 20px rgba(45,196,198,.12)}
.service-card:nth-child(3){background:linear-gradient(145deg,rgba(238,246,251,.86),rgba(117,177,215,.34) 53%,rgba(217,233,244,.72));border-color:rgba(116,181,219,.58);box-shadow:0 22px 58px rgba(29,83,132,.17),0 7px 20px rgba(61,143,194,.12)}
.service-card:nth-child(4){background:linear-gradient(145deg,rgba(239,249,240,.86),rgba(122,190,154,.32) 52%,rgba(224,240,222,.72));border-color:rgba(125,192,154,.56);box-shadow:0 22px 58px rgba(41,107,72,.16),0 7px 20px rgba(75,160,108,.11)}
.service-card:nth-child(1):hover{border-color:rgba(255,112,42,.72);box-shadow:0 30px 72px rgba(175,76,34,.22),0 10px 28px rgba(255,112,42,.16)}.service-card:nth-child(2):hover{border-color:rgba(38,178,184,.72);box-shadow:0 30px 72px rgba(17,105,114,.23),0 10px 28px rgba(45,196,198,.18)}.service-card:nth-child(3):hover{border-color:rgba(54,133,185,.7);box-shadow:0 30px 72px rgba(29,83,132,.23),0 10px 28px rgba(61,143,194,.18)}.service-card:nth-child(4):hover{border-color:rgba(63,145,96,.68);box-shadow:0 30px 72px rgba(38,102,67,.22),0 10px 28px rgba(75,160,108,.17)}
.service-card:nth-child(2) .neuro-link__label{color:#117b82}.service-card:nth-child(3) .neuro-link__label{color:#276c9b}.service-card:nth-child(4) .neuro-link__label{color:#34784d}
.service-card:nth-child(2) .neuro-link:hover,.service-card:nth-child(2) .neuro-link:focus-visible{border-color:rgba(38,178,184,.55)!important;box-shadow:0 16px 32px rgba(17,105,114,.18),0 7px 18px rgba(45,196,198,.17)}.service-card:nth-child(3) .neuro-link:hover,.service-card:nth-child(3) .neuro-link:focus-visible{border-color:rgba(54,133,185,.52)!important;box-shadow:0 16px 32px rgba(29,83,132,.18),0 7px 18px rgba(61,143,194,.17)}.service-card:nth-child(4) .neuro-link:hover,.service-card:nth-child(4) .neuro-link:focus-visible{border-color:rgba(63,145,96,.52)!important;box-shadow:0 16px 32px rgba(38,102,67,.18),0 7px 18px rgba(75,160,108,.16)}
@keyframes credential-aura{50%{transform:translate(5%,-4%) scale(1.08)}}

/* LinkedIn remains as the footer's single pulsing social mark. */
.site-footer .social-link{display:inline-grid!important;place-items:center;width:48px;height:48px;padding:0;margin-top:1.4rem!important;border-color:rgba(10,102,194,.24);border-radius:50%;background:rgba(255,255,255,.62);box-shadow:0 0 0 0 rgba(10,102,194,.28);animation:linkedin-pulse 2.4s ease-out infinite}
.site-footer .social-link:hover,.site-footer .social-link:focus-visible{border-color:rgba(10,102,194,.55);animation-duration:1.2s}
.site-footer .social-link__icon{width:22px;height:22px}
@keyframes linkedin-pulse{0%{box-shadow:0 0 0 0 rgba(10,102,194,.28)}70%,100%{box-shadow:0 0 0 13px rgba(10,102,194,0)}}
.powered-by{position:relative;color:#53686c!important;text-decoration:none;text-transform:none;letter-spacing:.04em;transition:color .3s,transform .3s}.powered-by strong{color:var(--arch-blue);font-weight:700}.powered-by::after{position:absolute;right:0;bottom:-5px;left:0;height:1px;background:linear-gradient(90deg,var(--arch-cyan),var(--orange));content:"";transform:scaleX(.18);transform-origin:center;transition:transform .4s var(--ease)}.powered-by:hover,.powered-by:focus-visible{color:var(--ink)!important;transform:translateY(-2px)}.powered-by:hover::after,.powered-by:focus-visible::after{transform:scaleX(1)}

/* Animated editorial markers 01–06. */
.motion-marker{position:relative;cursor:default}.eyebrow.motion-marker{display:inline-flex;min-height:28px;margin-bottom:1.2rem}.motion-marker .marker-number{display:inline-grid;place-items:center;min-width:28px;min-height:28px;border:1px solid transparent;border-radius:50%;transition:transform .45s var(--ease),color .35s,background .35s,border-color .35s,box-shadow .35s}.motion-marker>i{display:block;width:clamp(32px,5vw,82px);height:1px;background:linear-gradient(90deg,var(--orange),var(--arch-cyan));transform:scaleX(.36);transform-origin:left;transition:transform .6s var(--ease),filter .4s}.motion-marker .marker-name{display:inline-block;transition:transform .45s var(--ease),color .35s,letter-spacing .45s}.motion-marker:hover .marker-number,.section-heading:hover .motion-marker .marker-number,.evolution__heading:hover .motion-marker .marker-number,.contact__copy:hover .motion-marker .marker-number{color:#fff;background:linear-gradient(135deg,var(--orange),var(--arch-cyan));border-color:rgba(255,255,255,.65);box-shadow:0 8px 20px rgba(19,113,132,.2),0 5px 16px rgba(255,100,31,.18);transform:translateY(-4px) rotate(-8deg) scale(1.08)}.motion-marker:hover>i,.section-heading:hover .motion-marker>i,.evolution__heading:hover .motion-marker>i,.contact__copy:hover .motion-marker>i{transform:scaleX(1);filter:drop-shadow(0 0 5px rgba(56,198,218,.5))}.motion-marker:hover .marker-name,.section-heading:hover .motion-marker .marker-name,.evolution__heading:hover .motion-marker .marker-name,.contact__copy:hover .motion-marker .marker-name{color:var(--arch-blue);letter-spacing:.19em;transform:translateX(4px)}.section-dark .motion-marker:hover .marker-name,.section-dark .section-heading:hover .motion-marker .marker-name,.contact__copy:hover .motion-marker .marker-name{color:var(--arch-cyan)}.section-index.motion-marker{transition:transform .45s var(--ease)}.section-index.motion-marker:hover{transform:translateX(7px)}.section-index.motion-marker>i{width:auto}.section-index.motion-marker .marker-name{grid-column:1/-1}

/* Living orange + teal architectural glass for the contact panel. */
.contact .contact__form{isolation:isolate;overflow:hidden;border-color:rgba(139,229,230,.28);background:linear-gradient(145deg,rgba(32,82,88,.34),rgba(7,25,32,.58) 48%,rgba(47,27,20,.34));box-shadow:0 30px 80px rgba(0,8,13,.4),0 12px 34px rgba(14,135,145,.13),0 5px 24px rgba(255,100,31,.09),inset 0 1px rgba(203,250,248,.2);backdrop-filter:blur(30px) saturate(155%);-webkit-backdrop-filter:blur(30px) saturate(155%)}
.contact__form::before{position:absolute;z-index:-2;inset:-32%;content:"";background:radial-gradient(circle at 22% 22%,rgba(36,210,207,.27),transparent 28%),radial-gradient(circle at 82% 74%,rgba(255,100,31,.24),transparent 29%),radial-gradient(circle at 68% 18%,rgba(31,109,139,.24),transparent 31%);filter:blur(8px);animation:contact-aura 12s ease-in-out infinite}
.contact__form form{position:relative;z-index:2}
.contact__form label{color:rgba(218,241,239,.78)}
.contact__form input,.contact__form textarea{border:1px solid rgba(139,229,230,.12);border-bottom-color:rgba(139,229,230,.36);background:linear-gradient(120deg,rgba(116,210,211,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.035);transition:border-color .35s,background .35s,box-shadow .35s,transform .35s}
.contact__form input:focus,.contact__form textarea:focus{border-color:rgba(71,211,214,.6);background:linear-gradient(120deg,rgba(64,195,197,.13),rgba(255,100,31,.06));box-shadow:0 0 0 4px rgba(45,197,201,.08),0 10px 28px rgba(0,0,0,.12);transform:translateY(-1px)}
.contact__form .button{border-color:transparent;background:linear-gradient(105deg,#ff641f,#ff7a2e 58%,#1997a3);box-shadow:0 12px 30px rgba(255,100,31,.2),0 7px 22px rgba(25,151,163,.13)}
.contact__form .button:hover,.contact__form .button:focus-visible{color:#fff;background:linear-gradient(105deg,#1595a1,#22b8bd 48%,#ff641f);box-shadow:0 18px 40px rgba(21,149,161,.25),0 8px 24px rgba(255,100,31,.18)}
.contact-geometry{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.contact-geometry span{position:absolute;width:78%;height:1px;background:linear-gradient(90deg,transparent,rgba(92,224,222,.38),rgba(255,122,54,.3),transparent);animation:contact-line 10s linear infinite}.contact-geometry span:nth-child(1){top:16%;left:-30%;transform:rotate(13deg)}.contact-geometry span:nth-child(2){top:48%;right:-28%;transform:rotate(-17deg);animation-delay:-3.3s}.contact-geometry span:nth-child(3){bottom:14%;left:-12%;transform:rotate(8deg);animation-delay:-6.6s}.contact-geometry i{position:absolute;width:120px;height:120px;border:1px solid rgba(72,211,211,.18);transform:rotate(45deg);animation:contact-shape 13s ease-in-out infinite}.contact-geometry i:nth-last-child(2){top:-72px;right:8%}.contact-geometry i:last-child{bottom:-84px;left:7%;border-color:rgba(255,112,42,.18);animation-delay:-6s}
@keyframes contact-aura{50%{transform:translate(5%,-3%) scale(1.08) rotate(3deg)}}@keyframes contact-line{0%{translate:-45% 0;opacity:.08}50%{opacity:.72}100%{translate:120% 0;opacity:.08}}@keyframes contact-shape{50%{transform:translate(22px,16px) rotate(120deg) scale(1.16)}}

/* Final hierarchy audit: premium scale without sacrificing scanning speed. */
.firm h2{font-size:clamp(3rem,5vw,5.7rem);line-height:.96}.services .section-heading h2,.projects .section-heading h2{font-size:clamp(3rem,4.8vw,5.5rem);line-height:.96}.evolution__heading h2{font-size:clamp(3.1rem,5.6vw,6.2rem)}.evolution-card h3{font-size:clamp(2.7rem,4.7vw,4.9rem)}.manifesto blockquote{font-size:clamp(2.8rem,5.4vw,6.1rem);line-height:1}.contact h2{font-size:clamp(3.2rem,5.5vw,6.2rem);line-height:.97}.project-card h3{font-size:clamp(2rem,3vw,3.4rem)}
.hero h1{font-size:clamp(3.6rem,7.8vw,8.5rem);line-height:.92}.page-hero h1{font-size:clamp(3.25rem,7vw,7.3rem);line-height:.94}

@keyframes nav-vector{0%{translate:-35% 0;opacity:.1}50%{opacity:.8}100%{translate:170% 0;opacity:.1}}@keyframes nav-shape{50%{transform:translate(25px,9px) rotate(105deg) scale(1.2)}}@keyframes capability-aura{50%{transform:translate(6%,-4%) scale(1.08)}}@keyframes cta-scan{0%,48%{transform:translateX(-110%)}70%,100%{transform:translateX(110%)}}@keyframes attention-pulse{70%{box-shadow:0 0 0 12px rgba(255,100,31,0)}}@keyframes action-nudge{50%{transform:translateX(4px);opacity:1}}

/* Architectural materials replace the neutral grey metrics band. */
.metrics{background:#102128;overflow:hidden}.metrics__grid{gap:1px;background:rgba(255,255,255,.28)}.metric{isolation:isolate;overflow:hidden;border:0;background:transparent!important;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .45s var(--ease),filter .45s}.metric::before{position:absolute;z-index:-2;inset:0;content:"";transition:transform .8s var(--ease);animation:material-light 9s ease-in-out infinite}.metric::after{position:absolute;z-index:-1;inset:0;border-radius:0;background:linear-gradient(108deg,transparent 18%,rgba(255,255,255,.25) 43%,transparent 68%);content:"";transform:translateX(-135%);animation:material-scan 7s var(--ease) infinite}.metric:nth-child(1)::before{background:linear-gradient(135deg,#d8c6a6,#b28b63 62%,#806044)}.metric:nth-child(2)::before{background:linear-gradient(135deg,#a95536,#c97850 52%,#793a2b);animation-delay:-2s}.metric:nth-child(3)::before{background:linear-gradient(135deg,#477b79,#315d62 55%,#1d3f47);animation-delay:-4s}.metric:nth-child(4)::before{background:linear-gradient(135deg,#324b5d,#172e40 58%,#0b1c29);animation-delay:-6s}.metric:nth-child(2)::after{animation-delay:-1.6s}.metric:nth-child(3)::after{animation-delay:-3.2s}.metric:nth-child(4)::after{animation-delay:-4.8s}.metric:hover{z-index:2;transform:translateY(-7px);filter:saturate(1.12)}.metric:hover::before{transform:scale(1.08)}.metric strong{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.2)}.metric span{color:rgba(255,255,255,.84)}.metric:nth-child(1) strong,.metric:nth-child(1) span{color:#182428;text-shadow:none}.metric:nth-child(1) span{color:rgba(24,36,40,.76)}
@keyframes material-light{0%,100%{filter:brightness(.92);background-position:0 0}50%{filter:brightness(1.08);background-position:100% 100%}}@keyframes material-scan{0%,52%{transform:translateX(-135%)}76%,100%{transform:translateX(135%)}}
@media (max-width:760px){
  :root{--shell:calc(100vw - 28px)}
  .section{padding:4.5rem 0}
  .site-header{top:10px!important;pointer-events:none}.site-header.is-compact{top:7px!important}.site-header .site-header__inner.shell{width:148px!important;height:52px!important;min-height:52px!important;margin:0 0 0 12px!important;padding:.25rem .55rem!important;gap:0!important;border-radius:14px;pointer-events:auto;overflow:visible;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 12px 34px rgba(10,76,99,.18),inset 0 1px rgba(255,255,255,.9)}.site-header .brand{width:128px!important;height:44px!important;display:flex;flex:0 0 128px!important;overflow:hidden}.site-header .brand img,.site-header .brand .custom-logo{max-height:42px!important}.nav-geometry{border-radius:14px}.nav-geometry span{width:120%}.nav-geometry i{width:40px;height:40px}
  .site-header .menu-toggle{position:fixed!important;z-index:70;right:18px!important;bottom:18px!important;display:grid!important;width:58px!important;height:58px!important;min-width:58px;min-height:58px;flex:0 0 58px!important;margin:0!important;padding:0!important;place-content:center;gap:5px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:linear-gradient(145deg,rgba(21,115,130,.94),rgba(7,35,47,.96) 58%,rgba(255,100,31,.92));box-shadow:0 12px 34px rgba(3,25,35,.3),0 0 0 0 rgba(56,198,218,.32);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto;touch-action:none;user-select:none;will-change:left,top,transform;animation:mobile-menu-pulse 2.5s ease-out infinite;transition:transform .2s var(--ease),background .25s,box-shadow .25s}.menu-toggle>span:not(.screen-reader-text){display:block;width:23px;height:1px;background:#fff;transform-origin:center;transition:transform .4s var(--ease),opacity .3s,width .3s}.menu-toggle[aria-expanded="true"]{background:linear-gradient(145deg,#ff7a2e,#d94d1b);transform:rotate(90deg);animation:none}.menu-toggle[aria-expanded="true"]>span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"]>span:nth-child(2){opacity:0;width:0}.menu-toggle[aria-expanded="true"]>span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .site-header .site-nav{position:fixed!important;inset:0!important;z-index:60;width:100vw!important;height:100svh!important;margin:0!important;display:grid!important;place-items:center;background:radial-gradient(circle at 82% 82%,rgba(255,100,31,.2),transparent 28%),radial-gradient(circle at 18% 18%,rgba(56,198,218,.2),transparent 32%),rgba(4,15,21,.94);pointer-events:none;transform:scale(1.035);transition:opacity .4s,visibility .4s,transform .5s var(--ease)}.site-nav.is-open{pointer-events:auto;transform:scale(1)}.site-nav__list{gap:1.6rem}.site-header .site-nav a{display:inline-block;color:#f7f3ea!important;font-size:clamp(1.25rem,6vw,1.7rem);letter-spacing:.08em;text-shadow:0 2px 18px rgba(0,0,0,.42);transform:translateY(16px);opacity:0;transition:transform .45s var(--ease),opacity .35s,color .3s}.site-header .site-nav a:hover,.site-header .site-nav a:focus-visible{color:var(--arch-cyan)!important}.site-nav.is-open a{transform:none;opacity:1}.site-nav.is-open li:nth-child(2) a{transition-delay:.06s}.site-nav.is-open li:nth-child(3) a{transition-delay:.12s}.site-nav.is-open li:nth-child(4) a{transition-delay:.18s}.site-nav.is-open li:nth-child(5) a{transition-delay:.24s}
  .hero{min-height:94svh}.hero__layout{grid-template-columns:1fr;padding:6.8rem 0 3.2rem}.glass-panel--hero{padding:1.25rem;border-radius:18px}.hero h1{font-size:clamp(3rem,14vw,4.65rem);line-height:.92;margin-bottom:1.2rem}.hero__lead{font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.hero .button-row{gap:.75rem}.hero .button{min-height:46px;padding:.7rem 1rem;font-size:.64rem}.scroll-cue{display:none}
  h2,.firm h2,.services .section-heading h2,.projects .section-heading h2,.contact h2{font-size:clamp(2.45rem,11vw,3.65rem);line-height:.98}.evolution__heading h2{font-size:clamp(2.55rem,11.5vw,3.8rem)}.evolution-card h3{font-size:clamp(2.35rem,11vw,3.45rem)}.manifesto blockquote{font-size:clamp(2.35rem,10.5vw,3.55rem)}.project-card h3{font-size:clamp(2rem,9vw,2.8rem)}
  .site-footer{padding-top:4rem}
  .social-link{font-size:.65rem}
  .footer-logo{width:205px}
  .section-dark .glass-panel.glass-panel--hero{background:rgba(5,15,20,.95)}
  .nav-geometry span{width:70%}.neuro-link{grid-template-columns:1fr auto}.service-card::before{opacity:.68}
  .metric{min-height:138px}.metric:hover{transform:none}
  .experience .section-heading h2{font-size:clamp(2.55rem,12vw,3.75rem);line-height:.96}.experience .section-heading>p{padding-top:0}.experience-card{min-height:315px;padding:1.4rem}.experience-card h3{font-size:clamp(1.7rem,8vw,2.25rem);margin:1.1rem 0 1.5rem}.experience-card strong{font-size:clamp(2rem,10vw,3rem)}.experience-card:hover{transform:none}
  .contact .contact__form{padding:1.4rem;background:linear-gradient(150deg,rgba(25,83,87,.4),rgba(7,25,32,.68) 58%,rgba(64,33,20,.32))}.contact-geometry span{width:105%;opacity:.7}.contact-geometry i{width:86px;height:86px}
  .site-footer__bottom{gap:1rem;text-align:left}.powered-by{width:max-content;max-width:100%}
  .motion-marker .marker-number{min-width:25px;min-height:25px}.motion-marker>i,.section-index.motion-marker>i{width:34px}.motion-marker:hover .marker-name,.section-heading:hover .motion-marker .marker-name,.evolution__heading:hover .motion-marker .marker-name,.contact__copy:hover .motion-marker .marker-name{letter-spacing:.16em}
}
@keyframes mobile-menu-pulse{0%{box-shadow:0 12px 34px rgba(3,25,35,.3),0 0 0 0 rgba(56,198,218,.34)}72%,100%{box-shadow:0 12px 34px rgba(3,25,35,.3),0 0 0 14px rgba(56,198,218,0)}}

/* Interaction system v2.4: draggable menu, architectural atmosphere and tactile cards. */
.section-index.motion-marker{display:flex;align-items:center;gap:.65rem}.section-index.motion-marker .marker-name{grid-column:auto;white-space:nowrap}.motion-marker .marker-name{position:relative}.motion-marker .marker-name::after{position:absolute;inset:-8px -12px;pointer-events:none;background-image:radial-gradient(circle,rgba(255,100,31,.8) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(56,198,218,.72) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(11,51,71,.52) 0 1px,transparent 1.5px);background-position:10% 65%,48% 25%,82% 72%;background-size:11px 11px,13px 13px,17px 17px;content:"";opacity:0;filter:blur(.2px);transform:scale(.65);transition:opacity .4s,transform .9s var(--ease)}.motion-marker:hover .marker-name::after,.section-heading:hover .motion-marker .marker-name::after,.evolution__heading:hover .motion-marker .marker-name::after,.contact__copy:hover .motion-marker .marker-name::after{opacity:.72;transform:scale(1);animation:sand-assemble 1.8s ease-in-out infinite alternate}@keyframes sand-assemble{from{background-position:-4% 100%,58% -10%,112% 84%;filter:blur(1.4px)}to{background-position:10% 65%,48% 25%,82% 72%;filter:blur(0)}}
.mobile-menu-atmosphere{display:none}


.neuro-link{display:grid;grid-template-columns:1fr!important;place-items:center;text-align:center;isolation:isolate;overflow:hidden;animation:explore-invite 2.8s ease-in-out infinite}.neuro-link::after{position:absolute;z-index:-1;inset:0;background:linear-gradient(95deg,var(--card-fill-a,var(--orange)),var(--card-fill-b,var(--arch-cyan)));content:"";transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}.service-card:nth-child(1) .neuro-link{--card-fill-a:#ff641f;--card-fill-b:#27a9b3}.service-card:nth-child(2) .neuro-link{--card-fill-a:#159da5;--card-fill-b:#ff7933}.service-card:nth-child(3) .neuro-link{--card-fill-a:#2779ac;--card-fill-b:#ff8b45}.service-card:nth-child(4) .neuro-link{--card-fill-a:#3b8a59;--card-fill-b:#e76b32}.neuro-link .neuro-link__label{z-index:2;text-align:center;transition:color .35s,transform .35s,text-shadow .35s}.neuro-link.is-filling::after,.neuro-link.is-committed::after{transform:scaleX(1)}.neuro-link.is-filling .neuro-link__label,.neuro-link.is-committed .neuro-link__label{color:#fff!important;text-shadow:0 1px 12px rgba(0,0,0,.28);transform:scale(1.04)}.neuro-link.is-filling,.neuro-link.is-committed{animation:none;box-shadow:0 15px 34px rgba(9,82,96,.28),0 0 0 5px rgba(255,100,31,.11)}@keyframes explore-invite{0%,100%{transform:scale(1);box-shadow:0 8px 22px rgba(12,34,41,0)}50%{transform:scale(1.012);box-shadow:0 12px 28px rgba(15,96,111,.12)}}

@media(max-width:760px){.site-header .menu-toggle{touch-action:none;user-select:none}.menu-toggle.is-holding{background:linear-gradient(145deg,#18a8ad,#0d6c7c)!important;box-shadow:0 0 0 9px rgba(56,198,218,.18),0 15px 36px rgba(4,43,55,.36)!important;animation:none!important}.menu-toggle.is-dragging{background:linear-gradient(145deg,#33d2cd,#126c83)!important;box-shadow:0 0 0 11px rgba(255,100,31,.2),0 18px 42px rgba(4,43,55,.42)!important;cursor:grabbing;animation:none!important;transform:scale(1.08)}.site-header .site-nav{background:radial-gradient(circle at 82% 82%,rgba(255,100,31,.16),transparent 28%),radial-gradient(circle at 18% 18%,rgba(56,198,218,.18),transparent 32%),rgba(4,15,21,.76)!important;backdrop-filter:blur(15px) saturate(135%);-webkit-backdrop-filter:blur(15px) saturate(135%)}.site-nav__list{position:relative;z-index:2}.site-header .site-nav a{position:relative;color:#fff!important}.site-header .site-nav a::before{position:absolute;inset:-9px -18px;border:1px solid transparent;border-radius:999px;background:transparent;content:"";z-index:-1;transition:.35s}.site-header .site-nav a:hover,.site-header .site-nav a:focus-visible{color:#fff!important;text-shadow:0 0 18px rgba(56,198,218,.72);transform:translateX(8px) scale(1.04)}.site-header .site-nav a:hover::before,.site-header .site-nav a:focus-visible::before{border-color:rgba(120,233,235,.32);background:linear-gradient(90deg,rgba(56,198,218,.16),rgba(255,100,31,.13))}.mobile-menu-atmosphere{position:absolute;inset:0;display:block;overflow:hidden;pointer-events:none}.mobile-menu-atmosphere i{position:absolute;width:72vw;height:1px;background:linear-gradient(90deg,transparent,rgba(96,225,225,.35),rgba(255,114,48,.28),transparent);animation:menu-equation-line 9s linear infinite}.mobile-menu-atmosphere i:nth-child(1){top:22%;left:-28%;transform:rotate(16deg)}.mobile-menu-atmosphere i:nth-child(2){top:53%;right:-31%;transform:rotate(-20deg);animation-delay:-3s}.mobile-menu-atmosphere i:nth-child(3){bottom:18%;left:-14%;transform:rotate(9deg);animation-delay:-6s}.mobile-menu-atmosphere span{position:absolute;color:rgba(229,250,249,.2);font:500 .72rem/1 "Manrope",sans-serif;letter-spacing:.14em;animation:equation-float 8s ease-in-out infinite}.mobile-menu-atmosphere span:nth-of-type(1){top:15%;right:12%}.mobile-menu-atmosphere span:nth-of-type(2){top:38%;left:8%;animation-delay:-2s}.mobile-menu-atmosphere span:nth-of-type(3){right:10%;bottom:31%;animation-delay:-4s}.mobile-menu-atmosphere span:nth-of-type(4){left:14%;bottom:12%;animation-delay:-6s}.neuro-link{min-height:54px;padding-inline:1rem!important}.neuro-link__label{width:100%;text-align:center}}
@media(max-width:760px){.site-header .site-header__inner.shell{transition:transform .22s var(--ease),opacity .22s var(--ease)!important}.site-header.is-compact .site-header__inner.shell{transform:scale(.93);transform-origin:left top;opacity:.92}}
@keyframes menu-equation-line{to{translate:120% 14%}}@keyframes equation-float{50%{transform:translate(18px,-14px);color:rgba(255,165,112,.28)}}

/* Numeric hierarchy: section > stage > technical index > credential > impact. */
.number-motion{position:relative}.number-motion::marker{color:transparent}.number-motion--impact strong,.number-motion--technical .service-card__number,.number-motion--credential>span,.number-motion--credential>strong,.number-motion--stage .stage-number{position:relative;z-index:2;display:inline-block;transition:transform .55s var(--ease),color .4s,text-shadow .4s,letter-spacing .45s}
.number-motion--impact::after,.number-motion--technical::after,.number-motion--credential::after{position:absolute;z-index:0;pointer-events:none;content:"";opacity:0;transition:opacity .4s,transform .7s var(--ease)}

.stage-marker{display:grid!important;grid-template-columns:auto minmax(42px,1fr) auto;align-items:center;gap:.7rem}.stage-marker>i{display:block;height:1px;background:linear-gradient(90deg,var(--orange),var(--arch-cyan));transform:scaleX(.3);transform-origin:left;transition:transform .65s var(--ease),filter .4s}.stage-number{display:grid!important;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff}.stage-category{margin:0!important;white-space:nowrap}.number-motion--stage:hover .stage-number .stage-number{color:#071015;background:linear-gradient(135deg,#fff,var(--arch-cyan));border-color:#fff;box-shadow:0 8px 24px rgba(56,198,218,.3),0 5px 18px rgba(255,100,31,.2);transform:translateY(-5px) rotate(-9deg) scale(1.08)}.number-motion--stage:hover .stage-marker>i .stage-marker>i{transform:scaleX(1);filter:drop-shadow(0 0 7px rgba(56,198,218,.6))}.number-motion--stage:hover .stage-category{color:var(--arch-cyan);letter-spacing:.17em;transform:translateX(4px)}.number-motion--stage h3{transition:transform .65s var(--ease),text-shadow .5s}.number-motion--stage:hover h3{transform:translateX(10px);text-shadow:0 0 28px rgba(56,198,218,.18)}

.number-motion--technical::after{top:-25%;left:-20%;width:70%;height:46%;background:radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.5px);background-size:15px 15px;transform:rotate(-8deg) scale(.7)}.number-motion--technical:hover::after{opacity:.38;transform:rotate(4deg) scale(1.08)}.number-motion--technical:hover .service-card__number{color:var(--arch-blue);letter-spacing:.25em;transform:translate(7px,-4px) scale(1.14);text-shadow:0 5px 16px rgba(26,134,151,.2)}

.number-motion--credential::after{inset:0;background:linear-gradient(112deg,transparent 15%,rgba(56,198,218,.1) 42%,rgba(255,100,31,.08) 58%,transparent 82%);transform:translateX(-100%)}.number-motion--credential:hover::after{opacity:1;transform:translateX(100%)}.number-motion--credential:hover>span{color:var(--orange);letter-spacing:.2em;transform:translateX(5px)}.number-motion--credential:hover>strong{color:var(--arch-blue);transform:translateY(-5px) scale(1.025);text-shadow:0 10px 30px rgba(20,95,120,.16)}

.number-motion--impact::after{inset:0;background:radial-gradient(circle at 20% 35%,rgba(255,255,255,.22),transparent 28%),linear-gradient(105deg,transparent,rgba(56,198,218,.14),transparent);transform:translateX(-70%)}.number-motion--impact:hover::after{opacity:1;transform:translateX(55%)}.number-motion--impact:hover strong{transform:translateY(-6px) scale(1.035);letter-spacing:-.035em;text-shadow:0 9px 28px rgba(0,0,0,.22)}.number-motion--impact:hover span{color:#fff;letter-spacing:.14em}

@media(max-width:760px){.stage-marker{grid-template-columns:auto 34px 1fr}.stage-number{width:34px;height:34px}.stage-category{white-space:normal;text-align:right}.number-motion--stage:hover .stage-category{letter-spacing:.13em}.number-motion--impact:hover strong,.number-motion--credential:hover>strong{transform:translateY(-3px) scale(1.015)}}

/* Portfolio navigation: architectural glass, formulas and geometric motion. */
.catalog-filters--architectural{position:relative;display:grid;grid-template-columns:.72fr .82fr 1.35fr 1.45fr;gap:.5rem;padding:.55rem;margin-bottom:2.25rem;border:1px solid rgba(173,237,240,.22);border-radius:22px;background:linear-gradient(112deg,rgba(6,39,51,.64),rgba(18,91,105,.42) 48%,rgba(88,42,25,.35));box-shadow:0 18px 48px rgba(0,8,14,.24),inset 0 1px rgba(255,255,255,.14);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);isolation:isolate;overflow:hidden}
.catalog-filters--architectural::before{position:absolute;inset:-70% -10%;z-index:-1;background:conic-gradient(from 90deg,transparent,rgba(54,212,220,.13),transparent 34%,rgba(255,100,31,.1),transparent 72%);content:"";animation:filter-shell-orbit 16s linear infinite}
.catalog-filters--architectural .filter-chip{--filter-a:#167f94;--filter-b:#ff6a28;position:relative;display:grid;place-items:center;min-width:0;min-height:58px;padding:.65rem .85rem;border-color:rgba(221,253,253,.2);border-radius:16px;background:linear-gradient(135deg,rgba(6,25,34,.58),rgba(17,61,71,.46));color:rgba(255,255,255,.8);box-shadow:inset 0 1px rgba(255,255,255,.08);isolation:isolate;overflow:hidden;transform:none;transition:border-color .45s,box-shadow .45s,background .45s,color .45s}
.catalog-filters--architectural .filter-chip--health{--filter-a:#21b9c5;--filter-b:#1b668f}.catalog-filters--architectural .filter-chip--living{--filter-a:#ff7a32;--filter-b:#159eaa}.catalog-filters--architectural .filter-chip--urban{--filter-a:#176c9d;--filter-b:#734d91}
.catalog-filters--architectural .filter-chip::before{position:absolute;z-index:-2;inset:0;background:linear-gradient(112deg,var(--filter-a),color-mix(in srgb,var(--filter-a) 42%,var(--filter-b)),var(--filter-b));content:"";opacity:0;transform:scaleX(.35);transform-origin:center;transition:opacity .5s,transform .7s var(--ease)}
.filter-chip__label{position:relative;z-index:3;display:block;text-align:center;line-height:1.15;text-shadow:0 3px 14px rgba(0,0,0,.48);transform:scale(1);transition:transform .65s var(--ease),letter-spacing .55s,color .35s,text-shadow .45s}
.filter-chip__atmosphere{position:absolute;z-index:1;inset:0;display:flex;align-items:center;gap:1rem;width:215%;padding-left:105%;pointer-events:none;opacity:0;transform:translateX(-8%);transition:opacity .5s}
.filter-chip__atmosphere b{flex:0 0 auto;color:rgba(235,255,255,.42);font:500 .55rem/1 "Manrope",sans-serif;letter-spacing:.1em;white-space:nowrap;text-shadow:0 0 12px rgba(76,229,235,.35)}
.filter-chip__atmosphere i{position:relative;flex:0 0 auto;width:18px;height:18px;border:1px solid rgba(224,254,255,.42);transform:rotate(45deg)}
.filter-chip__atmosphere i:nth-of-type(2){border-radius:50%;transform:rotate(0)}.filter-chip__atmosphere i::after{position:absolute;inset:4px;border:1px solid rgba(255,174,123,.5);content:""}
.catalog-filters--architectural .filter-chip:hover,.catalog-filters--architectural .filter-chip:focus-visible,.catalog-filters--architectural .filter-chip.is-active{border-color:color-mix(in srgb,var(--filter-a) 70%,white);background:rgba(8,42,53,.5);color:#fff;box-shadow:0 13px 30px color-mix(in srgb,var(--filter-a) 24%,transparent),inset 0 1px rgba(255,255,255,.24)}
.catalog-filters--architectural .filter-chip:hover::before,.catalog-filters--architectural .filter-chip:focus-visible::before,.catalog-filters--architectural .filter-chip.is-active::before{opacity:.7;transform:scaleX(1)}
.catalog-filters--architectural .filter-chip:hover .filter-chip__label,.catalog-filters--architectural .filter-chip:focus-visible .filter-chip__label,.catalog-filters--architectural .filter-chip.is-active .filter-chip__label{transform:scale(1.16);letter-spacing:.11em;text-shadow:0 4px 18px rgba(0,0,0,.6),0 0 22px color-mix(in srgb,var(--filter-a) 68%,white)}
.catalog-filters--architectural .filter-chip:hover .filter-chip__atmosphere,.catalog-filters--architectural .filter-chip:focus-visible .filter-chip__atmosphere,.catalog-filters--architectural .filter-chip.is-active .filter-chip__atmosphere{opacity:1;animation:filter-formula-pass 8s linear infinite}
@keyframes filter-shell-orbit{to{transform:rotate(360deg)}}@keyframes filter-formula-pass{from{transform:translateX(-9%)}to{transform:translateX(-54%)}}

@media(max-width:760px){.catalog-filters--architectural{display:flex;flex-wrap:nowrap;gap:.45rem;margin-inline:-.35rem;padding:.45rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}.catalog-filters--architectural::-webkit-scrollbar{display:none}.catalog-filters--architectural .filter-chip{flex:0 0 auto;min-width:112px;min-height:54px;padding-inline:1rem;scroll-snap-align:start}.catalog-filters--architectural .filter-chip--living{min-width:205px}.catalog-filters--architectural .filter-chip--urban{min-width:218px}.catalog-filters--architectural .filter-chip:hover .filter-chip__label,.catalog-filters--architectural .filter-chip:focus-visible .filter-chip__label,.catalog-filters--architectural .filter-chip.is-active .filter-chip__label{transform:scale(1.09);letter-spacing:.07em}}
@media(prefers-reduced-motion:reduce){.catalog-filters--architectural::before,.catalog-filters--architectural .filter-chip__atmosphere{animation:none!important}.filter-chip__label{transition:none}}

/* Desktop logo control: heartbeat cue and compact logo-only navigation. */
@media(min-width:761px){.site-header__inner{transform-origin:left center;transition:min-height .42s var(--ease),width .55s var(--ease),padding .45s var(--ease),box-shadow .4s,border-radius .4s}.brand [data-logo-menu-toggle]{display:block;border-radius:12px;cursor:pointer;outline-offset:5px;animation:brand-heartbeat 2.8s ease-in-out infinite}.brand [data-logo-menu-toggle] img{transition:transform .5s var(--ease),filter .45s}.brand [data-logo-menu-toggle]:hover img,.brand [data-logo-menu-toggle]:focus-visible img{transform:scale(1.035);filter:drop-shadow(0 0 12px rgba(36,178,191,.3)) drop-shadow(0 6px 13px rgba(255,100,31,.14))}.site-header .site-nav,.site-header .header-cta,.site-header .nav-geometry{transition:opacity .24s,transform .45s var(--ease),visibility 0s}.site-header.is-logo-only .site-header__inner{width:238px;min-height:74px;margin-left:max(18px,calc((100vw - min(100% - 48px,1476px))/2));margin-right:auto;padding:.45rem 1rem;border-radius:18px}.site-header.is-logo-only .site-nav,.site-header.is-logo-only .header-cta{opacity:0;visibility:hidden;pointer-events:none;transform:translateX(24px) scale(.92)}.site-header.is-logo-only .nav-geometry{opacity:.32}.site-header.is-logo-only .brand{width:202px}.site-header.is-logo-only .brand [data-logo-menu-toggle] img{transform:scale(1.04);filter:drop-shadow(0 0 14px rgba(37,190,201,.25))}.site-header.is-logo-only .brand [data-logo-menu-toggle]{animation-duration:2.2s}}
@keyframes brand-heartbeat{0%,38%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(39,193,204,0))}44%{transform:scale(1.025);filter:drop-shadow(0 0 9px rgba(39,193,204,.2))}50%{transform:scale(1)}55%{transform:scale(1.014);filter:drop-shadow(0 0 7px rgba(255,100,31,.14))}61%{transform:scale(1)}}

/* Quiet architectural atmosphere for otherwise flat surfaces. */
.ambient-surface-host{position:relative;isolation:isolate;overflow:hidden}.ambient-surface-host>.architectural-atmosphere{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;color:rgba(10,93,112,.26)}.ambient-surface-host>*:not(.architectural-atmosphere){position:relative;z-index:1}.architectural-atmosphere::before{position:absolute;inset:-20%;background-image:linear-gradient(rgba(13,104,123,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(13,104,123,.045) 1px,transparent 1px);background-size:72px 72px;content:"";transform:perspective(650px) rotateX(54deg) translateY(18%);transform-origin:center bottom;animation:ambient-grid-travel 24s linear infinite}.architectural-atmosphere i{position:absolute;left:var(--px);top:var(--py);width:var(--ps);height:var(--ps);border-radius:50%;background:currentColor;box-shadow:0 0 10px rgba(25,161,178,.18);opacity:.34;animation:ambient-particle var(--pd) ease-in-out var(--pdelay) infinite alternate}.architectural-atmosphere i:nth-of-type(3n){border:1px solid rgba(255,100,31,.32);background:transparent}.architectural-atmosphere span{position:absolute;left:var(--ex);top:var(--ey);color:currentColor;font:500 clamp(.56rem,.7vw,.7rem)/1 "Manrope",sans-serif;letter-spacing:.12em;white-space:nowrap;opacity:.25;text-shadow:0 0 12px rgba(40,175,188,.12);animation:ambient-equation var(--ed) ease-in-out var(--edelay) infinite alternate}.architectural-atmosphere b{position:absolute;left:var(--gx);top:var(--gy);width:clamp(90px,15vw,240px);height:clamp(48px,8vw,120px);border-top:1px solid currentColor;border-right:1px solid currentColor;border-radius:0 48% 0 0;opacity:.13;rotate:var(--gr);animation:ambient-geometry var(--gd) ease-in-out infinite alternate}.architectural-atmosphere b:nth-of-type(even){border-radius:50%;border-bottom:1px solid currentColor;border-left:1px solid currentColor}.ambient-surface-host--dark>.architectural-atmosphere,.section-dark.ambient-surface-host>.architectural-atmosphere{color:rgba(176,240,239,.32)}
@keyframes ambient-grid-travel{to{background-position:72px 72px,72px 72px}}@keyframes ambient-particle{0%{translate:-6px 8px;opacity:.16}55%{opacity:.4}100%{translate:14px -18px;opacity:.22}}@keyframes ambient-equation{0%{translate:-12px 10px;opacity:.16}100%{translate:22px -15px;opacity:.32}}@keyframes ambient-geometry{0%{translate:-4% 6%;scale:.92;opacity:.08}100%{translate:8% -5%;scale:1.08;opacity:.17}}
@media(max-width:760px){.architectural-atmosphere::before{background-size:54px 54px;opacity:.7}.architectural-atmosphere span:nth-of-type(even),.architectural-atmosphere b:nth-of-type(even),.architectural-atmosphere i:nth-of-type(3n){display:none}.architectural-atmosphere span{font-size:.54rem;opacity:.2}}
@media(prefers-reduced-motion:reduce){.architectural-atmosphere::before,.architectural-atmosphere i,.architectural-atmosphere span,.architectural-atmosphere b{animation:none!important}}

/* Scroll-state navigation: logo-only on desktop, unobtrusive fade on mobile. */
@media(min-width:761px){.site-header.is-compact .site-header__inner{width:238px!important;min-height:64px!important;margin-inline:auto!important;padding:.35rem 1rem!important;border-radius:18px}.site-header.is-compact .brand{width:202px!important;margin-inline:auto}.site-header.is-compact .site-nav,.site-header.is-compact .header-cta{display:none}.site-header.is-compact .nav-geometry{opacity:.32}.site-header.is-compact .brand [data-logo-menu-toggle] img{transform:scale(1.03);filter:drop-shadow(0 0 12px rgba(37,190,201,.24))}}
@media(max-width:760px){.site-header{transition:top .25s var(--ease),opacity .24s ease,transform .24s var(--ease)!important}.site-header.is-scrolling{opacity:0;pointer-events:none;transform:translateY(-18px)}}

/* Desktop-only scroll fade: mobile navigation remains available at all times. */
@media(min-width:761px){.site-header{transition:top .35s var(--ease),opacity 2s ease,transform 2s var(--ease)!important}.site-header.is-scrolling{opacity:0;pointer-events:none;transform:translateY(-18px);transition:top .28s var(--ease),opacity .28s ease,transform .28s var(--ease)!important}}
@media(max-width:760px){.site-header.is-scrolling{opacity:1!important;pointer-events:auto!important;transform:none!important}}
@media(prefers-reduced-motion:reduce){.site-header,.site-header.is-scrolling{transition:none!important}}

/* The brand sits directly on the page; only the navigation keeps its glass surface. */
.site-header__inner.glass-panel--nav{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible}
.site-header__inner.glass-panel--nav::after{display:none}
@media(min-width:761px){.site-header__inner.glass-panel--nav::before{position:absolute;z-index:0;inset:0 0 0 220px;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:linear-gradient(112deg,rgba(248,245,236,.88),rgba(198,237,240,.62) 46%,rgba(151,216,226,.34) 72%,rgba(248,245,236,.82));box-shadow:0 18px 50px rgba(10,76,99,.18),0 5px 18px rgba(56,198,218,.11),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);content:""}.site-header__inner .nav-geometry{z-index:1;left:220px}.site-header__inner>*:not(.nav-geometry){z-index:2}}

/* Project catalogue: complete project context with an editorial, breathable rhythm. */
.catalog-section{padding-block:clamp(5rem,8vw,8rem)}
.catalog-section .catalog-filters{margin-bottom:clamp(2.25rem,4vw,4rem)}
.catalog-section .project-grid{gap:clamp(1.25rem,2.4vw,2.5rem);margin-top:0}
.catalog-section .project-card{min-height:clamp(560px,47vw,650px)}
.catalog-section .project-card__meta{display:grid;gap:.7rem;padding:clamp(1.35rem,2.2vw,2rem)}
.catalog-section .project-card__top{align-items:center}
.catalog-section .project-card h3{max-width:15ch;margin:0;font-size:clamp(1.8rem,2.65vw,3.1rem);line-height:.98;letter-spacing:-.055em}
.catalog-section .project-card__meta>p{margin:0;font-size:.96rem;line-height:1.45}
.catalog-section .project-card__summary{max-width:62ch;color:rgba(255,255,255,.82)!important;font-size:.86rem!important;line-height:1.55!important}
.catalog-section .project-card__meta>span{margin-top:.15rem;line-height:1.4}
@media(max-width:760px){.catalog-section{padding-block:3.75rem 5.5rem}.catalog-section .catalog-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-bottom:2rem}.catalog-section .catalog-filters .filter-chip{min-height:48px;padding:.65rem .55rem;font-size:.61rem;line-height:1.2}.catalog-section .catalog-filters .filter-chip:first-child{grid-column:1/-1}.catalog-section .project-grid{gap:1.5rem}.catalog-section .project-card{min-height:590px;border-radius:20px}.catalog-section .project-card__meta{right:.75rem;bottom:.75rem;left:.75rem;gap:.65rem;padding:1.2rem 1.1rem}.catalog-section .project-card h3{max-width:17ch;font-size:clamp(1.7rem,8vw,2.35rem);line-height:1.02}.catalog-section .project-card__meta>p{font-size:.88rem}.catalog-section .project-card__summary{font-size:.8rem!important;line-height:1.5!important}.catalog-section .project-card__meta>span{font-size:.6rem;letter-spacing:.075em}}

/* Decorative points had no data or navigation role; architectural lines and formulas remain. */
.vector-field i,.evolution__mesh i,.architectural-atmosphere i{display:none!important}

/* Keep the full stacked wordmark legible at its natural aspect ratio. */
@media(min-width:761px){.site-header:not(.is-compact) .site-header__inner{min-height:96px}.site-header:not(.is-compact) .brand{height:90px}.site-header:not(.is-compact) .brand img{max-height:90px}.site-header.is-compact .brand img{max-height:72px}}
@media(max-width:760px){.site-header .site-header__inner.shell{width:176px!important;height:68px!important;min-height:68px!important}.site-header .brand{width:158px!important;height:64px!important;flex-basis:158px!important}.site-header .brand img{max-height:64px!important}}
/* The dark wordmark needs the same light surface used by the navigation. */
.site-header .brand{box-sizing:border-box;padding:.22rem .45rem;border:1px solid rgba(255,255,255,.84);border-radius:14px;background:rgba(246,242,232,.94);box-shadow:0 10px 30px rgba(6,17,21,.18)}

/* Reference visuals are explicitly distinguished from verified project photos. */
.project-card__reference{position:absolute;z-index:2;top:1rem;left:1rem;padding:.4rem .65rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(4,18,23,.68);color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}
.project-card__fallback-label{position:absolute;z-index:1;top:28%;left:10%;max-width:75%;color:rgba(255,255,255,.83);font:500 clamp(1.6rem,3vw,3rem)/1.1 "Manrope",sans-serif;font-style:normal;letter-spacing:-.04em}
.project-featured__fallback{min-height:clamp(280px,45vw,560px);display:grid;place-items:center;padding:2rem;border-radius:var(--radius);background:radial-gradient(circle at 70% 24%,rgba(255,100,31,.26),transparent 25%),repeating-linear-gradient(135deg,transparent 0 42px,rgba(255,255,255,.08) 43px 44px),linear-gradient(145deg,#1c343c,#071015);color:#fff;text-align:center}
.project-featured__fallback span{max-width:20ch;font:500 clamp(2rem,5vw,5rem)/1.05 "Manrope",sans-serif;letter-spacing:-.05em}
.project-featured__caption{margin:.6rem 0 0;color:var(--muted);font-size:.75rem}

/* Catalogue listing: the same brand language with a clearer reading order. */
.catalog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.6rem}
.catalog-toolbar .eyebrow{margin-bottom:.45rem;color:var(--orange)}
.catalog-toolbar h2{margin:0;font-size:clamp(2.2rem,4vw,4.2rem);line-height:1;letter-spacing:-.055em}
.catalog-toolbar__count{margin:0;color:var(--muted);white-space:nowrap;font-size:.88rem;text-transform:uppercase;letter-spacing:.09em}
.catalog-toolbar__count strong{color:var(--ink);font-size:1.65rem;font-weight:600;letter-spacing:-.04em}
.catalog-section .catalog-filters{gap:.55rem;margin-bottom:2rem}
.catalog-section .filter-chip{display:inline-flex;align-items:center;gap:.55rem;min-height:46px;padding:.65rem 1rem;line-height:1.25}
.catalog-section .filter-chip small{display:inline-grid;place-items:center;min-width:1.55rem;height:1.55rem;padding:0 .3rem;border-radius:999px;background:rgba(7,24,30,.1);font-size:.65rem;letter-spacing:0}
.catalog-section .filter-chip.is-active small{background:rgba(255,255,255,.22)}
.catalog-section .project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.catalog-section .catalog-card{display:flex;flex-direction:column;min-height:0;border:1px solid rgba(21,50,57,.1);border-radius:18px;background:#fbf9f3;box-shadow:0 14px 34px rgba(10,33,40,.08);transform:none;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.catalog-section .catalog-card.is-filtered{display:none}
.catalog-section .catalog-card:hover{transform:translateY(-5px);box-shadow:0 22px 46px rgba(10,33,40,.14)}
.catalog-card__visual{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:#142930}
.catalog-card__visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.catalog-card:hover .catalog-card__visual img{transform:scale(1.04)}
.catalog-card__visual::after{position:absolute;inset:55% 0 0;content:"";background:linear-gradient(transparent,rgba(4,14,18,.2));pointer-events:none}
.catalog-card__visual-fallback{display:grid;place-items:center;width:100%;height:100%;padding:2rem;background:radial-gradient(circle at 74% 28%,rgba(255,100,31,.23),transparent 28%),linear-gradient(145deg,#1b3c45,#08151a);color:#fff;text-align:center}
.catalog-card__visual-fallback span{font-size:clamp(1.2rem,2vw,2rem)}
.catalog-card__reference{position:absolute;z-index:2;top:.8rem;left:.8rem;padding:.37rem .62rem;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:rgba(5,19,25,.72);color:#fff;font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.catalog-card__body{display:flex;flex:1;flex-direction:column;padding:1.35rem 1.4rem 1.3rem}
.catalog-card__top{display:flex;justify-content:space-between;gap:.65rem;color:#597078;font-size:.62rem;font-weight:800;letter-spacing:.085em;line-height:1.4;text-transform:uppercase}
.catalog-card__top span:last-child{color:var(--orange);font-size:.75rem}
.catalog-section .catalog-card h2{margin:1rem 0 .55rem;font-size:clamp(1.4rem,1.9vw,2rem);line-height:1.08;letter-spacing:-.045em}
.catalog-card h2 a{color:var(--ink);text-decoration:none}
.catalog-card h2 a:hover,.catalog-card h2 a:focus-visible{color:var(--orange)}
.catalog-card__facts{margin:0;color:#607178;font-size:.82rem;line-height:1.5}
.catalog-card__summary{display:-webkit-box;overflow:hidden;margin:1rem 0 0;color:#455d64;font-size:.85rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.catalog-card__role{margin:.95rem 0 0;color:#63737a;font-size:.7rem;font-weight:700;line-height:1.45;text-transform:uppercase;letter-spacing:.055em}
.catalog-card__link{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1.1rem;color:var(--ink);font-size:.72rem;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:.09em}
.catalog-card__link span{color:var(--orange);font-size:1.25rem}
@media(max-width:1100px){.catalog-section .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.catalog-toolbar{align-items:start;flex-direction:column;gap:.7rem}.catalog-toolbar__count{font-size:.75rem}.catalog-section .catalog-filters{display:flex;flex-wrap:nowrap;gap:.5rem;margin-inline:-.4rem;padding:.3rem .4rem .75rem;overflow-x:auto;scrollbar-width:thin}.catalog-section .filter-chip,.catalog-section .catalog-filters .filter-chip:first-child{grid-column:auto;flex:0 0 auto;max-width:230px;min-height:44px;white-space:normal}.catalog-section .project-grid{grid-template-columns:1fr}.catalog-card__visual{aspect-ratio:16/10}.catalog-card__body{padding:1.2rem}}

/* Sixto's verified professional milestones extend the existing experience cards. */
.experience-profile{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,5rem);margin-top:1.5rem;padding:clamp(1.6rem,3.5vw,3.5rem);border:1px solid rgba(255,255,255,.86);border-radius:var(--radius);background:linear-gradient(130deg,rgba(255,255,255,.83),rgba(221,242,241,.55));box-shadow:0 20px 55px rgba(12,73,91,.1)}
.experience-profile__intro .eyebrow{color:var(--arch-blue)}
.experience-profile__intro h3{max-width:11ch;margin:.8rem 0 1rem;font-size:clamp(2.4rem,4.2vw,4.8rem);line-height:.96;letter-spacing:-.055em}
.experience-profile__intro>p:not(.eyebrow){max-width:36rem;color:#4f676d;line-height:1.65}
.experience-profile__intro .text-link{margin-top:1.2rem}
.experience-timeline{margin:0;padding:0;list-style:none}
.experience-timeline li{display:grid;grid-template-columns:112px minmax(0,1fr);gap:1.1rem;padding:1rem 0;border-top:1px solid rgba(20,72,84,.16)}
.experience-timeline li:last-child{border-bottom:1px solid rgba(20,72,84,.16)}
.experience-timeline li>span{color:var(--arch-blue);font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.experience-timeline h4{margin:0 0 .3rem;font-size:1.08rem;line-height:1.2}
.experience-timeline p{margin:0;color:#596e73;font-size:.84rem;line-height:1.5}
@media(max-width:950px){.experience-profile{grid-template-columns:1fr}}
@media(max-width:680px){.experience-profile{margin-top:1rem;padding:1.35rem}.experience-profile__intro h3{font-size:2.55rem}.experience-timeline li{grid-template-columns:1fr;gap:.35rem}}

/* Lead with Sixto's identity, then show the institutional evidence. */
.experience-profile__intro>p:not(.eyebrow)+p{margin-top:.85rem}
.experience-profile__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:1.5rem 0 .35rem}
.experience-profile__facts span{display:flex;flex-direction:column;gap:.32rem;padding:.85rem .65rem;border-top:2px solid var(--orange);color:#536a70;font-size:.68rem;line-height:1.35}
.experience-profile__facts strong{color:var(--ink);font-size:clamp(1.15rem,2vw,1.8rem);font-weight:650;line-height:1}
.experience-highlights-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.55fr);gap:1rem 3rem;align-items:end;margin:clamp(3rem,6vw,6rem) 0 1.5rem}
.experience-highlights-heading .eyebrow{grid-column:1/-1;margin:0;color:var(--orange)}
.experience-highlights-heading h3{margin:0;font-size:clamp(2rem,3.4vw,4rem);line-height:1;letter-spacing:-.05em}
.experience-highlights-heading>p:last-child{margin:0;color:#536b71;line-height:1.55}
@media(max-width:760px){.experience-profile__facts{grid-template-columns:1fr 1fr}.experience-profile__facts span:last-child{grid-column:1/-1}.experience-highlights-heading{grid-template-columns:1fr;gap:.75rem;margin-top:3rem}}

/* Dedicated professional profile page; all career details remain editable as page content. */
.professional-page__hero h1{max-width:13ch}
.professional-page__hero .page-hero__content>p:last-child{max-width:750px}
.professional-page__body{background:radial-gradient(circle at 9% 8%,rgba(56,198,218,.1),transparent 22%),var(--paper)}
.professional-page__body .eyebrow{color:var(--orange)}
.professional-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(2rem,5vw,6rem);align-items:start}
.professional-lead h2,.professional-milestones h2,.professional-career h2{margin:.65rem 0 0;font-size:clamp(2.5rem,4.6vw,5.5rem);line-height:.98;letter-spacing:-.055em}
.professional-lead__copy{padding-top:.4rem;color:#435f65;font-size:clamp(1.03rem,1.3vw,1.2rem);line-height:1.7}
.professional-lead__copy p{margin:0 0 1.2rem}
.professional-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:clamp(3rem,6vw,6rem) 0;background:rgba(16,58,69,.17);border:1px solid rgba(16,58,69,.17);border-radius:var(--radius);overflow:hidden}
.professional-proof>div{display:flex;flex-direction:column;gap:.65rem;min-height:150px;padding:clamp(1.25rem,2.5vw,2.4rem);background:#eff4f1}
.professional-proof strong{color:var(--arch-navy);font-size:clamp(1.8rem,3vw,3.6rem);font-weight:600;letter-spacing:-.06em;line-height:1}
.professional-proof span{max-width:26ch;color:#51696f;font-size:.84rem;line-height:1.4}
.professional-milestones header{max-width:850px;margin-bottom:1.8rem}
.professional-milestones header>p:last-child{color:#587178;line-height:1.6}
.professional-milestones__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.professional-milestones article{display:flex;flex-direction:column;min-height:370px;padding:clamp(1.4rem,2.2vw,2.2rem);border:1px solid rgba(16,58,69,.12);border-radius:var(--radius);background:linear-gradient(145deg,#fff,#e9f2f1);box-shadow:0 16px 40px rgba(10,60,72,.08)}
.professional-milestones article>span{color:var(--arch-blue);font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;line-height:1.5}
.professional-milestones article h3{margin:1rem 0 1.5rem;font-size:clamp(1.5rem,2vw,2.35rem);line-height:1.08;letter-spacing:-.04em}
.professional-milestones article strong{margin-top:auto;color:var(--arch-navy);font-size:clamp(2rem,2.8vw,3.3rem);font-weight:600;letter-spacing:-.06em;line-height:1}
.professional-milestones article p{margin:1rem 0 0;color:#526b71;font-size:.91rem;line-height:1.55}
.professional-career{display:grid;grid-template-columns:minmax(230px,.45fr) minmax(0,1fr);gap:clamp(2rem,6vw,7rem);margin-top:clamp(4rem,8vw,8rem)}
.professional-career ol{margin:0;padding:0;list-style:none}
.professional-career li{display:grid;grid-template-columns:115px minmax(0,1fr);gap:1.2rem;padding:1.35rem 0;border-top:1px solid rgba(16,58,69,.2)}
.professional-career li:last-child{border-bottom:1px solid rgba(16,58,69,.2)}
.professional-career li>span{color:var(--arch-blue);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.professional-career h3{margin:0 0 .4rem;font-size:clamp(1.2rem,1.6vw,1.7rem);line-height:1.2}
.professional-career li p{margin:0;color:#526a70;font-size:.95rem;line-height:1.6}
@media(max-width:1050px){.professional-proof{grid-template-columns:repeat(2,minmax(0,1fr))}.professional-milestones__grid{grid-template-columns:1fr}.professional-milestones article{min-height:0}.professional-career{grid-template-columns:1fr}}
@media(max-width:760px){.professional-lead{grid-template-columns:1fr;gap:1.2rem}.professional-proof{margin:3rem 0}.professional-proof>div{min-height:125px;padding:1.1rem}.professional-proof strong{font-size:1.75rem}.professional-proof span{font-size:.73rem}.professional-career{margin-top:4rem}.professional-career li{grid-template-columns:1fr;gap:.35rem}.professional-page__hero h1{font-size:clamp(3rem,13vw,5rem)}}

/* Smaller navigation and transparent logo treatment. */
.site-header .brand{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.site-header .brand img{filter:drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 1px 3px rgba(255,255,255,.75))!important}
@media(min-width:761px){
  .site-header{top:10px}
  .site-header:not(.is-compact) .site-header__inner{min-height:66px;padding:.2rem .55rem .2rem .2rem;gap:1.05rem}
  .site-header:not(.is-compact) .brand{width:168px;height:65px}
  .site-header:not(.is-compact) .brand img{max-height:65px}
  .site-header__inner.glass-panel--nav::before{inset:3px 0 3px 183px;border-radius:14px}
  .site-header__inner .nav-geometry{left:183px}
  .site-nav__list{gap:clamp(.7rem,1.2vw,1.3rem)}
  .site-nav a,.site-nav__portfolio-toggle{font-size:.62rem!important;letter-spacing:.075em!important}
  .header-cta{padding:.75rem .95rem!important;font-size:.59rem!important}
}
.site-nav__portfolio{position:relative}
.site-nav__portfolio-toggle{display:inline-flex;align-items:center;gap:.3rem;padding:.7rem 0;border:0;background:transparent;color:var(--ink);font:700 .68rem/1.3 "Manrope",sans-serif;letter-spacing:.11em;text-transform:uppercase;cursor:pointer}
.site-nav__portfolio-toggle span{font-size:1rem;line-height:.6;transition:transform .2s}
.site-nav__portfolio.is-open .site-nav__portfolio-toggle span{transform:rotate(180deg)}
.site-nav__submenu{position:absolute;top:calc(100% + .6rem);left:0;z-index:90;display:none;width:min(360px,calc(100vw - 32px));max-height:min(68vh,560px);margin:0;padding:.7rem;overflow:auto;list-style:none;border:1px solid rgba(255,255,255,.8);border-radius:14px;background:rgba(246,242,232,.98);box-shadow:0 18px 50px rgba(3,28,37,.23);backdrop-filter:blur(20px)}
.site-nav__portfolio.is-open .site-nav__submenu{display:block}
.site-nav__submenu li+li{border-top:1px solid rgba(13,57,68,.11)}
.site-nav__submenu a{display:block;padding:.75rem .8rem;color:var(--ink)!important;font-size:.72rem!important;line-height:1.4;letter-spacing:.03em!important;text-transform:none}
.site-nav__submenu a:hover,.site-nav__submenu a:focus-visible{background:rgba(56,198,218,.13)}
@media(max-width:760px){
  .site-header .site-header__inner.shell{width:150px!important;height:58px!important;min-height:58px!important}
  .site-header .brand{width:138px!important;height:55px!important;flex-basis:138px!important}
  .site-header .brand img{max-height:55px!important}
  .site-nav{place-items:start center;padding:5rem 1rem 2rem;overflow-y:auto}
  .site-nav__list{width:min(100%,380px);gap:.8rem;text-align:left}
  .site-nav a,.site-nav__portfolio-toggle{font-size:.9rem!important;letter-spacing:.07em!important}
  .site-nav__portfolio-toggle{color:#fff}
  .site-nav__submenu{position:static;width:100%;max-height:none;margin-top:.35rem;background:rgba(248,246,240,.95)}
}

/* Documentary equipment gallery follows the existing service cards. */
.equipment-gallery{margin-top:clamp(3.5rem,6vw,6rem)}
.equipment-gallery__heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.3rem}
.equipment-gallery__heading h3{max-width:16ch;margin:.5rem 0 0;font-size:clamp(2rem,3.4vw,3.6rem);line-height:1.02;letter-spacing:-.045em}
.equipment-gallery__heading>p{max-width:42rem;margin:0;color:#526a70;line-height:1.55}
.equipment-gallery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.equipment-gallery figure{margin:0;overflow:hidden;border:1px solid rgba(16,58,69,.13);border-radius:18px;background:#f8f7f2;box-shadow:0 12px 35px rgba(13,58,67,.08)}
.equipment-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#e9ece7}
.equipment-gallery__mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));aspect-ratio:4/3;overflow:hidden}
.equipment-gallery__mosaic img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.equipment-gallery figcaption{display:grid;gap:.35rem;padding:1rem 1.15rem;color:#526a70;font-size:.78rem;line-height:1.45}
.equipment-gallery figcaption strong{color:var(--ink);font-size:1.02rem}
.equipment-gallery figcaption small{color:var(--arch-blue);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:900px){.equipment-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.equipment-gallery__heading{display:block}.equipment-gallery__heading>p{margin-top:1rem}}
@media(max-width:600px){.equipment-gallery__grid{grid-template-columns:1fr}}
@media(min-width:1081px){.experience-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.experience-card h3{font-size:clamp(1.7rem,2.3vw,2.8rem)}.experience-card strong{font-size:clamp(2rem,2.7vw,3.2rem)}}
.project-source{margin-top:2.5rem;padding:1rem 1.2rem;border-left:3px solid var(--orange);background:rgba(18,95,107,.06);color:#536a70;font-size:.83rem;line-height:1.5}
.equipment-gallery__controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1rem}
.equipment-gallery__filters{display:flex;flex-wrap:wrap;gap:.45rem}
.equipment-gallery__filters button,.equipment-gallery__arrows button{min-height:42px;padding:.55rem .9rem;border:1px solid rgba(16,58,69,.22);border-radius:999px;background:rgba(255,255,255,.52);color:var(--ink);font:700 .72rem/1.25 "Manrope",sans-serif;cursor:pointer}
.equipment-gallery__filters button.is-active,.equipment-gallery__filters button:hover,.equipment-gallery__filters button:focus-visible{border-color:var(--arch-navy);background:var(--arch-navy);color:#fff}
.equipment-gallery__arrows{display:flex;gap:.4rem}.equipment-gallery__arrows button{width:42px;padding:0;font-size:1.15rem}
.equipment-gallery__grid{display:flex;gap:1rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:.25rem .25rem 1rem}
.equipment-gallery figure{flex:0 0 calc((100% - 2rem)/3);scroll-snap-align:start}
.equipment-gallery figure[hidden]{display:none!important}
.equipment-gallery__hint{margin:.4rem 0 0;color:#60767b;font-size:.75rem}
@media(max-width:900px){.equipment-gallery figure{flex-basis:calc((100% - 1rem)/2)}}
@media(max-width:600px){.equipment-gallery__controls{align-items:flex-start}.equipment-gallery__filters button{font-size:.65rem;padding:.5rem .6rem}.equipment-gallery figure{flex-basis:min(85vw,340px)}}
.professional-career li{grid-template-columns:150px minmax(0,1fr)}
@media(max-width:760px){.professional-career li{grid-template-columns:1fr}}
@media(max-width:760px){
  .site-nav__submenu{overflow-x:hidden}
  .site-header .site-nav .site-nav__submenu a{display:block!important;color:var(--ink)!important;font-size:.78rem!important;line-height:1.4!important;letter-spacing:.01em!important;text-shadow:none!important;transform:none!important;opacity:1!important}
  .site-header .site-nav .site-nav__submenu a:hover,.site-header .site-nav .site-nav__submenu a:focus-visible{color:var(--arch-navy)!important;text-shadow:none!important;transform:none!important}
  .site-header .site-nav .site-nav__submenu a::before{display:none!important}
}
@media(min-width:761px){.site-header__inner.glass-panel--nav::before{inset:3px 0 3px auto;width:min(650px,calc(100% - 183px))}.site-header__inner .nav-geometry{display:none}}

/* Editorial refinements: preserve the current layout while keeping content visible. */
html{scroll-padding-top:110px}
.equipment-gallery,.catalog-section,.professional-page__body{scroll-margin-top:110px}
.manifesto__statement{font-size:clamp(2.8rem,5.4vw,6.1rem);line-height:1;margin:1.2rem 0}
.equipment-gallery__arrows [data-gallery-pause]{width:auto;min-width:72px;padding:0 .7rem;font-size:.68rem}
.equipment-gallery__grid{scrollbar-width:none;cursor:grab;user-select:none}
.equipment-gallery__grid::-webkit-scrollbar{display:none}
.equipment-gallery__grid.is-dragging{cursor:grabbing;scroll-snap-type:none}
.equipment-gallery__grid img{-webkit-user-drag:none;user-select:none}
.equipment-gallery__status{display:inline-flex;align-items:center;justify-content:center;min-width:4.5rem;color:#526a70;font:700 .75rem/1.2 "Manrope",sans-serif;white-space:nowrap}
@media(max-width:760px){.equipment-gallery__controls{flex-direction:column;align-items:stretch}.equipment-gallery__arrows{align-self:flex-end}}
.equipment-gallery figure[data-gallery-kind="hospital"] img{object-fit:contain;background:#e8ebea}
.project-documentary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0 2rem}
.project-documentary-grid figure{margin:0;border-radius:16px;overflow:hidden;background:#f8f7f2;border:1px solid rgba(16,58,69,.13)}
.project-documentary-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.project-documentary-grid figcaption{padding:.8rem 1rem;font-size:.82rem;line-height:1.45;color:#526a70}
@media(max-width:600px){.project-documentary-grid{grid-template-columns:1fr}}
.service-detail__media{margin:2rem 0;max-width:760px}
.service-detail__media img{display:block;width:100%;max-height:430px;object-fit:cover;border-radius:18px}
.service-detail__media figcaption{margin-top:.55rem;color:#526a70;font-size:.82rem}
.service-detail__links{display:flex;flex-wrap:wrap;gap:.7rem;margin:2rem 0}
.service-detail__links a{display:inline-block;padding:.7rem 1rem;border:1px solid currentColor;border-radius:999px}
.catalog-card__type{margin:.5rem 0;color:#4d6870;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.contact__privacy{font-size:.82rem;line-height:1.5}
.contact__privacy a,.site-footer__bottom a:not(.powered-by){color:inherit;text-decoration:underline;text-underline-offset:3px}
.site-header.is-content-view .brand{opacity:0;pointer-events:none;transition:opacity .25s}
body.menu-open .site-header .brand{opacity:1;pointer-events:auto}
@media(min-width:761px){.site-header .site-nav a,.site-header .site-nav button{font-size:max(.74rem,12px)!important}}
@media(max-width:760px){html{scroll-padding-top:86px}.site-header:not(.menu-open) .site-header__inner.shell{width:124px!important;height:49px!important;min-height:49px!important}.site-header:not(.menu-open) .brand{width:116px!important;height:47px!important;flex-basis:116px!important}.site-header:not(.menu-open) .brand img{max-height:47px!important}.equipment-gallery__grid,.catalog-section .catalog-filters{scrollbar-width:none}.equipment-gallery__grid::-webkit-scrollbar,.catalog-section .catalog-filters::-webkit-scrollbar{display:none}.equipment-gallery__controls{gap:.4rem}.equipment-gallery__arrows{align-self:flex-start}.equipment-gallery__arrows button{width:38px;min-width:38px}.equipment-gallery__arrows [data-gallery-pause]{min-width:65px;font-size:.6rem}.manifesto__statement{font-size:clamp(2.35rem,10.5vw,3.55rem)}}

/* Portfolio navigation: a centered chevron that follows the open state. */
.site-nav__chevron{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .25s ease}
.site-nav__portfolio.is-open .site-nav__chevron{transform:rotate(180deg)}
.site-nav__portfolio-toggle{gap:.5rem}

/* The visual archive follows the portfolio and moves without a visible rail. */
.gallery-section{background:radial-gradient(circle at 83% 5%,rgba(62,173,185,.14),transparent 36%),radial-gradient(circle at 10% 85%,rgba(255,111,54,.08),transparent 30%),#f5f3ed}
.gallery-section .equipment-gallery{margin-top:0}
.equipment-gallery__grid{overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:.45rem}
.equipment-gallery__grid::-webkit-scrollbar{display:none!important}
.equipment-gallery figure{transition:transform .35s ease,box-shadow .35s ease}
.equipment-gallery figure:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,58,67,.15)}
.equipment-gallery__grid img{cursor:default}
.equipment-gallery__hint{margin-top:.85rem}

/* Sixto: progressive career line, quiet gradients and clear actions. */
.professional-page__body{background:radial-gradient(circle at 8% 15%,rgba(63,175,190,.13),transparent 24%),radial-gradient(circle at 92% 49%,rgba(255,107,49,.095),transparent 25%),radial-gradient(circle at 20% 82%,rgba(47,129,151,.09),transparent 30%),var(--paper)}
.professional-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.7rem}
.professional-cta a,.professional-next>a{display:inline-flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:.9rem 1.25rem;border-radius:999px;background:var(--arch-navy);color:#fff;text-decoration:none;font:700 .78rem/1.2 "Manrope",sans-serif;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}
.professional-cta a+ a{background:transparent;color:var(--arch-navy);border:1px solid rgba(17,59,70,.35)}
.professional-cta a:hover,.professional-next>a:hover{transform:translateY(-3px);background:#ff682f;color:#fff;box-shadow:0 12px 26px rgba(255,104,47,.22)}
.professional-proof>div{position:relative;background:linear-gradient(140deg,#f5faf7,#eaf5f7 65%,#fff5ec);animation:proof-pulse 7.2s ease-in-out infinite;animation-delay:calc(var(--proof-index,0) * .55s);transform-origin:center}
.professional-proof>div:nth-child(1){--proof-index:0}.professional-proof>div:nth-child(2){--proof-index:1}.professional-proof>div:nth-child(3){--proof-index:2}.professional-proof>div:nth-child(4){--proof-index:3}
@keyframes proof-pulse{0%,10%,30%,100%{background-position:0 0;box-shadow:inset 0 0 0 0 rgba(255,103,46,0)}17%{background-position:100% 100%;box-shadow:inset 0 0 0 3px rgba(255,103,46,.36)}}
.professional-milestones article{transition:transform .35s ease,box-shadow .35s ease,background .35s ease}
.professional-milestones article:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(20,66,74,.12);background:linear-gradient(145deg,#fff,#edfbfc)}
.professional-career__track{position:relative;min-width:0;padding-left:2.4rem}
.career-flow{position:absolute;top:0;bottom:0;left:.25rem;width:1rem;pointer-events:none}
.career-flow::before{content:"";position:absolute;top:0;bottom:0;left:6px;width:2px;background:rgba(31,101,120,.14)}
.career-flow__line{position:absolute;top:0;bottom:0;left:5px;width:4px;border-radius:5px;background:linear-gradient(180deg,#26b9c4,#1c7894 45%,#ff713d 100%);transform:scaleY(var(--career-progress,0));transform-origin:top;box-shadow:0 0 15px rgba(45,174,188,.35)}
.career-flow__head{position:absolute;left:0;top:calc((100% - 14px) * var(--career-progress,0));width:16px;height:16px;border-right:3px solid #ff713d;border-bottom:3px solid #ff713d;transform:rotate(45deg);filter:drop-shadow(0 2px 4px rgba(255,113,61,.3))}
.professional-career li{transition:background .35s ease,padding .35s ease}
.professional-career li:hover{background:rgba(219,242,242,.34);padding-left:.6rem}
.professional-next{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:clamp(4rem,7vw,7rem) 0;padding:clamp(2rem,4vw,4rem);border-radius:28px;background:radial-gradient(circle at 86% 15%,rgba(64,191,198,.22),transparent 30%),linear-gradient(135deg,#0e2b37,#164a58);color:#fff;box-shadow:0 24px 48px rgba(8,35,43,.17)}
.professional-next h2{max-width:18ch;margin:.4rem 0 0;font-size:clamp(2rem,3.5vw,4rem);line-height:1.05;letter-spacing:-.045em}
.professional-next>a{flex:none;background:#ff713d}
@media(max-width:760px){.professional-career__track{padding-left:1.5rem}.career-flow{left:0}.professional-next{display:block}.professional-next>a{margin-top:1.5rem}.professional-cta a{width:100%}}
@media(prefers-reduced-motion:reduce){.professional-proof>div{animation:none}.professional-milestones article,.equipment-gallery figure{transition:none}}

/* Contact, navigation and identity at the close of the page. */
.site-footer__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(180px,.56fr);gap:clamp(2rem,5vw,6rem);align-items:start}
.site-footer__grid>div{min-width:0}
.footer-contact__lead{max-width:22ch;margin:.6rem 0 1.1rem;font-size:clamp(1.4rem,2vw,2rem);line-height:1.15;letter-spacing:-.04em}
.footer-contact__actions{display:flex;gap:.65rem;margin-bottom:1rem}
.site-footer__grid .footer-contact__actions a{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0;padding:.75rem;border:1px solid rgba(12,60,71,.16);border-radius:16px;background:rgba(255,255,255,.63);color:var(--arch-navy);font-weight:800;line-height:1.2;transition:transform .25s ease,background .25s ease}
.footer-contact__actions a:hover{transform:translateY(-3px);background:#fff}
.footer-contact__actions svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.footer-contact__actions a:last-child svg{fill:#188c62;stroke:none}
.footer-contact__actions small{font-size:.67rem;font-weight:500;white-space:nowrap}
.footer-navigation ul{display:grid;gap:.15rem;counter-reset:footer-nav}
.footer-navigation li{counter-increment:footer-nav;border-bottom:1px solid rgba(19,65,75,.13)}
.footer-navigation li a{display:flex!important;align-items:center;gap:.7rem;padding:.65rem 0;margin:0!important;color:var(--ink)!important;font-weight:700;font-size:.8rem}
.footer-navigation li a::before{content:counter(footer-nav,decimal-leading-zero);color:#d26337;font-size:.63rem;font-weight:800}
.footer-navigation li a::after{content:"↗";margin-left:auto;color:#d26337}
.footer-navigation li a:hover{transform:translateX(3px)}
@media(max-width:900px){.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-navigation{grid-column:1/-1}.footer-navigation ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem}}
@media(max-width:600px){.site-footer__grid{grid-template-columns:1fr}.footer-navigation{grid-column:auto}.footer-navigation ul{grid-template-columns:1fr}.footer-contact__actions{flex-wrap:wrap}.footer-contact__actions a{flex-basis:calc(50% - .4rem)}}

/* Opaque only where the floating wordmark crosses readable copy. */
.site-header.is-content-view .brand{opacity:1;pointer-events:auto}
.project-featured img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;background:#e9e9e5}

/* Direct contact and a warm illuminated map card beneath the logo. */
.site-footer__grid .footer-map{position:relative;display:flex;align-items:flex-start;gap:.8rem;max-width:380px;margin:1.5rem 0 0;padding:1rem 1.05rem;border:1px solid transparent;border-radius:18px;background:linear-gradient(#f8f3e9,#f8f3e9) padding-box,linear-gradient(125deg,#d69b36,#ffe184 32%,#9a6542 70%,#f4c766) border-box;box-shadow:0 0 19px rgba(231,174,70,.2),inset 0 0 18px rgba(255,224,136,.1);color:var(--ink);text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}
.site-footer__grid .footer-map:hover,.site-footer__grid .footer-map:focus-visible{transform:translateY(-3px);box-shadow:0 0 28px rgba(232,173,54,.45),0 12px 30px rgba(132,89,38,.12)}
.footer-map__icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#f3db97;color:#65451f;font-size:1.55rem;line-height:1}
.footer-map strong,.footer-map small,.footer-map em{display:block}
.footer-map strong{font-size:.83rem;line-height:1.35}
.footer-map small{margin:.3rem 0;color:#655d4b;font-size:.72rem;line-height:1.45}
.footer-map em{color:#93601e;font-size:.66rem;font-style:normal;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.site-footer .footer-brand .social-link{margin-top:1.1rem!important}
.site-footer__grid .footer-email{display:block;margin-top:1.25rem;padding:.9rem 1rem;border:1px solid rgba(24,84,94,.2);border-radius:14px;background:rgba(255,255,255,.54);text-decoration:none;transition:background .25s,transform .25s}
.site-footer__grid .footer-email:hover{background:#fff;transform:translateY(-2px)}
.footer-email span,.footer-email small{display:block}
.footer-email span{color:var(--arch-navy);font-size:.85rem;font-weight:800}
.footer-email small{margin-top:.22rem;color:#617072;font-size:.72rem}
.footer-creator{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;text-transform:none}
.footer-creator .powered-by{display:inline-block}
.footer-creator__whatsapp{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(14,137,82,.22);border-radius:50%;background:rgba(32,177,104,.11);color:#128755!important;transition:transform .25s,background .25s}
.footer-creator__whatsapp:hover{transform:translateY(-2px);background:rgba(32,177,104,.2)}
.footer-creator__whatsapp svg{width:16px;height:16px;fill:currentColor}
.contact__details a small{display:block;margin-top:.2rem;color:rgba(255,255,255,.62);font-size:.72rem;line-height:1.45}
.contact__details .contact__maps{max-width:380px;margin-top:.45rem;padding:.8rem 1rem;border:1px solid rgba(232,191,104,.5);border-radius:13px;background:rgba(255,223,149,.07);font-size:1rem}
.contact__status{position:relative;z-index:3;margin:0 0 1rem;padding:.85rem 1rem;border-radius:12px;font-size:.86rem;line-height:1.5}
.contact__status--success{border:1px solid rgba(119,225,185,.45);background:rgba(27,136,98,.2);color:#e3fff1}
.contact__status--error{border:1px solid rgba(255,190,133,.45);background:rgba(176,82,43,.2);color:#fff4e9}
.contact__status a{color:inherit;text-decoration:underline}
@media(max-width:600px){.site-footer__grid .footer-map{max-width:none}.footer-creator{justify-content:flex-start}.site-footer__bottom{gap:1.4rem}.contact__details{margin-top:2rem}}

/* Refinements to the professional story and gallery controls. */
.site-header .header-cta{border-radius:999px!important;padding-inline:1.3rem!important}
.equipment-gallery__controls{margin-bottom:1rem}
.equipment-gallery__arrows{justify-content:flex-end;align-items:center;margin-top:.95rem}
.equipment-gallery__status{margin-right:.6rem}
.equipment-gallery__grid img{cursor:default}
.equipment-gallery__hint{margin-top:.55rem}
@media(max-width:760px){.equipment-gallery__arrows{align-self:auto;justify-content:flex-start}.equipment-gallery__status{margin-right:auto}}

/* The arrow draws the only visible career line; each stage answers with one short pulse. */
.professional-career__track,.experience-profile__track{position:relative;min-width:0;padding-left:2.4rem}
.career-flow::before{display:none}
.career-flow__line{right:auto;bottom:auto;height:100%;transform:scaleY(var(--career-progress,0));box-shadow:0 0 12px rgba(38,180,196,.3)}
.career-flow__head{opacity:0;transition:opacity .18s ease}
.professional-career__track.has-progress .career-flow__head,.experience-profile__track.has-progress .career-flow__head{opacity:1}
.experience-profile__track .career-flow{left:.25rem}
.professional-career li,.experience-timeline li{position:relative;isolation:isolate;transition:background .35s ease,padding .35s ease}
.professional-career li::before,.experience-timeline li::before{position:absolute;z-index:-1;inset:.25rem -.7rem;content:"";border-radius:15px;background:linear-gradient(105deg,rgba(36,181,198,.2),rgba(255,191,112,.24) 58%,rgba(255,111,54,.13));opacity:0;pointer-events:none}
.professional-career li.is-pulsing::before,.experience-timeline li.is-pulsing::before{animation:career-stage-pulse 1s ease-out}
.professional-career li.is-pulsing h3,.experience-timeline li.is-pulsing h4{animation:career-title-pulse 1s ease-out}
@keyframes career-stage-pulse{0%{opacity:0;transform:scale(.985)}34%{opacity:1;transform:scale(1.01)}100%{opacity:0;transform:scale(1)}}
@keyframes career-title-pulse{0%,100%{color:var(--ink)}40%{color:#087f91}}
@media(max-width:760px){.professional-career__track,.experience-profile__track{padding-left:1.65rem}.experience-profile__track .career-flow{left:0}}

/* Subtle movement lives across the entire card surface. */
.professional-proof>div,.professional-milestones article,.experience-card{background-image:radial-gradient(circle at 12% 14%,rgba(30,179,191,.14),transparent 45%),radial-gradient(circle at 88% 83%,rgba(255,134,72,.13),transparent 45%),linear-gradient(135deg,#fbfdfa,#edf6f5 52%,#fff7ef);background-size:145% 145%;animation:sixto-card-wash 13s ease-in-out infinite alternate}
.professional-milestones article:nth-child(2n),.experience-card:nth-child(2n){animation-delay:-4s}
.professional-milestones article:nth-child(3n),.experience-card:nth-child(3n){animation-delay:-8s}
@keyframes sixto-card-wash{from{background-position:0% 20%}to{background-position:100% 80%}}
.professional-lead,.experience-profile{position:relative;isolation:isolate;overflow:hidden}
.professional-lead::before,.experience-profile::before{position:absolute;z-index:-1;inset:-30%;content:"";background-image:linear-gradient(rgba(36,136,151,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(36,136,151,.065) 1px,transparent 1px),radial-gradient(circle at 28% 42%,rgba(60,192,198,.16),transparent 35%),radial-gradient(circle at 76% 60%,rgba(255,137,80,.12),transparent 34%);background-size:46px 46px,46px 46px,100% 100%,100% 100%;animation:sixto-grid-drift 24s linear infinite;pointer-events:none}
@keyframes sixto-grid-drift{from{transform:translate3d(-1%,0,0)}to{transform:translate3d(2%,2%,0)}}

/* Sources read as a designed part of the professional profile. */
.professional-sources{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);margin:clamp(4rem,7vw,7rem) 0 2rem;padding:clamp(1.5rem,3.5vw,3.5rem);border:1px solid rgba(36,117,133,.18);border-radius:28px;background:radial-gradient(circle at 90% 10%,rgba(50,184,192,.15),transparent 37%),linear-gradient(145deg,#f9fcfa,#edf5f3 70%,#fff8ef);box-shadow:0 20px 50px rgba(12,64,76,.08)}
.professional-sources h2{margin:.6rem 0 1rem;font-size:clamp(2rem,3.5vw,3.8rem);line-height:1.04;letter-spacing:-.05em}
.professional-sources header>p:last-child{max-width:56ch;color:#526a70;font-size:.9rem;line-height:1.65}
.professional-sources ul{display:grid;gap:.75rem;margin:0;padding:0;list-style:none;counter-reset:source}
.professional-sources li{counter-increment:source;min-width:0}
.professional-sources li a{position:relative;display:flex;align-items:center;gap:1rem;min-height:78px;padding:1rem 1.2rem;border:1px solid rgba(32,101,115,.16);border-radius:16px;background:rgba(255,255,255,.76);color:var(--arch-navy);font-size:.85rem;font-weight:750;line-height:1.45;text-decoration:none;box-shadow:0 8px 24px rgba(13,63,73,.045);transition:transform .3s ease,background .3s ease,box-shadow .3s ease}
.professional-sources li a::before{content:counter(source,decimal-leading-zero);flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#159aad,#f4a269);color:#fff;font-size:.65rem;letter-spacing:.04em}
.professional-sources li a:hover,.professional-sources li a:focus-visible{transform:translateX(4px);background:#fff;box-shadow:0 14px 30px rgba(13,93,109,.13)}
@media(max-width:900px){.professional-sources{grid-template-columns:1fr}}

/* Project and gallery filters share the geometric gradient language of “Todos”. */
.catalog-filters--architectural .filter-chip:not(.filter-chip--all) .filter-formula{color:rgba(238,254,255,.28)}
.catalog-section .filter-chip,.equipment-gallery__filters button{position:relative;isolation:isolate;overflow:hidden;border-color:rgba(32,105,118,.26);background:linear-gradient(125deg,rgba(255,255,255,.9),rgba(231,244,242,.85));box-shadow:inset 0 1px rgba(255,255,255,.9),0 5px 18px rgba(12,68,79,.06);transition:color .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s ease}
.catalog-section .filter-chip::before,.equipment-gallery__filters button::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(110deg,#13576c,#20a3ae 52%,#ec9156);opacity:0;transform:translateX(-20%);transition:opacity .4s ease,transform .6s ease}
.filter-formula{position:absolute;z-index:1;right:.4rem;bottom:.18rem;color:currentColor;font-size:.4rem;font-weight:500;letter-spacing:.06em;opacity:.27;pointer-events:none;white-space:nowrap}
.catalog-section .filter-chip:hover,.catalog-section .filter-chip:focus-visible,.catalog-section .filter-chip.is-active,.equipment-gallery__filters button:hover,.equipment-gallery__filters button:focus-visible,.equipment-gallery__filters button.is-active{border-color:#20a3ae;color:#fff;box-shadow:0 10px 22px rgba(14,97,115,.16);transform:translateY(-2px)}
.catalog-section .filter-chip:hover::before,.catalog-section .filter-chip:focus-visible::before,.catalog-section .filter-chip.is-active::before,.equipment-gallery__filters button:hover::before,.equipment-gallery__filters button:focus-visible::before,.equipment-gallery__filters button.is-active::before{opacity:1;transform:translateX(0)}
.catalog-section .filter-chip small{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){.professional-proof>div,.professional-milestones article,.experience-card,.professional-lead::before,.experience-profile::before{animation:none!important}.professional-career li.is-pulsing::before,.experience-timeline li.is-pulsing::before,.professional-career li.is-pulsing h3,.experience-timeline li.is-pulsing h4{animation:none!important}}
#professional-career-title,#professional-sources-title{scroll-margin-top:150px}

/* Sector labels and divider marks move while the filter backgrounds stay still. */
.catalog-filters--architectural::before{animation:none}
.catalog-section .sector-label,.catalog-filters--architectural .filter-chip__label{position:relative;z-index:2;display:inline-block;animation:sector-label-drift 7s ease-in-out infinite}
.catalog-section .filter-chip:nth-child(2n) .sector-label,.catalog-filters--architectural .filter-chip:nth-child(2n) .filter-chip__label{animation-delay:-2.3s}
.catalog-section .filter-chip:nth-child(3n) .sector-label,.catalog-filters--architectural .filter-chip:nth-child(3n) .filter-chip__label{animation-delay:-4.6s}
.catalog-filters--architectural .filter-chip:hover .filter-chip__label,.catalog-filters--architectural .filter-chip:focus-visible .filter-chip__label,.catalog-filters--architectural .filter-chip.is-active .filter-chip__label{letter-spacing:.035em;text-shadow:0 4px 15px rgba(0,0,0,.5)}
.catalog-section .filter-chip:not(:last-child)::after,.catalog-filters--architectural .filter-chip:not(:last-child)::after{position:absolute;z-index:3;right:0;top:19%;width:2px;height:62%;border-radius:2px;background:linear-gradient(180deg,transparent,#28b9c4 30%,#f59d65 72%,transparent);content:"";pointer-events:none;transform-origin:center;animation:sector-divider-breathe 5.8s ease-in-out infinite}
.catalog-section .filter-chip:nth-child(2n)::after,.catalog-filters--architectural .filter-chip:nth-child(2n)::after{animation-delay:-2.1s}
.catalog-section .filter-chip:nth-child(3n)::after,.catalog-filters--architectural .filter-chip:nth-child(3n)::after{animation-delay:-4.2s}
@keyframes sector-label-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes sector-divider-breathe{0%,100%{opacity:.25;transform:scaleY(.42)}50%{opacity:.78;transform:scaleY(1)}}

/* Contact actions carry a restrained moving wash under legible labels. */
.site-footer__grid .footer-contact__actions a,.site-footer__grid .footer-email,.contact__details a:not(.contact__maps){position:relative;overflow:hidden;background-image:radial-gradient(circle at 15% 35%,var(--contact-tint,rgba(34,174,188,.23)),transparent 55%),linear-gradient(115deg,rgba(255,255,255,.94),rgba(227,243,242,.88) 52%,rgba(255,241,224,.91));background-size:170% 170%;animation:contact-background-flow 9s ease-in-out infinite alternate;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.site-footer__grid .footer-contact__actions a:first-child{--contact-tint:rgba(42,181,196,.26)}
.site-footer__grid .footer-contact__actions a:last-child{--contact-tint:rgba(50,177,117,.28);animation-delay:-3s}
.site-footer__grid .footer-email{--contact-tint:rgba(244,157,89,.27);animation-delay:-6s}
.site-footer__grid .footer-contact__actions a:hover,.site-footer__grid .footer-contact__actions a:focus-visible,.site-footer__grid .footer-email:hover,.site-footer__grid .footer-email:focus-visible{background-image:radial-gradient(circle at 15% 35%,var(--contact-tint),transparent 55%),linear-gradient(115deg,#fff,#e9f6f3 52%,#fff1e0);box-shadow:0 12px 28px rgba(17,91,101,.16);transform:translateY(-3px)}
.contact__details a:not(.contact__maps){--contact-tint:rgba(38,185,197,.28);display:inline-block;width:max-content;max-width:100%;padding:.35rem .8rem;border:1px solid rgba(102,209,214,.25);border-radius:999px;background-image:radial-gradient(circle at 15% 35%,var(--contact-tint),transparent 55%),linear-gradient(115deg,#173d48,#245a62 54%,#504d45);color:#fff}
.contact__details a:not(.contact__maps):nth-child(2){--contact-tint:rgba(255,155,87,.26);animation-delay:-4s}
.contact__details a:not(.contact__maps):hover,.contact__details a:not(.contact__maps):focus-visible{transform:translateY(-3px);box-shadow:0 9px 24px rgba(45,196,200,.18)}
@keyframes contact-background-flow{from{background-position:0% 30%}to{background-position:100% 70%}}

/* Footer selection is visible after a click and follows same-page anchors. */
.footer-navigation li a{border-radius:12px;padding-inline:.7rem;transition:background .3s ease,box-shadow .3s ease,transform .3s ease}
.footer-navigation li.is-selected a,.footer-navigation li.current-menu-item a,.footer-navigation li a:focus-visible{background:linear-gradient(110deg,rgba(40,174,185,.22),rgba(255,202,139,.24) 62%,rgba(255,255,255,.55));box-shadow:inset 3px 0 #189bac,0 7px 18px rgba(29,112,126,.1);color:#0c3c49!important;transform:translateX(3px)}
.footer-navigation li.is-selected a::before,.footer-navigation li.is-selected a::after,.footer-navigation li.current-menu-item a::before,.footer-navigation li.current-menu-item a::after{color:#117f91}

/* One gradient travels through the four career figures in order. */
.professional-proof>div{position:relative;isolation:isolate;overflow:hidden;animation:none;background:linear-gradient(135deg,#f9fcfa,#ecf6f5 54%,#fff7ef)}
.professional-proof>div::before{position:absolute;z-index:0;inset:-15%;content:"";pointer-events:none;background:radial-gradient(circle at 27% 35%,rgba(35,181,195,.34),transparent 48%),radial-gradient(circle at 77% 72%,rgba(255,157,91,.26),transparent 44%);background-size:140% 140%;animation:proof-gradient-relay 16s ease-in-out infinite;opacity:.04}
.professional-proof>div:nth-child(2)::before{animation-delay:-12s}
.professional-proof>div:nth-child(3)::before{animation-delay:-8s}
.professional-proof>div:nth-child(4)::before{animation-delay:-4s}
.professional-proof>div>strong,.professional-proof>div>span{position:relative;z-index:1}
@keyframes proof-gradient-relay{0%{opacity:.68;background-position:0% 20%;transform:translateX(-3%)}12%{opacity:.78;background-position:45% 45%;transform:translateX(0)}25%,100%{opacity:.04;background-position:100% 80%;transform:translateX(3%)}}
@media(prefers-reduced-motion:reduce){.catalog-section .sector-label,.catalog-filters--architectural .filter-chip__label,.catalog-section .filter-chip::after,.catalog-filters--architectural .filter-chip::after,.site-footer__grid .footer-contact__actions a,.site-footer__grid .footer-email,.contact__details a:not(.contact__maps),.professional-proof>div::before{animation:none!important}.professional-proof>div::before{opacity:.18}}

/* The supplemental portfolio is a typographic archive, with no invented project photos. */
.catalog-appendix-jump{margin:-.7rem 0 2rem;text-align:right}
.catalog-appendix-jump a{display:inline-flex;align-items:center;gap:.7rem;color:#216779;font-size:.72rem;font-weight:800;letter-spacing:.025em;text-decoration:none}
.catalog-appendix-jump a:hover,.catalog-appendix-jump a:focus-visible{color:#c36a3f;text-decoration:underline;text-underline-offset:4px}
.portfolio-appendix{position:relative;margin:clamp(4rem,8vw,8rem) 0 1rem;padding:clamp(1.4rem,4vw,4rem);border:1px solid rgba(28,103,117,.2);border-radius:28px;background:radial-gradient(circle at 85% 5%,rgba(52,181,191,.13),transparent 36%),radial-gradient(circle at 5% 95%,rgba(243,143,77,.12),transparent 34%),#f4f8f6;box-shadow:0 24px 55px rgba(12,54,66,.08);scroll-margin-top:120px}
.portfolio-appendix>header{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:.5rem 3rem;align-items:end;margin-bottom:2rem}
.portfolio-appendix>header .eyebrow{grid-column:1/-1}
.portfolio-appendix>header h2{margin:0;font-size:clamp(2.3rem,4.2vw,4.7rem);line-height:1.02;letter-spacing:-.055em}
.portfolio-appendix>header>p:last-child{max-width:56ch;margin:0;color:#506970;font-size:.88rem;line-height:1.7}
.portfolio-appendix__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.portfolio-appendix__group{min-width:0;padding:clamp(1.2rem,2.5vw,2rem);border:1px solid rgba(21,98,111,.17);border-radius:20px;background:linear-gradient(150deg,rgba(255,255,255,.92),rgba(232,246,244,.88) 58%,rgba(255,246,236,.9));box-shadow:0 8px 24px rgba(13,70,80,.05)}
.portfolio-appendix__group-heading{min-height:6.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(27,100,111,.18)}
.portfolio-appendix__group-heading p{margin:0 0 .5rem;color:#a45431;font-size:.62rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.portfolio-appendix__group h3{margin:0;font-size:clamp(1.2rem,1.65vw,1.7rem);line-height:1.18;letter-spacing:-.035em}
.portfolio-appendix__group ul{display:grid;gap:0;margin:0;padding:0;list-style:none}
.portfolio-appendix__group li{display:grid;gap:.3rem;padding:1rem 0;border-bottom:1px solid rgba(27,100,111,.11)}
.portfolio-appendix__group li:last-child{border-bottom:0}
.portfolio-appendix__group strong{color:#173c48;font-size:.83rem;line-height:1.35}
.portfolio-appendix__group li span{color:#62767a;font-size:.72rem;line-height:1.45}
@media(max-width:950px){.portfolio-appendix__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.portfolio-appendix>header{grid-template-columns:1fr}.portfolio-appendix__grid{grid-template-columns:1fr}.portfolio-appendix__group-heading{min-height:0}}

/* Professional speaking and continuing education remain easy to scan. */
.professional-knowledge{margin:clamp(4rem,8vw,7rem) 0;padding:clamp(1.4rem,3.5vw,3.5rem);border:1px solid rgba(26,108,123,.18);border-radius:28px;background:radial-gradient(circle at 12% 14%,rgba(38,175,189,.14),transparent 37%),linear-gradient(135deg,#f8fcfa,#eef6f5 58%,#fff8ef)}
.professional-knowledge>header{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:1rem 3rem;align-items:end;margin-bottom:2rem}
.professional-knowledge>header .eyebrow{grid-column:1/-1}
.professional-knowledge>header h2{margin:0;font-size:clamp(2.2rem,4vw,4.4rem);line-height:1.03;letter-spacing:-.05em}
.professional-knowledge>header>p:last-child{max-width:54ch;margin:0;color:#4d686f;font-size:.88rem;line-height:1.7}
.professional-knowledge__panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.professional-knowledge__panels article{position:relative;min-width:0;min-height:210px;padding:clamp(1.3rem,2.6vw,2.4rem);overflow:hidden;border:1px solid rgba(27,111,125,.2);border-radius:20px;background:linear-gradient(130deg,#143d49,#175d67 52%,#9b624a);color:#fff;transition:transform .3s ease,box-shadow .3s ease}
.professional-knowledge__panels article::before{position:absolute;inset:-35%;content:"";background:radial-gradient(circle at 35% 42%,rgba(81,222,225,.2),transparent 43%),radial-gradient(circle at 70% 62%,rgba(255,172,109,.15),transparent 38%);animation:sixto-card-wash 14s ease-in-out infinite alternate;pointer-events:none}
.professional-knowledge__panels article:nth-child(2)::before{animation-delay:-6s}
.professional-knowledge__panels article>*{position:relative}
.professional-knowledge__panels span{display:block;margin-bottom:1rem;color:#abe7e9;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.professional-knowledge__panels h3{max-width:24ch;margin:0 0 .8rem;font-size:clamp(1.35rem,2vw,2rem);line-height:1.18;letter-spacing:-.035em}
.professional-knowledge__panels p{max-width:48ch;margin:0;color:rgba(255,255,255,.82);font-size:.8rem;line-height:1.6}
.professional-knowledge__events{margin-top:1.5rem;padding:1.5rem;border:1px solid rgba(27,111,125,.14);border-radius:18px;background:rgba(255,255,255,.74)}
.professional-knowledge__events h3{margin:0 0 1rem;font-size:1.3rem}
.professional-knowledge__events ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.5rem;margin:0;padding:0;list-style:none}
.professional-knowledge__events li{padding:.55rem 0 .55rem 1rem;border-left:2px solid #36aeb9;color:#49646b;font-size:.8rem;line-height:1.5}
@media(max-width:760px){.professional-knowledge>header,.professional-knowledge__panels,.professional-knowledge__events ul{grid-template-columns:1fr}.professional-knowledge__panels article{min-height:0}}
@media(prefers-reduced-motion:reduce){.professional-knowledge__panels article::before{animation:none}}

/* Client review: a clearer desktop identity and readable, keyboard-operable project tabs. */
@media(min-width:1024px){.site-header:not(.is-compact) .brand{width:194px;height:74px}.site-header:not(.is-compact) .brand img{max-height:74px}.site-header__inner.glass-panel--nav::before{inset:3px 0 3px 209px;width:min(650px,calc(100% - 209px))}}
.residential-tabs__nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.15rem 0 1rem}
.residential-tabs__nav button{min-height:44px;padding:.6rem .85rem;border:1px solid rgba(21,103,119,.35);border-radius:999px;background:rgba(255,255,255,.7);color:#173c48;font:inherit;font-size:.75rem;font-weight:700;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}
.residential-tabs__nav button:hover,.residential-tabs__nav button:focus-visible{transform:translateY(-2px);box-shadow:0 6px 17px rgba(21,103,119,.18);outline-offset:3px}
.residential-tabs__nav button[aria-selected="true"]{background:#155c6c;color:#fff;border-color:#155c6c}
.residential-tabs [role="tabpanel"]{min-height:110px;padding:1rem;border-radius:15px;background:rgba(225,244,243,.7)}
.residential-tabs [role="tabpanel"] strong{display:block;margin-bottom:.4rem;color:#153e49;font-size:clamp(1.1rem,2vw,1.7rem)}
.residential-tabs [role="tabpanel"] p{margin:0;font-size:.85rem;line-height:1.55}
.catalog-card__scope{margin:.45rem 0 0;color:#49646b;font-size:.78rem;line-height:1.5}
.catalog-card__scope strong{color:#173c48}
.catalog-card__details{margin-top:1rem;border-top:1px solid rgba(21,103,119,.16);padding-top:.7rem;color:#49646b;font-size:.78rem;line-height:1.55}
.catalog-card__details summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;color:#175d67;font-weight:800;cursor:pointer;list-style:none}
.catalog-card__details summary::-webkit-details-marker{display:none}
.catalog-card__details summary::after{content:'+';font-size:1.15rem}
.catalog-card__details[open] summary::after{content:'−'}
.catalog-card__details p{margin:.6rem 0 0}
.catalog-card__details strong{color:#173c48}
.footer-address{max-width:30ch;color:#4e5859;font-size:.78rem;line-height:1.55}
.catalog-hierarchy{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:2rem;align-items:center;margin:1.5rem 0 2rem;padding:clamp(1.25rem,3vw,2.5rem);border:1px solid rgba(21,103,119,.2);border-radius:22px;background:linear-gradient(120deg,rgba(235,248,248,.88),rgba(255,247,238,.85))}
.catalog-hierarchy h3{margin:.4rem 0 .6rem;color:#143d49;font-size:clamp(1.5rem,2.5vw,2.6rem)}
.catalog-hierarchy p{max-width:70ch;margin:0;color:#435e64;font-size:.86rem;line-height:1.65}
.catalog-hierarchy ol{display:grid;gap:.55rem;margin:0;padding-left:1.4rem;color:#175d67;font-size:.81rem;font-weight:700}
@media(max-width:760px){.catalog-hierarchy{grid-template-columns:1fr;gap:1rem}}
@media(max-width:600px){.residential-tabs__nav{display:grid;grid-template-columns:1fr}.residential-tabs__nav button{text-align:left}.catalog-card__scope{font-size:.82rem}}

/* The four scale scenes share one visual treatment; story cards stay legible without a glass halo. */
.evolution-card{isolation:isolate;overflow:hidden;border:1px solid rgba(150,220,224,.24);background:linear-gradient(145deg,rgba(7,29,36,.94),rgba(9,29,37,.91));box-shadow:0 12px 30px rgba(0,10,17,.22);backdrop-filter:none;-webkit-backdrop-filter:none}
.evolution-card::before,.evolution-card::after{display:none;content:none}
.evolution-card>p{color:rgba(243,251,250,.9)}

@media(max-width:760px){.evolution__shade{background:linear-gradient(180deg,rgba(4,11,14,.12),rgba(4,11,14,.06) 40%,rgba(4,11,14,.3))}}