@font-face { font-family: "ATU Grotesk"; src: url("/assets/0640890476fc1198.woff2") format("woff2"); font-style: normal; font-weight: 300 700; font-display: swap; }
:root { --atu-font: 'ATU Grotesk',Arial,sans-serif; }
html.atu-active #main, html.atu-active body > .site-header { display: none !important; }
html.atu-case-open #impossible-top, html.atu-case-open #orbit-handoff, html.atu-case-open #page-hero, html.atu-case-open body > .a21-credit { display: none !important; }
body.atu-standalone-page { margin: 0px; background: rgb(17,17,17); color: rgb(255, 255, 255); }
html.atu-preview-expanded .atu-showcase-section { overflow: visible; z-index: 100001; }
html.atu-preview-expanded #atu-app { z-index: 100000; }
@keyframes atu-loading { 
  0% { transform: translateX(-100%); }
  100% { transform: translateX(390%); }
}
html.atu-active .post-hero-copy h1 { max-width: 9ch; font-family: var(--atu-font) !important; text-transform: none !important; font-size: clamp(54px, 6.7vw, 112px) !important; line-height: 0.98 !important; letter-spacing: -0.03em !important; }
html.atu-active .post-hero-copy p { font: 400 clamp(18px,1.7vw,25px)/1.45 var(--atu-font); max-width: 26ch; }
html.atu-active .post-hero-actions { flex-wrap: wrap; gap: 24px; }
@media (max-width: 700px) {html.atu-active .post-hero-copy h1 { font-size: clamp(48px, 12vw, 78px) !important; }}
#atu-a-takeover[hidden] { display: none !important; }
#atu-a-takeover { position: fixed; inset: 0px; z-index: 2147483000; overflow: hidden; pointer-events: auto; }
.atu-a-anchor { position: absolute; transform: translate(-50%, -50%); aspect-ratio: 943 / 743; }
.atu-a-anchor img { position: absolute; max-width: none; }
.atu-a-one { left: 0px; top: 0px; width: 81.018%; height: 100%; }
.atu-a-two { left: 53.87%; top: 48.45%; width: 46.13%; height: 51.55%; }
.atu-a-curtain { position: absolute; inset: 0px; background: rgb(225, 6, 0); }
#atu-a-takeover > span { position: absolute; bottom: 6%; left: 5%; font: 14px var(--atu-font); letter-spacing: 0.09em; color: rgb(21,21,21); }
html.atu-active .post-hero-actions a { font-size: 16px !important; }
html.atu-active .post-hero-nav nav a { font-size: 14px !important; }
html.atu-active .post-hero-copy .micro { font: 14px/1.5 var(--atu-font) !important; letter-spacing: 0.04em !important; }
html.atu-active #post-above { overflow: hidden; }
html.atu-active #orbit-handoff { overflow-x: clip; }
html.atu-active body { overflow-x: clip; }
.atu-nav, .post-hero-nav { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 28px; height: 88px; padding: 0px 5vw; font-family: var(--atu-font); background: rgba(17,17,17,0.97); color: rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, 0.145); z-index: 60; }
.post-hero-nav { position: relative; background: rgb(255, 255, 255); color: rgb(17,17,17); border-color: rgba(17,17,17,0.145); }
.atu-brand { display: flex; align-items: center; gap: 12px; flex-shrink: 0; font: 700 14px/1.03 var(--atu-font); letter-spacing: -0.025em; color: inherit; text-decoration: none; }
.atu-brand img { width: 34px; object-fit: contain; height: 34px !important; }
.atu-nav nav, .post-hero-nav nav { display: flex; margin-left: auto; align-items: center; gap: 30px; font: 400 14px/1.4 var(--atu-font); }
.atu-nav nav a, .post-hero-nav nav a { color: inherit; text-decoration: none; padding: 12px 0px; white-space: nowrap; }
.atu-nav-contact { border-bottom: 1px solid rgb(225, 6, 0); }
@media (max-width: 650px) {.atu-nav, .post-hero-nav { height: auto; min-height: 100px; display: grid; grid-template-columns: 1fr 44px; gap: 14px; padding: 16px 22px 10px; }
.atu-brand { font-size: 12px; }
.atu-brand img { width: 29px; height: 29px !important; }
.atu-nav nav, .post-hero-nav nav { grid-area: 2 / 1 / auto / -1; width: 100%; gap: 16px; justify-content: space-between; margin: 0px; font-size: 12px; display: flex !important; }
.atu-nav nav a, .post-hero-nav nav a { padding: 5px 0px; }}
:root { --atu-motion-feedback: 160ms; --atu-motion-component: 320ms; --atu-motion-scene: 620ms; --atu-motion-ease: cubic-bezier(.2,.76,.18,1); }
html #atu-app :is(.atu-button, .atu-start-tabs button, .atu-maker-options button, .atu-evidence-tabs button, .l28-tabs button, .l28-controls button), html :is(.atu-nav, .post-hero-nav) :is(a, button) { transition-property: color, background-color, border-color; transition-duration: var(--atu-motion-feedback); transition-timing-function: var(--atu-motion-ease); }
html #atu-app :is(.atu-text-link > span:last-child[aria-hidden], .atu-project-arrow, .l28-enter > span:last-child) { transition-duration: var(--atu-motion-feedback); transition-timing-function: var(--atu-motion-ease); }
html #atu-app :is(.atu-project-cover > img, .atu-maker-preview, .l28-word-columns button, .l28-graph > button, .l28-reading article, .l38-browser, .l38-composition, .l38-composition-art, .l38-composition-art i, .l38-structure, .l38-layer) { transition-duration: var(--atu-motion-component); transition-timing-function: var(--atu-motion-ease); }
html #atu-app .l28-portal-stack { transition-duration: var(--atu-motion-scene); transition-timing-function: var(--atu-motion-ease); }
html :is(.atu-nav, .post-hero-nav) nav a { min-height: 44px; display: inline-flex; align-items: center; box-sizing: border-box; }
html :is(.atu-nav, .post-hero-nav) .atu-lang { height: 44px; min-width: 44px; }
html .post-hero-nav :focus-visible { outline: rgb(225, 6, 0) solid 2px; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {:root { --atu-motion-feedback: 0ms; --atu-motion-component: 0ms; --atu-motion-scene: 0ms; }
html :is(.atu-nav, .post-hero-nav) :is(a, button) { transition: none !important; }
#atu-transition, #atu-a-takeover { display: none !important; }}
@keyframes maker-arrive { 
  0% { opacity: 0.55; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
html.atu-active #impossible-top { overflow: clip; max-width: 100%; }
html.atu-active .post-above-mark { max-width: calc(-44px + 100vw); right: 0px; }
html.atu-active #orbit-handoff { max-width: 100%; overflow-x: clip; }
#atu-a-takeover .atu-a-anchor img { filter: blur(0.45px); }
html.atu26-landing #page-hero .post-hero-copy h1 { max-width: none; margin: 28px 0px 30px; font-family: var(--atu-font) !important; text-transform: uppercase !important; font-size: clamp(52px, 6.15vw, 108px) !important; line-height: 1.02 !important; letter-spacing: -0.03em !important; }
html.atu26-landing #page-hero .post-hero-copy h1 > span { display: block; }
html.atu26-landing #page-hero .post-hero-copy p { max-width: 35ch; font: 400 clamp(16px,1.2vw,21px)/1.6 var(--atu-font) !important; }
html.atu26-landing #page-hero .post-hero-copy .micro { font: 400 12px/1.5 var(--atu-font) !important; letter-spacing: 0.09em !important; }
html.atu26-landing #page-hero .post-hero-actions { flex-wrap: wrap; gap: 26px; margin-top: 32px; }
html.atu26-landing #page-hero .post-hero-actions a { min-height: 44px; display: flex; align-items: center; font: 400 15px/1.5 var(--atu-font) !important; }
html.atu26-landing #page-hero .post-hero-nav nav a { font: 400 14px/1.5 var(--atu-font) !important; }
@media (max-width: 760px) {html.atu26-landing #page-hero .post-hero-copy h1 { margin: 24px 0px; font-size: clamp(34px, 9.7vw, 72px) !important; line-height: 0.98 !important; letter-spacing: -0.03em !important; }
html.atu26-landing #page-hero .post-hero-copy p { font-size: 16px !important; max-width: 32ch; }
html.atu26-landing #page-hero .post-hero-actions { gap: 12px 24px; margin-top: 18px; }
html.atu26-landing #page-hero .post-hero-actions a { font-size: 14px !important; }}
html.atu26-landing #page-hero .post-hero-grid { min-height: calc(-88px + 100svh); padding: 56px 5vw 54px !important; gap: 4vw !important; grid-template-columns: 1.15fr 0.85fr !important; }
html.atu26-landing #page-hero .post-hero-actions a:first-child { background: rgb(17,17,17); color: rgb(255, 255, 255); padding: 14px 22px; border: 1px solid rgb(17,17,17); }
html.atu26-landing #page-hero .post-hero-actions a:last-child { border-bottom: 1px solid rgb(121,121,121); }
html.atu26-landing #page-hero .post-hero-zero { display: none; }
html.atu26-landing #page-hero .post-hero-copy .micro { font: 400 12px/1.5 var(--atu-font) !important; letter-spacing: 0.08em !important; }
@media (max-width: 760px) {html.atu26-landing #page-hero .post-hero-grid { grid-template-columns: 1fr !important; padding: 40px 22px 26px !important; gap: 28px !important; }
html.atu26-landing #page-hero .post-hero-art { min-height: 260px !important; height: 300px !important; }}
#atu-app :is(h1, h2, h3, h4, h5, h6), #page-hero h1, #atu-home .atu-start-tabs strong { text-transform: uppercase; }
@keyframes m27-marquee { 
  100% { transform: translateX(-50%); }
}
@keyframes m27-float { 
  100% { transform: translate(0px, -13px) rotate(-5deg); }
}
@keyframes m27-verdict-in { 
  0% { clip-path: inset(0px 0px 100%); transform: translateY(-15px); }
  100% { clip-path: inset(0px); transform: translateY(0px); }
}
html.atu26-landing #page-hero { background: rgb(255, 255, 255); color: rgb(17,17,17); --bone: #fff; --ink: #111111; }
html.atu26-landing #page-hero .post-hero-nav { background: rgb(255, 255, 255); backdrop-filter: none; border-color: rgb(228,228,228); }
html.atu26-landing #page-hero .post-hero-copy p, html.atu26-landing #page-hero .post-hero-copy > .micro { color: rgb(89,89,89); }
html.atu26-landing #page-hero .post-hero-art::before { background: rgb(17,17,17); box-shadow: none; }
html.atu26-landing #page-hero .post-hero-actions a:first-child { background: rgb(17,17,17); border-color: rgb(17,17,17); color: rgb(255, 255, 255); }
html.atu26-landing .cinema-grain { display: none; }
:root { --atu-red: #E10600; --atu-red-light: #E10600; --atu-red-ink: #E10600; }
@keyframes c49-sheet-enter { 
  0% { opacity: 0.5; transform: translateY(5px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.atu-menu-toggle { display: none; }
html :is(.atu-nav, .post-hero-nav) nav { gap: clamp(16px, 2vw, 30px); order: 1; }
html :is(.atu-nav, .post-hero-nav) .atu-lang { order: 2; }
html #atu-app .atu-nav nav a[aria-current="page"], html #page-hero .post-hero-nav nav a[aria-current="page"] { color: var(--atu-red-light); text-decoration: underline 1px; text-underline-offset: 7px; }
html #atu-app .atu-nav .atu-brand, html #page-hero .post-hero-nav .atu-brand { text-decoration: none; }
html :is(.atu-nav, .post-hero-nav) :is(a, button):focus-visible { outline: 2px solid var(--atu-red-light); outline-offset: 4px; }
@media (max-width: 1000px) {html :is(.atu-nav, .post-hero-nav) { height: 80px; min-height: 80px; display: grid; grid-template-columns: minmax(0px, 1fr) 44px 76px; gap: 12px; padding: 12px 5vw; overflow: visible; }
html :is(.atu-nav, .post-hero-nav) .atu-brand { grid-area: 1 / 1; min-width: 0px; }
html :is(.atu-nav, .post-hero-nav) .atu-lang { grid-area: 1 / 2; margin: 0px; }
html :is(.atu-nav, .post-hero-nav) .atu-menu-toggle { display: flex; grid-area: 1 / 3; align-items: center; justify-content: space-between; gap: 10px; height: 44px; padding: 0px 10px; background: transparent; border: 1px solid rgba(255, 255, 255, 0.27); color: rgb(255, 255, 255); font: 500 12px/1 var(--atu-font); cursor: pointer; }
html :is(.atu-nav, .post-hero-nav) .atu-menu-sign { font-size: 20px; transition: transform 0.16s; }
html :is(.atu-nav, .post-hero-nav).is-menu-open .atu-menu-sign { transform: rotate(45deg); }
html :is(.atu-nav, .post-hero-nav) nav { position: absolute; top: 100%; left: 0px; right: 0px; grid-area: auto; width: auto; margin: 0px; padding: 14px 5vw 22px; background: rgb(17,17,17); border-bottom: 1px solid rgba(255, 255, 255, 0.25); box-shadow: rgba(0, 0, 0, 0.133) 0px 20px 30px; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0px 24px; display: none !important; }
html :is(.atu-nav, .post-hero-nav).is-menu-open nav { display: grid !important; }
html :is(.atu-nav, .post-hero-nav) nav a { min-width: 0px; white-space: normal; font-size: 14px; padding: 12px 0px; min-height: 48px; border-bottom: 1px solid rgba(255, 255, 255, 0.133); }
html :is(.atu-nav, .post-hero-nav) nav .atu-nav-contact { color: var(--atu-red-light); }
html .post-hero-nav .atu-menu-toggle { color: inherit; border-color: currentcolor; }
html .post-hero-nav nav { background: rgb(255, 255, 255); color: rgb(22,22,22); border-bottom-color: rgba(22,22,22,0.2); }
html .post-hero-nav nav a { color: rgb(22,22,22); border-bottom-color: rgba(22,22,22,0.133); }
html .post-hero-nav nav .atu-nav-contact { color: var(--atu-red-ink); }}
@media (prefers-reduced-motion: reduce) {html .atu-menu-sign { transition: none !important; }}