@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Instrument+Serif:ital@0;1&display=swap');

:root { --ink:#171713; --paper:#e8e4da; --acid:#ed603e; --bone:#f3eee3; --line:rgba(23,23,19,.2); font-family:Arial,Helvetica,sans-serif; color:var(--ink); background:var(--ink); font-synthesis:none; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); overflow-x:hidden; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:100; opacity:.045; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); transform:translateZ(0); will-change:transform; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
::selection { background:var(--acid); color:var(--bone); }
.scroll-progress { position:fixed; z-index:120; top:0; left:0; right:0; height:2px; pointer-events:none; }
.scroll-progress span { display:block; width:100%; height:100%; background:var(--acid); transform:scaleX(0); transform-origin:left; box-shadow:0 0 12px var(--acid); will-change:transform; }
.pointer-field { position:fixed; inset:0; z-index:90; pointer-events:none; opacity:.9; }
.cursor-orbit { position:fixed; left:0; top:0; z-index:130; width:0; height:0; pointer-events:none; opacity:0; will-change:transform; }
.cursor-orbit span { position:absolute; width:30px; height:30px; left:0; top:0; border:1px solid rgba(237,96,62,.85); border-radius:50%; transform:translate(-50%,-50%); transition:width .28s,height .28s,background .28s,border-color .28s,transform .15s; mix-blend-mode:difference; }
.cursor-orbit span::after { content:""; position:absolute; width:3px; height:3px; border-radius:50%; background:var(--acid); left:50%; top:50%; transform:translate(-50%,-50%); }
.cursor-orbit.is-active span { width:54px; height:54px; background:rgba(237,96,62,.12); border-color:var(--bone); }
.cursor-orbit.is-pressed span { transform:translate(-50%,-50%) scale(.72); }
.paper { background:var(--paper); }
.eyebrow,.section-top,.header__edition,.hero__coordinates,.hero__scroll,.frequency,.ticks,.quote__meta { font:400 10px/1.4 'DM Mono',Consolas,monospace; text-transform:uppercase; letter-spacing:.13em; }
.header { position:absolute; top:0; left:0; width:100%; z-index:20; color:var(--bone); display:grid; grid-template-columns:1fr 1fr auto; align-items:center; padding:27px 38px; }
.mark { display:inline-flex; width:max-content; align-items:center; gap:11px; font-weight:700; font-size:15px; letter-spacing:.18em; }
.mark svg { width:31px; fill:none; stroke:currentColor; stroke-width:1.4; }
.header__edition { margin:0; justify-self:start; color:rgba(243,238,227,.58); }
.menu-toggle { color:inherit; background:none; border:0; display:flex; align-items:center; gap:16px; cursor:pointer; text-transform:uppercase; font:11px 'DM Mono',monospace; letter-spacing:.12em; padding:10px; }
.menu-toggle i { width:34px; height:1px; background:currentColor; display:block; position:relative; }
.menu-toggle i::after { content:""; width:20px; height:1px; background:currentColor; position:absolute; right:0; top:6px; }
.menu { position:fixed; inset:0; z-index:15; background:var(--acid); color:var(--ink); clip-path:inset(0 0 100% 0); transition:clip-path .8s cubic-bezier(.77,0,.18,1); }
.menu--open { clip-path:inset(0); }
.menu__inner { min-height:100%; padding:145px 7vw 55px; display:grid; grid-template-columns:1fr 2.6fr 1fr; }
.menu nav { display:flex; flex-direction:column; }
.menu nav a { font-size:clamp(40px,6vw,96px); letter-spacing:-.06em; line-height:1; padding:.12em 0; border-bottom:1px solid rgba(23,23,19,.25); display:grid; grid-template-columns:45px 1fr auto; align-items:center; }
.menu nav a span { font:10px 'DM Mono'; letter-spacing:.1em; }
.menu nav a .arrow { transition:transform .3s; }
.menu nav a:hover .arrow { transform:translateX(10px); }
.menu__aside { align-self:end; font:12px/1.4 'DM Mono'; text-transform:uppercase; }
.hero { min-height:100svh; height:max(720px,100svh); position:relative; color:var(--bone); overflow:hidden; background:#090908; }
.hero__art { position:absolute; inset:0; transform:scale(1.05); animation:heroIn 1.8s cubic-bezier(.2,.8,.2,1) forwards; }
.hero__art img { width:100%; height:100%; object-fit:cover; object-position:center; opacity:.78; filter:saturate(.72) contrast(1.05); will-change:transform; }
.hero__liquid { position:absolute; z-index:1; width:44vw; height:44vw; left:-14vw; top:25%; opacity:.1; mix-blend-mode:screen; pointer-events:none; transform:translateZ(0); }
.hero__liquid span { position:absolute; border-radius:50%; background:rgba(237,96,62,.42); box-shadow:inset 0 0 55px rgba(243,238,227,.18),0 0 70px rgba(237,96,62,.15); }
.hero__liquid span:nth-child(1) { width:28%; aspect-ratio:1; left:41%; top:30%; animation:liquidFloatA 9s ease-in-out infinite alternate; }
.hero__liquid span:nth-child(2) { width:19%; aspect-ratio:1; left:58%; top:43%; animation:liquidFloatB 7s ease-in-out -2s infinite alternate; }
.hero__liquid span:nth-child(3) { width:14%; aspect-ratio:1; left:30%; top:53%; animation:liquidFloatC 11s ease-in-out -4s infinite alternate; }
.hero__liquid span { animation-play-state:paused!important; }
.hero.is-motion-active .hero__liquid span { animation-play-state:running!important; }
.hero__veil { position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,8,7,.76) 0%,rgba(8,8,7,.11) 55%,rgba(8,8,7,.24)),linear-gradient(0deg,rgba(7,7,6,.67) 0%,transparent 45%); }
.hero__content { position:relative; z-index:2; padding:17vh 7vw 6vh; height:100%; display:flex; flex-direction:column; }
.hero__eyebrow { margin:0 0 9vh; color:rgba(243,238,227,.65); }
.hero h1 { font-size:clamp(64px,11.4vw,180px); letter-spacing:-.075em; line-height:.68; margin:0; font-weight:600; display:flex; flex-direction:column; }
.hero h1 span:first-child,.hero h1 span:nth-child(3) { will-change:transform; }
.hero h1 span:nth-child(3) { align-self:flex-end; }
.hero__for { font:italic clamp(50px,8vw,130px)/.7 'Instrument Serif',Georgia,serif; color:var(--acid); letter-spacing:-.03em; margin-left:26%; transform:rotate(-6deg); }
.hero__bottom { margin-top:auto; display:grid; grid-template-columns:1fr auto; align-items:end; }
.hero__bottom p { max-width:380px; margin:0 0 0 23%; font:20px/1.35 'Instrument Serif',Georgia,serif; }
.round-link { border:1px solid rgba(243,238,227,.5); border-radius:50%; width:78px; height:78px; display:grid; place-items:center; transition:.35s; }
.round-link:hover { background:var(--acid); border-color:var(--acid); transform:rotate(-45deg); }
.arrow { font-size:24px; line-height:1; font-style:normal; }
.arrow--diagonal { transform:rotate(-45deg); display:inline-block; }
.hero__coordinates { position:absolute; right:38px; top:47%; z-index:2; writing-mode:vertical-rl; color:rgba(243,238,227,.47); }
.hero__scroll { position:absolute; left:38px; bottom:26px; z-index:3; display:flex; gap:13px; align-items:center; color:rgba(243,238,227,.6); }
.hero__scroll span { width:46px; height:1px; background:currentColor; transform-origin:left; animation:scan 2.2s infinite; }
@keyframes heroIn { to { transform:scale(1); } }
@keyframes scan { 50% { transform:scaleX(.25); opacity:.3; } }
@keyframes liquidFloatA { to { transform:translate(56%,31%) scale(1.36); } }
@keyframes liquidFloatB { to { transform:translate(-60%,-70%) scale(.72); } }
@keyframes liquidFloatC { to { transform:translate(75%,-18%) scale(1.2); } }
.section-top { display:flex; justify-content:space-between; padding:22px 38px; border-bottom:1px solid var(--line); }
.manifesto { min-height:100vh; padding-bottom:110px; position:relative; overflow:hidden; }
.manifesto__grid { padding:15vh 7vw 5vh; display:grid; grid-template-columns:1fr 2.1fr 1fr; gap:4vw; position:relative; z-index:2; }
.manifesto h2,.method h2,.works h2,footer h2 { margin:0; font-size:clamp(54px,7.8vw,124px); line-height:.82; letter-spacing:-.065em; font-weight:600; }
.serif-lead { font:italic clamp(46px,7.6vw,120px)/.9 'Instrument Serif',Georgia,serif; margin:.08em 0; color:var(--acid); }
.manifesto__copy { padding-top:40vh; font:18px/1.5 'Instrument Serif',Georgia,serif; max-width:360px; }
.manifesto__copy p + p { margin-top:1.5em; }
.text-link { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid; padding:17px 0; margin-top:40px; font:10px 'DM Mono'; text-transform:uppercase; letter-spacing:.1em; }
.text-link .arrow { transition:transform .25s; }
.text-link:hover .arrow { transform:translateX(6px); }
.orbit { position:absolute; width:52vw; aspect-ratio:1; border:1px solid rgba(23,23,19,.13); border-radius:50%; left:21%; bottom:-27vw; display:grid; place-items:center; }
.orbit__line { position:absolute; left:50%; top:-9%; bottom:50%; width:1px; background:rgba(23,23,19,.23); }
.orbit__dot { position:absolute; top:-4px; width:8px; height:8px; border-radius:50%; background:var(--acid); }
.orbit p { font:10px/1.5 'DM Mono'; text-align:center; letter-spacing:.12em; }
.liquid-bridge { --bridge-progress:0; --bridge-x:0px; --bridge-y:0px; height:190vh; background:var(--paper); color:var(--bone); position:relative; isolation:isolate; }
.liquid-bridge__stage { position:sticky; top:0; height:100vh; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; isolation:isolate; }
.liquid-bridge__stage::before { content:""; position:absolute; z-index:-3; width:145vmax; height:145vmax; left:50%; top:52%; border-radius:50%; background:var(--ink); transform:translate3d(-50%,-50%,0) scale(var(--bridge-mask-scale,.13)); transform-origin:center; will-change:transform; }
.liquid-bridge__stage::after { content:""; position:absolute; inset:-20%; z-index:-2; opacity:.18; background:radial-gradient(circle at 50% 50%,var(--acid),transparent 24%); mix-blend-mode:screen; }
.liquid-bridge__field { position:absolute; inset:0; z-index:-1; transform:translate3d(var(--bridge-x),var(--bridge-y),0) scale(var(--bridge-scale,.82)); transition:transform .12s linear; will-change:transform; }
.liquid-bridge__field i { position:absolute; display:block; border-radius:44% 56% 62% 38%; background:var(--acid); opacity:.82; box-shadow:inset 0 0 70px rgba(255,219,190,.24); animation:bridgeDrift 9s ease-in-out infinite alternate; will-change:transform; }
.liquid-bridge__field i:nth-child(1) { width:31vw; height:31vw; left:9%; top:33%; }
.liquid-bridge__field i:nth-child(2) { width:22vw; height:22vw; left:34%; top:19%; animation-delay:-3s; animation-duration:12s; }
.liquid-bridge__field i:nth-child(3) { width:26vw; height:26vw; right:14%; top:39%; animation-delay:-5s; animation-duration:10s; }
.liquid-bridge__field i:nth-child(4) { width:12vw; height:12vw; right:31%; bottom:8%; animation-delay:-7s; animation-duration:8s; }
.liquid-bridge__field i { animation-play-state:paused; }
.liquid-bridge.is-visible .liquid-bridge__field i { animation-play-state:running; }
.liquid-bridge__stage>.eyebrow { position:absolute; top:8vh; color:rgba(243,238,227,.58); }
.liquid-bridge__words { width:86%; position:relative; display:flex; justify-content:space-between; align-items:center; font-size:clamp(34px,6vw,92px); font-weight:600; letter-spacing:-.06em; mix-blend-mode:difference; }
.liquid-bridge__words span:nth-child(2) { font:italic clamp(42px,7vw,110px) 'Instrument Serif',Georgia,serif; transform:translateY(var(--bridge-shift,45px)); }
.liquid-bridge__hint { position:absolute; bottom:6vh; font:9px 'DM Mono'; letter-spacing:.15em; text-transform:uppercase; color:rgba(243,238,227,.48); }
@keyframes bridgeDrift { to { transform:translate3d(35%,22%,0) scale(1.27) rotate(18deg); } }
.method { min-height:145vh; background:#151512; color:var(--bone); padding-bottom:18vh; position:relative; overflow:hidden; }
.signal-canvas { position:absolute; inset:0; width:100%; height:100%; opacity:.72; }
.section-top--dark { position:relative; z-index:2; border-color:rgba(243,238,227,.18); color:rgba(243,238,227,.55); }
.method__title { position:relative; z-index:2; padding:13vh 7vw 4vh; display:grid; grid-template-columns:1fr 2.1fr 1fr; gap:4vw; }
.method__title h2 { grid-column:2 / 4; }
.method__title h2 i,.works h2 i,footer h2 i { font-family:'Instrument Serif',Georgia,serif; font-weight:400; color:var(--acid); }
.method__panel { position:relative; z-index:2; width:min(720px,70vw); margin:8vh auto 15vh; padding:35px; background:rgba(20,20,17,.72); border:1px solid rgba(243,238,227,.25); backdrop-filter:blur(10px); }
.frequency { display:flex; justify-content:space-between; align-items:end; margin-bottom:40px; color:rgba(243,238,227,.58); }
.frequency strong { color:var(--bone); font:300 clamp(48px,8vw,95px)/.8 'DM Mono',monospace; letter-spacing:-.08em; }
.frequency small { font-size:13px; letter-spacing:0; }
.method input { --signal:50%; width:100%; appearance:none; height:1px; background:linear-gradient(90deg,var(--acid) var(--signal),rgba(243,238,227,.25) var(--signal)); }
.method input::-webkit-slider-thumb { appearance:none; width:19px; height:19px; border-radius:50%; border:5px solid var(--acid); background:var(--bone); cursor:grab; }
.ticks { display:flex; justify-content:space-between; color:rgba(243,238,227,.35); margin-top:13px; }
.method__panel > p { max-width:380px; margin:65px 0 0 auto; font:18px/1.45 'Instrument Serif',Georgia,serif; color:rgba(243,238,227,.78); }
.method__steps { position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); margin:0 7vw; border-top:1px solid rgba(243,238,227,.2); }
.method__steps article { padding:23px 7% 40px 0; border-right:1px solid rgba(243,238,227,.2); }
.method__steps article+article { padding-left:7%; }
.method__steps article:last-child { border:0; }
.method__steps span { font:10px 'DM Mono'; color:var(--acid); }
.method__steps h3 { font-size:32px; margin:55px 0 14px; letter-spacing:-.04em; }
.method__steps p { color:rgba(243,238,227,.58); max-width:260px; line-height:1.5; }
.works { min-height:150vh; position:relative; padding-bottom:18vh; overflow:hidden; }
.works__heading { padding:12vh 7vw 9vh; display:flex; justify-content:space-between; align-items:end; }
.works__heading p { font:16px/1.45 'Instrument Serif',serif; }
.works__visual { height:53vh; margin:0 7vw 7vh; position:relative; overflow:hidden; background:#1c1b17; transition:background .7s; }
.works__visual { --visual-x:50%; --visual-y:50%; --visual-tilt-x:0px; --visual-tilt-y:0px; }
.works__visual::before { content:""; position:absolute; inset:-8%; background:radial-gradient(circle at var(--visual-x) var(--visual-y),rgba(234,95,61,.34),transparent 28%),linear-gradient(115deg,transparent 44%,rgba(255,255,255,.09) 45%,transparent 46%); transition:background .15s; }
.visual--1 { background:#2d342e; }
.visual--2 { background:#2b2521; }
.visual__ring { position:absolute; width:30vh; height:30vh; border:1px solid rgba(232,228,218,.42); border-radius:50%; left:50%; top:50%; transform:translate(calc(-50% + var(--visual-tilt-x)),calc(-50% + var(--visual-tilt-y))); box-shadow:0 0 80px rgba(237,96,62,.15),inset 0 0 50px rgba(237,96,62,.12); transition:.8s cubic-bezier(.2,.8,.2,1); }
.visual--1 .visual__ring { border-radius:8% 60%; transform:translate(calc(-50% + var(--visual-tilt-x)),calc(-50% + var(--visual-tilt-y))) rotate(45deg); }
.visual--2 .visual__ring { width:43vh; height:18vh; transform:translate(calc(-50% + var(--visual-tilt-x)),calc(-50% + var(--visual-tilt-y))) rotate(-8deg); }
.visual__core { position:absolute; width:7px; height:7px; background:var(--acid); border-radius:50%; left:var(--visual-x); top:var(--visual-y); transform:translate(-50%,-50%); box-shadow:0 0 20px 6px var(--acid); transition:left .18s ease-out,top .18s ease-out; }
.visual__line { position:absolute; width:120%; height:1px; background:rgba(232,228,218,.26); top:50%; left:-10%; transform:rotate(-9deg); }
.works__visual p { position:absolute; bottom:20px; right:22px; color:rgba(232,228,218,.5); font:10px 'DM Mono'; }
.works__list { margin:0 7vw; border-top:1px solid var(--line); }
.works__list button { width:100%; background:none; border:0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:70px 1.2fr .7fr .7fr auto; gap:20px; align-items:center; text-align:left; padding:26px 4px; cursor:pointer; transition:padding .3s,background .3s; }
.works__list button:hover,.works__list button.is-active { padding-left:16px; background:rgba(23,23,19,.045); }
.works__list span,.works__list em,.works__list small { font:10px 'DM Mono'; text-transform:uppercase; letter-spacing:.08em; }
.works__list strong { font:italic 34px 'Instrument Serif',Georgia,serif; font-weight:400; }
.kinetic-band { height:122px; display:flex; align-items:center; overflow:hidden; background:var(--acid); color:var(--ink); border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.kinetic-band__track { width:max-content; display:flex; align-items:center; gap:45px; white-space:nowrap; will-change:transform; }
.kinetic-band span { font-size:clamp(45px,6vw,92px); font-weight:650; letter-spacing:-.055em; }
.kinetic-band i { font:40px 'Instrument Serif',serif; }
.quote { background:var(--acid); color:var(--ink); min-height:93vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; position:relative; overflow:hidden; }
.quote .eyebrow { position:absolute; top:8vh; }
.quote blockquote { font:400 clamp(50px,7vw,110px)/.92 Arial,sans-serif; letter-spacing:-.065em; margin:0; position:relative; z-index:2; }
.quote blockquote i { font-family:'Instrument Serif',Georgia,serif; font-weight:400; color:var(--bone); }
.quote__meta { position:absolute; bottom:7vh; left:7vw; right:7vw; display:flex; justify-content:space-between; }
.quote__pulse { position:absolute; width:24vw; aspect-ratio:1; border:1px solid rgba(23,23,19,.22); border-radius:50%; animation:pulse 3s infinite; }
.quote__pulse { animation-play-state:paused; }
.quote.is-visible .quote__pulse { animation-play-state:running; }
.quote__pulse::after,.quote__pulse::before { content:""; position:absolute; inset:-35%; border:1px solid rgba(23,23,19,.12); border-radius:50%; }
.quote__pulse::before { inset:-75%; }
@keyframes pulse { 50% { transform:scale(1.08); opacity:.65; } }
footer { background:#10100e; color:var(--bone); min-height:100vh; padding:8vh 7vw 4vh; display:flex; flex-direction:column; position:relative; overflow:hidden; }
.footer__vortex { position:absolute; width:52vw; height:52vw; right:-13vw; top:14%; pointer-events:none; opacity:.18; }
.footer__vortex i { position:absolute; inset:0; border:1px solid var(--acid); border-radius:48% 52% 42% 58%; animation:vortex 15s linear infinite; }
.footer__vortex i:nth-child(2) { inset:13%; animation-duration:11s; animation-direction:reverse; }
.footer__vortex i:nth-child(3) { inset:27%; animation-duration:8s; }
.footer__vortex i { animation-play-state:paused; }
footer.is-visible .footer__vortex i { animation-play-state:running; }
@keyframes vortex { to { transform:rotate(360deg) scale(1.05); border-radius:63% 37% 55% 45%; } }
.footer__top { display:flex; justify-content:space-between; align-items:start; }
.footer__top p { margin:0; font:18px/1.35 'Instrument Serif',serif; color:rgba(243,238,227,.55); }
.footer__top a { border:1px solid rgba(243,238,227,.35); padding:19px 24px; display:flex; gap:45px; font:10px 'DM Mono'; letter-spacing:.1em; transition:.3s; }
.footer__top a:hover { color:var(--ink); background:var(--acid); border-color:var(--acid); }
footer h2 { font-size:clamp(80px,15vw,230px); margin:auto 0; line-height:.68; }
footer h2 i { display:block; margin-left:22%; }
.footer__bottom { border-top:1px solid rgba(243,238,227,.2); padding-top:24px; display:grid; grid-template-columns:1.3fr 1fr 1fr auto; align-items:end; font:10px/1.45 'DM Mono'; color:rgba(243,238,227,.52); text-transform:uppercase; letter-spacing:.08em; }
.footer__bottom div { display:flex; flex-direction:column; }
.footer__bottom a:hover { color:var(--acid); }
section:not(.hero),footer { opacity:.001; transform:translateY(35px); transition:opacity .9s,transform .9s; }
section.is-visible,footer.is-visible { opacity:1; transform:none; }
section:target { opacity:1; transform:none; }
section:target .motion-reveal { opacity:1; transform:none; filter:none; }
.motion-reveal { opacity:0; transform:translateY(55px) skewY(1.2deg); filter:blur(7px); transition:opacity .9s var(--reveal-delay,0ms),transform 1.1s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),filter .85s var(--reveal-delay,0ms); }
.motion-reveal--visible { opacity:1; transform:none; filter:none; }
:focus-visible { outline:2px solid var(--acid); outline-offset:4px; }

@media (pointer:fine) and (prefers-reduced-motion:no-preference) {
  body.has-pointer,body.has-pointer a,body.has-pointer button,body.has-pointer input { cursor:none; }
  body.has-pointer .cursor-orbit { opacity:1; }
}

@media (max-width:800px) {
  .header { padding:20px; grid-template-columns:1fr auto; }
  .header__edition,.hero__coordinates { display:none; }
  .menu-toggle { gap:9px; padding:6px 0; }
  .menu-toggle i { width:24px; }
  .menu-toggle i::after { width:14px; }
  .menu__inner { padding:120px 22px 40px; display:block; }
  .menu__inner>.eyebrow { margin-bottom:40px; }
  .menu nav a { font-size:45px; grid-template-columns:32px 1fr auto; }
  .menu__aside { position:absolute; bottom:28px; }
  .hero { min-height:760px; }
  .hero__art img { object-position:58% center; }
  .hero__veil { background:linear-gradient(90deg,rgba(8,8,7,.68),rgba(8,8,7,.12)),linear-gradient(0deg,rgba(7,7,6,.85),transparent 65%); }
  .hero__content { padding:145px 20px 70px; }
  .hero__eyebrow { margin-bottom:80px; max-width:210px; }
  .hero h1 { font-size:13.5vw; line-height:.78; }
  .hero__for { margin-left:12%; }
  .hero__bottom p { margin:0; max-width:260px; font-size:18px; }
  .round-link { width:56px; height:56px; }
  .hero__scroll { left:20px; bottom:20px; }
  .section-top { padding:18px 20px; }
  .section-top span:last-child { display:none; }
  .manifesto__grid { padding:10vh 20px 22vh; display:block; }
  .manifesto__grid>.eyebrow { margin-bottom:55px; }
  .manifesto h2,.method h2,.works h2 { font-size:16vw; }
  .serif-lead { font-size:15vw; }
  .manifesto__copy { padding-top:17vh; margin-left:22%; }
  .orbit { width:90vw; left:5%; bottom:-48vw; }
  .hero__liquid { width:100vw; height:100vw; left:-52vw; top:33%; opacity:.28; }
  .liquid-bridge { height:155vh; }
  .liquid-bridge__words { flex-direction:column; gap:8vh; font-size:12vw; }
  .liquid-bridge__words span:nth-child(2) { font-size:15vw; }
  .liquid-bridge__field i:nth-child(1) { width:62vw; height:62vw; left:-8%; }
  .liquid-bridge__field i:nth-child(2) { width:48vw; height:48vw; left:36%; }
  .liquid-bridge__field i:nth-child(3) { width:58vw; height:58vw; right:-16%; }
  .liquid-bridge__hint { bottom:4vh; }
  .method__title { display:block; padding:11vh 20px 4vh; }
  .method { min-height:auto; padding-bottom:12vh; }
  .method__title .eyebrow { margin-bottom:55px; }
  .method__panel { width:auto; margin:10vh 20px 12vh; padding:23px; }
  .frequency strong { font-size:14vw; }
  .method__steps { margin:0 20px; display:block; }
  .method__steps article { border-right:0; border-bottom:1px solid rgba(243,238,227,.2); padding:25px 0 35px!important; display:grid; grid-template-columns:40px 1fr; }
  .method__steps h3 { margin:0 0 15px; }
  .method__steps p { grid-column:2; margin:0; }
  .works { min-height:auto; }
  .works__heading { padding:9vh 20px 6vh; display:block; }
  .works__heading p { margin-top:35px; }
  .works__visual { margin:0 20px 6vh; height:52vh; }
  .works__list { margin:0 20px; }
  .works__list button { grid-template-columns:38px 1fr auto; gap:10px; }
  .works__list strong { font-size:28px; }
  .works__list em,.works__list small { display:none; }
  .kinetic-band { height:88px; }
  .kinetic-band__track { gap:28px; }
  .kinetic-band span { font-size:48px; }
  .quote { min-height:80vh; padding:0 20px; }
  .quote blockquote { font-size:14vw; }
  footer { min-height:800px; padding:55px 20px 30px; }
  .footer__top p { display:none; }
  .footer__top a { width:100%; justify-content:space-between; }
  footer h2 { font-size:22vw; }
  .footer__vortex { width:100vw; height:100vw; right:-45vw; top:30%; }
  .footer__bottom { grid-template-columns:1fr 1fr; gap:35px; }
  .footer__bottom>span { text-align:right; }
  .footer__bottom>p { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}