/* Original design, with a third project and restrained interaction. */
.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--violet);z-index:90;pointer-events:none}.motion-toggle{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;gap:7px;align-items:center;padding:7px 11px;border:1px solid #d2cac1;border-radius:25px;background:#f2f0ebec;color:var(--muted);font-size:8px}.motion-symbol{font-size:11px}.project-visual{transition:transform .55s ease}.project-visual:hover{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px)}.automotive-project{grid-column:auto;margin-top:0}.auto-visual{height:480px;background:#252626;color:#f5f2ed;isolation:isolate}.auto-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 61%;z-index:-2;transition:transform 1s ease}.auto-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111b,transparent 85%);z-index:-1}.auto-visual:hover>img{transform:scale(1.025)}.auto-headline{position:absolute;left:40px;top:85px}.auto-headline>span{display:block;font-size:8px;letter-spacing:2px;margin-bottom:18px;color:#d7d3cd}.auto-headline strong{font-weight:460;font-size:44px;line-height:1.07;letter-spacing:-1.5px;display:block}.auto-website{position:absolute;right:7%;bottom:42px;width:320px;height:219px;transform:perspective(1000px) rotateY(-12deg) rotateZ(3deg);background:#eeede6;border:6px solid #4b4b4999;color:#272824;border-radius:9px;box-shadow:15px 20px 30px #0003;overflow:hidden;transition:transform .7s;isolation:isolate}.auto-website:after{content:'';position:absolute;inset:34px 0 0;background:linear-gradient(90deg,#1118,transparent),url('/assets/automotive.webp') center 57%/cover;z-index:-1}.auto-site-brand{font-size:8px;letter-spacing:2px;font-weight:650;display:flex;padding:9px 12px;align-items:center;justify-content:space-between}.auto-site-brand>span{font-size:13px}.auto-site-menu{position:absolute;top:12px;right:35px;font-size:5px;letter-spacing:.3px}.auto-site-copy{padding:26px 21px;font-size:25px;letter-spacing:-1px;line-height:1.1;color:#f6f4ed}.auto-site-copy small{font-size:6px;letter-spacing:1px;display:block;margin-top:12px}.auto-site-cta{color:#eee;position:absolute;bottom:18px;left:21px;border-bottom:1px solid #eee;padding-bottom:4px;font-size:7px}.auto-visual:hover .auto-website{transform:perspective(1000px) rotateY(-4deg) rotateZ(0deg) translateY(-6px)}.auto-visual .concept-label{background:#2229;color:#f3efea}.auto-visual .circle-arrow{color:var(--ink)}.manifesto{position:relative;background:#e7e1ed;padding:85px 0}.manifesto-inner{max-width:1110px}.manifesto h2{font-size:43px;line-height:1.27;font-weight:460;letter-spacing:-1.5px;margin-top:30px}.scroll-words .word{color:#a598ab;transition:color .3s}.scroll-words .word.lit{color:var(--wine)}.manifesto-signoff{display:flex;align-items:center;gap:15px;margin-top:30px;font-size:8px;letter-spacing:1px}.signature-star{font-size:30px;color:var(--violet)}.manifesto-index{position:absolute;right:28px;top:22px;font-size:7px;letter-spacing:1px;color:#95879b}.journey{background:var(--paper);border-bottom:1px solid var(--line)}.journey-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:95px;align-items:start}.journey-intro{position:sticky;top:140px}.journey-intro .eyebrow{font-size:8px;max-width:290px;line-height:1.8;margin-bottom:25px}.journey-intro h2{font-size:46px;letter-spacing:-1.8px;line-height:1.13;margin-bottom:26px}.journey-intro h2 em{font-style:normal;color:var(--violet)}.journey-intro>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.85;max-width:340px}.journey-indicator{display:flex;gap:15px;align-items:center;margin-top:32px;font-size:10px;font-variant-numeric:tabular-nums}.journey-indicator>div{width:160px;background:#d6cbdc;height:1px;position:relative}.journey-indicator i{position:absolute;inset:0;background:var(--violet);transform-origin:left;transform:scaleX(.333);transition:transform .6s}.journey-step{border-top:1px solid var(--line);padding:24px 0 55px;min-height:360px;opacity:.55;transition:opacity .7s}.journey-step.active{opacity:1}.journey-number{font-size:8px;letter-spacing:1.2px;color:var(--muted)}.journey-demo{height:80px;margin:30px 0;display:flex;align-items:center;gap:15px;background:#fff;padding:18px 23px;border:1px solid #e7e2e9;border-radius:12px;transform:translateY(8px);transition:transform .7s}.journey-step.active .journey-demo{transform:translateY(0)}.search-demo{height:56px;border-radius:35px;font-size:11px;gap:15px}.search-dot{font-size:23px}.search-demo>span:last-child{margin-left:auto;color:#988b9e;font-size:18px}.brand-demo{height:100px;gap:20px}.brand-demo-mark{background:var(--wine);color:#ede2ed;border-radius:9px;font-size:35px;padding:0 8px;letter-spacing:-4px;width:53px;height:53px;line-height:1.4}.brand-demo>span:nth-child(2){font-size:11px;color:var(--muted)}.brand-demo b{font-weight:500;color:var(--ink)}.brand-demo-star{margin-left:auto;font-size:30px;color:var(--violet)}.conversion-demo{height:82px;font-size:11px;background:#e7dff3}.conversion-check{width:32px;height:32px;display:grid;place-items:center;border:1px solid #c5b4d4;border-radius:50%;font-size:16px}.conversion-demo b{display:block;font-weight:500;margin-top:3px}.conversion-demo>span:last-child{margin-left:auto;font-size:23px}.journey-step h3{font-size:28px;font-weight:460;line-height:1.2;letter-spacing:-.8px;margin-bottom:17px}.journey-step>p{font-size:12px;line-height:1.85;max-width:410px;color:var(--muted)}.journey-discipline{font-size:7px;letter-spacing:1px;display:block;margin-top:21px}#dialog-external{display:block;color:var(--violet);margin-bottom:22px}#dialog-external[hidden]{display:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .8s cubic-bezier(.18,.65,.2,1);transition-delay:var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}.motion-paused .reveal{opacity:1;transform:none}.motion-paused .scroll-words .word{color:var(--wine)}.motion-paused .journey-step{opacity:1}.motion-paused .journey-demo{transform:none}.motion-paused .project-visual:hover{transform:none}
@media(max-width:1050px){.auto-visual{height:460px}.auto-headline strong{font-size:39px}.auto-website{width:280px;height:210px;right:5%}.journey-layout{gap:55px}.journey-intro h2{font-size:41px}.manifesto h2{font-size:38px}}
@media(max-width:760px){.automotive-project{margin-top:0}.auto-visual{height:455px}.auto-headline{left:26px;top:73px}.auto-headline>span{font-size:7px;letter-spacing:1.5px;margin-bottom:15px}.auto-headline strong{font-size:33px;letter-spacing:-1.1px}.auto-visual>img{object-position:63% 50%}.auto-visual:before{background:linear-gradient(180deg,#111c,transparent 80%)}.auto-website{width:240px;height:175px;right:calc(50% - 122px);bottom:44px}.auto-site-copy{font-size:22px;padding:21px 17px}.auto-site-cta{left:17px;bottom:12px;font-size:6px}.auto-site-copy small{font-size:5px}.auto-site-menu{font-size:4px;right:30px}.auto-site-brand{font-size:7px}.auto-visual .visual-meta{font-size:6px;left:20px;right:20px}.automotive-project .project-caption{flex-wrap:wrap;gap:8px}.automotive-project .project-caption p{max-width:none}.manifesto{padding:62px 0}.manifesto h2{font-size:30px;line-height:1.3;letter-spacing:-1px;margin-top:23px}.manifesto .eyebrow{font-size:7px}.manifesto-signoff{font-size:6px;gap:12px;letter-spacing:.7px;max-width:270px;margin-top:25px}.signature-star{font-size:27px}.manifesto-index{right:24px;top:20px;font-size:6px}.journey-layout{grid-template-columns:1fr;gap:30px}.journey-intro{position:relative;top:0}.journey-intro h2{font-size:38px;letter-spacing:-1.4px}.journey-intro>p:not(.eyebrow){max-width:400px;font-size:12px}.journey-indicator{margin-top:25px}.journey-intro .eyebrow{font-size:7px;margin-bottom:20px}.journey-step{min-height:0;padding-bottom:36px;padding-top:23px}.journey-demo{margin:25px 0}.journey-step h3{font-size:27px}.journey-step>p{font-size:12px}.journey-discipline{font-size:6px}.journey-number{font-size:7px}.motion-toggle{right:12px;bottom:12px;padding:7px 10px}.motion-label{display:none}.reveal{transform:translateY(17px)}}
/* Portfolio cards share a single presentation system. */
.autovio-visual{background:#d9dfe9;color:#303c55}.autovio-wordmark{position:absolute;left:31px;top:64px;font-size:40px;letter-spacing:-1.9px;font-weight:550;display:flex;align-items:center;gap:8px}.autovio-wordmark svg{width:34px;height:34px}.av-window{position:absolute;left:50px;right:-25px;top:142px;height:277px;background:#f8f9fc;border:5px solid #ffffffb3;border-radius:11px;transform:rotate(-6deg);display:flex;overflow:hidden}.av-sidebar{width:40px;flex-shrink:0;background:#e9edf4;display:flex;align-items:center;flex-direction:column;gap:16px;padding:13px 0;font-size:13px;color:#8190a6}.av-smallmark{color:#3f5275;font-size:24px;font-weight:650;line-height:1;margin-bottom:8px;letter-spacing:-2px}.av-sidebar .selected{background:#d1daeb;border-radius:4px;color:#344969;width:25px;text-align:center}.av-content{padding:18px 15px;flex:1;min-width:0}.av-heading{font-size:19px;line-height:1.15;letter-spacing:-.7px;display:flex;justify-content:space-between;align-items:center}.av-user{width:23px;height:23px;border-radius:50%;background:#dce3ef;font-size:7px;letter-spacing:0;display:grid;place-items:center}.av-tabs{display:flex;gap:13px;margin:16px 0 13px;font-size:7px;border-bottom:1px solid #e0e5ed;padding-bottom:7px;color:#8792a5}.av-tabs .active{color:#354b71}.av-vehicle{position:relative;display:flex;gap:11px;align-items:center;border:1px solid #e0e5ed;border-radius:6px;padding:8px;background:#fff}.av-vehicle img{width:70px;height:65px;object-fit:cover;object-position:60% 55%;border-radius:4px}.av-vehicle>div{align-self:flex-start;padding-top:4px}.av-vehicle>div>span{font-size:6px;color:#8792a5;display:block}.av-vehicle strong{font-size:10px;font-weight:550;display:block;margin-top:3px}.av-vehicle small{font-size:5px;display:block;color:#8792a5;margin-top:3px}.av-status{position:absolute;right:10px;bottom:11px;font-size:5px;background:#e8edf6;color:#5c6f91;padding:2px 5px;border-radius:4px}.av-next{display:flex;align-items:center;gap:8px;font-size:7px;margin-top:13px;background:#e9edf5;padding:10px;border-radius:5px}.av-check{background:#d0dbed;border-radius:4px;font-size:12px;padding:2px 5px}.av-next b{display:block;font-size:7px;font-weight:550}.av-next div>span{display:block;color:#7a88a0;font-size:5px;margin-top:2px}.av-next>span:last-child{margin-left:auto}.project-caption{flex-wrap:wrap}.autovio-visual .concept-label{background:#ffffffd9;color:#46536d}
@media(min-width:1100px){.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-caption{display:block}.project-caption .tag{display:inline-block;margin-top:12px}.project-caption p{font-size:10px}.raeum-wordmark{font-size:55px;left:25px;letter-spacing:-3.7px}.raeum-sub{left:28px;top:132px;font-size:10px}.rw-paper{left:26px;top:185px;width:220px;padding:20px}.rw-paper>div:first-of-type{font-size:17px}.rw-sticker{right:20px;top:223px;width:108px;height:108px;font-size:20px;padding:18px 14px}.rw-sticker span{font-size:25px}.estate-wordmark{left:25px;font-size:31px;gap:7px}.estate-wordmark>span{font-size:37px}.ef-window{left:32px;right:-32px}.ef-content{padding:19px 14px}.autovio-wordmark{left:24px;font-size:37px}.av-window{left:32px;right:-32px}.visual-meta{left:20px;right:20px;font-size:7px}.concept-label{left:14px;font-size:7px}.circle-arrow{right:13px}.project-grid .project-visual{height:400px}}
@media(max-width:760px){.autovio-wordmark{left:28px;top:65px;font-size:38px}.av-window{left:42px;right:-24px;top:142px}.project-caption{flex-wrap:nowrap}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.scroll-words .word{color:var(--wine)}.journey-step{opacity:1}.journey-demo,.project-visual:hover{transform:none}.motion-toggle{display:none}}