/* Typography and proportions adapted from the supplied Ride Tools reference. */
@font-face{font-family:InterDisplay;src:url('../fonts/InterDisplay-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
:root{--ink:#07090c;--paper:#f4f6f8;--accent:#afdaf2;--line:#ffffff24;--pad:clamp(22px,5.5vw,100px)}
body{font-weight:400;line-height:1.55}
h1,h2,h3,h4{font-family:InterDisplay,Inter,Arial,sans-serif;font-weight:800;letter-spacing:-.04em;line-height:.98;font-synthesis:none}
h2{font-size:clamp(42px,6.6vw,108px)}
.lead{font-weight:350;font-size:clamp(22px,2.15vw,33px);line-height:1.5}
.eyebrow{font-weight:800;letter-spacing:.17em;font-size:12px}
.header{height:96px;padding-inline:clamp(22px,2.4vw,44px);gap:30px;background:#07090ce8;border-bottom-color:#ffffff21;backdrop-filter:blur(16px)}
.header.scrolled,.menu-open .header{background:#07090cf5}
.wordmark{width:250px;font-size:24px;letter-spacing:-.045em}
.wordmark span>b{font-size:15px;letter-spacing:.27em;line-height:1.6}
.wordmark img{width:250px;max-width:100%;max-height:69px}
.navigation{gap:clamp(17px,1.7vw,30px);align-items:center}
.navigation a{font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}
.navigation a:last-child{padding:12px 21px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:#07090c}
.navigation a:last-child:hover{background:#d5edfb;border-color:#d5edfb}
.header-tools{gap:8px}
.language,.language-current{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 10px;border:1px solid #ffffff29;border-radius:999px;font-size:13px;font-weight:850;letter-spacing:0}
.language-current{background:#f7f9fb;color:#080b0f;border-color:#f7f9fb}
.hero{min-height:700px;padding-top:175px;padding-bottom:165px}
.hero-shade{background:radial-gradient(ellipse at 82% 26%,#6ecbed1c,transparent 40%),linear-gradient(90deg,#050608c9,#05060851 66%,#05060888),linear-gradient(180deg,#05060822,#050608ba 94%)}
.hero-topline{top:135px;letter-spacing:.18em;font-size:11px;font-weight:450;color:#e0e6eb}
.hero-content{max-width:1500px;padding-top:5px}
.hero-brand{font-size:clamp(44px,9.35vw,168px);font-weight:850;letter-spacing:-.04em;line-height:.95}
.hero-brand b{display:inline-block;font-weight:850;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.7px #f7f9fbd9}
.hero-content>p{font-size:clamp(12px,1.28vw,20px);letter-spacing:.12em;font-weight:450;margin-top:35px;max-width:68ch;line-height:1.7;color:#e4eaf0}
.hero-bottom>a{border:1px solid var(--accent);background:var(--accent);color:var(--ink);border-radius:999px;padding:14px 23px;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.025em}
.hero-bottom>a:hover{background:#d5edfb}
.hero-ride-brand>img{width:145px}
.hero-ride-brand>span{font-size:10px;font-weight:500;letter-spacing:.08em}
.hero-bottom .motion-button{width:auto;min-width:50px;height:44px;padding:0 15px;gap:8px;border-radius:999px}
.hero-bottom .motion-label{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:nowrap;font-size:11px}
.intro h2 em,.process h2 em,.expertise h2 em,.academy h2 em,.about h2 em,.alias-copy h2 em,.case-film-title h2 em,#references h2 em,.hyundai-sketches h2 em{color:transparent;-webkit-text-stroke:1.3px #afdaf2cc}
.light h2 em{color:transparent;-webkit-text-stroke:1.2px #273744b8}
.project-caption h3{font-weight:800;line-height:1}
.section-intro>p:last-child,.intro-copy>p:not(.lead),.about-copy>p:not(.lead):not(.eyebrow){font-size:17px;line-height:1.65;font-weight:400}
.text-link{border:1px solid currentColor;border-radius:999px;padding:12px 20px;font-size:12px;font-weight:800;letter-spacing:.035em;text-transform:uppercase;line-height:1.45}
.text-link:hover{color:var(--ink);background:var(--accent);border-color:var(--accent)}
.service h3{font-weight:750;letter-spacing:-.045em;line-height:1.08}
.process-lines h3{font-weight:800}
.case-intro h1{font-weight:850;letter-spacing:-.045em;line-height:.98}
.case-intro .lead{font-weight:350}
.sketches-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:#fff}
.sketches-pair figure{min-width:0}
.sketches-pair img{width:100%;height:auto;object-fit:contain}
.sketches-pair figcaption{padding:20px var(--pad);font-size:11px;font-weight:650;letter-spacing:.11em;color:#58636c}
.hyundai-sketches .section-intro{padding-top:65px;padding-bottom:45px}
.hyundai-sketches h2{font-size:clamp(40px,5vw,80px)}
.nome-heading h2{font-weight:850}.nome-heading h2 em{color:#617965;-webkit-text-stroke:0}
.legal-main h1{font-weight:800}.legal-main h2{font-weight:700;line-height:1.15}.legal-main p{line-height:1.7}
.intro-grid>*,.about-grid>*{min-width:0}
@media(max-width:1250px){.header{gap:20px}.wordmark{width:218px;font-size:22px}.navigation{gap:18px}.navigation a{font-size:12px}.navigation a:last-child{padding:11px 15px}.language,.language-current{min-width:38px;height:38px}}
@media(max-width:1100px){.header{height:88px}.navigation{display:none;position:fixed;inset:88px 0 0;height:calc(100svh - 88px);background:#07090c;padding:40px var(--pad);overflow-y:auto;flex-direction:column;align-items:flex-start;gap:26px;margin:0}.navigation.open{display:flex}.navigation a{font-size:26px;letter-spacing:-.035em}.navigation a:last-child{font-size:14px;letter-spacing:.03em;padding:14px 24px}.menu-button{display:block;margin-left:14px;width:28px}.header-tools{margin-left:auto}.case-page{padding-top:88px}.wordmark{width:225px}.hero-topline{top:126px}.hero-brand{font-size:9.3vw}.hero-ride-brand{bottom:74px}.hero{padding-bottom:210px}.hero-bottom .motion-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero-bottom .motion-button{padding:0;min-width:44px}.hero-ride-brand>img{width:120px}}
@media(max-width:760px){.sketches-pair{grid-template-columns:1fr}.sketches-pair figcaption{font-size:10px}.hyundai-sketches .section-intro{padding-top:48px}.hyundai-sketches h2{font-size:clamp(36px,9.8vw,62px)}}
@media(max-width:600px){html{scroll-padding-top:95px}.header{height:82px;padding-inline:20px;gap:12px}.wordmark{width:175px;font-size:19px}.wordmark span>b{font-size:12px}.wordmark img{width:175px;max-height:54px}.navigation{inset:82px 0 0;height:calc(100svh - 82px)}.header-tools{gap:5px}.language,.language-current{min-width:32px;height:32px;font-size:11px;padding:0 7px}.menu-button{margin-left:7px;width:24px}.hero{min-height:640px;padding-top:150px;padding-bottom:200px}.hero-topline{top:111px;font-size:9px;letter-spacing:.12em}.hero-brand{font-size:9.1vw;line-height:.94}.hero-brand b{-webkit-text-stroke:1px #f7f9fbc9}.hero-content>p{margin-top:24px;font-size:11px;letter-spacing:.065em;line-height:1.9;max-width:32ch}.hero-bottom{gap:14px;bottom:24px}.hero-bottom>a{padding:12px 17px;font-size:10px;max-width:235px}.hero-ride-brand{bottom:75px}.hero-ride-brand>img{width:112px}.hero-ride-brand>span{font-size:8px;max-width:270px}.intro h2 em,.process h2 em,.expertise h2 em,.academy h2 em,.about h2 em,.alias-copy h2 em,.case-film-title h2 em,#references h2 em,.hyundai-sketches h2 em{-webkit-text-stroke-width:1px}.section-intro>p:last-child,.intro-copy>p:not(.lead){font-size:16px}.lead{font-size:22px}.text-link{font-size:11px;padding:11px 17px}.case-page{padding-top:82px}.case-intro h1{font-size:clamp(36px,11vw,68px)}.case-film-title h2{font-size:clamp(36px,10.6vw,64px)}.hero-bottom .motion-button{height:40px;min-width:40px;width:40px}.legal-main{padding-top:135px}}
@media(max-width:360px){.header{padding-inline:15px;gap:8px}.wordmark{width:148px;font-size:17px}.wordmark img{width:148px}.language,.language-current{min-width:29px;height:29px;font-size:10px}.menu-button{margin-left:5px;width:22px}.hero-brand{font-size:8.95vw}.hero-bottom>a{max-width:215px;padding-inline:13px}.hero-ride-brand>span{font-size:8px;letter-spacing:.045em}}
@media(forced-colors:active){.hero-brand b,h2 em{color:CanvasText!important;-webkit-text-stroke:0!important}}
@media(max-width:600px){h2,.section-intro h2,.intro h2,.about h2{font-size:clamp(30px,8.4vw,50px)}.contact h2{font-size:20vw}.nome-heading h2{font-size:clamp(38px,10.5vw,70px)}.legal-main h2{font-size:25px;letter-spacing:-.025em}}