:root{color-scheme:dark;--paper:#e4c69d;--red:#e71c17;--ink:#090c0c;--art:url('../assets/ui-canonical-en.webp')}
*{box-sizing:border-box}html{background:var(--ink);scrollbar-width:none}body{margin:0;color:var(--paper);font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffcf60;outline-offset:3px}.skip{position:absolute;top:-100px;z-index:20;background:var(--ink);color:var(--paper);padding:16px}.skip:focus{top:0}.canvas{position:relative;width:100%;max-width:1672px;margin:auto;aspect-ratio:1672/941}.art{display:block;width:100%;height:auto}.hit-layer{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;pointer-events:auto;border:0;padding:0;background:transparent;color:transparent;border-radius:0}.hotspot:hover{outline:1px solid #dfb46d;outline-offset:-2px;background:#e4c69d0c}.hotspot:focus-visible{outline-offset:-3px}.proof-note{max-width:1672px;margin:auto;padding:16px 24px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:12px;border-top:1px solid #b18e56;color:#ad9879}.proof-note button,.proof-note a{border:0;background:transparent;color:var(--paper);text-decoration:underline;padding:6px}.mobile-composition{display:none}
dialog{padding:0;border:1px solid #a58756;border-radius:0;background:#111411;color:var(--paper);width:min(750px,94vw);max-height:88dvh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}body:has(dialog[open]){overflow:hidden}.panel-header{position:sticky;top:0;background:#0a0d0d;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a58756;gap:20px;padding:20px;font:11px monospace;z-index:1}.panel-header button{background:transparent;border:1px solid #a58756;color:var(--paper);padding:12px}.panel-content{padding:32px}h1{font-size:clamp(28px,5vw,48px);text-transform:uppercase;line-height:1.1;margin:0 0 22px;font-weight:900}p{line-height:1.65}.status{font:12px monospace;border-left:3px solid var(--red);padding:10px 14px;background:#e4c69d0a}.link-list{display:grid;gap:0}.link-list button{background:transparent;text-align:left;color:var(--paper);border:0;border-bottom:1px solid #695b45;padding:18px 0;font-size:18px}.link-list span{float:right}.detail{border-block:1px solid #695b45;padding-block:18px}.reference-mode .hotspot{visibility:hidden}.reference-mode .canvas::after{content:'REFERÊNCIA ORIGINAL';position:absolute;bottom:8px;left:8px;background:#090c0c;color:var(--paper);font:11px monospace;padding:8px}input{width:100%;font-size:18px;padding:16px;border:1px solid #a58756;background:#080b0b;color:var(--paper);margin:10px 0 20px}
@media(max-width:700px){.canvas{display:none}.mobile-composition{display:block;overflow:hidden;max-width:500px;margin:auto;background:#080a09}.mobile-header{height:112px;background:#080a09;display:flex;align-items:flex-start;justify-content:space-between;padding:16px}.brand{width:155px;height:94px;background:var(--art) -52px 0 / 900px auto}.mobile-header>button{background:#080b0c;border:1px solid #a58756;color:var(--paper);padding:12px;font:12px monospace}.mobile-header span{margin-left:14px}.mobile-lockup{height:150px;background:var(--art) -20px -117px / 1000px auto}.mobile-car{height:206px;background:var(--art) -292px -38px / 800px auto}.mobile-cta{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #a58756}.mobile-cta button{border:0;color:#f4e9d8;background:#111716;font-size:11px;font-weight:800;padding:20px 12px;text-align:left}.mobile-cta button:first-child{background:var(--red)}.mobile-cta span{float:right}.mobile-strip{height:98px;background:var(--art) -454px -465px / 1455px auto}.mobile-editorial{display:block;width:100%;height:180px;border:0;border-bottom:1px solid #a58756;border-radius:0;background-image:var(--art);background-size:1254px auto}.stories{background-position:-7px -486px}.drift{background-position:-418px -486px}.garage{background-position:-833px -486px}.mobile-paper{background:var(--art) center bottom / 1800px auto;color:#0c1110;display:flex;align-items:center;justify-content:space-between;padding:24px 16px;font:10px monospace}.mobile-paper button{border:0;color:#fff2d8;background:var(--red);padding:12px;font-size:10px}.proof-note{font-size:11px;padding:16px;gap:8px}.panel-content{padding:24px}.panel-header{padding:14px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Mobile: each photo is bounded to its original 550 x 190 editorial area. */
@media(max-width:700px){.mobile-editorial{height:auto;aspect-ratio:550/190;background-size:304% auto}.stories{background-position:0 86.55%}.drift{background-position:50% 86.55%}.garage{background-position:100% 86.55%}.mobile-paper{background:#ddc49c;background-image:linear-gradient(115deg,#6a48271a,transparent 45%,#fff3cf33);border-top:1px solid #897452;min-height:80px}.mobile-header .brand{background-repeat:no-repeat}}

html::-webkit-scrollbar{display:none}

@media(max-width:700px){.mobile-lockup,.mobile-car{height:auto;background:none}.mobile-lockup svg,.mobile-car svg{display:block;width:100%;height:auto;overflow:hidden}}

/* Small garage pause: the approved raster is sliced, never repainted. */
.canvas{aspect-ratio:1672/975}.canvas>.art{position:absolute;top:0;clip-path:inset(0 0 30.925% 0)}.canvas>.art-lower{top:3.487%;clip-path:inset(69.075% 0 0 0)}
.garage-breath,.mobile-breath{background-color:#101311;background-image:radial-gradient(ellipse at 27% 80%,#000c 0 12%,transparent 30%),radial-gradient(ellipse at 80% 20%,#8b704122,transparent 46%),repeating-linear-gradient(166deg,transparent 0 7px,#b99a5920 8px,transparent 9px 14px),linear-gradient(#080b09,#20231b 55%,#080b09);box-shadow:inset 0 2px 9px #000,inset 0 -2px 8px #000}.garage-breath{position:absolute;left:0;right:0;top:66.667%;height:3.487%}.mobile-breath{height:26px}
.sound-toggle{position:absolute;right:7.3%;top:39%;z-index:4;border:1px solid #a58c5255;background:#10130ed9;color:#ceb98c;font:9px monospace;letter-spacing:.12em;padding:7px 9px;opacity:.8}.sound-toggle:hover,.sound-toggle:focus-visible{opacity:1;color:#fff0c9}.sound-toggle[aria-pressed=true]{color:#e6c56b}
.engine-widget{position:absolute;left:32%;top:54.6%;width:12%;height:11%;z-index:3;background:transparent;border:0;color:#dac49a;padding:0}.engine-dial{position:absolute;width:42px;height:42px;border:1px solid #b99c66;border-radius:50%;right:6%;bottom:10%;background:repeating-conic-gradient(from -110deg,#b79e66 0deg 2deg,transparent 2deg 28deg);box-shadow:inset 0 0 0 6px #101510,0 0 14px #e2a13222;opacity:0;transition:opacity .25s}.engine-dial i{position:absolute;width:2px;height:16px;background:#e44226;left:19px;top:5px;transform-origin:50% 16px;transform:rotate(-80deg)}.engine-caption{position:absolute;bottom:12%;left:0;font:9px monospace;letter-spacing:.08em;opacity:0;background:#10140fe8;padding:6px}.engine-caption small{display:block;font-size:7px;margin-top:3px;color:#9a8b6c}.engine-widget:hover .engine-dial,.engine-widget:focus-visible .engine-dial,.engine-widget.revving .engine-dial,.engine-widget:hover .engine-caption,.engine-widget:focus-visible .engine-caption,.engine-widget.revving .engine-caption{opacity:1}.engine-widget:hover i,.engine-widget:focus-visible i,.engine-widget.revving i{animation:rev-needle 1.5s ease-in-out}.mobile-sound,.mobile-engine{display:none}.reference-mode .art{clip-path:none;position:static}.reference-mode .art-lower,.reference-mode .garage-breath,.reference-mode .engine-widget,.reference-mode .sound-toggle{display:none}.reference-mode .canvas{aspect-ratio:1672/941}
@keyframes rev-needle{0%,100%{transform:rotate(-80deg)}40%{transform:rotate(65deg)}65%{transform:rotate(20deg)}}
@media(max-width:700px){.mobile-composition{position:relative}.mobile-sound{display:block;top:80px;right:16px;font-size:8px}.mobile-engine{display:flex;justify-content:space-between;width:100%;padding:12px 16px;background:#12160f;color:#bba981;border:0;font:10px monospace;letter-spacing:.06em}.mobile-engine span{font-size:8px;color:#8f876f}.mobile-engine.revving{color:#e8b75d}}

.cockpit-hotspot .engine-dial{right:30%;bottom:25%;background-color:#11170e;pointer-events:none}.cockpit-hotspot:hover .engine-dial,.cockpit-hotspot:focus-visible .engine-dial{opacity:.9}.cockpit-hotspot:hover i,.cockpit-hotspot:focus-visible i{animation:rev-needle 1.5s ease-in-out}

.garage-breath::after,.mobile-breath::after{content:'';display:block;width:100%;height:100%;opacity:.3;background-image:repeating-linear-gradient(172deg,transparent 0 18px,#7e6b4830 19px 20px,transparent 21px 40px);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 70%,transparent)}.dialog-photo{max-width:300px;margin:25px auto;background:#dfc9a6;padding:10px 10px 28px;transform:rotate(-2deg);box-shadow:0 10px 25px #0006}.dialog-photo img{display:block;width:100%;height:auto}

.official-nav{display:flex;justify-content:flex-end;gap:20px;padding:9px 4vw;background:#10140f;border-bottom:1px dashed #79633c;font:10px monospace;letter-spacing:.08em}.official-nav a{color:#c4ae86;text-decoration:none;padding:5px 0}.official-nav a:hover{color:#ffe2a0}
@media(max-width:700px){.mobile-cta a{display:block;color:#f4e9d8;background:#111716;font-size:11px;font-weight:800;padding:20px 12px;text-align:left;text-decoration:none}.mobile-cta a:first-child{background:var(--red)}.mobile-paper a{color:#fff2d8;background:var(--red);padding:12px;font-size:10px;text-decoration:none}.acervo-hint{display:flex;justify-content:space-between;padding:10px 16px 6px;background:#d9c29e;color:#61482d;font:9px monospace;letter-spacing:1px}.acervo-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:8px 16px 18px;background:#d9c29e;background-image:repeating-linear-gradient(12deg,#59422b09 0 1px,transparent 1px 4px);scrollbar-width:thin;scrollbar-color:#80633e #d9c29e}.acervo-rail a{display:flex;align-items:center;gap:14px;flex:0 0 82%;scroll-snap-align:center;color:#252920;text-decoration:none;padding:16px;background:#ebd8b5;border:1px dashed #8b7451;box-shadow:2px 4px 0 #70573826;min-height:115px}.acervo-rail strong{font:64px/1 Impact,'Arial Narrow',sans-serif}.acervo-rail span{font:10px/1.5 monospace;letter-spacing:.04em}.acervo-rail small{display:block;color:#70402c;font:italic 14px Georgia,serif;margin-top:9px}.acervo-rail .rail-name{display:block;font-size:32px;margin-top:5px}.mobile-editorial{text-decoration:none}.official-nav{font-size:9px;gap:20px;padding:5px 16px}}

.official-menu-link{display:block;color:#d0b78a;font:12px monospace;padding:16px 0;text-underline-offset:5px}

/* Restore the approved paper artwork, retaining only native horizontal interaction. */
.archive-scroll-note,.original-archive-scroll{display:none}
@media(max-width:700px){.archive-scroll-note{display:block;background:#11150f;color:#b9a783;font:8px monospace;letter-spacing:1px;padding:5px 16px;text-align:right}.original-archive-scroll{display:block;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#927851 #d9c29e;background:#d9c29e}.original-archive-strip{position:relative;width:1000px;max-width:none}.original-archive-strip svg{display:block;width:100%;height:auto}.original-archive-strip nav{position:absolute;inset:0}.archive-hit{position:absolute;top:0;height:100%;border:0;border-radius:0;background:transparent;display:block;padding:0}.archive-count{left:0;width:19%}.archive-car{left:19%;width:36%}.archive-project{left:55%;width:17%}.archive-passport{left:72%;width:28%}.archive-hit:focus-visible{outline:2px solid #8c412a;outline-offset:-5px}.archive-hit:active{background:#714a2812}}