@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;450;500;550;600;650;700&display=swap');
:root{--bg:#08090b;--fg:#f3f3f1;--muted:#92969d;--line:#27292e;--blue:#a8dfff;--font:'Inter',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:7px}::selection{background:var(--blue);color:#08090b}.skip{position:fixed;top:-80px;left:20px;z-index:100;padding:15px;background:white;color:black}.skip:focus{top:10px}.header{position:absolute;top:0;left:0;width:100%;z-index:10;height:100px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1f}.brand{display:flex}.brand img{width:169px;height:auto}.header nav{display:flex;align-items:center;gap:38px;font-size:13px}.header nav>a{transition:color .2s}.header nav>a:hover{color:var(--blue)}.nav-contact{border:1px solid #ffffff55;padding:13px 20px;border-radius:3px;margin-left:12px}.nav-contact span{margin-left:25px}.menu{display:none}.hero{min-height:780px;height:100svh;max-height:1100px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-image,.hero-shade,.vision-art,.vision-overlay{position:absolute;inset:0}.hero-image{background:#141e2b url('/assets/hero-desktop-v4.jpg') center center/cover no-repeat;animation:slow-zoom 20s ease-out both}.hero-shade{background:linear-gradient(90deg,rgba(3,6,10,.78),rgba(3,6,10,.30) 55%,transparent),linear-gradient(0deg,#08090b 0%,transparent 26%,rgba(0,0,0,.28) 100%)}.hero-content{position:relative;width:100%;padding:120px 5.5% 110px}.eyebrow{font-size:10px;font-weight:550;letter-spacing:2.2px;display:flex;align-items:center;gap:10px;line-height:1.6}.status-dot{display:inline-block;width:5px;height:5px;background:var(--blue);border-radius:50%;box-shadow:0 0 9px #a8dfff88;flex-shrink:0}.hero h1{font-size:clamp(54px,6.4vw,100px);font-weight:450;line-height:1.04;letter-spacing:-4px;margin:35px 0 25px}.hero h1 em{font-family:'Inter',Arial,sans-serif;font-weight:400;color:#d9ecfa;letter-spacing:-2px}.hero-description{font-size:16px;line-height:1.8;color:#c0c4cc;margin-bottom:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:17px 23px;font-size:12px;font-weight:600;border:1px solid transparent;border-radius:3px;transition:background .25s,transform .25s}.button:hover{transform:translateY(-3px)}.light{background:var(--fg);color:#111}.light:hover{background:var(--blue)}.button span{font-size:20px;line-height:1}.hero-bottom{position:absolute;bottom:30px;left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#929ca8;gap:20px}.hero-bottom a{color:var(--fg);font-size:10px;letter-spacing:.5px}.hero-bottom a span{margin-left:15px}.frame-label{font-size:8px}.ticker{overflow:hidden;border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:27px 0;background:#0b0c0e}.ticker>div{display:flex;align-items:center;gap:50px;white-space:nowrap;width:max-content;animation:marquee 36s linear infinite;font-size:11px;letter-spacing:2px;color:#aeb0b5}.ticker b{font-size:19px;color:#8cb5d0;font-weight:400}.section{padding:90px 5.5% 100px;max-width:1700px;margin:0 auto}.section-meta{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-meta .eyebrow{margin:0;color:#c2c5ca}.small-note{font-size:9px;letter-spacing:1.5px;color:#7f858e;display:flex;gap:9px;align-items:center}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;margin-top:65px}h2{font-size:clamp(40px,4.4vw,68px);line-height:1.08;font-weight:450;letter-spacing:-2px;margin:0}.serif{font-family:'Inter',Arial,sans-serif;font-weight:400;font-style:italic;color:#d1e8f9}.about-copy{padding-top:4px;max-width:510px}.about-copy p{color:var(--muted);font-size:14px;line-height:1.9;margin:0 0 24px}.about-copy .large-copy{font-size:22px;line-height:1.5;color:#e3e3e5;letter-spacing:-.5px}.text-link{font-size:12px;display:inline-flex;gap:25px;align-items:center;margin-top:4px;padding-bottom:10px;border-bottom:1px solid #777}.text-link:hover{color:var(--blue)}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:72px;border-top:1px solid var(--line);padding-top:30px}.principles>div{display:flex;gap:25px;border-right:1px solid var(--line);padding:0 30px}.principles>div:first-child{padding-left:0}.principles>div:last-child{border:0}.principles span{color:#707783;font-size:10px;padding-top:6px}.principles p{font-size:19px;line-height:1.4;margin:0;color:#b5b8bf}.expertise{border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:60px 0 50px}.section-heading p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.muted{color:#757b86}.service-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);transition:background .2s}details:hover{background:#ffffff03}summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:30px;padding:32px 0}summary::-webkit-details-marker{display:none}.service-number{font-size:11px;color:#80858e;width:30px}summary h3{font-size:clamp(23px,2.6vw,36px);font-weight:450;letter-spacing:-1px;margin:0}.service-tag{font-size:8px;color:#828994;letter-spacing:1.5px;margin-left:auto}.plus{font-size:28px;font-weight:400;margin-left:45px;transition:transform .2s}details[open] .plus{transform:rotate(45deg);color:var(--blue)}details[open] h3{color:var(--blue)}.service-body{padding:0 65px 34px;display:flex;align-items:flex-end;justify-content:space-between;gap:55px}.service-body p{font-size:14px;color:var(--muted);line-height:1.8;max-width:550px;margin:0}.service-body>span{font-size:10px;line-height:1.8;color:#b6bcc5;max-width:280px;text-align:right}.vision{position:relative;min-height:620px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}.vision-art{background:url('/assets/hero-desktop-v4.jpg') 70% 53%/cover no-repeat;transform:scale(1.1)}.vision-overlay{background:linear-gradient(0deg,#08090b,transparent 30%,#08090b),rgba(4,8,15,.36)}.vision-content{position:relative;padding:100px 25px}.vision .eyebrow{justify-content:center;margin-bottom:30px;font-size:9px}.vision h2{font-size:clamp(42px,5.6vw,84px)}.vision p:not(.eyebrow){font-size:14px;line-height:1.9;color:#c5cbd2;margin:25px 0 30px}.glass{border-color:#ffffff55;background:#151c2688;backdrop-filter:blur(12px)}.glass:hover{background:#30465f99}.art-caption{position:absolute;bottom:30px;right:5.5%;font-size:8px;letter-spacing:1.5px;color:#7c8590}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);gap:0}.steps article{padding:28px 28px 15px 0;margin-right:28px;border-right:1px solid var(--line)}.steps article:last-child{border:0;margin:0;padding-right:0}.step-top{display:flex;justify-content:space-between;color:#737c89;font-size:11px}.step-top span:last-child{font-size:18px;color:#abb7c5}.steps h3{font-size:21px;letter-spacing:-.5px;font-weight:500;margin:40px 0 18px}.steps p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.contact{border-top:1px solid var(--line);padding-bottom:95px;background:radial-gradient(ellipse at 86% 70%,#14233070,transparent 45%)}.contact-grid{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:65px}.contact h2{font-size:clamp(45px,5.7vw,86px)}.contact p{font-size:14px;line-height:1.8;color:var(--muted);margin:28px 0 0}.contact-orb{width:215px;height:215px;flex-shrink:0;border:1px solid #647584;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;margin-right:35px;background:#bedfff05;transition:background .3s,border-color .3s,transform .3s}.contact-orb:hover{background:#b3dfff18;border-color:var(--blue);transform:rotate(-4deg)}.orb-arrow{font-size:44px;font-weight:400;line-height:1}.contact-orb>span:nth-child(2){font-size:10px;line-height:1.6;text-align:center;letter-spacing:1px}.orb-sub{font-size:8px;letter-spacing:1.5px;color:#8e9eaf}footer{padding:0 5.5%;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;gap:40px;padding:45px 0}.footer-top img{width:145px;height:auto}.footer-top p{font-size:11px;color:var(--muted)}.top-link{margin-left:auto;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0 30px;font-size:9px;color:#8a9099}.footer-bottom>span:last-child{font-size:8px;letter-spacing:1.3px}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes slow-zoom{from{transform:scale(1.055)}to{transform:scale(1)}}
@media(min-width:1700px){.header,.hero-content{padding-left:calc((100% - 1513px)/2);padding-right:calc((100% - 1513px)/2)}}
@media(max-width:1000px){.header nav{gap:22px}.hero h1{font-size:76px}.about-grid{gap:45px}.service-tag{display:none}.plus{margin-left:auto}.service-body{flex-direction:column;align-items:flex-start;gap:20px}.service-body>span{text-align:left;max-width:none}.steps article{margin-right:18px;padding-right:18px}.steps h3{font-size:18px}.section-heading p{max-width:230px}.contact-orb{margin-right:0;width:185px;height:185px}}
@media(max-width:700px){html{scroll-padding-top:25px}.header{height:80px;padding:0 6%}.brand img{width:135px}.menu{display:flex;flex-direction:column;gap:6px;border:1px solid #ffffff33;border-radius:3px;background:#11182090;padding:12px;position:relative;z-index:12}.menu span{display:block;width:19px;height:1px;background:white;transition:transform .2s}.menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header nav{display:none;position:absolute;top:79px;left:0;right:0;background:#0b0e13f5;backdrop-filter:blur(20px);padding:30px 6%;flex-direction:column;align-items:stretch;gap:26px;border-bottom:1px solid var(--line);font-size:16px}.header nav.open{display:flex}.nav-contact{margin:0;display:flex;justify-content:space-between}.hero{height:92svh;min-height:700px;max-height:950px}.hero-image{background-position:64% center}.hero-shade{background:linear-gradient(90deg,#03060ac2,#03060a20),linear-gradient(0deg,#08090b,transparent 40%)}.hero-content{padding:105px 6% 90px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero h1{font-size:clamp(44px,9.5vw,66px);letter-spacing:-2px;line-height:1.08;margin-top:30px}.hero h1 em{letter-spacing:-1.4px}.hero-description{font-size:13px;line-height:1.9;margin-top:23px}.button{font-size:11px;padding:16px 19px;gap:35px}.hero-bottom{left:6%;right:6%;bottom:25px;align-items:flex-end}.hero-bottom>span:first-child{max-width:180px;font-size:7px;line-height:1.8}.hero-bottom a{font-size:9px}.frame-label{display:none}.ticker{padding:22px 0}.ticker>div{font-size:9px;gap:30px}.section{padding:60px 6%}.section-meta .eyebrow{font-size:9px;letter-spacing:1.6px}.small-note{display:none}.about-grid{grid-template-columns:1fr;gap:32px;margin-top:40px}h2{font-size:43px;letter-spacing:-1.6px}.about-copy .large-copy{font-size:20px}.about-copy p{font-size:13px}.principles{margin-top:40px;padding-top:24px;gap:15px}.principles>div{display:block;padding:0 12px 0 0}.principles p{font-size:13px;line-height:1.6;margin-top:12px}.principles span{font-size:9px}.section-heading{display:block;margin:40px 0 32px}.section-heading h2{font-size:38px}.section-heading p{margin-top:22px;max-width:none;font-size:12px}summary{gap:14px;padding:25px 0}summary h3{font-size:22px;letter-spacing:-.6px}.service-number{font-size:9px;width:19px}.plus{font-size:24px}.service-body{padding:0 0 25px 33px}.service-body p{font-size:12px}.service-body>span{font-size:9px}.vision{min-height:530px}.vision h2{font-size:43px}.vision .eyebrow{font-size:7px;letter-spacing:1.3px}.vision p:not(.eyebrow){font-size:12px}.vision-art{background-position:68% center}.vision-content{padding:75px 6%}.art-caption{font-size:7px}.steps{grid-template-columns:1fr 1fr;gap:30px 20px}.steps article{margin:0;padding:22px 20px 0 0}.steps article:nth-child(2){border-right:0;padding-right:0}.steps h3{font-size:19px;margin:24px 0 13px}.steps p{font-size:12px;line-height:1.8}.contact-grid{display:block;margin-top:40px}.contact h2{font-size:46px}.contact p{font-size:13px}.contact-orb{margin-top:32px;width:155px;height:155px;gap:8px}.orb-arrow{font-size:33px}.contact-orb>span:nth-child(2){font-size:8px}.orb-sub{font-size:7px}.footer-top{flex-wrap:wrap;gap:20px 10px;padding:35px 0}.footer-top img{width:125px}.footer-top p{font-size:10px;margin-left:auto}.top-link{margin-left:0;font-size:10px}.footer-bottom{flex-direction:column;gap:12px;font-size:8px}.footer-bottom>span:last-child{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:700px){.hero-shade{background:linear-gradient(90deg,#03060ad9,#03060a55),linear-gradient(0deg,#08090b,transparent 40%)}}
/* Time travel — layered environments and a scroll-responsive DeLorean */
.time-hero{--split:55%;--car-x:0px;--car-y:0px;--car-rotate:0deg;min-height:880px;height:100svh;max-height:1200px;isolation:isolate;background:#071019}.time-scene{position:absolute;inset:0;overflow:hidden}.past-plate,.present-pass,.present-plate,.atmosphere{position:absolute;inset:0;width:100%;height:100%}.past-plate{background:#47382b url('/assets/itajai-passado-v4.jpg') center/cover no-repeat;filter:saturate(.63) brightness(.76)}.present-pass{clip-path:inset(0 0 0 var(--split));will-change:clip-path}.present-plate{background:#10202c url('/assets/hero-desktop-v4.jpg') center/cover no-repeat;filter:saturate(.8) contrast(1.1) brightness(.88)}.atmosphere{background:radial-gradient(ellipse at 75% 38%,#87d9ff22,transparent 40%);mix-blend-mode:screen}.time-hero .hero-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#03080ee6,#03080e8a 34%,#03080e10 65%,transparent),linear-gradient(0deg,#08090b 0%,transparent 30%,#03080e44 100%)}.time-hero .hero-content{z-index:2;padding-top:130px;padding-bottom:120px;width:59%;pointer-events:none}.time-hero .hero-content a{pointer-events:auto}.time-hero h1{font-size:clamp(65px,6.7vw,104px);line-height:1.01;margin-top:30px;letter-spacing:-4px}.time-hero h1 em{color:#deedf3}.time-hero .hero-description{font-size:14px;line-height:1.9;max-width:470px}.time-hero .eyebrow{font-size:8px;letter-spacing:1.8px}.time-hero .hero-bottom{z-index:4;font-size:8px;letter-spacing:1px}.time-hero .frame-label{max-width:280px;text-align:right;line-height:1.7;font-size:7px}.delorean-world{position:absolute;left:74%;top:37%;width:clamp(370px,39vw,620px);transform:translate(calc(-50% + var(--car-x)),calc(-50% + var(--car-y))) rotate(var(--car-rotate));z-index:1;will-change:transform;pointer-events:none}.car-float{position:relative;animation:car-hover 9s ease-in-out infinite}.delorean{width:100%;height:auto;display:block;filter:drop-shadow(0 15px 20px #0008) drop-shadow(0 0 15px #9ae0ff22);position:relative;z-index:2}.car-light{position:absolute;inset:12% 0;border-radius:50%;background:radial-gradient(ellipse,#72d7ff25,transparent 66%);filter:blur(20px)}.energy-trail{position:absolute;z-index:1;right:10%;top:53%;width:38%;height:1px;transform:rotate(-13deg);background:linear-gradient(90deg,transparent,#d2f7ff,#7bcfff55,transparent);box-shadow:0 0 9px #91e5ff;animation:trail-pulse 4s ease-in-out infinite}.trail-two{top:64%;width:29%;animation-delay:-2s}.car-reflection{position:absolute;top:70%;left:25%;width:60%;height:45%;background:radial-gradient(ellipse,#7dc9df22,transparent 65%);filter:blur(20px);transform:rotate(-8deg)}.scene-caption{position:absolute;right:5.5%;top:125px;z-index:3;display:flex;gap:10px;color:#dbe8ef;font-size:9px;letter-spacing:1.4px}.scene-caption small{display:block;font-size:7px;margin-top:7px;color:#a1b0bc}.caption-cross{font-size:22px;color:#acd6e8}.compare-divider{position:absolute;z-index:3;top:105px;bottom:85px;left:var(--split);width:0;pointer-events:none}.compare-line{position:absolute;top:0;bottom:0;left:-.5px;width:1px;background:linear-gradient(0deg,transparent,#c6ebff88 22%,#f0faffb3 55%,#c6ebff88 80%,transparent);box-shadow:0 0 10px #8bc6ef33}.compare-handle{position:absolute;top:49%;left:-25px;width:50px;height:58px;border-radius:8px;border:1px solid #d7ecff9c;background:#24415675;backdrop-filter:blur(14px);box-shadow:0 4px 25px #0004,inset 0 1px 0 #fff2;display:flex;align-items:center;justify-content:center;gap:8px;color:#effaff;font-size:22px;pointer-events:auto;cursor:ew-resize;touch-action:none;user-select:none}.compare-handle:focus-visible{outline:2px solid white;outline-offset:5px}.compare-handle:hover,.is-dragging .compare-handle{background:#4c7b9b99;border-color:white}.handle-grip{display:block;height:20px;width:5px;border-left:1px solid #c9eaff;border-right:1px solid #c9eaff}.drag-hint{position:absolute;top:calc(49% + 70px);left:-80px;width:160px;text-align:center;font-size:6px;letter-spacing:1.5px;color:#d6e9f3;text-shadow:0 1px 4px #000}.has-interacted .drag-hint{opacity:0;transition:opacity 1s}.time-controls{position:absolute;z-index:4;right:5.5%;bottom:95px;width:300px;padding:20px 22px;border:1px solid #c6e7ff35;border-radius:9px;background:linear-gradient(120deg,#c8e6ff12,#0b1525ae);box-shadow:0 20px 70px #0005,inset 0 1px 0 #ffffff12;backdrop-filter:blur(23px);-webkit-backdrop-filter:blur(23px);color:#eef6fb}.breakdown-header{display:flex;align-items:center;justify-content:space-between}.breakdown-header>span{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.7px}.breakdown-header i{width:4px;height:4px;background:#a8e5ff;box-shadow:0 0 7px #a8e5ff;display:inline-block;border-radius:50%}.motion-toggle{background:#ffffff08;border:1px solid #ffffff20;color:#b7c9d5;border-radius:4px;width:30px;height:28px;cursor:pointer;font-size:11px}.motion-toggle:hover{background:#ffffff20}.breakdown-intro{font-size:13px;margin:16px 0 22px;color:#c2d2de}.era-labels{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px}.era-labels>span:first-child{color:#efc99b}.era-labels>span:last-child{text-align:right;color:#b0dcf6}.era-labels small{font-size:6px;letter-spacing:1px;display:block;margin-top:5px;color:#93a4b2}.breakdown-slider{padding-top:20px}.breakdown-slider label{font-size:9px;color:#a7bbc8;display:flex;justify-content:space-between}.breakdown-slider output{font-size:8px;color:#d6eafb;font-variant-numeric:tabular-nums}.breakdown-slider input{width:100%;height:27px;accent-color:#b6e5ff;cursor:ew-resize;margin:6px 0 0;touch-action:pan-y}.scene-disclaimer{font-size:7px;line-height:1.7;color:#94a7b6;margin:12px 0 0;border-top:1px solid #ffffff12;padding-top:12px}.motion-paused .car-float,.motion-paused .energy-trail{animation-play-state:paused!important}.vision-art{background-image:url('/assets/hero-desktop-v4.jpg');background-position:center 70%}.vision-overlay{background:linear-gradient(0deg,#08090b,transparent 30%,#08090b),rgba(4,8,15,.5)}
@keyframes car-hover{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(.5deg)}}@keyframes trail-pulse{0%,100%{opacity:.25}50%{opacity:.8}}
@media(max-width:1100px){.time-hero{min-height:860px}.time-hero h1{font-size:76px}.time-hero .hero-description{font-size:12px;max-width:330px}.time-controls{right:4%;width:270px;padding:17px 18px}.delorean-world{left:76%;top:37%;width:420px}.scene-caption{right:4%}.time-hero .hero-bottom>span:first-child{max-width:190px;line-height:1.6}}
@media(max-width:700px){.time-hero{display:block;height:auto;min-height:1070px;max-height:none}.past-plate,.present-plate{background-position:62% center}.time-hero .hero-shade{background:linear-gradient(0deg,#08090bf5,transparent 55%,#03080e30),linear-gradient(90deg,#03080eb0,#03080e20)}.time-hero .hero-content{padding:145px 6% 0;width:100%}.time-hero h1{font-size:clamp(55px,13vw,76px);letter-spacing:-2.4px;margin:24px 0 20px;line-height:1.01}.time-hero .eyebrow{font-size:7px;letter-spacing:1.1px}.time-hero .hero-description{font-size:12px;max-width:320px;margin:20px 0 24px}.time-hero .hero-description br{display:none}.time-hero .button{font-size:10px;gap:28px}.scene-caption{top:102px;right:6%;font-size:7px;letter-spacing:1px}.scene-caption small{font-size:5px;margin-top:4px}.caption-cross{font-size:17px}.delorean-world{left:72%;top:53%;width:clamp(280px,65vw,400px)}.time-controls{position:relative;right:auto;bottom:auto;width:88%;margin:210px 6% 95px;padding:18px 20px}.compare-divider{top:110px;bottom:340px}.compare-handle{top:70%;width:46px;left:-23px;height:54px}.drag-hint{top:calc(70% + 66px);font-size:6px}.time-hero .hero-bottom{bottom:24px;left:6%;right:6%;align-items:center}.time-hero .hero-bottom>span:first-child{max-width:175px;font-size:7px}.time-hero .frame-label{display:none}.time-hero .hero-bottom a{font-size:8px}.scene-disclaimer{font-size:8px}.breakdown-slider label{font-size:10px}.time-hero .hero-content h1,.time-hero .hero-description{text-shadow:0 2px 30px #0009}}
@media(prefers-reduced-motion:reduce){.car-float,.energy-trail{animation:none!important}}
.asset-credit{color:#788391;font-size:8px;line-height:1.8;margin:0;padding:0 0 22px}.asset-credit a{text-decoration:underline;text-underline-offset:3px}.asset-credit a:hover{color:#c9dfed}

/* Photoreal, generated scene pairs — separate art direction for mobile. */
.past-plate,.present-plate{transform:translate3d(0,var(--scene-y,0px),0) scale(1.035);transform-origin:center;will-change:transform}
.present-plate{background-image:url('/assets/hero-desktop-v4.jpg');filter:saturate(.88) brightness(.96)}
.past-plate{filter:saturate(.64) brightness(.8)}
.time-hero .hero-shade{background:linear-gradient(90deg,#03080ee0,#03080e80 34%,#03080e08 65%,transparent),linear-gradient(0deg,#08090b 0%,transparent 26%,#03080e30 100%)}
.vision-art{background-image:url('/assets/hero-desktop-v4.jpg')}
@media(max-width:700px){
.time-hero{min-height:1020px;height:1020px;max-height:none}
.time-scene{height:100%}
.past-plate{background-image:url('/assets/past-mobile-v3.jpg');background-position:center center}
.present-plate{background-image:url('/assets/hero-mobile-v4.jpg');background-position:center center}
.time-hero .hero-content{padding:125px 6% 0}
.time-hero h1{font-size:clamp(48px,12.3vw,65px);line-height:1.02;margin:23px 0 20px}
.time-hero .hero-description{font-size:12px;max-width:340px;line-height:1.75;margin:18px 0 22px}
.time-hero .hero-shade{background:linear-gradient(0deg,#08090be6,transparent 29%,transparent 47%,#03080e35 70%,#03080e55),linear-gradient(90deg,#03080e50,transparent 75%)}
.scene-caption{top:94px;right:6%;font-size:6px}.scene-caption small{font-size:5px}
.time-controls{position:absolute;bottom:75px;left:6%;right:6%;width:auto;margin:0;padding:16px 18px;background:linear-gradient(120deg,#c8e6ff16,#0b1525d9)}
.breakdown-intro{margin:13px 0 17px;font-size:12px}.breakdown-slider{padding-top:16px}.scene-disclaimer{font-size:7px;padding-top:10px;margin-top:8px}
.compare-divider{top:88px;bottom:320px}.compare-handle{top:72%;width:48px;left:-24px;height:56px}.drag-hint{top:calc(72% + 67px);font-size:6px}
.time-hero .hero-bottom{bottom:23px}.vision-art{background-image:url('/assets/hero-mobile-v4.jpg');background-position:center 58%}
}
@media(max-width:360px){.time-hero{height:980px;min-height:980px}.time-hero h1{font-size:46px}.time-hero .hero-content{padding-top:126px}.time-hero .hero-description{font-size:11px}.time-controls{padding:14px 16px}.time-hero .eyebrow{font-size:6px}}
@media(prefers-reduced-motion:reduce){.past-plate,.present-plate{transform:none}}
/* Keep the complete portrait artwork visible; extend the sky behind it. */
@media(max-width:700px){
.present-plate{--portrait:url('/assets/hero-mobile-v4.jpg');background:#071c34}
.past-plate{--portrait:url('/assets/past-mobile-v3.jpg');background:#231a17}
.present-plate:before,.past-plate:before{content:'';position:absolute;inset:-20px;background:var(--portrait) center/cover no-repeat;filter:blur(24px) brightness(.55)}
.present-plate:after,.past-plate:after{content:'';position:absolute;inset:0;background:var(--portrait) center 190px/100% auto no-repeat;mask-image:linear-gradient(to bottom,transparent 150px,#000 240px,#000 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent 150px,#000 240px,#000 88%,transparent)}
}
@media(max-width:360px){.present-plate:after,.past-plate:after{background-position:center 220px}}
@media(max-width:700px){.drag-hint{left:8px;text-align:left}}
@media(max-width:360px){.present-plate:after,.past-plate:after{background-position:center 280px}}

/* Independent time traveller and a quieter, image-led hero. */
body,button,input,select,textarea{font-family:'Inter',Arial,sans-serif}.serif,.hero h1 em{font-family:inherit;font-style:normal}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.time-hero{min-height:760px;height:100svh;max-height:1100px}
.present-plate{background-image:url('/assets/port-desktop-v5.jpg')}
.time-hero .hero-content{z-index:3;width:55%;padding:100px 5.5% 150px}
.time-hero h1{font-size:clamp(58px,6.3vw,100px);font-weight:500;letter-spacing:-.065em;line-height:1.04;margin:24px 0 0}
.time-hero h1 em{letter-spacing:inherit;color:#d6eafa}.time-hero .eyebrow{font-size:9px;letter-spacing:.17em;color:#c5d1db}
.time-hero .hero-shade{z-index:1;background:linear-gradient(90deg,#03080eaa,transparent 65%),linear-gradient(0deg,#08090b,transparent 35%,#03080e22)}
.delorean-world{z-index:2;left:72%;top:43%;width:clamp(390px,46vw,780px);transform:translate(calc(-50% + var(--car-x,0px) + var(--travel-x,0vw)),calc(-50% + var(--car-y,0px))) rotate(var(--car-rotate,0deg));transition:filter .3s;filter:drop-shadow(0 0 22px #9bdfff22)}
.car-float{animation:car-hover 7s ease-in-out infinite}.delorean{filter:drop-shadow(0 18px 22px #0005)}
.energy-trail{right:-15%;top:62%;width:50%;height:2px;transform:rotate(-8deg);background:linear-gradient(90deg,#e3f9ff,#66cfff66,transparent);box-shadow:0 0 14px #80d8ff}.trail-two{top:73%;right:-7%;width:42%}
.car-light{inset:20% -10%;background:radial-gradient(ellipse,#65cdff33,transparent 65%)}
.compare-divider{z-index:4;top:105px;bottom:100px}.compare-handle{top:65%;width:46px;height:50px;left:-23px}.drag-hint{top:calc(65% + 62px);font-size:7px}
.time-controls{position:absolute;left:50%;right:auto;bottom:80px;transform:translateX(-50%);width:360px;margin:0;padding:12px 16px;display:flex;align-items:center;gap:12px;border-radius:40px;background:#10202c99;box-shadow:0 8px 30px #0003;backdrop-filter:blur(18px)}
.era-name{font-size:10px;color:#d4e0e8}.time-controls input{width:100%;min-width:0;accent-color:#c6edff;height:28px;margin:0;cursor:ew-resize}.motion-toggle{flex-shrink:0;border:0;background:transparent;width:28px;height:30px}
.time-hero .hero-bottom{left:5.5%;right:5.5%;bottom:28px;justify-content:space-between}.time-hero .hero-bottom>span:first-child{font-size:7px;letter-spacing:.12em;max-width:none;color:#a0aebc}
@media(max-width:1100px) and (min-width:701px){.time-hero h1{font-size:64px}.delorean-world{left:74%;width:51vw}}
@media(max-width:700px){
.time-hero{height:900px;min-height:900px;max-height:none}.time-hero .hero-content{padding:135px 6% 0;width:100%}.time-hero h1{font-size:clamp(46px,11.7vw,70px);margin:18px 0 0;line-height:1.03}.time-hero .eyebrow{font-size:8px;letter-spacing:.14em}
.present-plate{--portrait:url('/assets/port-mobile-v5.jpg');background:#071c34}.past-plate{--portrait:url('/assets/past-mobile-v3.jpg')}
.present-plate:after,.past-plate:after{background-position:center 100px;mask-image:linear-gradient(to bottom,transparent 50px,#000 170px,#000 90%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent 50px,#000 170px,#000 90%,transparent)}
.time-hero .hero-shade{background:linear-gradient(0deg,#08090b,transparent 35%,#03080e22 65%),linear-gradient(90deg,#03080e44,transparent)}
.delorean-world{left:54%;top:52%;width:92%;max-width:540px}.compare-divider{top:100px;bottom:160px}.compare-handle{top:62%;width:44px;height:50px;left:-22px}.drag-hint{top:calc(62% + 62px);left:7px;width:150px;font-size:6px;text-align:left}
.time-controls{left:6%;right:6%;bottom:85px;width:auto;transform:none;margin:0;padding:10px 14px;gap:10px}.time-hero .hero-bottom{left:6%;right:6%;bottom:32px}.time-hero .hero-bottom>span:first-child{font-size:6px}.time-hero .hero-bottom a{font-size:9px}
}
@media(max-width:360px){.time-hero{height:820px;min-height:820px}.time-hero .hero-content{padding-top:120px}.time-hero h1{font-size:45px}.delorean-world{top:53%}.present-plate:after,.past-plate:after{background-position:center 130px}}
@media(prefers-reduced-motion:reduce){.delorean-world{transform:translate(-50%,-50%)}.car-float,.energy-trail{animation:none!important}}

/* Approach from the harbor horizon as the page scrolls. */
.delorean-world{left:73%;top:49%;width:clamp(240px,29vw,470px);max-width:none;transform:translate(calc(-50% + var(--car-x,0px) + var(--travel-x,0vw)),calc(-50% + var(--car-y,0px))) rotate(var(--car-rotate,0deg)) scale(var(--car-scale,1));transform-origin:center;filter:drop-shadow(0 0 12px #9bdfff18)}
.energy-trail{opacity:.35}.car-light{opacity:.55}
@media(max-width:700px){.delorean-world{left:59%;top:53%;width:57%;max-width:340px}}
@media(prefers-reduced-motion:reduce){.delorean-world{transform:translate(-50%,-50%)}}

/* Energy wake and warm light carried across the historical plate. */
.delorean-warm{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:sepia(.85) saturate(1.65) hue-rotate(-18deg) brightness(1.08) drop-shadow(0 0 5px #ffb65c30);mask-image:linear-gradient(90deg,#000 calc(var(--past-coverage,0%) - 6%),transparent calc(var(--past-coverage,0%) + 6%));-webkit-mask-image:linear-gradient(90deg,#000 calc(var(--past-coverage,0%) - 6%),transparent calc(var(--past-coverage,0%) + 6%));pointer-events:none}
.energy-trail{right:-36%;top:59%;width:52%;height:3px;border-radius:50%;transform:rotate(-9deg);transform-origin:left center;background:linear-gradient(90deg,#bdedff99,#80cfff44 35%,transparent 100%);box-shadow:0 0 9px #80cdff55;filter:blur(.8px);animation:wake-drift 5s ease-in-out infinite;opacity:.55}
.energy-trail:after{content:'';position:absolute;inset:-5px 0;background:inherit;filter:blur(5px);opacity:.35}
.trail-two{right:-29%;top:73%;width:44%;height:2px;animation-delay:-2.5s;transform:rotate(-6deg);opacity:.35}
.car-light{background:radial-gradient(ellipse,#7acfff20,transparent 66%)}
.compare-handle,.compare-handle:hover,.is-dragging .compare-handle{border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;width:48px;height:48px;left:-24px;gap:14px;font-size:28px;font-weight:400;color:#e7f3fa;text-shadow:0 1px 10px #0009}
.compare-handle:focus-visible{outline:1px solid #d6edff88;outline-offset:2px;border-radius:50%}
.drag-hint{font-size:6px;letter-spacing:1.4px;opacity:.65}
@keyframes wake-drift{0%,100%{opacity:.28;scale:.9 1}50%{opacity:.55;scale:1.08 1}}
@media(prefers-reduced-motion:reduce){.energy-trail{animation:none!important;opacity:.35}}

.energy-trail{filter:blur(.65px) sepia(calc(var(--warmth,0) * .75)) saturate(1.3);height:3px}.is-dragging .compare-handle{outline:none}

/* Blue electrical arcs follow the vehicle and strengthen as it approaches. */
.time-lightning{position:absolute;left:-10%;top:-12%;width:120%;height:124%;overflow:visible;z-index:3;pointer-events:none;opacity:var(--energy-intensity,.58);filter:drop-shadow(0 0 3px #64c9ff) drop-shadow(0 0 8px #168bff)}
.time-lightning path{stroke:#92e5ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.arc{animation:arc-breathe 3.8s ease-in-out infinite}.arc-b{animation-delay:-1.3s}.arc-c{animation-delay:-2.5s}.wake-arcs{opacity:.8}.wake-arcs path{stroke-width:1.4}
.energy-trail{right:-37%;top:57%;width:61%;height:3px;opacity:var(--energy-intensity,.58);background:linear-gradient(90deg,#d3f7ffdd,#63cfffaa 30%,#298fff55 70%,transparent);box-shadow:0 0 7px #7bdcffaa,0 0 18px #168bff66;filter:blur(.4px);animation:none;scale:var(--wake-length,1) 1;transform-origin:left center}
.energy-trail:after{inset:-6px 0;opacity:.6;filter:blur(5px)}.trail-two{top:74%;right:-29%;width:54%;height:2px;opacity:calc(var(--energy-intensity,.58) * .8)}
.car-light{opacity:calc(var(--energy-intensity,.58) * .8);background:radial-gradient(ellipse,#57bfff3b,transparent 65%)}
.time-hero .hero-bottom{justify-content:flex-end}
@keyframes arc-breathe{0%,100%{opacity:.5}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.arc{animation:none}.time-lightning{opacity:.5}.energy-trail{scale:1}}

/* A receding, banked crossing into the historical scene; no approach zoom. */
.delorean-world{transform:perspective(1000px) translate3d(calc(-50% + var(--car-x,0px) + var(--travel-x,0vw)),calc(-50% + var(--car-y,0px)),0) rotateY(var(--car-yaw,0deg)) rotateX(var(--car-pitch,0deg)) rotateZ(var(--car-rotate,0deg)) scale(var(--car-scale,1));transform-style:preserve-3d;will-change:transform}
.energy-trail{opacity:.35;scale:1}.trail-two{opacity:.2}
@media(prefers-reduced-motion:reduce){.delorean-world{transform:translate(-50%,-50%)}}

.car-webgl{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.has-real-3d .delorean-world{visibility:hidden}.model-credit{font-size:9px;line-height:1.7;color:#8a9099;padding:0 0 24px;margin:0}.model-credit a{text-decoration:underline;text-underline-offset:3px}

.time-hero .hero-content,.time-hero h1,.time-hero h1 em,.time-hero .eyebrow,.time-hero .hero-bottom,.time-hero .drag-hint{font-weight:300}
.regional{border-top:1px solid var(--line)}.regional h2{font-size:clamp(34px,4.2vw,60px)}.local-faq{margin-top:55px}.local-faq summary h3{font-size:18px;letter-spacing:-.4px}.local-faq summary .plus{margin-left:auto}.local-faq details>p{color:var(--muted);font-size:14px;line-height:1.8;max-width:760px;margin:0 0 28px}
.typewriter{position:relative;display:inline-block}.typewriter-visual{position:absolute;inset:0;white-space:nowrap}.typewriter-reserve{visibility:hidden}.typewriter-visual:after{content:'';display:inline-block;width:1px;height:.8em;background:currentColor;margin-left:4px;vertical-align:baseline}.typewriter.done .typewriter-visual:after{display:none}
@media(max-width:700px){.time-hero .eyebrow{font-size:7px;letter-spacing:.12em}.local-faq summary h3{font-size:16px;line-height:1.4}.local-faq details>p{font-size:13px}}
/* Client portfolio */
.clients{padding:64px 6%;border-bottom:1px solid #ffffff16;background:#0b0c0e}.clients h2{font-size:13px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#aaa;text-align:center;margin:0 0 40px}.client-logos{display:grid;grid-template-columns:repeat(5,1fr);gap:36px;align-items:center;max-width:1250px;margin:auto}.client-logos figure{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;height:90px;gap:10px}.client-logos img{display:block;max-width:100%;width:160px;height:52px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.8}.client-logos .logo-3m{width:64px;height:34px}.client-logos figcaption{font-size:10px;letter-spacing:.16em;color:#aaa}.client-logos .logo-indaia{height:64px;width:130px}@media(max-width:700px){.clients{padding:44px 24px}.client-logos{grid-template-columns:repeat(2,1fr);gap:20px 32px}.client-logos figure:last-child{grid-column:1/-1}.client-logos img{width:140px}.clients h2{font-size:10px;margin-bottom:22px}}
.client-logos img[src*="mercadoagentes"]{filter:grayscale(1)}
.client-logos img[src*="mercadoagentes"]{filter:grayscale(1) invert(1);opacity:.9}
/* Transparent artwork travels along a curved route and dissolves into the past. */
.delorean-world{visibility:visible;transform:translate(calc(-50% + var(--car-x,0px)),calc(-50% + var(--car-y,0px))) rotate(var(--car-rotate,0deg)) scale(var(--car-scale,1));opacity:var(--car-opacity,1);filter:blur(var(--car-blur,0px));transform-style:flat;will-change:transform,opacity;mask-image:linear-gradient(90deg,transparent calc(var(--car-wipe,-15%) - 12%),#000 calc(var(--car-wipe,-15%) + 12%));-webkit-mask-image:linear-gradient(90deg,transparent calc(var(--car-wipe,-15%) - 12%),#000 calc(var(--car-wipe,-15%) + 12%))}.car-float{animation:none;transform:none}.energy-trail,.car-light{display:none}
@media(prefers-reduced-motion:reduce){.delorean-world{transform:translate(-50%,-50%);opacity:1;filter:none;mask-image:none;-webkit-mask-image:none}}