:root {
  --ink: #090d0f;
  --ink-soft: #101719;
  --ivory: #f8ebd1;
  --muted: #aeb5b6;
  --cyan: #00d7ee;
  --violet: #8a8dee;
  --line: rgba(248, 235, 209, 0.17);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); scroll-padding-top: 108px; }
body { margin: 0; background: var(--ink); color: var(--ivory); font-family: Manrope, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
::selection { background: var(--cyan); color: var(--ink); }

.site-header {
  position: fixed; z-index: 20; top: 0; left: 0; width: 100%;
  display: flex; align-items: center; justify-content: space-between;
  padding: 28px clamp(24px, 4.5vw, 72px);
  background: linear-gradient(180deg, rgba(9,13,15,.94), rgba(9,13,15,.76));
  border-bottom: 1px solid rgba(248,235,209,.08);
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
  box-shadow: 0 14px 34px rgba(0,0,0,.16);
}
.brand { display: flex; align-items: center; gap: 14px; }
.brand strong, h1, h2, h3 { font-family: "Roboto Slab", Rockwell, Georgia, serif; }
.brand strong { display: block; text-transform: uppercase; letter-spacing: .08em; font-size: 22px; line-height: 1; }
.brand small { display: block; margin-top: 7px; color: var(--muted); letter-spacing: .14em; }
.brand-mark { width: 46px; height: 46px; position: relative; display: block; }
.brand-orbit { position: absolute; inset: 0; border: 2px solid var(--cyan); border-right-color: transparent; border-radius: 50%; transform: rotate(-24deg); animation: brandOrbit 16s linear infinite; }
.brand-star { position: absolute; left: 20px; top: 8px; color: var(--cyan); font-size: 21px; }
nav { display: flex; gap: clamp(22px, 3.4vw, 54px); }
nav a { position: relative; text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: .2em; color: rgba(248,235,209,.82); }
nav a::after { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: var(--cyan); left: 50%; bottom: -12px; opacity: 0; transform: translateY(3px); transition: .25s; box-shadow: 0 0 10px var(--cyan); }
nav a:hover::after, nav a:focus-visible::after { opacity: 1; transform: none; }

.orbit-navigation { position: fixed; z-index: 19; right: 22px; top: 50%; width: 42px; padding: 11px 5px; display: flex; flex-direction: column; align-items: center; gap: 10px; transform: translateY(-50%); border: 1px solid rgba(248,235,209,.1); border-radius: 24px; background: rgba(9,13,15,.74); box-shadow: 0 12px 34px rgba(0,0,0,.28); backdrop-filter: blur(14px) saturate(125%); -webkit-backdrop-filter: blur(14px) saturate(125%); }
.orbit-navigation::before { content: ""; position: absolute; z-index: 0; top: 20px; bottom: 20px; left: 50%; width: 1px; background: linear-gradient(180deg, transparent, rgba(248,235,209,.16) 12%, rgba(248,235,209,.16) 88%, transparent); }
.orbit-navigation a { position: relative; z-index: 1; width: 30px; height: 30px; padding: 0; display: grid; place-items: center; flex: none; color: var(--signal-color); }
.orbit-navigation a::after { content: none; }
.nav-planet { position: relative; display: block; width: 7px; height: 7px; border-radius: 50%; background: var(--signal-color); box-shadow: 0 0 8px color-mix(in srgb, var(--signal-color) 72%, transparent); transition: transform .25s ease, box-shadow .25s ease; }
.nav-planet::before { content: ""; position: absolute; left: 50%; top: 50%; width: 20px; height: 12px; border: 1px solid color-mix(in srgb, var(--signal-color) 38%, transparent); border-radius: 50%; transform: translate(-50%,-50%) rotate(-24deg) scale(.72); opacity: .5; transition: transform .3s ease, opacity .3s ease, border-color .3s ease; }
.orbit-label { position: absolute; right: 38px; top: 50%; padding: 7px 9px; color: var(--signal-color); border: 1px solid color-mix(in srgb, var(--signal-color) 24%, transparent); background: rgba(9,13,15,.92); font: 9px monospace; letter-spacing: .13em; line-height: 1; white-space: nowrap; opacity: 0; pointer-events: none; transform: translate(5px,-50%); transition: opacity .2s ease, transform .2s ease; }
.orbit-navigation a:hover .orbit-label, .orbit-navigation a:focus-visible .orbit-label { opacity: 1; transform: translate(0,-50%); }
.orbit-navigation a:hover .nav-planet, .orbit-navigation a:focus-visible .nav-planet, .orbit-navigation a.is-active .nav-planet { transform: scale(1.35); box-shadow: 0 0 14px var(--signal-color); }
.orbit-navigation a.is-active .nav-planet::before { opacity: 1; transform: translate(-50%,-50%) rotate(-24deg) scale(1.18); border-color: var(--signal-color); animation: navigationOrbit 7s linear infinite; }
.orbit-navigation a:focus-visible { outline: 1px solid var(--signal-color); outline-offset: 1px; border-radius: 50%; }

.hero { min-height: 100svh; position: relative; overflow: hidden; display: flex; align-items: center; padding: 140px clamp(24px, 8vw, 130px) 100px; border-bottom: 1px solid var(--line); }
.hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,13,15,1) 0%, rgba(9,13,15,.94) 30%, rgba(9,13,15,.42) 48%, rgba(9,13,15,.03) 69%, rgba(9,13,15,0) 100%), linear-gradient(0deg, var(--ink) 0%, transparent 19%); pointer-events: none; }
.hero-art { position: absolute; z-index: 0; inset: 0 0 0 28%; background: url('/assets/images/ldl-banner.png') right center / contain no-repeat; transform: scale(1.01); animation: reveal 1.2s ease-out both; }
.moon-glow { position: absolute; width: 48vw; height: 48vw; max-width: 720px; max-height: 720px; right: 7%; top: 11%; border-radius: 50%; box-shadow: 0 0 100px rgba(0,215,238,.15); animation: breathe 7s ease-in-out infinite; }
.orbit { position: absolute; border: 1px solid rgba(0,215,238,.25); border-radius: 50%; right: 2%; top: 13%; width: 52vw; height: 43vw; transform: rotate(14deg); transform-origin: 54% 48%; animation: orbitOne 34s linear infinite; will-change: transform; }
.orbit-two { width: 40vw; height: 57vw; right: 9%; top: 6%; transform: rotate(-52deg); border-color: rgba(248,235,209,.12); transform-origin: 48% 52%; animation: orbitTwo 46s linear infinite reverse; }
.coordinate { position: absolute; right: 4%; z-index: 2; color: rgba(248,235,209,.55); font: 10px monospace; letter-spacing: .12em; }
.coordinate-one { bottom: 19%; }.coordinate-two { bottom: 16%; }
.hero-copy { position: relative; z-index: 3; width: min(660px, 52vw); animation: rise .9s .2s ease-out both; }
.eyebrow, .kicker { margin: 0 0 20px; color: var(--cyan); font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(48px, 5.5vw, 86px); line-height: .98; letter-spacing: -.035em; text-wrap: balance; }
.hero-intro { max-width: 530px; color: #bbc1c1; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.65; margin: 30px 0 36px; }
.button { width: fit-content; min-height: 58px; display: inline-flex; align-items: center; gap: 18px; padding: 0 24px; border: 1px solid var(--cyan); color: var(--cyan); font-weight: 600; transition: background .25s, color .25s, box-shadow .25s, transform .25s; }
.button b { font-size: 23px; transition: transform .25s; }.button:hover { background: rgba(0,215,238,.09); box-shadow: 0 0 30px rgba(0,215,238,.12); transform: translateY(-2px); }.button:hover b { transform: translateX(5px); }
.hero-status { position: absolute; z-index: 4; right: 38px; top: 45%; writing-mode: vertical-rl; color: rgba(248,235,209,.55); font: 9px monospace; letter-spacing: .13em; text-transform: uppercase; }
.hero-status i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-top: 8px; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }.hero-status i.dim { background: transparent; border: 1px solid var(--muted); box-shadow: none; }
.progress-rail { position: absolute; z-index: 4; left: 34px; top: 44%; display: grid; gap: 48px; }
.progress-rail::before { content: ""; position: absolute; left: 3px; top: 3px; bottom: 3px; width: 1px; background: var(--line); }.progress-rail span { width: 7px; height: 7px; border: 1px solid var(--muted); border-radius: 50%; background: var(--ink); z-index: 1; }.progress-rail .active { border-color: var(--cyan); box-shadow: 0 0 0 5px var(--ink), 0 0 0 6px var(--cyan); background: var(--cyan); }
.section { padding: 120px clamp(24px, 8vw, 130px); border-bottom: 1px solid var(--line); }
.section, footer { scroll-margin-top: 105px; }
.reveal-section > * { opacity: 0; transform: translateY(34px) scale(.992); filter: blur(5px); transition: opacity .72s ease var(--reveal-delay, 0ms), transform .9s cubic-bezier(.2,.75,.2,1) var(--reveal-delay, 0ms), filter .72s ease var(--reveal-delay, 0ms); will-change: opacity, transform, filter; }
.reveal-section.is-visible > * { opacity: 1; transform: none; filter: blur(0); }
.section-label { display: flex; gap: 14px; align-items: center; color: rgba(248,235,209,.45); text-transform: uppercase; font-size: 10px; font-weight: 700; letter-spacing: .22em; margin-bottom: 72px; }.section-label::after { content: ""; height: 1px; background: var(--line); width: 90px; }.section-label span { color: var(--cyan); }
h2 { font-size: clamp(38px, 5vw, 72px); line-height: 1.05; letter-spacing: -.03em; margin: 0; }
.studio { display: grid; grid-template-columns: 20% 1fr; }.studio .section-label { align-self: start; }.studio-copy { max-width: 980px; }.two-column-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; color: #aeb5b6; font-size: 18px; line-height: 1.75; margin-top: 52px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 60px; margin-bottom: 58px; }.section-heading > p { color: var(--muted); max-width: 410px; line-height: 1.7; margin: 0; }
.projects-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.project-card { min-width: 0; border: 1px solid var(--line); background: #0c1214; transition: transform .3s, border-color .3s; }.project-card:hover { transform: translateY(-7px); border-color: rgba(0,215,238,.55); }
.project-visual { height: 290px; position: relative; overflow: hidden; background: radial-gradient(circle at 60% 45%, rgba(0,215,238,.26), transparent 15%), radial-gradient(circle at 60% 45%, #d6fbff 0 7%, #6edbe6 8% 16%, #142934 17% 19%, transparent 20%), linear-gradient(145deg,#071217,#132d36); }
.project-visual::after { content: ""; position: absolute; width: 180px; height: 180px; left: 50%; top: 50%; border: 1px solid rgba(0,215,238,.25); border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 0 35px rgba(0,215,238,.03), 0 0 0 70px rgba(0,215,238,.02); }
.project-visual::before { content:""; position:absolute; z-index:1; width:220px; height:142px; left:50%; top:50%; border:1px solid transparent; border-top-color:rgba(0,215,238,.7); border-right-color:rgba(0,215,238,.2); border-radius:50%; transform:translate(-50%,-50%) rotate(-18deg); box-shadow:0 -4px 18px rgba(0,215,238,.12); animation:cardOrbitForward 13s linear infinite; will-change:transform; }
.project-card:nth-child(even) .project-visual::before { width:150px; height:222px; border-top-color:rgba(138,141,238,.75); border-right-color:rgba(248,235,209,.16); animation-name:cardOrbitReverse; animation-duration:17s; }
.project-card:hover .project-visual::before { animation-direction:reverse; }
.project-orbit .project-visual { background: repeating-radial-gradient(circle at center, transparent 0 36px, rgba(138,141,238,.2) 37px 38px), linear-gradient(145deg,#100d1e,#071217); }.project-orbit .project-visual::after { border-radius: 0; transform: translate(-50%,-50%) rotate(45deg); border-color: rgba(138,141,238,.55); width: 105px; height: 105px; animation:cardCoreSpin 22s linear infinite; }
.projects-grid .project-grid .project-visual { background: linear-gradient(rgba(0,215,238,.08) 1px, transparent 1px), linear-gradient(90deg,rgba(0,215,238,.08) 1px, transparent 1px), linear-gradient(145deg,#081619,#142429); background-size: 24px 24px,24px 24px,auto; }
.projects-grid .project-signal .project-visual { background: radial-gradient(circle at 50% 50%, rgba(248,235,209,.24) 0 3%, transparent 4%), repeating-conic-gradient(from 45deg at 50% 50%, rgba(138,141,238,.17) 0 8deg, transparent 8deg 28deg), linear-gradient(145deg,#151020,#071217); }
.projects-grid .project-signal .project-visual::after { width:120px; height:120px; border-radius:50%; border-style:dashed; border-color:rgba(248,235,209,.36); }
.project-number { position: absolute; top: 18px; left: 18px; font: 10px monospace; color: var(--muted); }.visual-symbol { position: absolute; right: 20px; top: 16px; color: var(--cyan); }.project-details { padding: 26px; }.project-details p { color: var(--cyan); font-size: 10px; text-transform: uppercase; letter-spacing: .18em; }.project-details h3 { margin: 11px 0 4px; font-size: 25px; }.division-verb { display:block; margin-bottom:16px; color:var(--ivory); font:10px monospace; letter-spacing:.16em; text-transform:uppercase; }.project-details span { color: var(--muted); font-size: 14px; line-height: 1.6; }
.lab { background: radial-gradient(circle at 80% 40%, rgba(0,215,238,.07), transparent 28%), var(--ink-soft); }.lab-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 10vw; align-items: center; }.section-copy { color: var(--muted); font-size: 18px; line-height: 1.8; max-width: 600px; margin-top: 36px; }
.lab-console { border: 1px solid rgba(0,215,238,.28); padding: 22px; background: rgba(5,12,15,.7); box-shadow: 0 0 60px rgba(0,215,238,.05); font: 11px monospace; text-transform: uppercase; letter-spacing: .08em; }.console-top, .console-row { display: flex; justify-content: space-between; padding: 15px 4px; border-bottom: 1px solid var(--line); }.console-top { color: var(--cyan); padding-top: 0; }.console-orbit { width: 190px; aspect-ratio: 1; border: 1px solid rgba(0,215,238,.3); border-radius: 50%; margin: 34px auto; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: inset 0 0 40px rgba(0,215,238,.08); position: relative; }.console-orbit::after { content:""; position:absolute; inset:25px; border:1px dashed rgba(138,141,238,.45); border-radius:50%; animation: spin 18s linear infinite; }.console-orbit span { color: var(--muted); font-size: 8px; }.console-orbit b { color: var(--ivory); font-size: 26px; margin-top: 8px; }.console-row span { color: var(--muted); }.console-row b { color: var(--cyan); font-weight: 400; }
.journal-card { display: grid; grid-template-columns: 1.2fr 1fr auto; align-items: end; gap: 60px; padding: 48px; border: 1px solid var(--line); background: linear-gradient(120deg, rgba(138,141,238,.07), transparent); }.journal-card h2 { font-size: clamp(34px, 4vw, 58px); }.journal-card > p { color: var(--muted); line-height: 1.7; }.coming-soon { color: var(--cyan); font: 10px monospace; text-transform: uppercase; letter-spacing: .12em; }
footer { min-height: 72vh; padding: 120px clamp(24px, 8vw, 130px) 34px; display: grid; grid-template-columns: 1fr auto; align-items: center; position: relative; overflow: hidden; }footer::before { content:""; position:absolute; width:65vw; height:65vw; border:1px solid rgba(0,215,238,.1); border-radius:50%; right:-30%; top:-20%; box-shadow:0 0 100px rgba(0,215,238,.03); }footer > * { position:relative; z-index:1; }.footer-bottom { position: absolute; left: clamp(24px,8vw,130px); right: clamp(24px,8vw,130px); bottom: 30px; border-top: 1px solid var(--line); padding-top: 24px; display: flex; justify-content: space-between; color: rgba(248,235,209,.38); font-size: 11px; text-transform: uppercase; letter-spacing: .15em; }

.console-orbit { border: 0; isolation: isolate; box-shadow: inset 0 0 48px rgba(0,215,238,.08), 0 0 34px rgba(0,215,238,.05); }
.console-orbit::after { content: none; }
.console-orbit > span, .console-orbit > b { position: relative; z-index: 2; text-shadow: 0 2px 12px rgba(5,12,15,.95); }
.console-ring { --tilt: 0deg; position: absolute; z-index: 1; left: 50%; top: 50%; border: 1px solid rgba(0,215,238,.42); border-radius: 50%; transform: translate(-50%,-50%) rotate(var(--tilt)); animation: consoleOrbit 24s linear infinite; pointer-events: none; }
.console-ring::after { content: ""; position: absolute; width: 5px; height: 5px; left: 50%; top: -3px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 9px var(--cyan); }
.console-ring-one { --tilt: 12deg; width: 186px; height: 118px; animation-duration: 28s; }
.console-ring-two { --tilt: 48deg; width: 158px; height: 174px; border-color: rgba(138,141,238,.4); animation-duration: 34s; animation-direction: reverse; }
.console-ring-two::after { background: var(--violet); box-shadow: 0 0 9px var(--violet); }
.console-ring-three { --tilt: -28deg; width: 132px; height: 82px; border-color: rgba(248,235,209,.3); border-style: dashed; animation-duration: 21s; }
.console-ring-three::after { background: var(--ivory); box-shadow: 0 0 8px rgba(248,235,209,.7); }
.console-ring-four { --tilt: -62deg; width: 104px; height: 144px; border-color: rgba(0,215,238,.28); border-style: dotted; animation-duration: 18s; animation-direction: reverse; }

.project-moon, .console-ring-one { --division-color: #74e7f2; --division-rgb: 116, 231, 242; }
.project-orbit, .console-ring-two { --division-color: #3d9cff; --division-rgb: 61, 156, 255; }
.project-grid, .console-ring-three { --division-color: #38d6a0; --division-rgb: 56, 214, 160; }
.project-signal, .console-ring-four { --division-color: #9b8cff; --division-rgb: 155, 140, 255; }

.project-card:hover { border-color: rgba(var(--division-rgb),.7); box-shadow: 0 14px 34px rgba(var(--division-rgb),.08); }
.project-card .visual-symbol, .project-card .project-details p { color: var(--division-color); }
.project-card .project-visual::before { border-top-color: rgba(var(--division-rgb),.78); border-right-color: rgba(var(--division-rgb),.2); box-shadow: 0 -4px 18px rgba(var(--division-rgb),.15); }
.project-card .project-visual::after { border-color: rgba(var(--division-rgb),.34); box-shadow: 0 0 0 35px rgba(var(--division-rgb),.035), 0 0 0 70px rgba(var(--division-rgb),.02); }
.project-moon .project-visual { background: radial-gradient(circle at 60% 45%, rgba(116,231,242,.27), transparent 15%), radial-gradient(circle at 60% 45%, #e7fdff 0 7%, #74e7f2 8% 16%, #173039 17% 19%, transparent 20%), linear-gradient(145deg,#071217,#163038); }
.project-orbit .project-visual { background: repeating-radial-gradient(circle at center, transparent 0 36px, rgba(61,156,255,.2) 37px 38px), linear-gradient(145deg,#0a1324,#071217); }
.projects-grid .project-grid .project-visual { background: linear-gradient(rgba(56,214,160,.1) 1px, transparent 1px), linear-gradient(90deg,rgba(56,214,160,.1) 1px, transparent 1px), linear-gradient(145deg,#081914,#122a24); background-size: 24px 24px,24px 24px,auto; }
.projects-grid .project-signal .project-visual { background: radial-gradient(circle at 50% 50%, rgba(248,235,209,.24) 0 3%, transparent 4%), repeating-conic-gradient(from 45deg at 50% 50%, rgba(155,140,255,.18) 0 8deg, transparent 8deg 28deg), linear-gradient(145deg,#171126,#071217); }

.console-ring { border-color: rgba(var(--division-rgb),.46); }
.console-ring::after { background: var(--division-color); box-shadow: 0 0 9px var(--division-color); }
.console-ring-two, .console-ring-three, .console-ring-four { border-color: rgba(var(--division-rgb),.42); }
.console-ring-two::after, .console-ring-three::after { background: var(--division-color); box-shadow: 0 0 9px var(--division-color); }

@keyframes navigationOrbit { to { transform: translate(-50%,-50%) rotate(336deg) scale(1.18); } }
@keyframes consoleOrbit { to { transform: translate(-50%,-50%) rotate(calc(var(--tilt) + 360deg)); } }
@keyframes reveal { from { opacity:0; transform:scale(1.06); } to { opacity:1; transform:scale(1.01); } }
@keyframes rise { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:none; } }
@keyframes breathe { 50% { box-shadow:0 0 130px rgba(0,215,238,.24); } }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes brandOrbit { to { transform:rotate(336deg); } }
@keyframes orbitOne { from { transform:rotate(14deg); } to { transform:rotate(374deg); } }
@keyframes orbitTwo { from { transform:rotate(-52deg); } to { transform:rotate(308deg); } }
@keyframes cardOrbitForward { from { transform:translate(-50%,-50%) rotate(-18deg); } to { transform:translate(-50%,-50%) rotate(342deg); } }
@keyframes cardOrbitReverse { from { transform:translate(-50%,-50%) rotate(18deg); } to { transform:translate(-50%,-50%) rotate(-342deg); } }
@keyframes cardCoreSpin { from { transform:translate(-50%,-50%) rotate(45deg); } to { transform:translate(-50%,-50%) rotate(405deg); } }

@media (max-width: 900px) {
  html { scroll-padding-top: 125px; }
  .site-header { padding: 16px 24px 14px; flex-direction:column; align-items:flex-start; gap:12px; background:rgba(9,13,15,.9); }.brand strong{font-size:18px}.brand small{font-size:9px} .brand-mark{width:38px;height:38px}.brand-star{left:16px;top:6px} nav { display:flex; width:100%; gap:20px; overflow-x:auto; padding:2px 0 4px; scrollbar-width:none; } nav a{font-size:9px; flex:none;}
  .hero { min-height: 900px; align-items: end; padding: 120px 24px 90px; }.hero::after { background: linear-gradient(0deg,var(--ink) 5%,rgba(9,13,15,.93) 44%,rgba(9,13,15,.1) 80%); }.hero-art { inset:0; background-position:center top; background-size:auto 60%; background-repeat:no-repeat; }.hero-copy { width:100%; }.hero-copy h1 { font-size:clamp(44px,12vw,68px); }.hero-intro{font-size:17px}.hero-status,.progress-rail,.coordinate { display:none; }
  .section { padding: 85px 24px; }.section-label { margin-bottom:44px; }.studio { display:block; }.two-column-copy,.projects-grid,.lab-layout { grid-template-columns:1fr; }.two-column-copy{gap:12px;margin-top:35px}.section-heading { display:block; }.section-heading > p { margin-top:25px; }.projects-grid{gap:24px}.project-visual{height:240px}.lab-layout{gap:55px}.journal-card{grid-template-columns:1fr;gap:25px;padding:30px}.journal-card>p{margin:0}footer{min-height:700px;grid-template-columns:1fr;align-content:center;gap:45px}.footer-bottom{left:24px;right:24px}.footer-bottom span:last-child{display:none}
}

@media (min-width: 901px) and (max-width: 1180px) { .projects-grid { grid-template-columns:repeat(2,1fr); } }

@media (max-width: 900px) {
  body { padding-bottom: 72px; }
  .orbit-navigation { top: auto; right: auto; bottom: 12px; left: 50%; width: auto; max-width: calc(100vw - 28px); padding: 5px 10px; flex-direction: row; gap: 7px; transform: translateX(-50%); border-radius: 25px; }
  .orbit-navigation::before { top: 50%; bottom: auto; left: 20px; right: 20px; width: auto; height: 1px; background: linear-gradient(90deg, transparent, rgba(248,235,209,.16) 12%, rgba(248,235,209,.16) 88%, transparent); }
  .orbit-navigation a { width: 34px; height: 34px; }
  .orbit-label { display: none; }
}

@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto} *,*::before,*::after{animation:none!important;transition:none!important}.reveal-section>*{opacity:1;transform:none;filter:none} }