/* Abertura / 03 — símbolo original em três camadas, assinatura no alto à direita. */
.architecture{--site-dark:#08090b;background:var(--site-dark)}
.architecture main>section:not(.hero):not(.outlook):not(.contact-section),.architecture .site-footer{background:#fff}
.architecture main{background:#fff}
.architecture .site-header{display:grid;grid-template-columns:1fr auto;height:98px;border-bottom:0;position:relative;z-index:4}
.architecture .site-header>.brand{grid-column:2;grid-row:1;justify-self:end;font-size:34px}
.architecture .desktop-nav{grid-column:1;grid-row:1;justify-self:start;gap:32px;font-size:10px;color:#d2d8e4}
.architecture .header-actions{display:none}
.architecture .hero.wrap{min-height:calc(100svh - 98px);padding-top:0;position:relative}
.hero-copy{min-height:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0 50px;position:relative;text-align:center}
.hero .eyebrow{font-size:9px;letter-spacing:.09em;color:#c0cadf;opacity:.85}
.hero h1{font:430 clamp(76px,8.6vw,142px)/1.04 Inter,Arial,sans-serif;letter-spacing:-.065em;margin-top:24px}
.hero h1 .blue{color:#fff}
.hero-bottom{padding-top:32px;max-width:none}
.hero-bottom>p{display:none}
.hero-bottom .text-link{margin-top:0;color:#e4e9f2;font-size:10px;gap:22px}
.hero-field{left:-12%;right:-12%;top:-28%;bottom:-17%;background-size:105% auto;background-position:center;opacity:.55;transform-origin:50% 50%;animation:trama-respira 25s ease-in-out infinite}
.hero-copy{transition:opacity .85s ease,transform 1s cubic-bezier(.16,1,.3,1)}
.hero-baseline{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:0;border-top:0;padding:15px 0 25px;min-height:76px;align-items:center;gap:20px;transition:opacity .7s ease}
.hero-baseline .scroll-label{justify-self:center;border-color:#ffffff40;width:35px;height:35px;font-size:18px}
.replay-intro{justify-self:end;font-size:9px;color:#aab7cd;display:flex;align-items:center;gap:10px;padding:8px 0}
.replay-intro:hover{color:#fff}
.replay-intro>span{font-size:17px}
.intro-pending .hero-copy,.intro-running .hero-copy{opacity:0;transform:translateY(15px)}
.intro-pending .hero-baseline,.intro-running .hero-baseline,.intro-pending .site-header .brand,.intro-running .site-header .brand,.intro-pending .desktop-nav,.intro-running .desktop-nav{opacity:0}
.intro-running{overflow:hidden}
.intro-overlay{position:fixed;inset:0;z-index:1000;isolation:isolate;color:#fff}
.intro-shade{position:absolute;inset:0;background:var(--site-dark,#08090b);z-index:-1}
.intro-logo{display:flex;align-items:center;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:top left;font-size:clamp(50px,6.3vw,85px);gap:.265em;white-space:nowrap;color:#fff;pointer-events:none}
.intro-logo .brand-type{display:flex;align-items:baseline;gap:.205em;overflow:hidden;white-space:nowrap}
.intro-logo .brand-type small{font:400 .294em/1 Inter,Arial,sans-serif;letter-spacing:-.01em}
.intro-logo .symbol.sliced{position:relative;background:transparent;mask:none;-webkit-mask:none;flex:none}
.intro-logo .symbol-layer{position:absolute;inset:0;background:currentColor;mask:url('assets/ev-logo-original.png') left center/333.333% 100% no-repeat;-webkit-mask:url('assets/ev-logo-original.png') left center/333.333% 100% no-repeat;will-change:transform,opacity}
.intro-skip{position:absolute;right:var(--gutter);bottom:30px;border-bottom:1px solid #65728a;padding:7px 0;color:#b2bfd3;font-size:10px}
.logo-clip-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.site-footer{position:relative}
@media(min-width:1800px){.hero h1{font-size:154px}.hero-field{background-size:110% auto}}
@media(max-height:780px) and (min-width:761px){.hero h1{font-size:clamp(68px,8.1vw,118px);margin-top:24px}.hero-copy{padding:20px 0 30px}.hero-bottom{padding-top:30px}.hero-bottom .text-link{margin-top:0}.hero-baseline{margin-top:0;min-height:66px}}
@media(max-width:760px){.architecture .site-header{height:85px}.architecture .site-header>.brand{font-size:30px}.architecture .header-actions{display:flex;grid-column:1;grid-row:1;justify-self:start}.architecture .header-actions .talk-button{display:none}.architecture .menu-toggle{padding:12px 12px 12px 0}.architecture .hero.wrap{min-height:calc(100svh - 85px);padding-top:0}.hero-copy{padding-top:25px;padding-bottom:55px}.hero h1{font-size:clamp(62px,13vw,94px);line-height:1.06;margin-top:28px}.hero-field{left:-80%;right:-80%;top:-25%;bottom:-15%;background-size:125% auto;opacity:.5}.hero .eyebrow{font-size:8px}.hero-bottom{padding-top:31px}.hero-bottom .text-link{font-size:10px;margin-top:0}.hero-baseline{font-size:8px;padding-bottom:20px;min-height:65px;grid-template-columns:1fr auto 1fr;gap:14px;margin-top:0}.hero-baseline .scroll-label{width:30px;height:30px;font-size:16px}.replay-intro{font-size:8px;gap:5px}.intro-logo{font-size:clamp(43px,10.5vw,65px)}.intro-skip{bottom:25px}.hero-baseline>span{max-width:100px;line-height:1.7}}
@media(max-width:420px){.hero h1{font-size:15vw;letter-spacing:-.06em}.hero-copy{padding-top:20px;padding-bottom:40px}.hero-field{left:-95%;right:-95%;top:-5%;bottom:-20%;opacity:.45}.hero-bottom .text-link{margin-top:0}.hero-baseline{margin-top:0}.architecture .site-header>.brand{font-size:28px}}
@media(prefers-reduced-motion:reduce){.hero-field{animation:none;will-change:auto}.hero-copy,.hero-baseline{transition:none}.intro-overlay{display:none}}

/* A single hero field continues behind the transparent header. */
.architecture .site-header{position:absolute;inset:0 0 auto;background:transparent;border:0;z-index:10}
.architecture .hero.wrap{min-height:100svh;padding-top:98px}
.architecture .mobile-nav{position:absolute;top:85px;left:0;right:0;z-index:11;background:#0c111af2}
@media(max-width:760px){.architecture .hero.wrap{min-height:100svh;padding-top:85px}}