@font-face{font-family:Boldonse;font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/boldonse-regular.ttf") format("truetype")}

:root,html[data-theme="dark"],html[data-theme="light"]{
  --blue:#0d79f2;
  --blue-bright:#0d79f2;
  --blue-field:#0d79f2;
  --display-font:Boldonse,Impact,"Arial Black",sans-serif;
  --section-gutter:clamp(1.2rem,2.25vw,2.8rem);
}
html[data-theme="light"]{
  --bg:#ecedea;
  --bg-alt:#f5f5f1;
  --surface:#fff;
  --surface-2:#e2e4e6;
  --deep:#e7e9ec;
  --text:#111214;
  --text-2:#44484f;
  --muted:#626870;
  --line:rgba(17,18,20,.16);
  --line-strong:rgba(17,18,20,.34);
  --grid:rgba(13,121,242,.08);
  --on-blue:#06111f;
}

body{font-family:Poppins,system-ui,sans-serif}
h1,h2,h3,.glance__title,.feature-words,.about-composition strong,.form-panel>h3,.event-log h3{font-family:var(--display-font);font-weight:400}
.container{width:min(calc(100% - 2 * var(--section-gutter)),105rem)}
.display-heading{max-width:15ch;padding-top:.14em;font-family:var(--display-font);font-weight:400;font-size:clamp(3rem,5vw,5.35rem);line-height:1.02;letter-spacing:-.025em}
.display-heading>span{display:block}
.display-heading>span:first-child{font-size:1em}
.display-heading>span:nth-child(2){font-size:.7em;line-height:1.1}
.display-heading>span:nth-child(n+3){font-size:.58em;line-height:1.12}
.display-heading .tone-blue,.tone-blue{color:#0d79f2!important}
.eyebrow{font-family:Poppins,sans-serif;font-weight:600}

/* Background system: every section keeps an authored surface in both themes. */
.section-background{position:relative;isolation:isolate;overflow:hidden;background:var(--deep)!important;color:var(--text)}
.section-background::before,.section-background::after{position:absolute;inset:0;pointer-events:none;content:""}
.section-background::before{z-index:-2;background-image:var(--section-image);background-position:center;background-size:cover;opacity:.9}
.section-background::after{z-index:-1;background:linear-gradient(90deg,rgba(3,7,14,.86),rgba(3,7,14,.58) 52%,rgba(3,7,14,.8))}
.section-background--02{--section-image:url("assets/reference-v4/background-02.jpg")}
.section-background--03{--section-image:url("assets/reference-v4/background-03.jpg")}
.section-background--04{--section-image:url("assets/reference-v4/background-04.jpg")}
.section-background--05{--section-image:url("assets/reference-v4/background-05.jpg")}
.section-background--06{--section-image:url("assets/reference-v4/background-06.jpg")}
.section-background--07{--section-image:url("assets/reference-v4/background-07.webp")}
.section-background--08{--section-image:url("assets/reference-v4/background-08.webp")}
.section-background--09{--section-image:url("assets/reference-v4/background-09.webp")}
.section-background--10{--section-image:url("assets/reference-v4/background-10.webp")}

html[data-theme="light"] .section-background{background:#ecedea!important;color:#111214}
html[data-theme="light"] .section-background::before{opacity:.3;filter:saturate(.52) brightness(1.36)}
html[data-theme="light"] .section-background::after{background:linear-gradient(90deg,rgba(245,245,241,.86),rgba(236,237,234,.7),rgba(245,245,241,.86))}
html[data-theme="light"] .display-heading>span:first-child{color:#11192a}
html[data-theme="light"] .display-heading .tone-blue{color:#0d79f2!important}
html[data-theme="light"] .experience .display-heading>span:not(.tone-blue),html[data-theme="light"] .gallery .display-heading>span:not(.tone-blue){color:#111214!important}
html[data-theme="light"] .experience .lead,html[data-theme="light"] .gallery__head p,html[data-theme="light"] .typewriter-panel .lead{color:#44484f!important}
html[data-theme="light"] .brand__logo--full,html[data-theme="light"] .brand__logo--mark{filter:invert(1) sepia(1) saturate(6) hue-rotate(177deg)}

/* Header and theme state. Dark opens with the requested moon. */
.theme-toggle__sun{display:none!important}
.theme-toggle__moon{display:block!important}
html[data-theme="light"] .theme-toggle__sun{display:block!important}
html[data-theme="light"] .theme-toggle__moon{display:none!important}
.site-header__inner{width:min(calc(100% - 2 * var(--section-gutter)),105rem)}
.site-header{border-bottom:1px solid rgba(13,121,242,.15)}
.site-header:not(.is-scrolled){background:rgba(2,7,14,.38)}
html[data-theme="light"] .site-header:not(.is-scrolled){background:rgba(246,250,255,.62)}

/* Hero */
.hero{min-height:100svh;background:#030912}
.hero__background{background-image:linear-gradient(90deg,rgba(2,8,16,.16),rgba(2,8,16,.02)),url("assets/reference-v4/background-01.jpg")!important;background-position:center;background-size:cover}
html[data-theme="light"] .hero{background:#f5f8fc;color:#11192a}
html[data-theme="light"] .hero__background{background-image:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),url("assets/reference-v4/background-01-light.png")!important}
.hero:before{background:linear-gradient(90deg,rgba(3,8,16,.74) 0,rgba(3,8,16,.36) 40%,rgba(3,8,16,.03) 72%)!important}
html[data-theme="light"] .hero:before{background:linear-gradient(90deg,rgba(248,251,255,.8) 0,rgba(248,251,255,.4) 44%,rgba(248,251,255,.04) 76%)!important}
.hero__inner{width:min(calc(100% - 2 * var(--section-gutter)),105rem);grid-template-columns:minmax(0,1.25fr) minmax(28rem,.75fr);align-items:center;padding-top:7.5rem}
.hero__copy{max-width:68rem}
.hero__title{max-width:none;font-family:var(--display-font);font-weight:400;font-size:clamp(3.6rem,5.3vw,6.6rem);line-height:.92;letter-spacing:-.035em}
.hero__title>span{display:block}
.hero__title>span:nth-child(2){color:#f7f8fb!important;white-space:nowrap}
.hero__title>span:nth-child(3){font-size:.66em;line-height:1.08;color:#0d79f2!important;white-space:nowrap}
html[data-theme="light"] .hero__title>span:nth-child(2){color:#11192a!important}
.hero__title-echo{display:none!important}
.hero__body{max-width:48ch;font-size:clamp(1rem,1.1vw,1.25rem)}
.hero__forklift{right:4%;top:18%;width:min(53vw,59rem);opacity:.3;mix-blend-mode:screen;filter:saturate(1.25) contrast(1.12)}
html[data-theme="light"] .hero__forklift{opacity:.2;mix-blend-mode:multiply;filter:saturate(.9) contrast(1.1)}
.neural-canvas{z-index:3}
.hero__inner,.hero__scroll{z-index:4}
.hero__actions .button{background:#0d79f2}
.button--primary,.intent-switch button[aria-selected="true"]{color:#06111f!important}

/* Broad editorial headings */
.section-heading--center{text-align:center}
.section-heading--center .display-heading{max-width:none;margin-inline:auto}
.display-heading--wide{font-size:clamp(3.8rem,6vw,6.4rem)}
.glance{padding:clamp(7rem,11vw,12rem) 0}
.glance .section-heading{margin-bottom:4.5rem}
.glance .feature-grid{margin-top:0}
.glance .feature-grid{grid-template-columns:minmax(0,1.25fr) minmax(20rem,.75fr);grid-template-rows:1fr 1fr;gap:1.25rem}
.feature-card{min-height:25rem;padding:2rem 2rem 2.5rem;border-radius:18px;background:rgba(2,8,16,.88);border-color:#0d79f2;color:#fff}
.feature-card:first-child{grid-row:1/3;min-height:34rem}
.feature-card:nth-child(n+2){min-height:16rem}
.feature-card:nth-child(n+2) .feature-card__front{display:grid;grid-template-columns:5.5rem minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:1.35rem;align-content:center;align-items:center;text-align:left}
.feature-card:nth-child(n+2) .feature-card__number{grid-column:1;grid-row:1;align-self:end}
.feature-card:nth-child(n+2) img{grid-column:1;grid-row:2/4;width:5rem;height:5rem;margin:.75rem 0 0}
.feature-card:nth-child(n+2) h3{grid-column:2;grid-row:2;margin-inline:0}
.feature-card:nth-child(n+2) p{grid-column:2;grid-row:3;margin-inline:0}
.feature-card:nth-child(n+2) .feature-card__front>i{display:none}
.feature-card:before{border-color:#0d79f2}
.feature-card img{width:7rem;height:7rem;object-fit:contain;margin:auto;filter:saturate(1.5)}
.feature-card h3{max-width:16ch;margin-inline:auto;font-size:clamp(1.2rem,1.7vw,1.65rem);line-height:1.28;letter-spacing:-.012em}
.feature-card p{max-width:38ch;margin-inline:auto}
html[data-theme="light"] .feature-card{background:rgba(255,255,255,.92);color:#162033;box-shadow:0 26px 58px rgba(26,62,112,.12)}
html[data-theme="light"] .feature-card h3{color:#0d79f2}

.problem{min-height:64rem}
.problem__photo{opacity:.13;mix-blend-mode:luminosity}
.problem .display-heading{max-width:12ch}
.problem-notes article{padding:1.4rem 1.6rem;background:rgba(4,10,19,.84);border-top-color:#0d79f2}
.problem-notes h3{min-height:2.6em;line-height:1.3}
html[data-theme="light"] .problem-notes article{background:rgba(255,255,255,.9);color:#141b27}

/* Trailer / angular technology frame */
.trailer-section{padding:clamp(7rem,10vw,11rem) 0}
.trailer-section .product__head{margin-bottom:4.5rem}
.trailer-shell{display:grid;grid-template-columns:minmax(17rem,.36fr) minmax(0,1fr);gap:.7rem;min-height:38rem}
.trailer-copy,.trailer-media{position:relative;overflow:hidden}
.trailer-copy{display:flex;flex-direction:column;justify-content:space-between;padding:2rem 2rem 2.3rem;background:#f6f8fb;color:#07101d;clip-path:polygon(0 0,92% 0,92% 14%,100% 20%,100% 80%,92% 86%,92% 100%,0 100%)}
.trailer-copy:after{position:absolute;right:-1px;top:17%;bottom:17%;width:1px;background:#0d79f2;content:""}
.trailer-copy>img{width:4rem;height:4rem!important;object-fit:contain;filter:invert(1)}
.trailer-copy__title{display:grid;justify-items:start;gap:.2em;font:400 clamp(1.55rem,2.15vw,2.65rem)/1.08 var(--display-font);letter-spacing:-.02em;text-transform:uppercase}
.trailer-copy__title span,.trailer-copy__title mark{display:inline-block;padding:.04em .08em}
.trailer-copy__title mark{background:#07101d;color:#fff}
.trailer-copy small{color:#0d79f2;font-size:.6rem;font-weight:600;letter-spacing:.16em}
.trailer-media{background:#000;clip-path:polygon(4% 0,100% 0,100% 100%,4% 100%,4% 86%,0 80%,0 20%,4% 14%)}
.trailer-media:before{position:absolute;z-index:2;inset:1.2rem;border:1px solid rgba(255,255,255,.75);clip-path:inherit;pointer-events:none;content:""}
.trailer-media video{width:100%;height:100%;object-fit:cover}
.trailer-media__meta{position:absolute;z-index:3;top:2rem;left:3rem;right:2rem;display:flex;justify-content:space-between;color:#fff;font-size:.6rem;font-weight:600;letter-spacing:.14em}
.trailer-media .video-play{z-index:4}
html[data-theme="light"] .trailer-copy{box-shadow:0 20px 55px rgba(31,61,104,.12)}

/* Scroll passage and delayed typewriter */
.experience{padding:clamp(7rem,10vw,11rem) 0 9rem!important;background-image:none!important}
.experience__intro{grid-template-columns:minmax(0,1fr);margin-bottom:2rem}
.experience .display-heading{max-width:12ch}
.text-tunnel{height:500vh;margin-block:1rem}
.text-tunnel [data-tunnel-word]{font-family:var(--display-font);font-weight:400;line-height:.94;color:#fff}
.text-tunnel [data-tunnel-word].tone-blue{color:#0d79f2}
html[data-theme="light"] .text-tunnel [data-tunnel-word]{color:#101827}
html[data-theme="light"] .text-tunnel [data-tunnel-word].tone-blue{color:#0d79f2}
.typewriter-panel{position:relative;display:grid;grid-template-columns:11rem minmax(0,1fr);gap:clamp(1.5rem,5vw,6rem);align-items:start;min-height:15rem;padding:clamp(2rem,4vw,4rem);border:1px solid rgba(13,121,242,.75);background:rgba(2,8,17,.9);clip-path:polygon(0 0,96% 0,100% 18%,100% 100%,4% 100%,0 82%);color:#fff}
.typewriter-panel__label{color:#0d79f2;font-size:.62rem;font-weight:600;letter-spacing:.17em}
.typewriter-panel .lead{max-width:62ch;font-size:clamp(1.15rem,1.8vw,1.7rem);line-height:1.55}
.typewriter-panel__cursor{position:absolute;right:2rem;bottom:2rem;width:.65rem;height:1.4rem;background:#0d79f2;animation:v4-blink .72s steps(1,end) infinite}
.typewriter-panel:not(.is-typing) .typewriter-panel__cursor{opacity:0;animation:none}
html[data-theme="light"] .typewriter-panel{background:rgba(255,255,255,.92);color:#11192a}
@keyframes v4-blink{50%{opacity:0}}

/* Three-chart telemetry board */
.metrics{padding:clamp(7rem,10vw,11rem) 0!important;background-image:none!important}
.metrics__head{grid-template-columns:minmax(0,1fr) minmax(22rem,.65fr)}
.metrics-board{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(18rem,.62fr);grid-template-rows:1fr 1fr auto;gap:1rem;margin-top:4.5rem}
.metric-chart{position:relative;min-width:0;padding:1.35rem;border:1px solid rgba(152,187,235,.27);background:rgba(7,15,28,.9);color:#f7f9fc;clip-path:polygon(0 0,96% 0,100% 8%,100% 100%,4% 100%,0 92%)}
.metric-chart--primary{grid-row:1/3}
.metric-chart figcaption{display:flex;justify-content:space-between;gap:1rem;color:#fff;font-size:.78rem;font-weight:600;text-transform:uppercase}
.metric-chart figcaption small{color:#0d79f2;font:600 .56rem/1.4 Poppins,sans-serif;letter-spacing:.12em;text-align:right}
.metric-chart svg{width:100%;max-height:28rem;margin-top:1.5rem;overflow:visible}
.metrics-board .chart-line{stroke:#0d79f2}
.metrics-board .chart-nodes{fill:#ff6b18}
.metrics-board:not(.is-drawn) .bar-chart rect{transform:scaleY(.08)}
.bar-chart rect{fill:#0d79f2;transform-origin:center 180px;transition:transform 1s cubic-bezier(.22,1,.36,1)}
.bar-chart rect:nth-child(2){transition-delay:.12s}.bar-chart rect:nth-child(3){transition-delay:.24s}
.chart-axis,.network-chart path{fill:none;stroke:rgba(216,231,250,.35);stroke-width:2}
.network-chart circle{fill:#0d79f2;stroke:#8fc0ff;stroke-width:2}
.metric-chart__legend{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;color:#aebdd0;font-size:.66rem}
.metric-chart__legend li:before{display:inline-block;width:.42rem;height:.42rem;margin-right:.4rem;background:#0d79f2;content:""}
.metrics-board__note{grid-column:1/-1;padding:1rem 1.3rem;border-left:2px solid #0d79f2;background:rgba(5,12,23,.84);color:#aebdd0;font-size:.78rem}
html[data-theme="light"] .metric-chart{background:rgba(255,255,255,.92);color:#11192a;border-color:rgba(13,121,242,.38)}
html[data-theme="light"] .metric-chart figcaption{color:#11192a}
html[data-theme="light"] .chart-grid{stroke:rgba(29,65,115,.15)}
html[data-theme="light"] .metrics-board__note{background:rgba(255,255,255,.92);color:#33425a}

/* Configuration no longer carries the gray wash. */
.configuration{padding:clamp(7rem,10vw,11rem) 0!important;background-image:none!important}
.configuration:after{background:rgba(3,8,16,.24)}
.configuration__head{grid-template-columns:minmax(0,1fr) minmax(24rem,.68fr)}
.hardware-stage{background:rgba(3,9,18,.84);clip-path:polygon(0 0,97% 0,100% 5%,100% 100%,3% 100%,0 95%);border-radius:0}
.configuration__close{padding:2rem 0}
html[data-theme="light"] .hardware-stage{background:rgba(255,255,255,.88)}
html[data-theme="light"] .configuration:after{background:rgba(245,249,255,.62)}

/* Gallery and fullscreen image viewer */
.gallery{padding:clamp(7rem,10vw,11rem) 0!important;background-image:none!important}
.gallery__head{grid-template-columns:minmax(0,1fr) minmax(20rem,.55fr)}
.magnetic-carousel{width:min(calc(100% - 2 * var(--section-gutter)),108rem)}
.magnetic-carousel__track{height:33rem}
.magnetic-carousel [data-magnetic-item]{position:relative;min-width:4.5rem;flex:1 1 8rem;padding:0;overflow:hidden;border:1px solid rgba(13,121,242,.62);border-radius:14px;background:#07101e;color:#fff;cursor:zoom-in;transition:filter .35s,opacity .35s,box-shadow .35s}
.magnetic-carousel [data-magnetic-item]:focus-visible{outline:3px solid #0d79f2;outline-offset:4px}
.magnetic-carousel figure{position:relative;width:100%;height:100%;overflow:hidden}
.magnetic-carousel img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.05);transform:scale(1.02);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.magnetic-carousel [data-magnetic-item]:hover img,.magnetic-carousel [data-magnetic-item]:focus img{transform:scale(1.06)}
.magnetic-carousel figure:after{position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.78));content:""}
.magnetic-carousel figcaption{position:absolute;z-index:2;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;color:#fff;font-size:.62rem;letter-spacing:.12em;white-space:nowrap}
.gallery-lightbox{width:min(94vw,100rem);height:min(92vh,62rem);padding:0;border:1px solid #0d79f2;background:rgba(1,5,11,.98);color:#fff;opacity:0;transform:scale(.92);transition:opacity .22s,transform .22s;overflow:hidden}
.gallery-lightbox[open]{display:grid;place-items:center;opacity:1;transform:scale(1)}
.gallery-lightbox.is-closing{opacity:0;transform:scale(.94)}
.gallery-lightbox::backdrop{background:rgba(0,4,10,.88);backdrop-filter:blur(9px)}
.gallery-lightbox figure{display:grid;place-items:center;width:100%;height:100%;padding:clamp(1rem,3vw,3rem)}
.gallery-lightbox img{width:100%;height:calc(100% - 2rem);object-fit:contain}
.gallery-lightbox figcaption{align-self:end;color:#8db8ef;font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.gallery-lightbox__close{position:absolute;z-index:2;right:1rem;top:1rem;display:grid;place-items:center;width:3rem;height:3rem;border:1px solid rgba(255,255,255,.55);background:#050b14;color:#fff;font-size:2rem;line-height:1;cursor:pointer}

/* About, process and contact spacing */
.about{padding:clamp(7rem,10vw,11rem) 0!important}
.about-composition{grid-template-columns:minmax(16rem,.65fr) minmax(18rem,1fr) minmax(18rem,.8fr);align-items:center}
.about-composition aside{min-height:12rem;padding:2rem clamp(1.6rem,3vw,3rem)}
.about-composition aside strong{line-height:1.22}
.about-composition__object{display:grid;place-items:center;background:rgba(4,10,19,.72)}
.about-composition__object img{width:min(70%,18rem);height:auto;object-fit:contain;filter:drop-shadow(0 0 30px rgba(13,121,242,.45))}
html[data-theme="light"] .about-composition aside,html[data-theme="light"] .about-composition__object{background:rgba(255,255,255,.88)}
html[data-theme="light"] .about-composition__object img{filter:invert(1) sepia(1) saturate(6) hue-rotate(177deg) drop-shadow(0 0 24px rgba(13,121,242,.25))}
.demo-process,.faq,.contact{padding-block:clamp(7rem,10vw,11rem)!important}
.contact__forms{padding:clamp(1.25rem,2.4vw,2.4rem);border:1px solid rgba(13,121,242,.7);background:rgba(3,9,18,.84)}
.form-panel{padding:clamp(1.4rem,2.6vw,2.8rem)!important}
.form-panel>h3{max-width:18ch;font-size:clamp(1.75rem,2.5vw,2.65rem);line-height:1.24;letter-spacing:-.015em}
.configuration__close h3{max-width:22ch;font-size:clamp(1.8rem,2.45vw,2.7rem);line-height:1.22}
.contact__copy .display-heading{font-size:clamp(3rem,4.3vw,4.7rem)}
.skip-link{left:-9999px!important;transform:none!important}
.skip-link:focus-visible{left:1rem!important}
html[data-theme="light"] .contact__forms,html[data-theme="light"] .form-panel{background:rgba(255,255,255,.9);color:#131b29}

/* Later reveal: the user now sees the element before it animates. */
.js [data-reveal]{transform:translateY(36px)}
.js [data-reveal].is-visible{transition-duration:.78s}

@media (max-width:64rem){
  .hero__inner{grid-template-columns:1fr;padding-top:8rem}
  .hero__forklift{right:-12%;top:24%;width:70vw}
  .trailer-shell{grid-template-columns:1fr;min-height:0}
  .trailer-copy{min-height:23rem;clip-path:polygon(0 0,100% 0,100% 88%,94% 100%,6% 100%,0 88%)}
  .trailer-media{min-height:34rem;clip-path:polygon(6% 0,94% 0,100% 12%,100% 100%,0 100%,0 12%)}
  .metrics-board{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}
  .metric-chart--primary{grid-column:1/-1;grid-row:auto}
  .about-composition{grid-template-columns:1fr 1fr}.about-composition__object{grid-row:1/3}.about-composition aside:last-child{grid-column:auto}
  .glance .feature-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.feature-card:first-child{grid-column:1/-1;grid-row:auto;min-height:28rem}
}

@media (max-width:42rem){
  :root{--section-gutter:1.1rem}
  .display-heading{font-size:clamp(2.8rem,13vw,4.4rem)}
  .hero__title{font-size:clamp(3rem,13vw,4.35rem);line-height:1}
  .hero__title>span:nth-child(2),.hero__title>span:nth-child(3){white-space:normal}
  .hero__forklift{right:-52%;top:34%;width:132vw;opacity:.22}
  .hero__body{max-width:30ch}
  .feature-card{min-height:22rem}
  .glance .feature-grid{grid-template-columns:1fr}.feature-card:first-child{grid-column:auto;min-height:24rem}.feature-card:nth-child(n+2){min-height:19rem}.feature-card:nth-child(n+2) .feature-card__front{display:flex;text-align:center}.feature-card:nth-child(n+2) img{width:6.5rem;height:6.5rem;margin:1rem auto}.feature-card:nth-child(n+2) h3,.feature-card:nth-child(n+2) p{margin-inline:auto}
  .trailer-copy{padding:1.4rem;min-height:21rem}.trailer-copy__title{font-size:clamp(1.85rem,10vw,3rem)}
  .trailer-media{min-height:20rem}.trailer-media__meta{left:1.5rem;right:1.5rem;top:1.5rem}.trailer-media__meta span:last-child{display:none}
  .text-tunnel{height:390vh}
  .typewriter-panel{grid-template-columns:1fr;min-height:19rem;padding:1.5rem;clip-path:polygon(0 0,92% 0,100% 8%,100% 100%,8% 100%,0 92%)}
  .metrics__head,.configuration__head,.gallery__head{grid-template-columns:1fr}
  .metrics-board{grid-template-columns:1fr}.metric-chart--primary{grid-column:auto}.metric-chart figcaption{flex-direction:column}
  .magnetic-carousel [data-magnetic-item]{width:78vw;min-width:78vw;flex:none;scroll-snap-align:center}
  .gallery-lightbox{width:100vw;height:100dvh;border:0}
  .about-composition{grid-template-columns:1fr}.about-composition__object{grid-row:auto;height:18rem}.about-composition aside:last-child{grid-column:auto}
  .contact__forms{padding:.8rem}.form-panel{padding:1.2rem!important}
  .contact__copy .display-heading{font-size:clamp(2.5rem,11.5vw,3.35rem)}
  .form-panel>h3{font-size:clamp(1.55rem,7.2vw,2rem);line-height:1.28}
}

@media (prefers-reduced-motion:reduce){
  .text-tunnel{height:auto!important;margin:4rem auto!important}
  .text-tunnel__stage{gap:1.4rem!important}
  .text-tunnel [data-tunnel-word]{font-size:clamp(2.7rem,7.2vw,6.2rem)!important;line-height:1!important}
  .typewriter-panel__cursor{display:none}
  .gallery-lightbox{transition:none}
  .metrics-board .bar-chart rect{transform:none!important}
}