.art-stage{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;gap:1.3%;background:var(--stage,#171717);overflow:hidden;width:100%;box-sizing:border-box}.art-stage img,.art-stage video{display:block;min-width:0;width:100%;height:100%;object-fit:contain;flex:1}.art-stage.n2,.art-stage.n3{padding:3%}.art-stage.n2 img{width:49%}.art-stage.n3 img{width:32%}.art-stage video{background:var(--stage)}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid #8e83ff;outline-offset:5px}.downloads{display:flex;flex-wrap:wrap;gap:14px}.downloads a{text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:not(:disabled),summary{cursor:pointer}button:disabled{opacity:.25}button,a,summary{touch-action:manipulation}[hidden]{display:none!important}.skip-link{position:fixed;z-index:100;top:12px;left:12px;transform:translateY(-200%);background:#fff;color:#000;padding:12px}.skip-link:focus{transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

:root{--paper:#eeede7;--accent:#9d94ff;--ink:#101010}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,p,figure{margin:0}header.site-header{padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:4}.wordmark{font-size:20px;font-weight:700;letter-spacing:-.06em;text-decoration:none}.wordmark span{font-weight:400}.header-nav{display:flex;align-items:center;gap:28px;font-size:12px}.header-nav a{text-decoration:none}.test-switch{color:var(--accent)}.display{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;text-transform:uppercase;font-style:italic;letter-spacing:-.025em;line-height:.88}.home-intro{padding:80px 28px 68px}.eyebrow{font-size:11px;letter-spacing:.04em;text-transform:uppercase}.home-intro h1{font-size:clamp(72px,11.2vw,190px);margin:28px 0 38px;max-width:1400px}.home-intro h1 span{color:var(--accent)}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:50px}.intro-bottom p{max-width:610px;font-size:clamp(18px,2vw,28px);line-height:1.35}.text-link{font-size:12px;text-decoration:none;padding-bottom:7px;border-bottom:1px solid currentColor;white-space:nowrap}.project-list{padding:0 28px}.work-label{display:flex;justify-content:space-between;align-items:center;margin:0 0 22px;font-size:11px;text-transform:uppercase}.project-item{display:block;text-decoration:none;margin-bottom:96px}.project-item .art-stage{transition:opacity .25s}.project-item:hover .art-stage{opacity:.88}.project-title{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:22px}.project-title h2{font-size:clamp(36px,5vw,90px)}.project-meta{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#b7b6b2;margin-top:14px}.project-arrow{font-size:30px}.about{padding:40px 28px 120px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about h2{font-size:clamp(48px,6.7vw,108px)}.about p{font-family:Georgia,serif;font-style:italic;font-size:clamp(22px,2.5vw,38px);line-height:1.25}.about a{display:inline-block;margin-top:36px}.site-footer{padding:60px 28px 24px;border-top:1px solid #383837}.contact-display{font-size:clamp(52px,9.6vw,180px);display:block;text-decoration:none;line-height:1.1;color:var(--accent);margin-bottom:64px}.footer-line{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#b7b6b2}.case-intro{padding:70px 28px 74px;display:grid;grid-template-columns:1.35fr 1fr;column-gap:8vw;row-gap:32px}.case-intro .case-kicker{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px}.case-intro h1{font-size:clamp(58px,7.6vw,132px);color:var(--accent);overflow-wrap:break-word;hyphens:auto}.case-story{padding-top:6px}.case-story>p{font-family:Georgia,serif;font-style:italic;font-size:clamp(23px,2.25vw,34px);line-height:1.28}.case-services{font-size:11px;line-height:1.6;margin-top:34px;color:#b7b6b2}.case-scenes{padding:0 28px}.scene{margin:0 0 58px}.scene figcaption{font-size:11px;line-height:1.4;display:flex;justify-content:space-between;gap:24px;padding-top:13px;color:#b7b6b2}.case-details{margin:0 28px 100px;padding-top:22px;border-top:1px solid #383837}.case-details summary{font-size:15px;list-style:none;display:flex;justify-content:space-between}.case-details summary::after{content:'+';font-size:22px}.case-details[open] summary::after{content:'−'}.case-details p{font-size:14px;line-height:1.6;max-width:760px;margin:24px 0}.case-details .downloads{font-size:13px;margin-top:24px}.next-case{padding:70px 28px 90px;border-top:1px solid #383837}.next-case small{font-size:11px;text-transform:uppercase}.next-case a{display:block;text-decoration:none;margin-top:20px;font-size:clamp(46px,7vw,120px);overflow-wrap:anywhere}.back-top{font-size:12px}.project-item:focus-visible{outline-offset:8px}
@media(min-width:1800px){main{max-width:1800px;margin:auto}.site-header,.site-footer{padding-left:max(28px,calc((100vw - 1744px)/2));padding-right:max(28px,calc((100vw - 1744px)/2))}}
@media(max-width:767px){html{scroll-padding-top:30px}header.site-header{padding:20px 16px;gap:12px;align-items:start}.wordmark{font-size:18px}.header-nav{gap:14px;flex-wrap:wrap;justify-content:flex-end;font-size:10px;max-width:180px}.home-intro{padding:58px 16px 44px}.home-intro h1{font-size:13.5vw;margin:24px 0 30px}.intro-bottom{align-items:start;flex-direction:column;gap:24px}.intro-bottom p{font-size:19px}.project-list{padding:0 16px}.project-item{margin-bottom:60px}.project-title{margin-top:16px}.project-title h2{font-size:10vw}.project-arrow{font-size:24px}.project-meta{font-size:10px;line-height:1.5;flex-direction:column;gap:4px;margin-top:10px}.about{padding:20px 16px 70px;grid-template-columns:1fr;gap:30px}.about h2{font-size:14vw}.about p{font-size:24px}.site-footer{padding:38px 16px 22px}.contact-display{font-size:12.5vw;margin-bottom:38px}.footer-line{flex-direction:column;gap:12px}.case-intro{padding:48px 16px 42px;grid-template-columns:1fr;gap:26px}.case-intro .case-kicker{font-size:10px;line-height:1.4}.case-intro h1{font-size:14vw;hyphens:none}.case-story>p{font-size:23px}.case-services{margin-top:24px}.case-scenes{padding:0 16px}.scene{margin-bottom:34px}.scene figcaption{font-size:10px;gap:12px;padding-top:10px}.case-details{margin:0 16px 58px}.case-details summary{font-size:13px}.next-case{padding:40px 16px 54px}.next-case a{font-size:13vw}}
/* Timo's local DOJO study: native scroll timelines, no scroll interception. */
:root{--depth:104px;--ease:cubic-bezier(.2,.75,.2,1)}
html{scroll-padding-top:100px}
body{overflow-x:clip}
header.site-header{position:fixed;inset:0 0 auto;padding:24px 28px;z-index:70;color:#fff;mix-blend-mode:difference;pointer-events:none;background:transparent}
.site-header>*{pointer-events:auto}
.wordmark{font-size:27px;line-height:1;letter-spacing:-.07em}
.header-nav{gap:28px;font-size:12px}
.header-nav a,.header-nav button{color:#fff}
.header-nav button{background:none;border:0;padding:8px 0;font:inherit;position:relative}
.menu-trigger{min-width:58px;text-align:right}
.menu-trigger::after{content:'';display:inline-block;width:17px;height:6px;margin-left:10px;border-top:1px solid;border-bottom:1px solid;vertical-align:middle;transition:transform .3s}
.menu-trigger:hover::after{transform:scaleX(1.4)}
.motion-toggle{font-size:10px!important;opacity:.7}
.home-intro{min-height:min(830px,92dvh);padding-top:160px;padding-bottom:58px;display:flex;flex-direction:column;justify-content:center;position:relative}
.home-intro h1{margin-top:24px;overflow:visible;font-size:clamp(72px,10.3vw,186px);max-width:none}
.headline-line{display:block;width:fit-content;will-change:transform}
.home-intro h1 .headline-line{color:var(--paper)}
.home-intro h1 .headline-line.accent{color:var(--accent)}
.home-intro .intro-bottom{margin-top:16px}
.home-intro .intro-bottom p{max-width:560px;font-size:clamp(19px,1.7vw,28px)}
.work-label{position:relative;z-index:2;margin-bottom:0;padding:22px 0}
.project-item{margin-bottom:122px;position:relative;view-timeline-name:--project;view-timeline-axis:block}
.depth-shell{padding-block:var(--depth);position:relative}
.project-item .art-stage{transition:filter .6s var(--ease);will-change:transform;box-shadow:0 34px 80px #0007}
.project-item:hover .art-stage{opacity:1}
.project-item:hover .art-stage,.project-item:focus-visible .art-stage{filter:saturate(1.12) contrast(1.04)}
.project-title{margin-top:-78px;padding-inline:clamp(12px,2.4vw,40px);position:relative;z-index:2;will-change:transform}
.project-title h2{font-size:clamp(38px,5.6vw,100px);text-shadow:0 3px 25px #000a;transition:color .3s,transform .5s var(--ease)}
.project-item:hover h2{color:var(--accent);transform:translateX(14px)}
.project-arrow{font-size:38px;transition:transform .4s var(--ease);display:block}
.project-item:hover .project-arrow{transform:translate(8px,-8px)}
.project-meta{position:relative;z-index:2;margin-top:18px}
.project-index{font-size:11px;color:var(--accent);font-weight:400;font-style:normal;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;vertical-align:top;display:inline-block;margin-top:8px;margin-right:20px;letter-spacing:0}
.kinetic-band{overflow:hidden;border-block:1px solid #373737;padding:30px 0;margin:20px 0 130px}
.kinetic-track{width:max-content;display:flex;gap:50px;align-items:baseline;transform:translateX(-10%);will-change:transform}
.kinetic-track span{font-size:clamp(70px,10vw,170px);white-space:nowrap}
.kinetic-track .outline{-webkit-text-stroke:1.5px var(--paper);color:transparent}
.kinetic-track .band-separator{font:italic 500 clamp(70px,10vw,170px)/1 Georgia,serif;color:var(--accent)}
.about{padding-bottom:150px}
.about h2{position:sticky;top:160px;align-self:start}
.about p{font-size:clamp(25px,2.7vw,42px)}
.site-footer{position:relative;background:var(--accent);color:var(--ink);border:0;padding-top:84px;padding-bottom:32px}
.site-footer .contact-display{color:var(--ink);font-size:clamp(52px,9vw,170px);margin-bottom:90px;transition:letter-spacing .4s var(--ease)}
.site-footer .contact-display:hover{letter-spacing:.005em}
.site-footer .footer-line{color:var(--ink)}
.case-intro{padding-top:170px;padding-bottom:70px;position:relative}
.case-intro h1{position:sticky;top:120px;align-self:start;will-change:transform}
.case-story{padding-bottom:24px}
.scene{margin-bottom:54px;view-timeline-name:--scene;view-timeline-axis:block;scroll-margin-top:45px}
.scene .depth-shell{padding-block:var(--depth)}
.scene:nth-child(even) .depth-shell{margin-left:7vw}
.scene:nth-child(odd) .depth-shell{margin-right:7vw}
.scene .art-stage{will-change:transform}
.scene figcaption{padding-top:0;position:relative;z-index:2}
.case-details{margin-top:95px;margin-bottom:120px}
.next-case{padding-top:100px;padding-bottom:110px;overflow:hidden}
.next-case a{transition:color .3s,transform .5s var(--ease)}
.next-case a:hover{color:var(--accent);transform:translateX(18px)}
.read-progress{position:fixed;bottom:0;left:0;width:100%;height:3px;z-index:80;background:var(--accent);transform-origin:left;transform:scaleX(0);pointer-events:none}
.case-tools{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:65;background:#101010;color:var(--paper);border:1px solid #494949;padding:13px 20px;display:flex;align-items:center;gap:25px;font-size:11px;box-shadow:0 3px 20px #0002}
.case-tools button{background:none;border:0;padding:0;color:inherit;white-space:nowrap}
.case-tools a{text-decoration:none;white-space:nowrap}
.case-tools .current-view{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}
.project-short{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-tools .current-view::before{content:' / ';color:#666;margin-right:18px}
.case-index-list{list-style:none;padding:0;margin:36px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 36px}
.case-index-list a{display:flex;gap:18px;text-decoration:none;font-size:14px;line-height:1.4;padding:16px 0;border-bottom:1px solid #1113}
.case-index-list a span{font-size:10px;min-width:20px;padding-top:3px}
.case-index-list a:hover{text-decoration:underline;text-underline-offset:4px}
.large-dialog{border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:28px;background:var(--accent);color:var(--ink);overflow:auto}
.large-dialog::backdrop{background:#1119}
.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;margin-bottom:70px}
.dialog-header button{background:none;border:0;padding:8px 0;color:inherit}
.dialog-wordmark{font-size:27px;font-weight:700;letter-spacing:-.07em;text-decoration:none}
.menu-body{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;margin:0 auto;max-width:1600px}
.primary-menu{display:flex;flex-direction:column;align-items:start;gap:12px}
.primary-menu a{font-size:clamp(60px,8vw,140px);text-decoration:none;transition:transform .4s var(--ease)}
.primary-menu a:hover{transform:translateX(20px)}
.menu-projects{padding-top:8px}
.menu-projects>p{font-size:11px;margin-bottom:24px;text-transform:uppercase}
.menu-projects>a{display:flex;align-items:center;justify-content:space-between;padding:14px 0;text-decoration:none;font-size:25px;letter-spacing:-.03em;border-bottom:1px solid #1113;transition:transform .3s var(--ease)}
.menu-projects>a:hover{transform:translateX(8px)}
.menu-projects>a span{font-size:11px;letter-spacing:0}
.menu-meta{display:flex;gap:30px;flex-wrap:wrap;font-size:11px;max-width:1600px;margin:80px auto 0}
.menu-meta .motion-toggle{border:0;background:none;color:inherit;padding:0;font:inherit;opacity:1}
.index-heading{font-size:clamp(42px,6vw,100px);max-width:1400px;margin:auto}
.index-body{max-width:1400px;margin:auto}
.dialog-open{overflow:hidden}
.large-dialog[open]{animation:dialog-in .45s var(--ease) both}
@keyframes dialog-in{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
.motion-ready .reveal{opacity:0;translate:0 34px;transition:opacity .7s var(--ease),translate .8s var(--ease)}
.motion-ready .reveal.is-visible{opacity:1;translate:0 0}
.route-curtain{position:fixed;inset:0;z-index:1000;background:var(--accent);pointer-events:none;transform:translateY(-101%)}
.is-leaving .route-curtain{animation:curtain-out .4s var(--ease) both;pointer-events:auto}
.is-entering .route-curtain{animation:curtain-in .55s var(--ease) both}
@keyframes curtain-out{from{transform:translateY(101%)}to{transform:translateY(0)}}
@keyframes curtain-in{from{transform:translateY(0)}to{transform:translateY(-101%)}}
@supports(animation-timeline:view()){
 .home-intro{view-timeline-name:--hero;view-timeline-axis:block}
 .headline-line{animation:headline-left linear both;animation-timeline:--hero;animation-range:exit 0% exit 100%}
 .headline-line.accent{animation-name:headline-right}
 .depth-shell{view-timeline-name:--depth;view-timeline-axis:block}
 .depth-shell .art-stage{animation:depth-parallax linear both;animation-timeline:--depth;animation-range:entry 0% exit 100%}
 .project-title{animation:project-title-drift linear both;animation-timeline:--project;animation-range:entry 0% exit 100%}
 .scene:nth-child(even) .art-stage{animation-name:depth-parallax-reverse}
 .kinetic-band{view-timeline-name:--band;view-timeline-axis:block}
 .kinetic-track{animation:band-pan linear both;animation-timeline:--band;animation-range:entry 0% exit 100%}
 .read-progress{animation:reading-progress linear both;animation-timeline:scroll(root block)}
 .case-intro{view-timeline-name:--case-intro;view-timeline-axis:block}
 .case-intro h1{animation:case-heading-drift linear both;animation-timeline:--case-intro;animation-range:exit 0% exit 100%}
}
@keyframes headline-left{0%,15%{transform:translateX(0);opacity:1}to{transform:translateX(-12px);opacity:.25}}
@keyframes headline-right{0%,15%{transform:translateX(0);opacity:1}to{transform:translateX(12vw);opacity:.25}}
@keyframes depth-parallax{from{transform:translateY(calc(-1 * var(--depth))) scale(.965);opacity:.72}45%,55%{opacity:1}to{transform:translateY(var(--depth)) scale(1.035);opacity:.78}}
@keyframes depth-parallax-reverse{from{transform:translateY(var(--depth)) scale(1.035);opacity:.72}45%,55%{opacity:1}to{transform:translateY(calc(-1 * var(--depth))) scale(.965);opacity:.78}}
@keyframes project-title-drift{from{transform:translateY(55px)}to{transform:translateY(-62px)}}
@keyframes band-pan{from{transform:translateX(7%)}to{transform:translateX(-55%)}}
@keyframes reading-progress{to{transform:scaleX(1)}}
@keyframes case-heading-drift{to{transform:translateY(90px);opacity:.18}}
.motion-off .headline-line,.motion-off .depth-shell .art-stage,.motion-off .project-title,.motion-off .kinetic-track,.motion-off .case-intro h1,.motion-off .large-dialog{animation:none!important;transform:none!important;opacity:1!important;filter:none!important}
.motion-off .project-item .art-stage{transition:none!important}
.motion-off .reveal{opacity:1!important;translate:none!important;transition:none!important}
.motion-off .read-progress{display:none}
@supports not(mix-blend-mode:difference){header.site-header{background:#101010}}
@media(min-width:1800px){.large-dialog,header.site-header{padding-inline:max(28px,calc((100vw - 1744px)/2))}}
@media(max-width:767px){
 :root{--depth:34px}
 html{scroll-padding-top:80px}
 header.site-header{padding:22px 16px;align-items:center}
 .wordmark{font-size:21px}
 .header-nav{gap:18px;max-width:none;flex-wrap:nowrap;font-size:11px}
 .header-nav .motion-toggle{display:none}
 .menu-trigger{min-width:0}
 .home-intro{min-height:70dvh;padding:116px 16px 36px;justify-content:center}
 .home-intro h1{font-size:13.3vw;margin-bottom:26px}
 .home-intro .intro-bottom{margin-top:6px;gap:22px}
 .home-intro .intro-bottom p{font-size:19px;max-width:330px}
 .work-label{font-size:10px;padding:16px 0}
 .project-item{margin-bottom:78px}
 .project-title{margin-top:-30px;padding-inline:8px}
 .project-title h2{font-size:9.1vw}
 .project-index{margin-right:10px;font-size:9px;margin-top:4px}
 .project-arrow{font-size:26px}
 .project-meta{margin-top:12px}
 .kinetic-band{margin:0 0 70px;padding:22px 0}
 .kinetic-track{gap:26px}
 .kinetic-track span,.kinetic-track .band-separator{font-size:19vw}
 .about{padding-bottom:80px}
 .about h2{position:static}
 .about p{font-size:25px}
 .site-footer{padding-top:50px;padding-bottom:95px}
 .site-footer .contact-display{font-size:12vw;margin-bottom:40px}
 .case-intro{padding-top:120px;padding-bottom:24px}
 .case-intro h1{position:static}
 .case-story{padding-bottom:8px}
 .scene{margin-bottom:34px}
 .scene:nth-child(even) .depth-shell,.scene:nth-child(odd) .depth-shell{margin-inline:0}
 .case-details{margin-top:55px;margin-bottom:70px}
 .case-tools{width:calc(100% - 32px);bottom:14px;justify-content:space-between;gap:12px;padding:14px;font-size:10px}
 .project-short{display:none}
 .case-tools .current-view::before{content:none}
 .large-dialog{padding:22px 16px}
 .dialog-header{position:sticky;top:-22px;z-index:5;background:var(--accent);padding-block:6px;margin-bottom:55px}
 .dialog-wordmark{font-size:21px}
 .menu-body{grid-template-columns:1fr;gap:44px}
 .primary-menu a{font-size:17vw}
 .menu-projects>a{font-size:24px;padding:14px 0}
 .menu-meta{margin-top:40px;gap:20px;padding-bottom:24px}
 .case-index-list{grid-template-columns:1fr;margin-top:28px}
 .case-index-list a{font-size:13px;padding:14px 0}
 .index-heading{font-size:14vw}
 .next-case{padding-top:60px;padding-bottom:70px}
}
@media(prefers-reduced-motion:reduce){
 .headline-line,.depth-shell .art-stage,.project-title,.kinetic-track,.case-intro h1,.large-dialog{animation:none!important;transform:none!important;opacity:1!important}
 .motion-ready .reveal{opacity:1;translate:none}
 .read-progress{display:none}
 .route-curtain{display:none}
}

/* Vertical case rhythm: spacious work, short provenance, no asset captions. */
.case-scenes{display:block;overflow:visible}
.scene{position:relative}
.scene figcaption{display:none}
.scene[data-provenance]{max-width:1000px;margin-inline:auto}
.scene[data-provenance="Mockup"]{max-width:1100px}
.scene[data-provenance].scene-portrait{max-width:680px}
.scene[data-provenance] figcaption{display:flex;position:absolute;top:calc(var(--depth) + 12px);left:14px;z-index:3;width:auto;padding:8px 12px;background:#111d;color:#fff;font-size:10px;line-height:1.2;gap:0}
.scene[data-provenance] figcaption span:last-child{display:none}
.scene-portrait{max-width:700px;margin-inline:auto}
.scene-portrait .art-stage{aspect-ratio:2/3}
.scene-portrait .depth-shell{margin-inline:0!important}
.scene-motion-portrait{max-width:720px;margin-inline:auto}
.scene-motion-portrait .art-stage{aspect-ratio:4/5}
.scene-motion-landscape{max-width:1100px;margin-inline:auto}
.scene-motion-landscape .art-stage{aspect-ratio:4/3}
.scene-motion-portrait .depth-shell,.scene-motion-landscape .depth-shell{margin-inline:0!important}
.scene[data-provenance] .depth-shell{margin-inline:0!important}
.smd-brand-panel{position:relative;background:#e8e1d7!important}
.smd-brand-panel::before{content:'';position:absolute;inset:7%;border:1px solid #4b40302e;border-radius:49% 51% 48% 52%/52% 45% 55% 48%;transform:rotate(-4deg)}
.smd-brand-panel img{position:relative;width:min(76%,920px);height:auto;max-height:55%;flex:none;mix-blend-mode:multiply;object-fit:contain}
.smd-panel-mark{position:absolute;bottom:7%;left:8%;color:#493d33;font-size:11px;letter-spacing:.22em}
@media(max-width:767px){
 .scene-portrait{width:min(88%,560px)}
 .scene[data-provenance]{width:100%}
 .scene[data-provenance].scene-portrait{width:min(88%,560px)}
 .audi-portrait-pair .art-stage.n2{aspect-ratio:auto;flex-direction:column;gap:18px;padding:0;overflow:visible}
 .audi-portrait-pair .art-stage.n2 img{width:100%;height:auto;flex:none}
}

.legal-links{display:flex;gap:18px}.legal-links a{text-decoration:none}
.legal-page{max-width:840px;margin:0 auto;padding:150px 28px 120px}
.legal-page h1{font-size:clamp(54px,8vw,100px);line-height:1;margin:0 0 65px}
.legal-page h2{font-size:25px;margin:46px 0 14px}
.legal-page p,.legal-page address{font-size:17px;line-height:1.7;font-style:normal;margin:0 0 18px}
.legal-page a{text-underline-offset:4px}
@media(max-width:700px){.footer-line{flex-wrap:wrap}.legal-page{padding-top:120px}}