/*! Copyright (c) 2026 Velary Systems. Todos os direitos reservados. */
:root{color-scheme:dark;--black:#080907;--gold:#edc260;--silver:#f0ede5;--muted:#c8c5bd;--line:#9e7c3d7a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;padding:28px;background:#171814;color:var(--silver);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #ffe1a0;outline-offset:6px}.site-shell{position:relative;max-width:1440px;margin:auto;background:radial-gradient(ellipse at 76% 33%,#32200b22,transparent 48%),var(--black);border:1px solid #555b4933;overflow:hidden}.header{height:130px;position:relative;z-index:5;padding:0 5%;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.brand{width:170px;height:124px;position:relative;flex:none;overflow:hidden}.brand img{position:absolute;width:196px;height:196px;left:-13px;top:-25px;object-fit:contain}.desktop-nav{display:flex;gap:38px;margin-top:40px;font-size:12px}.desktop-nav a{padding:8px 0}.desktop-nav a:hover{color:var(--gold)}.contact{margin-top:41px;font-size:12px;color:var(--gold);border-bottom:1px solid #bd9144;padding-bottom:3px;white-space:nowrap}.contact span{font-size:19px;margin-left:14px}.menu-button{display:none}.mobile-menu[hidden]{display:none}
.hero{height:535px;position:relative;isolation:isolate}.valerie{position:absolute;z-index:-1;top:-130px;left:0;width:320px;height:665px;background:url('assets/valerie.png') no-repeat;background-size:2660px auto;background-position:-1310px -200px;opacity:.26;mask-image:linear-gradient(to right,#000 0%,#000 25%,#000a 52%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 58%,transparent 100%);mask-composite:intersect;pointer-events:none}.hero-copy{position:absolute;z-index:3;left:12.5%;top:49px}.eyebrow{font-size:10px;letter-spacing:3.5px;color:#d4d2c8;margin:0 0 22px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(40px,5.1vw,76px);line-height:1.04;letter-spacing:-2.4px;margin:0 0 27px;white-space:nowrap;text-shadow:0 2px 15px #080907a0}.intro{font-size:19px;line-height:1.5;color:#e4e0d6;margin:0}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:37px}.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 25px;border:1px solid #eec162;border-radius:40px;background:linear-gradient(115deg,#8a602a77,#19150c 48%,#74502255);box-shadow:inset 0 1px 9px #efb73d45,0 0 14px #d8a63a0d;font-size:13px;white-space:nowrap;transition:box-shadow .25s}.gold-button:hover{box-shadow:inset 0 1px 14px #edbb536b,0 0 20px #d8a63a33}.gold-button span{font-size:17px}.text-link{font-size:12px;border-bottom:1px solid #b78e42;padding:8px 0;white-space:nowrap}.globe-stage{position:absolute;z-index:1;width:52%;aspect-ratio:1;right:1%;top:-100px;pointer-events:none}.globe-art{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0;filter:saturate(.95)}.globe-stage>canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:2}.motion-toggle{position:absolute;z-index:4;bottom:6%;right:14%;pointer-events:auto;padding:8px;border:0;background:transparent;color:#c6a15f77;display:flex;gap:7px;align-items:center;font-size:10px}.pause-icon{font-size:13px}.motion-label{opacity:0}.motion-toggle:hover,.motion-toggle:focus-visible{color:#ffe3a6}.motion-toggle:hover .motion-label,.motion-toggle:focus-visible .motion-label{opacity:1}
.connections{position:relative;z-index:3;margin:0 3%;border-top:1px solid var(--line);padding:31px 0 20px}.connections h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:55px;line-height:1.15;letter-spacing:-1.5px;margin:0 3% 31px}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr)}.entry{position:relative;overflow:hidden;border-left:1px solid #c0b59135;padding:11px 30px 0;min-height:292px;scroll-margin-top:30px}.entry-number{font-size:10px;color:#e4e0d5}.entry h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:31px;letter-spacing:-1px;margin:6px 0 11px}.entry p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.entry-art{display:block;width:calc(100% + 60px);height:165px;margin:0 -30px -13px}.entry:target{background:#a67c2910}.footer{padding:22px 6%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #8d78431a;color:#96978c;font-size:9px;letter-spacing:2px}.footer span:last-child{letter-spacing:1px}
@media(min-width:1550px){body{padding:28px 45px}.hero{height:535px}.hero h1{font-size:76px}}
@media(max-width:1200px) and (min-width:761px){body{padding:20px}.header{height:112px}.brand{height:110px;width:150px}.brand img{width:173px;height:173px;top:-22px;left:-12px}.desktop-nav{margin-top:32px;gap:28px;font-size:11px}.contact{margin-top:32px;font-size:11px}.hero{height:440px}.hero-copy{top:38px}.hero h1{font-size:5.1vw;letter-spacing:-2px}.eyebrow{font-size:9px;letter-spacing:3px;margin-bottom:18px}.intro{font-size:16px}.hero-actions{gap:25px;margin-top:28px}.gold-button{font-size:11px;padding:13px 22px;gap:16px}.text-link{font-size:11px}.globe-stage{top:-70px;width:53%;right:1%}.valerie{top:-112px;height:552px;width:255px;background-size:2300px auto;background-position:-1133px -170px}.connections h2{font-size:46px}.entry{min-height:260px;padding-left:25px;padding-right:25px}.entry h3{font-size:27px}.entry p{font-size:13px}.entry-art{height:145px}}
@media(max-width:760px){body{padding:0}.site-shell{border:0}.header{height:136px;padding:0 7%;align-items:flex-start}.brand{width:142px;height:128px}.brand img{width:177px;height:177px;left:-17px;top:-19px}.desktop-nav,.contact{display:none}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:10px;background:transparent;border:0;margin-top:28px;color:#e0ddcf}.menu-button span{display:block;width:25px;height:1px;background:currentColor}.mobile-menu{position:absolute;left:7%;right:7%;top:118px;border:1px solid var(--line);background:#0d0e0b;display:flex;flex-direction:column;padding:12px 20px}.mobile-menu a{font-size:14px;padding:14px 0}.hero{height:auto;display:flex;flex-direction:column;padding:20px 7% 0}.hero-copy{position:relative;left:auto;top:auto;padding-left:13%;z-index:3}.eyebrow{font-size:8px;letter-spacing:1.8px;margin:0 0 17px}.hero h1{font-size:clamp(28px,6.4vw,45px);letter-spacing:-1px;line-height:1.12;white-space:normal;margin-bottom:17px}.intro{font-size:12px;line-height:1.6}.desktop-break{display:none}.hero-actions{flex-direction:column;align-items:flex-start;gap:15px;margin-top:26px}.gold-button{padding:13px 18px;font-size:11px;gap:16px}.text-link{font-size:11px;padding:7px 0;margin-left:4px}.valerie{top:-136px;height:460px;width:150px;background-size:1900px auto;background-position:-937px -90px;opacity:.24;mask-image:linear-gradient(to right,#000,#0009 50%,transparent),linear-gradient(to bottom,#000,#000 55%,transparent);mask-composite:intersect}.globe-stage{position:relative;top:auto;right:auto;width:121%;max-width:540px;align-self:center;margin:-25px -10.5% -24px}.motion-toggle{bottom:9%;right:16%}.connections{margin:0 7%;padding-top:23px}.connections h2{font-size:35px;margin:0 4% 28px}.entry-grid{grid-template-columns:1fr}.entry{min-height:260px;padding-left:25px;padding-right:25px;margin-bottom:14px}.entry h3{font-size:29px}.entry p{font-size:13px}.entry-art{height:170px;max-width:500px}.footer{padding:20px 7%;flex-direction:column;gap:10px;font-size:8px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Escala revisada: mais espaço entre texto e arte, sem ampliar o conteúdo. */
@media(min-width:761px){
  body{padding:28px}
  .site-shell{max-width:1440px}
  .header{height:178px}
  .brand{width:200px;height:178px;overflow:visible}
  .brand img{position:static;display:block;width:auto;height:178px;max-width:100%;object-fit:contain;object-position:center;aspect-ratio:1;filter:none;transform:none;image-rendering:auto}
  .desktop-nav{margin-top:31px;gap:32px}
  .contact{margin-top:32px}
  .hero{height:425px}
  .hero-copy{left:12.5%;top:46px}
  .eyebrow{font-size:9px;letter-spacing:2.8px;margin-bottom:19px}
  .hero h1{font-size:clamp(36px,4.15vw,57px);line-height:1.09;letter-spacing:-1.8px;margin-bottom:22px}
  .intro{font-size:16px;line-height:1.6}
  .hero-actions{margin-top:29px;gap:26px}
  .gold-button{font-size:12px;padding:12px 21px;gap:19px}
  .text-link{font-size:11px}
  .globe-stage{width:42%;max-width:565px;right:4%;top:-34px}
  .valerie{top:-108px;height:533px;width:255px;background-size:2200px auto;background-position:-1085px -165px;opacity:.23}
  .footer{padding:19px 6%}
}
@media(min-width:761px) and (max-width:1000px){
  body{padding:20px}
  .hero{height:380px}
  .hero-copy{left:10.5%;top:39px}
  .hero h1{font-size:4.15vw}
  .intro{font-size:14px}
  .hero-actions{gap:20px;margin-top:25px}
  .gold-button{padding:11px 17px;font-size:11px;gap:13px}
  .globe-stage{width:46%;right:1%;top:0}
  .valerie{height:488px}
}
@media(min-width:1001px) and (max-width:1200px){body{padding:20px}}
@media(min-width:1550px){body{padding:28px 45px}}
@media(max-width:760px){
  .header{height:154px}
  .brand{width:164px;height:150px;overflow:visible}
  .brand img{position:static;display:block;width:auto;height:150px;max-width:100%;object-fit:contain;object-position:center;aspect-ratio:1;filter:none;transform:none;image-rendering:auto}
  .menu-button{margin-top:22px}
  .mobile-menu{top:102px}
  .hero{padding-top:18px}
  .hero-copy{padding-left:10%}
  .hero h1{font-size:clamp(27px,6.2vw,39px)}
  .eyebrow{letter-spacing:1.6px}
  .intro{font-size:13px}
  .hero-actions{margin-top:22px;gap:12px}
  .globe-stage{width:100%;max-width:350px;margin:0 auto 0}
  .valerie{top:-112px;height:390px;width:125px;background-size:1650px auto;background-position:-814px -77px;opacity:.22}
}

/* Reflexo restrito aos pixels do arquivo oficial, sem modificar a marca. */
.brand{isolation:isolate}
.brand::after{content:"";position:absolute;left:0;top:0;width:178px;height:178px;pointer-events:none;background:linear-gradient(to top,transparent 0%,transparent 37%,#ffe5a8a6 41%,#ffffffff 48%,#ffffffff 51%,#fff4ced9 56%,transparent 62%,transparent 100%);background-size:100% 360%;background-position:center 0%;mask-image:url('assets/logo-oficial.png');mask-size:contain;mask-repeat:no-repeat;mask-position:center;mix-blend-mode:screen;filter:brightness(1.65) drop-shadow(0 0 3px #ffe3a5);opacity:0;animation:velary-logo-reflection 10s ease-in-out infinite}
@keyframes velary-logo-reflection{0%,8%{background-position:center 0%;opacity:0}12%{opacity:.7}24%{opacity:1}38%{background-position:center 100%;opacity:0}100%{background-position:center 100%;opacity:0}}
@media(min-width:761px){
  .valerie{top:-178px;height:603px;width:275px;background-size:2200px auto;background-position:-1085px -145px;opacity:.25;filter:contrast(1.08);mask-image:linear-gradient(to right,#000 0%,#000 26%,#000b 48%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 57%,transparent 100%);mask-composite:intersect}
}
@media(min-width:761px) and (max-width:1000px){.valerie{height:558px;width:235px;background-size:2050px auto;background-position:-1011px -132px}}
@media(max-width:760px){
  .brand::after{width:150px;height:150px}
  .valerie{top:-154px;height:470px;width:150px;background-size:1650px auto;background-position:-814px -68px;opacity:.23;filter:contrast(1.08);mask-image:linear-gradient(to right,#000 0%,#000 25%,#0009 55%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 61%,transparent 100%);mask-composite:intersect}
}
@media(prefers-reduced-motion:reduce){.brand::after{animation:none;opacity:0}}

/* A janela é preenchida pelo site; somente as imagens têm escala reduzida. */
html,body{min-height:100%;width:100%;padding:0;margin:0;background:var(--black)}
.site-shell{width:100%;max-width:none;min-height:100svh;margin:0;border:0;display:flex;flex-direction:column}
.site-shell>main{flex:1;display:flex;flex-direction:column}
@media(min-width:761px){
  .hero{height:auto;flex:1;min-height:425px}
  .globe-stage{width:clamp(280px,29vw,480px);max-width:480px;right:7%;top:50%;transform:translateY(-50%)}
  .valerie{background-image:url('assets/valery-retrato-hd.png');background-size:480px auto;background-position:-267px 20px;top:-178px;width:220px;height:calc(100% + 178px);filter:none;opacity:.25}
}
@media(min-width:761px) and (max-width:1000px){
  .hero{min-height:380px}
  .globe-stage{width:36%;max-width:360px;right:3%}
  .valerie{width:185px;background-size:420px auto;background-position:-234px 20px}
}
@media(max-width:760px){
  .globe-stage{width:86%;max-width:300px}
  .valerie{background-image:url('assets/valery-retrato-hd.png');background-size:350px auto;background-position:-195px 0;top:-154px;width:125px;height:470px;filter:none;opacity:.23}
}

/* Ambiente arquitetônico de fundo; a composição aprovada permanece à frente. */
.site-shell{isolation:isolate}
.site-shell::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#08090788 0%,#08090755 40%,#08090722 100%),linear-gradient(180deg,#08090733 0%,transparent 55%,#08090733 100%),url('assets/cidade-futurista-background.png');background-size:cover;background-position:center;opacity:.42}
@media(max-width:760px){.site-shell::before{background-position:63% center;opacity:.34}}

/* Retrato opaco, sem sobreposição da paisagem através do rosto. */
.valerie{opacity:1;mask-image:none;mask-composite:add;filter:none}

/* A Valery agora pertence à arte do céu, sem retrato lateral separado. */
.site-shell::before{background-image:linear-gradient(90deg,#08090788 0%,#08090755 40%,#08090722 100%),linear-gradient(180deg,#08090733 0%,transparent 55%,#08090733 100%),url('assets/cidade-valery-background.png')}
.hero h1{max-width:min(46vw,650px);white-space:normal}
.hero h1 .keep-word{white-space:nowrap}
@media(max-width:760px){.hero h1{max-width:100%}.site-shell::before{background-position:52% center}}

/* Composição institucional: mesmos elementos, margens e eixos compartilhados. */
.site-shell{--page-gutter:clamp(24px,6vw,112px)}
.header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 var(--page-gutter);height:178px}
.brand{justify-self:start}
.desktop-nav{justify-self:center;align-items:center;margin:0;gap:32px}
.contact{justify-self:end;margin:0}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:clamp(32px,4vw,80px);padding:36px var(--page-gutter);min-height:425px}
.hero-copy{position:relative;inset:auto;padding:0;max-width:560px;justify-self:start;width:100%}
.hero h1{max-width:560px;margin-bottom:22px}
.hero-actions{align-items:center;gap:26px}
.globe-stage{position:relative;inset:auto;transform:none;justify-self:center;align-self:center;width:min(100%,480px);max-width:480px;margin:0}
.footer{padding-left:var(--page-gutter);padding-right:var(--page-gutter);align-items:center}
@media(min-width:761px) and (max-width:1000px){
  .hero{min-height:425px;column-gap:32px}
  .desktop-nav{gap:24px}
  .hero-actions{gap:20px}
}
@media(max-width:760px){
  .header{grid-template-columns:1fr 44px;height:154px;gap:16px}
  .menu-button{margin:0;justify-self:end}
  .mobile-menu{left:var(--page-gutter);right:var(--page-gutter);top:calc(100% - 8px)}
  .hero{grid-template-columns:minmax(0,1fr);row-gap:24px;padding:26px var(--page-gutter) 32px;min-height:0}
  .hero-copy{justify-self:center;text-align:center;padding:0}
  .hero h1{margin-left:auto;margin-right:auto;max-width:500px}
  .hero-actions{align-items:center;gap:14px}
  .text-link{margin-left:0}
  .globe-stage{width:min(76vw,300px);max-width:100%;margin:0;justify-self:center}
  .footer{align-items:center;text-align:center}
}

/* Navegação com abertura breve; nenhuma animação contínua nos itens. */
.menu-panel{position:relative;border:1px solid #c99f4a70;border-radius:3px;background:linear-gradient(135deg,#232015d9,#0a0c0ad9 65%);box-shadow:inset 0 1px #ffe4a714,0 8px 28px #0003;backdrop-filter:blur(12px);padding:11px 18px}
.menu-panel::before{content:"";position:absolute;inset:-1px;border-top:1px solid #f0ca76;border-bottom:1px solid #f0ca76;clip-path:polygon(0 0,15px 0,15px 2px,calc(100% - 15px) 2px,calc(100% - 15px) 0,100% 0,100% 100%,calc(100% - 15px) 100%,calc(100% - 15px) calc(100% - 2px),15px calc(100% - 2px),15px 100%,0 100%);pointer-events:none}
.desktop-nav.menu-panel{gap:clamp(16px,1.5vw,28px);animation:menu-reveal .8s cubic-bezier(.16,1,.3,1) both;transform-origin:center}
.menu-panel a{position:relative;white-space:nowrap;transition:color .2s}
.desktop-nav.menu-panel a{animation:menu-item-reveal .45s ease both;animation-delay:.32s}
.desktop-nav.menu-panel a:nth-child(2){animation-delay:.42s}
.desktop-nav.menu-panel a:nth-child(3){animation-delay:.52s}
.menu-panel a:hover,.menu-panel a[aria-current="page"]{color:var(--gold)}
@keyframes menu-reveal{from{opacity:0;clip-path:inset(0 48%);transform:scaleX(.94)}to{opacity:1;clip-path:inset(-12px -20px -30px);transform:scaleX(1)}}
@keyframes menu-item-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.site-shell::before{bottom:auto;height:100svh}
.site-shell:not(.catalogue-shell) .hero{min-height:max(425px,calc(100svh - 226px))}
.philosophy{position:relative;background:#090b08f5;border-top:1px solid #bd98433b;padding:78px var(--page-gutter) 84px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 64px;scroll-margin-top:30px}
.philosophy h2{font:400 clamp(29px,3vw,43px)/1.22 Georgia,'Times New Roman',serif;letter-spacing:-1px;margin:0;max-width:550px}
.philosophy-copy p,.approach>p:last-child{color:#c9c7bc;font-size:15px;line-height:1.8;margin:0 0 19px;max-width:650px}
.foundation{padding-top:18px;margin-top:28px;border-top:1px solid #a68a4736;scroll-margin-top:30px}
.philosophy h3{font:400 25px/1.3 Georgia,'Times New Roman',serif;letter-spacing:-.3px;margin:0 0 17px;color:var(--silver)}
.approach{grid-column:1/-1;padding-top:36px;border-top:1px solid #a68a4736;scroll-margin-top:30px}
.approach>p:last-child{max-width:850px;margin-bottom:0}
.catalogue-shell::before{opacity:.16}
.catalogue{display:block!important;padding:38px var(--page-gutter) 80px}
.catalogue-heading{max-width:700px;margin-bottom:48px}
.catalogue h1{font:400 clamp(32px,4vw,55px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:-1.5px;margin:0 0 22px}
.catalogue-heading>p:last-child{font-size:16px;line-height:1.7;color:#d0cbbd}
.product-list{border-top:1px solid #ad8c493f}
.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding:30px 0;border-bottom:1px solid #ad8c4935;align-items:center}
.product-domain{font-size:9px;letter-spacing:2px;color:#c9ad70;margin:0 0 11px}
.product h2{font:400 28px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.5px;margin:0}
.product>p{font-size:15px;line-height:1.75;color:#c9c7bc;margin:0;max-width:650px}
@media(max-width:1000px) and (min-width:761px){.desktop-nav.menu-panel{padding:10px 13px;gap:16px}.header{gap:16px}.philosophy{column-gap:36px}.philosophy-copy p,.approach>p:last-child{font-size:14px}}
@media(max-width:760px){
  .header{height:auto;min-height:154px;row-gap:0}
  .mobile-menu.menu-panel{position:relative;inset:auto;grid-column:1/-1;justify-self:stretch;margin-bottom:20px;padding:8px 18px;animation:mobile-menu-reveal .45s ease both}
  .mobile-menu a{padding:13px 0}
  .site-shell:not(.catalogue-shell) .hero{min-height:0}
  .philosophy{grid-template-columns:minmax(0,1fr);gap:30px;padding:48px var(--page-gutter) 52px}
  .philosophy h2{font-size:31px}
  .philosophy h3{font-size:25px}
  .philosophy-copy p,.approach>p:last-child{font-size:14px}
  .approach{padding-top:28px}
  .catalogue{padding-top:30px;padding-bottom:48px}
  .catalogue-heading{margin-bottom:32px}
  .product{grid-template-columns:minmax(0,1fr);gap:15px;padding:26px 0}
  .product h2{font-size:27px}
  .product>p{font-size:14px}
}
@keyframes mobile-menu-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.menu-panel,.menu-panel a{animation:none!important;clip-path:none!important;transform:none!important}}

/* Artefato de navegação: duas metades se desdobram, depois revelam os destinos. */
.menu-panel{isolation:isolate;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;overflow:visible;padding:19px 24px}
.menu-panel::before{content:none}
.desktop-nav.menu-panel{width:clamp(320px,32vw,520px);min-height:78px;justify-content:center;gap:clamp(14px,1.3vw,25px);padding:19px 24px;animation:none;clip-path:none;transform:none}
.artifact-shell{position:absolute;inset:-6px -13px;z-index:-1;pointer-events:none;filter:drop-shadow(0 2px 6px #0009);perspective:650px}
.artifact-glass{position:absolute;inset:9px 15px;background:linear-gradient(110deg,#28352b33,#090d0c55 42%,#17241d29);backdrop-filter:blur(9px);clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);box-shadow:inset 0 0 20px #dfb9570b;animation:artifact-glass-unfold 5.2s ease both}
.artifact-half{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(180deg,#fbe5a9 0%,#a4772d 2%,#3d321b 5%,#161c1699 8%,#0c120d33 42%,#ddbd6a8c 43%,#e6c777b3 44%,#13201933 46%,#11181055 86%,#332b1855 91%,#b68c40 97%,#f6dfa1 100%);animation:artifact-open 5.2s cubic-bezier(.45,0,.2,1) both}
.artifact-left{left:0;transform-origin:right center;clip-path:polygon(23px 0,100% 0,100% 2px,27px 2px,5px 23px,5px calc(50% - 11px),13px 50%,5px calc(50% + 11px),5px calc(100% - 23px),27px calc(100% - 2px),100% calc(100% - 2px),100% 100%,23px 100%,0 calc(100% - 23px),0 calc(50% + 13px),8px 50%,0 calc(50% - 13px),0 23px)}
.artifact-right{right:0;transform-origin:left center;clip-path:polygon(0 0,calc(100% - 23px) 0,100% 23px,100% calc(50% - 13px),calc(100% - 8px) 50%,100% calc(50% + 13px),100% calc(100% - 23px),calc(100% - 23px) 100%,0 100%,0 calc(100% - 2px),calc(100% - 27px) calc(100% - 2px),calc(100% - 5px) calc(100% - 23px),calc(100% - 5px) calc(50% + 11px),calc(100% - 13px) 50%,calc(100% - 5px) calc(50% - 11px),calc(100% - 5px) 23px,calc(100% - 27px) 2px,0 2px)}
.artifact-rail{position:absolute;left:28px;right:28px;height:8px;border-top:1px solid #f0d18b8c;border-bottom:1px solid #aa854145;background:linear-gradient(90deg,transparent,#ddbd6544 25%,#100f0a00 48%,#100f0a00 52%,#ddbd6544 75%,transparent);clip-path:polygon(0 0,40% 0,43% 60%,57% 60%,60% 0,100% 0,calc(100% - 10px) 100%,10px 100%);animation:artifact-rail-unfold 5.2s cubic-bezier(.45,0,.2,1) both}
.artifact-rail-top{top:-6px}
.artifact-rail-bottom{bottom:-6px;rotate:180deg}
.artifact-keystone{position:absolute;left:calc(50% - 7px);top:-11px;width:14px;height:9px;background:linear-gradient(135deg,#f6e1a6,#8f6c31 55%,#f5d483);clip-path:polygon(0 0,50% 40%,100% 0,74% 100%,26% 100%);animation:artifact-keystone-light 5.2s ease both}
.artifact-keystone::after{content:"";position:absolute;inset:2px 5px;background:#fff6d2;filter:blur(1px)}
.artifact-scan{position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,#d8f4d600 47%,#fff4ce9c 50%,#d8f4d600 53%,transparent 60%);mix-blend-mode:screen;clip-path:polygon(23px 0,calc(100% - 23px) 0,100% 23px,100% calc(100% - 23px),calc(100% - 23px) 100%,23px 100%,0 calc(100% - 23px),0 23px);animation:artifact-scan-light 5.2s ease both}
.menu-panel a{font-size:12px;letter-spacing:.2px;transition:color .35s,text-shadow .35s}
.desktop-nav.menu-panel a{animation:artifact-option-arrive 1.8s ease both;animation-delay:2.65s}
.desktop-nav.menu-panel a:nth-of-type(1){animation-delay:2.65s}
.desktop-nav.menu-panel a:nth-of-type(2){animation-delay:2.95s}
.desktop-nav.menu-panel a:nth-of-type(3){animation-delay:3.25s}
.menu-panel a::after{content:"";position:absolute;bottom:1px;height:1px;left:50%;right:50%;background:linear-gradient(90deg,transparent,#f4d994,transparent);box-shadow:0 1px 7px #dfbc5f66;transition:left .4s,right .4s;pointer-events:none}
.menu-panel a:hover{text-shadow:0 0 14px #f0c76555}
.menu-panel a:hover::after,.menu-panel a:focus-visible::after{left:0;right:0}
.menu-panel a:focus-visible{animation:none!important;opacity:1;transform:none;filter:none}
@keyframes artifact-open{0%{transform:scaleX(.018) scaleY(.15);opacity:0}12%{transform:scaleX(.018) scaleY(.65);opacity:.8}25%{transform:scaleX(.04) scaleY(1);opacity:1}72%,100%{transform:scaleX(1) scaleY(1);opacity:1}}
@keyframes artifact-glass-unfold{0%,18%{opacity:0;clip-path:inset(45% 49%)}74%,100%{opacity:1;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}}
@keyframes artifact-rail-unfold{0%,15%{transform:scaleX(.01);opacity:0}28%{transform:scaleX(.08);opacity:.6}82%,100%{transform:scaleX(1);opacity:1}}
@keyframes artifact-keystone-light{0%{opacity:0;filter:brightness(.7)}16%{opacity:1;filter:brightness(2) drop-shadow(0 0 7px #f7db8f)}72%,100%{opacity:.85;filter:brightness(1)}}
@keyframes artifact-scan-light{0%,10%{opacity:0;transform:scaleX(.02)}22%{opacity:.9;transform:scaleX(.15)}65%{opacity:.24;transform:scaleX(1)}88%,100%{opacity:0;transform:scaleX(1.1)}}
@keyframes artifact-option-arrive{from{opacity:0;transform:translateY(5px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(min-width:761px) and (max-width:1000px){.desktop-nav.menu-panel{width:320px;gap:14px;padding:18px 22px}.menu-panel a{font-size:11px}}
@media(max-width:760px){
  .mobile-menu.menu-panel{padding:16px 23px;margin-top:5px;margin-bottom:27px;background:none;border:0;box-shadow:none;animation:none;backdrop-filter:none}
  .mobile-menu.menu-panel a{animation:artifact-option-arrive 1.8s ease both;animation-delay:2.65s;font-size:14px}
  .mobile-menu.menu-panel a:nth-of-type(2){animation-delay:2.95s}
  .mobile-menu.menu-panel a:nth-of-type(3){animation-delay:3.25s}
  .mobile-menu .artifact-shell{inset:0 -2px}
  .mobile-menu .artifact-rail{left:25px;right:25px}
}
@media(prefers-reduced-motion:reduce){.artifact-shell *,.menu-panel a{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.artifact-glass{clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}.artifact-scan{display:none}}

/* Ouro polido e perfil mais fino, com os mesmos estágios de abertura. */
.desktop-nav.menu-panel{width:clamp(420px,42vw,680px);min-height:54px;padding:12px 22px;gap:clamp(16px,1.5vw,28px)}
.artifact-shell{inset:-4px -13px;filter:drop-shadow(0 2px 5px #0009) drop-shadow(0 0 5px #f3b62b29)}
.artifact-half{background:linear-gradient(180deg,#fff4ba 0%,#ffe185 1.5%,#b1760a 3%,#fff3af 4.5%,#e6ae30 6%,#16190d33 8%,#11180d11 42%,#ffd568a8 43%,#fff6c4e6 44%,#19201222 46%,#11170d22 86%,#dfaa3044 91%,#a56a0b 94%,#f8d16b 97%,#fff7cd 99%,#d19c22 100%)}
.artifact-left{clip-path:polygon(15px 0,100% 0,100% 2px,18px 2px,4px 16px,4px calc(50% - 7px),9px 50%,4px calc(50% + 7px),4px calc(100% - 16px),18px calc(100% - 2px),100% calc(100% - 2px),100% 100%,15px 100%,0 calc(100% - 15px),0 calc(50% + 9px),5px 50%,0 calc(50% - 9px),0 15px)}
.artifact-right{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% calc(50% - 9px),calc(100% - 5px) 50%,100% calc(50% + 9px),100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 calc(100% - 2px),calc(100% - 18px) calc(100% - 2px),calc(100% - 4px) calc(100% - 16px),calc(100% - 4px) calc(50% + 7px),calc(100% - 9px) 50%,calc(100% - 4px) calc(50% - 7px),calc(100% - 4px) 16px,calc(100% - 18px) 2px,0 2px)}
.artifact-glass{inset:6px 12px;background:linear-gradient(110deg,#3d321118,#090d0b33 42%,#40321818);box-shadow:inset 0 0 18px #f4c44912}
.artifact-rail{height:5px;border-top-color:#fff0b3cf;border-bottom-color:#b8801e99;background:linear-gradient(90deg,transparent,#e5b54380 25%,#fff5bc33 45%,#fff5bc33 55%,#e5b54380 75%,transparent)}
.artifact-rail-top{top:-5px}.artifact-rail-bottom{bottom:-5px}
.artifact-keystone{top:-9px;height:7px;background:linear-gradient(135deg,#fff8cd,#d39c20 40%,#fff2b1 52%,#bc8412 70%,#ffe17e)}
.menu-panel a{background:linear-gradient(180deg,#fff3ba 0%,#f0c04d 30%,#fff7d2 47%,#c78d1a 52%,#ffe08b 78%,#f2be38 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 0 9px #f5bf4c22}
.desktop-nav.menu-panel a:nth-of-type(4){animation-delay:3.55s}
.desktop-nav.menu-panel a:nth-of-type(5){animation-delay:3.85s}
.menu-panel a:hover,.menu-panel a:focus-visible{filter:brightness(1.25);text-shadow:0 0 12px #f8c95780}
.philosophy-copy[id]{scroll-margin-top:30px}
.social-contact{position:relative;padding:28px var(--page-gutter) 30px;border-top:1px solid #b9923d2e;background:#090b08f5;scroll-margin-top:30px}
.social-links{display:flex;align-items:center;justify-content:center;gap:34px}
.social-action{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:72px;min-height:64px;padding:8px 6px;border:0;background:none;font:11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.25px;color:#e5c77d;transition:filter .3s,color .3s}
.social-icon{display:block;width:28px;height:28px;filter:drop-shadow(0 1px 0 #81570c) drop-shadow(0 0 5px #e8b43d52)}
.social-action:not(:disabled):hover,.social-action:focus-visible{filter:brightness(1.25);color:#fff1be}
.social-pending:disabled{opacity:1;cursor:default}
@media(min-width:761px) and (max-width:1000px){.desktop-nav.menu-panel{width:360px;min-height:54px;gap:12px;padding:12px 16px}.desktop-nav.menu-panel a{font-size:10.5px;letter-spacing:0}}
@media(max-width:760px){
  .mobile-menu.menu-panel{padding:10px 22px}
  .mobile-menu.menu-panel a:nth-of-type(4){animation-delay:3.55s}
  .mobile-menu.menu-panel a:nth-of-type(5){animation-delay:3.85s}
  .social-contact{padding-top:23px;padding-bottom:25px}
  .social-links{gap:25px}
  .social-action{min-width:66px;font-size:10px}
  .social-icon{width:27px;height:27px}
}
/* Seções ilustradas: propósito, identidade, contextos e abordagem. */
.story-field{position:relative;isolation:isolate;overflow:hidden;min-height:440px;padding:70px var(--page-gutter);display:flex;align-items:center;background:#080907;border-top:1px solid #c79a3433;scroll-margin-top:20px}
.story-visual{position:absolute;z-index:-1;inset:0 0 0 auto;width:65%;mask-image:linear-gradient(90deg,transparent,#0009 35%,#000 65%);-webkit-mask-image:linear-gradient(90deg,transparent,#0009 35%,#000 65%)}
.story-visual img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block}
.story-copy{width:48%;max-width:570px}.story-copy h2{font:400 clamp(30px,3.1vw,48px)/1.12 Georgia,serif;letter-spacing:-1px;margin:18px 0 24px;color:#efeee6}.story-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#c8c9c1;max-width:510px}
.contact-section{padding:70px var(--page-gutter);background:#090b08;display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #c79a3433;scroll-margin-top:20px}.contact-section h2{font:400 42px/1.15 Georgia,serif;margin:18px 0}.contact-section p{color:#bfc1b8;line-height:1.7;max-width:440px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:grid;gap:9px;font-size:13px;color:#d8d9d3}.contact-form input,.contact-form textarea{width:100%;box-sizing:border-box;border:1px solid #a886394f;background:#10120e;color:#f0f0e7;padding:12px;font:inherit;border-radius:3px}.contact-form :is(input,textarea):focus{outline:1px solid #efd18b;outline-offset:2px}.full-field{grid-column:1/-1}.contact-form .gold-button{cursor:pointer;justify-content:center;font:inherit}.form-status{font-size:12px;margin:0;min-height:20px}
@media(max-width:760px){.story-field{display:block;padding:40px var(--page-gutter) 0;min-height:0}.story-copy{width:100%;max-width:none}.story-copy h2{font-size:32px}.story-copy>p:not(.eyebrow){font-size:15px}.story-visual{position:relative;inset:auto;width:calc(100% + 2 * var(--page-gutter));margin:12px calc(-1 * var(--page-gutter)) 0;height:250px;mask-image:linear-gradient(90deg,transparent,#000 30%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%)}.contact-section{grid-template-columns:1fr;padding:42px var(--page-gutter);gap:26px}.contact-form{grid-template-columns:1fr}.contact-form label{grid-column:1/-1}}
/* Menu v21: prata polida e moldura de ouro mais baixa. */
.desktop-nav.menu-panel{width:clamp(500px,50vw,740px);min-height:44px;padding:8px 24px;gap:clamp(25px,2.2vw,38px)}
.menu-panel a{font-size:14px;white-space:nowrap;line-height:1.5;background:linear-gradient(180deg,#fff 0%,#b5bfc9 30%,#fff 46%,#8995a1 53%,#f6f8fa 78%,#c5ccd3 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 0 8px #e8f0ff30}
.menu-panel a:hover,.menu-panel a:focus-visible{text-shadow:0 0 12px #eef5ff80}
.artifact-half{filter:brightness(1.2) saturate(1.35);background:linear-gradient(180deg,#fff9cf 0%,#ffe581 2%,#bb7c08 4%,#fff2a6 6%,#efbc3e 8%,#3b2a0a22 12%,#110f0811 42%,#ffd45b 44%,#fff3bd 46%,#33250a22 49%,#271b0722 86%,#dca122 92%,#ffdf70 96%,#fff5bb 99%,#d39814 100%)}
.artifact-glass{background:linear-gradient(110deg,#9b6b141c,#090c0a44 42%,#a378191c);box-shadow:inset 0 0 18px #f4c44920}
@media(min-width:761px) and (max-width:1199px){.header{grid-template-columns:178px minmax(0,1fr);gap:30px}.brand{width:178px}.desktop-nav.menu-panel{justify-self:end;width:min(100%,680px);gap:22px;padding:8px 18px;min-height:44px}.desktop-nav.menu-panel a{font-size:13.5px;letter-spacing:0}}
@media(max-width:760px){.mobile-menu.menu-panel{padding:8px 22px}.mobile-menu.menu-panel a{font-size:15px}.mobile-menu{gap:14px}}

/* v22: redução leve de intensidade nas quatro imagens, preservando o degradê. */
.story-visual img{opacity:.9}
/* O texto ampliado não deve ampliar nem recortar o isotipo da ilustração. */
#quem-somos .story-visual{height:440px;top:50%;bottom:auto;transform:translateY(-50%)}
@media(max-width:760px){#quem-somos .story-visual{height:250px;top:auto;transform:none}}

/* v23: imagens suavizadas e moldura bimetálica mais delgada. */
.story-visual img{opacity:.75}
#filosofia .story-visual{height:440px;top:50%;bottom:auto;transform:translateY(-50%)}
.desktop-nav.menu-panel{min-height:38px;padding:5px 24px}
.artifact-shell{inset:-2px -11px;filter:drop-shadow(0 1px 4px #0009) drop-shadow(0 0 4px #ff9c292b)}
.artifact-half{filter:none;background:linear-gradient(180deg,#f8fbff 0%,#b9c1ca 2%,#fff 3%,#ffbd55 4%,#d78016 6%,#fff0c7 8%,#8b500b22 11%,#100e0811 41%,#efac45 43%,#fff6dc 45%,#b5bfc9 47%,#2a1c0822 50%,#20160922 87%,#c57b20 93%,#ffb344 96%,#f8fafc 98%,#98a5b0 100%)}
.artifact-rail{height:3px;border-top-color:#e6ebf2ce;border-bottom-color:#e8a13b9c;background:linear-gradient(90deg,transparent,#ffaf4677 22%,#edf3fb77 48%,#edf3fb77 52%,#ffaf4677 78%,transparent)}
.artifact-rail-top{top:-3px}.artifact-rail-bottom{bottom:-3px}
.artifact-keystone{top:-7px;height:5px;background:linear-gradient(135deg,#fff,#b5bdc8 30%,#ffbc5d 55%,#b86a16 75%,#ffe5b2)}
@media(min-width:761px) and (max-width:1199px){.desktop-nav.menu-panel{min-height:38px;padding:5px 18px}}
@media(max-width:760px){#filosofia .story-visual{height:250px;top:auto;transform:none}.mobile-menu.menu-panel{padding:6px 22px}}

/* A conexão humana integra o fundo do contato; campos permanecem legíveis. */
.contact-section{position:relative;isolation:isolate;overflow:hidden;background:#090b08}
.contact-section::before{content:"";position:absolute;z-index:-2;inset:0;background:url('assets/contato-conexao-humana.png') left center/cover no-repeat;opacity:.75}
.contact-section::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#080a08b8,#080a08a3 42%,#080a08d9 65%,#080a08ed)}
.contact-form input,.contact-form textarea{background:#10120eef}
@media(max-width:760px){.contact-section::before{background-size:auto 420px;background-position:left top}.contact-section::after{background:linear-gradient(180deg,#080a08ba,#080a08b8 30%,#080a08ed 55%,#080a08f5)}}

/* v24: 30% de transparência nas ilustrações e luz dourada na navegação. */
.story-visual img,.contact-section::before{opacity:.7}
.menu-panel a:hover,.menu-panel a:focus-visible{background:linear-gradient(180deg,#fff9d8 0%,#ffd677 25%,#fff0b0 43%,#ffa72d 55%,#ffcd61 80%,#ffe8a0 100%);background-clip:text;-webkit-background-clip:text;color:#ffd46c;-webkit-text-fill-color:transparent;text-shadow:0 0 4px #ffdf9bcc,0 0 12px #ffb12be6,0 0 25px #ff990a99;filter:brightness(1.22)}
.menu-panel a:hover::after,.menu-panel a:focus-visible::after{background:linear-gradient(90deg,transparent,#ffda80,transparent);box-shadow:0 0 8px #ffb637,0 0 18px #ff9c1688}
/* v25: mesmo tratamento suave do contato, espelhado para imagens à direita. */
.story-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#080a08ed,#080a08d9 35%,#080a08a3 58%,#080a08b8)}
/* v26: imagens presentes, com transparência leve e degradês preservados. */
.story-visual img,.contact-section::before{opacity:.8}
.story-visual::after{background:linear-gradient(90deg,#080a0855,transparent 58%,#080a0812)}
.contact-section::after{background:linear-gradient(90deg,#080a0855,#080a0844 42%,#080a08b8 65%,#080a08d9)}
/* Os dois botões recebem o acabamento angular bimetálico do menu. */
.hero-actions>.gold-button,.contact-form>.gold-button{position:relative;isolation:isolate;border:0;border-radius:0;background:transparent;box-shadow:none;min-height:44px;color:#e8e9e7;padding:13px 26px;filter:drop-shadow(0 0 4px #e9a03c33);transition:filter .3s,color .3s}
.hero-actions>.gold-button::before,.contact-form>.gold-button::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,#f8fbff,#aeb9c4 8%,#ffd08a 15%,#c27b20 38%,#fff1c5 50%,#b9c4ce 56%,#d89335 83%,#f0f4f9 96%,#aeb9c4);clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px);pointer-events:none}
.hero-actions>.gold-button::after,.contact-form>.gold-button::after{content:"";position:absolute;z-index:-1;inset:2px;background:linear-gradient(110deg,#33260ef0,#10130ff5 45%,#34260deb);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);pointer-events:none}
.hero-actions>.gold-button:hover,.contact-form>.gold-button:hover,.hero-actions>.gold-button:focus-visible,.contact-form>.gold-button:focus-visible{color:#ffe6aa;filter:drop-shadow(0 0 8px #ffb33c80);box-shadow:none}
@media(max-width:760px){.contact-section::after{background:linear-gradient(180deg,#080a0855,#080a0866 30%,#080a08d9 55%,#080a08ed)}}
/* Preserva o enquadramento da Valery após ampliar sua descrição. */
#valery .story-visual{height:440px;top:50%;bottom:auto;transform:translateY(-50%)}
@media(max-width:760px){#valery .story-visual{height:250px;top:auto;transform:none}}
/* v27: pequeno aumento de presença nas imagens, mantendo os degradês. */
.story-visual img,.contact-section::before{opacity:.85}
/* v28: imagens um pouco mais apagadas, conforme ajuste visual solicitado. */
.story-visual img,.contact-section::before{opacity:.8}

/* v30: rodapé institucional e composição fluida no celular. */
.footer{justify-content:center;text-align:center;align-items:center}
@media(max-width:760px){
 .site-shell{width:100%;min-width:0}.header,.hero,.story-field,.contact-section{min-width:0}
 .hero-copy{min-width:0}.hero h1{font-size:clamp(30px,7.4vw,46px);overflow-wrap:normal}
 .hero-actions{width:100%}.hero-actions>.gold-button{max-width:100%;white-space:normal;text-align:center}
 .story-visual,#filosofia .story-visual,#quem-somos .story-visual,#valery .story-visual{height:auto;aspect-ratio:16/9;top:auto;transform:none}
 .story-visual img{object-fit:contain;object-position:center}
 .contact-form{min-width:0}.contact-form input,.contact-form textarea{font-size:16px;min-height:44px}.contact-form .gold-button{font-size:14px;white-space:normal;min-height:48px}
 .contact-section .text-link{white-space:normal;line-height:1.6}
 .motion-toggle{min-height:44px;min-width:44px;color:#dbb765}.motion-label{opacity:1}
 .footer{font-size:10px;line-height:1.7;padding:24px var(--page-gutter)}
 .product{min-width:0}.product h2{overflow-wrap:anywhere}
}
/* v32: links com a mesma linguagem tipográfica da chamada institucional. */
a:not(.brand),.contact-form>.gold-button{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:1.8px;font-weight:400}
.desktop-nav.menu-panel a{font-size:11px;letter-spacing:1.4px}
.hero-actions>.gold-button,.contact-form>.gold-button{font-size:11px;line-height:1.6;white-space:normal;text-align:center}
.text-link{font-size:10px;line-height:1.6;white-space:normal}
.social-action{letter-spacing:1px;font-size:10px}
@media(min-width:761px) and (max-width:1199px){.desktop-nav.menu-panel{gap:18px}.desktop-nav.menu-panel a{font-size:10px;letter-spacing:1px}}
@media(max-width:760px){.mobile-menu.menu-panel a{font-size:13px;letter-spacing:1.8px}.contact-form>.gold-button{font-size:11px}.hero-actions>.gold-button{font-size:10px}}
/* v33: cidade vivida e apresentação do primeiro produto do ecossistema. */
.site-shell:not(.catalogue-shell)::before{background-image:linear-gradient(90deg,#08090788 0%,#08090755 40%,#08090722 100%),linear-gradient(180deg,#08090733 0%,transparent 55%,#08090733 100%),url('assets/cidade-vida-real.png')}
.journal-feature{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.55fr);gap:clamp(32px,4vw,72px);align-items:center;padding:60px 0 65px;border-bottom:1px solid #ad8c4935}
.journal-copy h2{font:400 clamp(38px,4.3vw,66px)/1.04 Georgia,serif;letter-spacing:-1.8px;margin:20px 0 24px;color:#f2e8cf}
.journal-copy>p{font-size:14px;line-height:1.8;color:#c5c7be}.journal-copy .eyebrow{font-size:9px;color:#d7b96e}.journal-copy .journal-lead{font-size:19px;line-height:1.5;color:#ead9b2}
.journal-capabilities{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:10px;color:#d9c18c;font-size:11px;letter-spacing:.5px}.journal-capabilities li{padding-left:18px;position:relative}.journal-capabilities li::before{content:'◇';position:absolute;left:0;color:#e8b749}
.journal-devices{margin:0;min-width:0}.device-composition{position:relative;aspect-ratio:1.25;background:radial-gradient(ellipse at 55% 60%,#d29a2920,transparent 65%)}
.device-monitor{position:absolute;left:3%;top:1%;width:94%;filter:drop-shadow(0 15px 25px #0008)}.device-screen{padding:8px 8px 16px;background:linear-gradient(145deg,#3f3e36,#080a09 20%,#1d211e 90%,#a08b53);border:1px solid #c5af7477;border-radius:13px}.device-screen img{width:100%;display:block;border:1px solid #8d733c44;border-radius:5px}.monitor-neck{width:13%;height:40px;margin:auto;background:linear-gradient(90deg,#1e201c,#9d967c,#24261f);clip-path:polygon(24% 0,76% 0,100% 100%,0 100%)}.monitor-base{width:35%;height:8px;margin:auto;background:linear-gradient(#c7b98d,#36382c);border-radius:50%}
.device-tablet{position:absolute;width:50%;left:0;bottom:3%;padding:7px;border:1px solid #c5af7488;border-radius:15px;background:linear-gradient(145deg,#555348,#050706 45%,#48483d);box-shadow:0 15px 30px #000b;rotate:-4deg}.device-tablet img{width:100%;display:block;border-radius:8px}
.device-phone{position:absolute;width:22%;right:0;bottom:0;padding:8px 5px 7px;border:1px solid #e2c98b99;border-radius:22px;background:linear-gradient(145deg,#807457,#070908 35%,#58584c);box-shadow:0 15px 30px #000b;rotate:4deg}.device-phone img{display:block;width:100%;border-radius:16px}.phone-speaker{position:absolute;z-index:1;top:9px;left:33%;width:34%;height:5px;border-radius:8px;background:#060706}
.journal-devices figcaption{font-size:10px;line-height:1.8;text-align:center;color:#a8aa9e;margin-top:22px;letter-spacing:.3px}
@media(min-width:761px) and (max-width:1050px){.journal-feature{grid-template-columns:1fr;gap:35px}.journal-copy{max-width:650px}.journal-copy h2 br{display:none}.journal-devices{width:100%;max-width:780px;justify-self:center}.device-composition{aspect-ratio:1.35}}
@media(max-width:760px){.journal-feature{grid-template-columns:1fr;gap:30px;padding:35px 0 40px}.journal-copy h2{font-size:42px}.journal-copy h2 br{display:none}.journal-copy>p{font-size:14px}.journal-copy .journal-lead{font-size:18px}.journal-devices{width:100%}.device-composition{aspect-ratio:1.2}.device-screen{padding:4px 4px 9px;border-radius:7px}.monitor-neck{height:22px}.monitor-base{height:5px}.device-tablet{padding:4px;border-radius:9px}.device-tablet img{border-radius:5px}.device-phone{padding:5px 3px;border-radius:12px}.device-phone img{border-radius:8px}.phone-speaker{top:5px;height:3px}.journal-devices figcaption{font-size:9px}}
.device-screen img,.device-tablet img,.device-phone img{height:auto}
/* v35: padrão compartilhado de fundos temáticos por solução. */
.product-showcase{position:relative;isolation:isolate;--product-background-opacity:.58}
.product-showcase::before{content:"";position:absolute;z-index:-2;inset:0 calc(-1 * var(--page-gutter));pointer-events:none;background-image:var(--product-background);background-size:cover;background-position:center;opacity:var(--product-background-opacity);mask-image:linear-gradient(180deg,transparent,#000 9%,#000 90%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 90%,transparent)}
.product-showcase::after{content:"";position:absolute;z-index:-1;inset:0 calc(-1 * var(--page-gutter));pointer-events:none;background:linear-gradient(90deg,#080907ce 0%,#080907a6 32%,#08090733 62%,#08090722 100%)}
#trade-journal{--product-background:url('assets/journal-contexto-background.png')}
#financial{--product-background:url('assets/financial-contexto-background.png');--product-background-opacity:.5}
.product-showcase .journal-copy{position:relative;text-shadow:0 1px 8px #0009}
@media(max-width:1050px){.product-showcase::before{background-position:65% center}.product-showcase::after{background:linear-gradient(180deg,#080907b8,#080907a6 45%,#08090733 72%,#08090755)}}
@media(max-width:760px){.product-showcase::before{background-size:auto 100%;background-position:60% center}.product-showcase::after{background:linear-gradient(180deg,#080907c4,#080907b3 55%,#08090755 80%,#08090777)}}
/* v36: fundo institucional próprio do ecossistema. */
.catalogue-shell::before{background-image:linear-gradient(90deg,#08090777 0%,#08090722 65%,#08090711),url('assets/ecossistema-integracao-background.png');background-position:center top;background-size:cover;opacity:.48;height:clamp(600px,100svh,1100px);mask-image:linear-gradient(180deg,#000 0%,#000 58%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 58%,transparent 100%)}
@media(max-width:760px){.catalogue-shell::before{background-position:65% top;height:850px;opacity:.42}}

/* v38: contexto próprio do diário operacional Driver. */
#driver{--product-background:url('assets/driver-contexto-background.png');--product-background-opacity:.58}

/* v39: começo possível e desenvolvimento físico sustentável. */
#body{--product-background:url('assets/body-contexto-background.png');--product-background-opacity:.58}
.model-credit{display:block;margin:8px auto 0;max-width:600px;font-size:9px;line-height:1.7;opacity:.8}.model-credit a{color:inherit;text-decoration:underline;font:inherit;letter-spacing:normal;text-transform:none}
/* v40: enquadramento do contexto de academia. */
#body::before{background-position:right center}