@font-face {
  font-family: Anton;
  src: url('assets/fonts/anton.ttf') format('truetype');
  font-display: swap;
}
:root {
  --ink: #0c0e0f;
  --panel: #141718;
  --paper: #f3f4f3;
  --muted: #afb5b6;
  --orange: #ff5425;
  --line: #ffffff26;
  --header: 88px;
  --gutter: 4.2vw;
}
* { box-sizing: border-box; }
html { scroll-padding-top: var(--header); }
body { margin: 0; background: var(--ink); color: var(--paper); font-family: Arial, Helvetica, sans-serif; font-weight: 700; -webkit-font-smoothing: antialiased; }
h1,h2,h3,p,figure { margin: 0; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; cursor: pointer; }
a,button { -webkit-tap-highlight-color: transparent; }
img,video { display: block; max-width: 100%; height: auto; }
::selection { background: var(--orange); color: var(--ink); }
:focus-visible { outline: 3px solid var(--orange); outline-offset: 5px; }
.display { font-family: Anton, Impact, 'Arial Narrow', sans-serif; font-weight: 400; line-height: .98; letter-spacing: -.025em; }
.eyebrow { font-size: 13px; font-weight: 800; line-height: 1.4; }
.orange-text { color: var(--orange); }
.section-pad { padding-inline: var(--gutter); }
.skip-link { position: fixed; z-index: 100; top: 8px; left: 8px; padding: 16px; background: var(--paper); color: var(--ink); transform: translateY(-150%); }
.skip-link:focus { transform: none; }
.site-header { position: fixed; inset: 0 0 auto; height: var(--header); padding: 0 var(--gutter); z-index: 50; display: flex; align-items: center; justify-content: space-between; background: #0c0e0ff2; border-bottom: 1px solid transparent; backdrop-filter: blur(16px); }
.has-scrolled .site-header { border-color: var(--line); }
.identity { display: inline-flex; align-items: center; gap: 13px; line-height: 1; }
.identity span { font-size: 38px; font-weight: 1000; letter-spacing: -.12em; }
.identity i { font-size: 45px; font-style: normal; font-weight: 400; color: var(--orange); transform: skew(-7deg); }
.identity b { font-family: Anton, Impact, sans-serif; font-size: 37px; font-weight: 400; }
.site-header nav { display: flex; gap: 38px; align-items: center; font-size: 14px; font-weight: 900; }
.site-header nav a { padding: 16px 0; position: relative; }
.site-header nav a::after { content: ''; position: absolute; inset: auto 0 6px; height: 2px; background: var(--orange); transform: scaleX(0); transform-origin: right; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.site-header nav a:hover::after,.site-header nav a[aria-current]::after { transform: scaleX(1); transform-origin: left; }

/* Original portraits share a single canvas, without a photographic boundary. */
.opening { height: 100svh; background: var(--ink); }
.opening-sticky { position: relative; height: 100svh; min-height: 550px; overflow: hidden; display: flex; justify-content: center; align-items: flex-end; }
.opening-eight { position: absolute; left: 10%; top: 5%; font-size: 103svh; line-height: 1; color: transparent; -webkit-text-stroke: 1px #ffffff14; }
.portrait-frame { position: relative; width: min(70vw,calc((100svh - 112px) * .8)); height: calc(100svh - 112px); transform-origin: 50% 70%; mask-image: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(#000 0%,#000 66%,transparent 100%); mask-composite: intersect; }
.portrait { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center bottom; }
.portrait.face { mask: url('assets/face-mask.png') center bottom / contain no-repeat; mask-mode: luminance; }
.portrait.helmet { mask: url('assets/helmet-mask.png') center bottom / contain no-repeat; mask-mode: luminance; }
.image-filters { position: absolute; pointer-events: none; }
.face-layer { position: absolute; inset: 0; filter: url(#matte-edge); }
.helmet-reveal { filter: url(#matte-edge); position: absolute; inset: 0; opacity: 0; }
.opening-name { position: absolute; left: var(--gutter); bottom: 54px; display: flex; flex-direction: column; gap: 23px; }
.opening-name .display { font-size: clamp(30px,4vw,62px); }
.opening-name>span:last-child { font-size: 11px; max-width: 180px; line-height: 1.5; color: var(--muted); }
.scroll-cue { position: absolute; right: var(--gutter); bottom: 54px; font-size: 10px; letter-spacing: .07em; max-width: 180px; line-height: 1.5; display: flex; gap: 24px; align-items: center; }
.scroll-arrow { font-size: 28px; display: inline-block; transition: transform .4s cubic-bezier(.2,.8,.2,1); }
.scroll-cue:hover .scroll-arrow { transform: translateY(6px); }
html[data-motion="full"] .opening { height: 170svh; }
html[data-motion="full"] .opening-sticky { position: sticky; top: 0; }

/* A single typographic composition with a transparent preparation silhouette. */
.introduction { position: relative; isolation: isolate; overflow: hidden; min-height: 108svh; padding: calc(var(--header) + 55px) var(--gutter) 80px; display: flex; align-items: center; scroll-margin-top: calc(-1 * var(--header)); }
.preparation-image { position: absolute; z-index: -1; inset: 12% -11% 0 14%; }
.preparation-image img { width: 100%; height: 100%; object-fit: cover; object-position: 50% center; mask-image: linear-gradient(#000 0%,#000 69%,transparent 100%); }
.intro-content { width: 100%; }
.intro-content .eyebrow { margin-bottom: 40px; color: var(--muted); }
.name { font-size: clamp(100px,15.5vw,260px); line-height: 1.04; letter-spacing: -.035em; }
.name-line { display: block; width: max-content; max-width: 100%; }
.name-line>span { display: block; }
.name-line:last-child { font-size: .78em; }
.intro-bottom { display: flex; align-items: center; gap: 30px; margin-top: 40px; }
.intro-eight { font-size: clamp(100px,11vw,175px); line-height: .9; color: var(--orange); }
.intro-bottom p { font-size: clamp(18px,1.8vw,28px); line-height: 1.3; }
.orange-rule { display: block; width: 35px; height: 2px; background: var(--orange); margin-bottom: 16px; }

/* The film has clean rectangular edges and quiet controls. */
.track-section { position: relative; background: var(--ink); }
.track-sticky { position: relative; height: 100svh; min-height: 620px; overflow: hidden; }
.track-frame { position: absolute; inset: 0; background: var(--ink); }
.track-frame video { width: 100%; height: 100%; object-fit: cover; object-position: center; mask-image: none; -webkit-mask-image: none; }
.track-frame::after { content: none; }
.track-title { display: flex; gap: .16em; position: absolute; left: var(--gutter); bottom: 10%; z-index: 3; font-size: clamp(100px,12.4vw,220px); line-height: 1.04; pointer-events: none; }
.track-title span { display: inline-block; }
.track-title span:last-child { color: var(--paper); }
.track-caption { position: absolute; z-index: 4; right: var(--gutter); bottom: 5%; }
.video-toggle { min-height: 44px; padding: 11px 0 11px 18px; background: none; border: 0; border-bottom: 1px solid #ffffff70; border-radius: 0; font-size: 11px; letter-spacing: .04em; white-space: nowrap; }
.video-toggle:hover { border-color: var(--orange); }
.video-toggle span { margin-left: 20px; }
html[data-motion="full"] .track-section { height: 135svh; }
html[data-motion="full"] .track-sticky { position: sticky; top: 0; }
.story { padding-block: 60px 150px; display: grid; grid-template-columns: 1fr 1.18fr; gap: 12vw; }
.story-marker { padding-top: 8px; }
.story-marker .eyebrow { color: var(--muted); }
.story-marker>span { display: block; margin-top: 40px; font-size: 26vw; color: transparent; -webkit-text-stroke: 1px #ffffff1d; }
.story-copy { max-width: 680px; }
.story-copy p { font-size: clamp(17px,1.45vw,23px); line-height: 1.6; color: var(--muted); margin-bottom: 28px; }
.story-copy .lead { font-size: clamp(24px,2.4vw,36px); line-height: 1.3; color: var(--paper); margin-bottom: 40px; }

/* Each result inhabits a full scene. Shared light and typography hold the sequence. */
.highlights { background: var(--ink); }
.highlights-heading { padding: 80px var(--gutter) 65px; display: flex; justify-content: space-between; align-items: flex-end; }
.highlights-heading h2 { font-size: clamp(95px,16vw,250px); }
.highlights-heading p { font-size: 11px; margin-bottom: 10px; letter-spacing: .05em; }
.highlights-heading p span { margin-left: 45px; }
.highlights-stage { position: relative; background: var(--ink); }
.highlight-step { position: relative; isolation: isolate; min-height: 100svh; padding: 90px var(--gutter); overflow: hidden; }
.highlight-step::before { content: ''; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,#0c0e0ff2 0%,#0c0e0f9c 32%,#0c0e0f0a 72%),linear-gradient(0deg,#0c0e0f 0%,transparent 25%,transparent 76%,#0c0e0f 100%); }
.result-copy { position: relative; z-index: 3; }
.result-index { font-size: 11px; color: #d1d6d7; margin-bottom: 25px; letter-spacing: .05em; }
.result { font-size: clamp(180px,28vw,430px); line-height: .98; letter-spacing: -.045em; width: max-content; }
.result-description { max-width: 370px; font-size: clamp(19px,1.65vw,27px); line-height: 1.35; margin-top: 35px; }
.highlight-photo { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; object-position: center; z-index: 0; filter: saturate(.8); }
.result-words { font-size: clamp(100px,14.5vw,225px); line-height: 1.04; }
.result-long { font-size: clamp(62px,8vw,125px); line-height: 1.1; letter-spacing: -.02em; }
.highlight-step[data-highlight="4"] .result-description { max-width: 400px; }
.archive-label { position: absolute; bottom: 30px; left: var(--gutter); z-index: 10; font-size: 9px; letter-spacing: .04em; color: var(--muted); }
.chapter-position { position: absolute; bottom: 23px; right: var(--gutter); z-index: 10; display: flex; align-items: baseline; gap: 15px; font-size: 11px; color: var(--muted); }
.chapter-current { font-family: Anton,Impact,sans-serif; font-weight: 400; font-size: 30px; color: var(--paper); }
html[data-motion="full"] .highlights-flow { height: 480svh; }
html[data-motion="full"] .highlights-stage { height: 100svh; min-height: 650px; position: sticky; top: 0; overflow: hidden; }
html[data-motion="full"] .highlight-steps { position: absolute; inset: 0; }
html[data-motion="full"] .highlight-step { position: absolute; inset: 0; min-height: 0; padding-top: calc(var(--header) + 40px); pointer-events: none; }

/* One documentary scene gives the personal section a quieter pace. */
.between { position: relative; isolation: isolate; background: var(--ink); color: var(--paper); padding-block: 125px 140px; overflow: hidden; }
.between-heading { position: relative; z-index: 3; }
.between-heading .eyebrow { color: var(--muted); margin-bottom: 35px; }
.between-heading h2 { font-size: clamp(68px,10.2vw,170px); line-height: 1.08; }
.between-heading h2 span { display: block; }
.between-layout { min-height: 430px; padding-top: 100px; }
.candid-photo { position: absolute; z-index: -1; inset: 35% 25% 0 0; }
.candid-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 60% center; opacity: .8; }
.candid-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#0c0e0f22,#0c0e0f33 40%,#0c0e0f 95%),linear-gradient(0deg,#0c0e0f,transparent 35%,transparent 65%,#0c0e0f); }
.between-copy { position: relative; margin-left: 56%; max-width: 520px; }
.between-copy p { font-size: clamp(22px,2.15vw,33px); line-height: 1.5; }
.jaguar { position: relative; padding-block: 55px 110px; overflow: hidden; }
.jaguar-top { display: flex; justify-content: space-between; align-items: center; padding-bottom: 25px; border-bottom: 1px solid var(--line); }
.jaguar-top .eyebrow { color: var(--muted); }
.jaguar-top>span { font-size: 45px; color: var(--orange); }
.jaguar h2 { font-size: clamp(95px,16vw,280px); line-height: 1.04; margin-block: 70px; }
.jaguar h2 span { display: block; }
.jaguar h2 > span:last-child { color: #858d8f; }
.jaguar-body { display: grid; grid-template-columns: 1fr 1fr; gap: 10vw; }
.jaguar-statement { font-size: clamp(22px,2.4vw,36px); line-height: 1.35; }
.jaguar blockquote { margin: 0; border-left: 3px solid var(--orange); padding-left: 30px; }
.jaguar blockquote p { font-size: clamp(21px,2vw,31px); line-height: 1.45; }
.jaguar cite { display: block; font-style: normal; font-size: 13px; color: var(--muted); margin-top: 28px; }
.footer { background: #1d2122; padding-block: 95px 28px; overflow: hidden; }
.footer>.eyebrow { color: var(--muted); }
.footer h2 { font-size: clamp(70px,13.6vw,240px); line-height: 1.12; margin: 40px 0 50px; white-space: nowrap; }
.footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 5vw; }
.footer-links a { position: relative; overflow: hidden; isolation: isolate; display: flex; justify-content: space-between; align-items: center; font-size: clamp(18px,2.2vw,30px); border-top: 1px solid #ffffff50; padding: 28px 12px; }
.footer-links a::before { content: ''; position: absolute; inset: 0; background: var(--orange); z-index: -1; transform: translateY(101%); transition: transform .45s cubic-bezier(.2,.8,.2,1); }
.footer-links a:hover::before,.footer-links a:focus-visible::before { transform: translateY(0); }
.footer-links a:hover,.footer-links a:focus-visible { color: var(--ink); }
.footer-links a span { transition: transform .3s; }
.footer-links a:hover span { transform: translate(4px,-4px); }
.footer-bottom { border-top: 1px solid var(--line); margin-top: 80px; padding-top: 22px; display: flex; justify-content: space-between; align-items: center; gap: 18px; font-size: 11px; }
.footer-bottom>.identity { scale: .8; transform-origin: left; }
.footer-bottom>span { color: var(--muted); }
.footer-bottom>a:last-child { padding-block: 15px; }
.motion-toggle { padding: 12px 0; border: 0; background: none; font-size: 11px; text-decoration: underline; text-underline-offset: 4px; }
.motion-toggle:hover { color: var(--orange); }

/* The secondary pages share the new palette and typography. */
.secondary-main { min-height: calc(100svh - 100px); padding: calc(var(--header) + 70px) var(--gutter) 100px; }
.secondary-title { font-size: clamp(78px,12vw,190px); margin-bottom: 40px; }
.secondary-main>p { font-size: clamp(20px,2vw,29px); line-height: 1.5; }
.contact-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 65px 8vw; margin-top: 80px; max-width: 1150px; }
.contact-block { border-top: 1px solid #ffffff60; padding-top: 24px; overflow-wrap: anywhere; }
.contact-block h2 { font-size: 16px; margin-bottom: 26px; color: var(--orange); }
.contact-block p { font-size: 20px; line-height: 1.5; margin-bottom: 8px; }
.contact-block a { display: block; width: max-content; max-width: 100%; margin: 8px 0; padding: 4px 0; line-height: 1.6; text-decoration: underline; text-decoration-color: var(--orange); text-underline-offset: 5px; }
.sponsor-list { padding: 0; margin: 60px 0; list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 0 7vw; }
.sponsor-list li { font-size: clamp(22px,3vw,44px); padding: 28px 0; border-top: 1px solid var(--line); }
.text-link { display: inline-block; padding-bottom: 8px; font-size: 24px; border-bottom: 3px solid var(--orange); }
.simple-footer { display: flex; justify-content: space-between; gap: 20px; padding: 30px var(--gutter); font-size: 14px; border-top: 1px solid var(--line); }

@media (min-width:701px) and (max-width:1000px) {
  .portrait-frame { width: min(80vw,calc((100svh - 112px) * .8)); }
  .opening-name>span:last-child { max-width: 130px; }
  .scroll-cue { max-width: 130px; gap: 14px; }
  .preparation-image { inset: 14% -46% 0 -19%; }
  .preparation-image img { height: auto; object-fit: contain; object-position: center top; }
  .track-sticky { height: calc(56.25vw + 120px); min-height: 0; }
  .track-frame video { height: auto; aspect-ratio: 16/9; position: absolute; top: 60px; }
  .track-title { font-size: 11.7vw; }
  html[data-motion="full"] .track-section { height: auto; }
  html[data-motion="full"] .track-sticky { position: relative; }
  .result { font-size: 28vw; }
  .result-words { font-size: 14vw; }
  .result-long { font-size: 7vw; }
  .result-description,.highlight-step[data-highlight="4"] .result-description { max-width: 37vw; }
  .highlight-photo { object-position: 58% center; }
  .between-copy { margin-left: 50%; }
  .candid-photo { right: 10%; }
}
@media (min-width:1001px) and (max-aspect-ratio:1/1) {
  .track-sticky { height: calc(56.25vw + 120px); min-height: 0; }
  .track-frame video { height: auto; aspect-ratio: 16/9; position: absolute; top: 60px; }
  .track-title { font-size: 11.7vw; }
  html[data-motion="full"] .track-section { height: auto; }
  html[data-motion="full"] .track-sticky { position: relative; }
}
@media (max-width:700px) {
  :root { --header: 74px; --gutter: 6vw; }
  .site-header { padding-inline: 5vw; }
  .identity { gap: 8px; }
  .identity span { font-size: 28px; }
  .identity i { font-size: 34px; }
  .identity b { font-size: 29px; }
  .site-header nav { gap: 19px; font-size: 12px; }
  .site-header nav a:last-child span { display: none; }
  .eyebrow { font-size: 11px; }
  .opening-sticky { min-height: 530px; align-items: center; }
  .opening-eight { top: 6%; left: -5%; font-size: 92svh; }
  .portrait-frame { width: 124vw; max-width: none; flex-shrink: 0; height: 76svh; margin-top: 30px; }
  .opening-name { bottom: 30px; gap: 0; }
  .opening-name .display { font-size: 26px; }
  .opening-name>span:last-child { display: none; }
  .scroll-cue { bottom: 30px; font-size: 9px; max-width: 130px; gap: 15px; }
  .scroll-arrow { font-size: 26px; }
  html[data-motion="full"] .opening { height: 162svh; }
  .introduction { min-height: 105svh; align-items: flex-start; padding: calc(var(--header) + 35px) var(--gutter) 65px; }
  .preparation-image { inset: 27% -40% 0 -65%; }
  .preparation-image img { height: auto; position: absolute; bottom: 0; object-fit: contain; object-position: center bottom; }
  .intro-content .eyebrow { font-size: 10px; margin-bottom: 28px; }
  .name { font-size: 25vw; line-height: 1.04; }
  .name-line:last-child { font-size: .7em; }
  .intro-bottom { margin-top: 48svh; gap: 18px; align-items: flex-end; position: relative; }
  .intro-eight { font-size: 25vw; }
  .intro-bottom p { font-size: 17px; max-width: 195px; padding-bottom: 6px; }
  .orange-rule { width: 30px; margin-bottom: 13px; }
  .track-sticky { height: 73svh; min-height: 500px; }
  .track-frame video { height: auto; aspect-ratio: 16/9; top: 12%; position: absolute; object-fit: cover; }
  .track-title { flex-direction: column; gap: 0; left: var(--gutter); bottom: 16%; font-size: 21vw; line-height: 1.05; }
  .track-title span { display: block; }
  .track-title span:last-child { color: var(--paper); }
  .track-caption { bottom: 8%; }
  .video-toggle { font-size: 10px; }
  html[data-motion="full"] .track-section { height: auto; }
  html[data-motion="full"] .track-sticky { position: relative; }
  .story { display: block; padding-block: 30px 85px; }
  .story-marker { margin-bottom: 32px; }
  .story-marker>span { display: none; }
  .story-copy .lead { font-size: 26px; margin-bottom: 28px; }
  .story-copy p { font-size: 17px; line-height: 1.6; margin-bottom: 24px; }
  .highlights-heading { padding: 55px var(--gutter) 35px; align-items: center; }
  .highlights-heading h2 { font-size: 23vw; }
  .highlights-heading p { font-size: 9px; max-width: 80px; line-height: 1.4; margin: 0; }
  .highlights-heading p span { display: block; margin: 8px 0 0; }
  html[data-motion="full"] .highlights-flow { height: auto; }
  html[data-motion="full"] .highlights-stage { position: relative; height: auto; min-height: 0; overflow: visible; }
  html[data-motion="full"] .highlight-steps { position: relative; }
  .highlight-step,html[data-motion="full"] .highlight-step { position: relative; inset: auto; min-height: 100svh; padding: 55px var(--gutter) 85px; opacity: 1; }
  .highlight-step::before { background: linear-gradient(0deg,#0c0e0f 0%,transparent 26%,#0c0e0f44 43%,#0c0e0f 83%); }
  .highlight-photo { height: 64%; top: auto; bottom: 0; object-position: 60% center; mask-image: linear-gradient(transparent,#000 32%,#000 80%,transparent); }
  .result-index { font-size: 10px; margin-bottom: 22px; }
  .result { font-size: 48vw; }
  .result-words { font-size: 26vw; }
  .result-long { font-size: 12.7vw; }
  .result-description,.highlight-step[data-highlight="4"] .result-description { font-size: 21px; margin-top: 24px; max-width: 90%; }
  .highlight-step::after { content: 'XAVIER’S RACING ARCHIVE'; position: absolute; bottom: 24px; left: var(--gutter); display: block; color: var(--muted); font-size: 8px; letter-spacing: .04em; }
  .archive-label,.chapter-position { display: none; }
  .between { padding-block: 80px 85px; }
  .between-heading .eyebrow { margin-bottom: 25px; }
  .between-heading h2 { font-size: 12.7vw; line-height: 1.1; }
  .between-layout { padding-top: 48svh; min-height: 0; }
  .candid-photo { inset: 130px 0 120px; }
  .candid-photo img { object-position: 58% center; }
  .candid-photo::after { background: linear-gradient(0deg,#0c0e0f,transparent 60%,#0c0e0f); }
  .between-copy { margin-left: 0; max-width: 100%; }
  .between-copy p { font-size: 23px; }
  .jaguar { padding-block: 35px 70px; }
  .jaguar-top { padding-bottom: 20px; }
  .jaguar-top>span { font-size: 35px; }
  .jaguar h2 { font-size: 20vw; margin-block: 45px; }
  .jaguar-body { grid-template-columns: 1fr; gap: 40px; }
  .jaguar-statement { font-size: 25px; }
  .jaguar blockquote { padding-left: 23px; }
  .jaguar blockquote p { font-size: 22px; }
  .jaguar cite { font-size: 12px; }
  .footer { padding-block: 65px 24px; }
  .footer h2 { font-size: 12.7vw; margin: 30px 0 35px; }
  .footer-links { gap: 5vw; }
  .footer-links a { font-size: 16px; padding: 22px 0; }
  .footer-bottom { margin-top: 45px; flex-wrap: wrap; font-size: 10px; row-gap: 15px; }
  .footer-bottom>span { width: 60%; text-align: right; font-size: 9px; }
  .footer-bottom>a:last-child { margin-left: auto; }
  .secondary-main { padding-top: calc(var(--header) + 40px); padding-bottom: 65px; }
  .secondary-title { font-size: 17vw; line-height: 1.1; margin-bottom: 28px; }
  .contact-grid { grid-template-columns: 1fr; gap: 35px; margin-top: 45px; }
  .contact-block p { font-size: 18px; }
  .sponsor-list { grid-template-columns: 1fr; margin-block: 45px; }
  .sponsor-list li { font-size: 27px; padding-block: 24px; }
  .simple-footer { font-size: 11px; align-items: center; }
}
/* A normal reading flow is always available, including short browser windows. */
html[data-motion="reduced"] .helmet-reveal { display: none; }
html[data-motion="reduced"] .chapter-position,html[data-motion="reduced"] .archive-label { display: none; }
html[data-motion="reduced"] *,html[data-motion="reduced"] *::before,html[data-motion="reduced"] *::after { transition: none!important; }
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation: none!important; transition: none!important; scroll-behavior: auto!important; }
}
@media (min-width:701px) and (max-height:700px) {
  html[data-motion="full"] .highlights-flow { height: auto; }
  html[data-motion="full"] .highlights-stage { position: relative; height: auto; min-height: 0; overflow: visible; }
  html[data-motion="full"] .highlight-steps { position: relative; }
  html[data-motion="full"] .highlight-step { position: relative; inset: auto; min-height: 660px; padding-block: 65px; opacity: 1; }
  .result { font-size: min(28vw,310px); }
  .result-words { font-size: min(14vw,150px); }
  .result-long { font-size: min(7vw,90px); }
  .archive-label,.chapter-position { display: none; }
  html[data-motion="full"] .track-section { height: auto; }
  html[data-motion="full"] .track-sticky { position: relative; height: 660px; }
}