:root {
  color-scheme: light dark;
  /* Dark is the default palette; :root[data-theme="light"] and the
     prefers-color-scheme:light query below override every token in this
     block by name so nothing drifts out of sync between themes. */
  --color-page: #0A1118;
  --color-surface: #0D1722;
  --color-surface-raised: #12202E;
  --color-text: #FFFFFF;
  --color-text-muted: #94A3B8;
  --color-text-faint: #64748B;
  --color-separator: rgba(148,163,184,.16);
  --color-separator-strong: rgba(148,163,184,.32);
  --color-brand: #00B4D8;
  --color-focus: var(--signal);
  --color-action-ink: #061016;
  --color-warning: #ffc56e;
  --ink: var(--color-text);
  --muted: var(--color-text-muted);
  --faint: var(--color-text-faint);
  --ground: var(--color-page);
  --surface: var(--color-surface);
  --surface-2: var(--color-surface-raised);
  --line: var(--color-separator);
  --line-strong: var(--color-separator-strong);
  --signal: var(--color-brand);
  --signal-soft: rgba(0, 180, 216, .14);
  --header-bg: color-mix(in srgb, var(--color-page) 92%, transparent);
  --media-bg: var(--color-surface);
  --shadow: rgba(0,0,0,.4);
  --danger: #ff8e8e;
  --space-section: clamp(4rem, 9vh, 7.5rem);
  --ease-out: cubic-bezier(.16,.8,.24,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --ease-product: cubic-bezier(.2,.75,.25,1);
  --motion-fast: 160ms;
  --motion-base: 420ms;
  --motion-slow: 760ms;
  --font-display: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
  --font-body: Inter, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --step--1: clamp(.78rem, .75rem + .12vw, .86rem);
  --step-0: clamp(1rem, .96rem + .18vw, 1.12rem);
  --step-1: clamp(1.25rem, 1.08rem + .75vw, 1.75rem);
  --step-2: clamp(1.7rem, 1.25rem + 2vw, 3rem);
  --step-3: clamp(2.6rem, 1.55rem + 4.7vw, 6.4rem);
  --step-4: clamp(3.4rem, 1.5rem + 8.2vw, 9.5rem);
  --space-1: clamp(.75rem, .6rem + .6vw, 1.15rem);
  --space-2: clamp(1.25rem, 1rem + 1vw, 2rem);
  --space-3: clamp(2rem, 1.45rem + 2.4vw, 3.8rem);
  --space-4: clamp(3.5rem, 2.1rem + 6vw, 7.5rem);
  --space-5: clamp(5rem, 3rem + 9vw, 11rem);
  --shell: min(100% - clamp(2rem, 7vw, 8rem), 1440px);
}

@media (hover: hover) and (pointer: fine) {
  :root {
    --cursor-default: url('/assets/cursors/default.png') 6 6, auto;
    --cursor-pointer: url('/assets/cursors/pointer.png') 6 6, pointer;
    --cursor-editor: url('/assets/cursors/editor.png') 6 6, text;
    --cursor-typing: url('/assets/cursors/typing.png') 6 6, text;
  }
  body { cursor: var(--cursor-default); }
  :is(a, button, [role="button"], summary, label[for], select) { cursor: var(--cursor-pointer); }
  :is(p, li, dt, dd, h1, h2, h3, h4, h5, h6, blockquote, code) { cursor: var(--cursor-editor); }
  :is(input, textarea, [contenteditable="true"]) { cursor: var(--cursor-typing); }
  :is([disabled], [aria-disabled="true"]) { cursor: not-allowed; }
  body.is-transitioning { cursor: progress; }
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --color-text: #0B132B; --color-text-muted: #3A4A5B; --color-text-faint: #6B7C8C; --color-page: #F2F7FA;
    --color-surface: #E6F1F5; --color-surface-raised: #DAE9F0; --color-separator: rgba(11,19,43,.12); --color-separator-strong: rgba(11,19,43,.24);
    --color-brand: #00A3E0;
    --ink: var(--color-text); --muted: var(--color-text-muted); --faint: var(--color-text-faint); --ground: var(--color-page);
    --surface: var(--color-surface); --surface-2: var(--color-surface-raised); --line: var(--color-separator); --line-strong: var(--color-separator-strong);
    --signal: #00748F; --signal-soft: rgba(0,116,143,.12); --color-focus: var(--signal); --header-bg: color-mix(in srgb, var(--color-page) 92%, transparent);
    --media-bg: var(--color-surface); --shadow: rgba(11,19,43,.14);
  }
}

/* 1.2 release editorial system: content-led height, no empty hero staging. */
.hydrion-release .section { padding-block: clamp(3.5rem, 7vw, 7rem); }
.hydrion-release-hero { min-height: min(44rem, calc(100svh - 120px)); }
.release-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--line); }
.release-feature-grid article { min-width:0; padding:clamp(1.5rem,3vw,3rem); background:var(--ground); }
.release-feature-grid h3 { margin:.5rem 0 1rem; font:700 var(--step-1)/1 var(--font-display); }
.release-feature-grid p { color:var(--muted); }
.release-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr); gap:clamp(2rem,6vw,7rem); align-items:center; }
.release-split--reverse > :first-child { order:2; }
.release-split--reverse > :last-child { order:1; }
.release-art { min-height:28rem; margin:0; display:grid; place-items:center; overflow:hidden; border:1px solid var(--line); border-radius:2rem; background:radial-gradient(circle,var(--signal-soft),transparent 58%),var(--surface); }
.release-art img { width:min(78%,25rem); height:auto; max-height:34rem; object-fit:contain; filter:drop-shadow(0 1.5rem 3rem var(--shadow)); transform:translateY(1.5rem) scale(.97); opacity:.25; }
.motion-enabled [data-motion].is-active .release-art img { animation:hydrion-release-art 760ms 160ms cubic-bezier(.2,.75,.25,1) both; }
@keyframes hydrion-release-art { from { opacity:.25; transform:translateY(1.5rem) scale(.97); } to { opacity:1; transform:none; } }
.release-chips { display:flex; flex-wrap:wrap; gap:.55rem; padding:0; list-style:none; }
.release-chips li { padding:.4rem 0; border-bottom:1px solid var(--line); color:var(--muted); font:.7rem/1 var(--font-mono); text-transform:uppercase; }
.release-table { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.release-table > div { display:grid; grid-template-columns:8rem 1fr; gap:1rem; padding:1.2rem; border-top:1px solid var(--line); }
.release-table span { color:var(--muted); }
.release-validation { display:grid; grid-template-columns:auto 1fr auto 1fr; gap:1rem 1.5rem; align-items:end; }
.release-validation strong { color:var(--signal); font:700 clamp(4rem,8vw,8rem)/.75 var(--font-display); }
.release-validation span { color:var(--muted); }
.release-validation p { grid-column:1/-1; max-width:70rem; color:var(--muted); }
.hydrion-feature-strip { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.5rem; }
.hydrion-feature-strip span { padding:.4rem 0; border-bottom:1px solid var(--line); color:var(--muted); font:.68rem/1 var(--font-mono); }
@media (max-width:900px) {
  .release-feature-grid,.release-split,.release-table { grid-template-columns:1fr; }
  .release-split--reverse > :first-child,.release-split--reverse > :last-child { order:initial; }
  .release-art { min-height:22rem; }
}
@media (max-width:560px) {
  .hydrion-release-hero { min-height:auto; }
  .release-validation { grid-template-columns:auto 1fr; }
  .release-art { min-height:18rem; border-radius:1.25rem; }
}
@media (prefers-reduced-motion:reduce) {
  .motion-enabled [data-motion].is-active .release-art img { animation:none; opacity:1; transform:none; }
}

:root[data-theme="light"] {
  color-scheme: light;
  --color-text: #0B132B; --color-text-muted: #3A4A5B; --color-text-faint: #6B7C8C; --color-page: #F2F7FA;
  --color-surface: #E6F1F5; --color-surface-raised: #DAE9F0; --color-separator: rgba(11,19,43,.12); --color-separator-strong: rgba(11,19,43,.24);
  --color-brand: #00A3E0;
  --ink: var(--color-text); --muted: var(--color-text-muted); --faint: var(--color-text-faint); --ground: var(--color-page);
  --surface: var(--color-surface); --surface-2: var(--color-surface-raised); --line: var(--color-separator); --line-strong: var(--color-separator-strong);
  --signal: #00748F; --signal-soft: rgba(0,116,143,.12); --color-focus: var(--signal); --header-bg: color-mix(in srgb, var(--color-page) 92%, transparent);
  --media-bg: var(--color-surface); --shadow: rgba(11,19,43,.14);
}

:root[data-theme="dark"] { color-scheme: dark; }

*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: clip; background: var(--ground); scroll-behavior: smooth; }
body { margin: 0; min-width: 280px; overflow-x: clip; background: var(--ground); color: var(--ink); font-family: var(--font-body); font-size: var(--step-0); line-height: 1.55; }
body.is-transitioning { cursor: progress; }
img, svg, video { display: block; max-width: 100%; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .2em; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 4px; }
[hidden] { display: none !important; }

.skip-link { position: fixed; z-index: 1000; top: .75rem; left: .75rem; padding: .7rem 1rem; background: var(--ink); color: var(--ground); transform: translateY(-160%); }
.skip-link:focus-visible { transform: translateY(0); }
.shell { width: var(--shell); margin-inline: auto; }
.measure { max-width: 65ch; }
.kicker, .state, .meta { font-family: var(--font-mono); font-size: var(--step--1); letter-spacing: .1em; text-transform: uppercase; }
.kicker, .meta { color: var(--muted); }
.state { display: inline-flex; align-items: center; gap: .55rem; color: var(--ink); }
.state::before { width: .45rem; height: .45rem; border-radius: 50%; background: var(--signal); box-shadow: 0 0 0 .25rem var(--signal-soft); content: ""; }
.state--muted::before { background: var(--faint); box-shadow: none; }
.state--warn::before { background: var(--color-warning); box-shadow: 0 0 0 .25rem color-mix(in srgb,var(--color-warning) 10%,transparent); }
.display { min-width:0; margin: 0; overflow-wrap:anywhere; font-family: var(--font-display); font-size: var(--step-4); font-stretch: condensed; font-weight: 700; letter-spacing: -.06em; line-height: .94; text-transform: uppercase; }
.title { min-width:0; margin: 0; overflow-wrap:anywhere; font-family: var(--font-display); font-size: var(--step-3); letter-spacing: -.045em; line-height: 1; }
.section-title { min-width:0; margin: 0; overflow-wrap:anywhere; font-family: var(--font-display); font-size: var(--step-2); letter-spacing: -.035em; line-height: 1.06; }
.lede { max-width: 62ch; color: var(--muted); font-size: var(--step-1); line-height: 1.4; }
.muted { color: var(--muted); }

.site-header { position: sticky; z-index: 50; top: 0; border-bottom: 1px solid var(--line); background: var(--header-bg); backdrop-filter: blur(8px); }
.site-header__inner { display: flex; min-height: 68px; align-items: center; justify-content: space-between; gap: 2rem; }
.brand { display: inline-flex; align-items: center; gap: .7rem; min-height: 44px; font-family: var(--font-display); font-size: 1.1rem; font-weight: 800; letter-spacing: -.03em; text-decoration: none; text-transform: uppercase; }
.brand__mark { display: block; width: 2rem; height: 1.72rem; flex: 0 0 auto; background: url("/assets/images/img/logo/logooss.png") center/contain no-repeat; color: transparent; font-size: 0; }
.nav-toggle { display: none; min-width: 48px; min-height: 44px; border: 1px solid var(--line); background: transparent; color: var(--ink); }
.site-nav { display: flex; align-items: center; gap: clamp(1.25rem, 3vw, 2.8rem); }
.site-nav a { position: relative; display: inline-flex; min-height: 44px; align-items: center; color: var(--muted); font-size: .91rem; text-decoration: none; white-space:nowrap; }
.site-nav a:hover, .site-nav a[aria-current="page"] { color: var(--ink); }
.site-nav a[aria-current="page"]::after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: var(--signal); content: ""; }
.theme-control { display: inline-flex; min-width: 78px; min-height: 44px; align-items: center; justify-content: center; gap: .45rem; padding: .45rem .7rem; border: 1px solid var(--line); background: transparent; color: var(--muted); font-family: var(--font-mono); font-size: .7rem; letter-spacing: .07em; text-transform: uppercase; white-space:nowrap; cursor: var(--cursor-pointer, pointer); }
.theme-control:hover { border-color: var(--signal); color: var(--ink); }
.theme-control__icon { color: var(--signal); font-size: .9rem; }

.route-loader { position: fixed; z-index: 999; inset: 0; display: grid; place-items: center; background: var(--ground); opacity: 0; pointer-events: none; transition: opacity 120ms ease; }
.route-loader.is-active { opacity: 1; pointer-events: auto; }
.route-loader__core { display: grid; width: min(76vw, 24rem); justify-items: center; gap: .8rem; }
.route-loader__core::before { width: min(52vw, 15rem); aspect-ratio: 1; background: url('/1807buffer.gif') center / contain no-repeat; content: ""; }
.route-loader__line { display: none; }
@keyframes signal-route { to { transform: translateX(100%); } }

.signal-rule { position: relative; height: 1px; background: var(--line); }
.signal-rule::after { position: absolute; top: -2px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 0 5px var(--signal-soft); content: ""; }

.hero { position: relative; min-height: min(780px, calc(100svh - 77px)); display: grid; align-items: center; padding-block: var(--space-4); overflow: clip; }
.hero__identity { position: relative; display: grid; gap: var(--space-2); isolation: isolate; }
.hero__art { position: absolute; z-index: -1; right: clamp(-3rem, 2vw, 2rem); bottom: clamp(-4rem, -3vw, -1rem); width: clamp(18rem, 39vw, 38rem); aspect-ratio: 1; overflow: hidden; border-radius: 48% 48% 4% 48%; box-shadow: 0 2rem 7rem var(--shadow); transform: translate3d(6%,8%,0) rotate(2deg); opacity: .88; }
.hero__art::after { position: absolute; inset: 0; background: linear-gradient(120deg, transparent 45%, var(--ground) 100%); content: ""; }
.hero__art img { width: 100%; height: 100%; object-fit: cover; }
.hero__identity > :not(.hero__art) { max-width: min(66vw, 58rem); }
.hero__role { margin: 0; font-size: var(--step-2); font-weight: 450; letter-spacing: -.03em; }
.hero__disciplines { margin: 0; color: var(--muted); font-size: var(--step-1); letter-spacing: -.01em; }
.hero__foot { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-2); align-items: end; margin-top: var(--space-3); }
.hero .display, .hero__role, .hero__disciplines, .hero .state { animation: identity-resolve .55s both cubic-bezier(.2,.75,.25,1); }
.hero__role { animation-delay: .06s; }.hero__disciplines { animation-delay: .12s; }.hero__art { animation: art-resolve .7s .08s both cubic-bezier(.2,.75,.25,1); }
@keyframes identity-resolve { from { opacity: 0; transform: translateY(1rem); } }
@keyframes art-resolve { from { opacity: 0; transform: translate3d(12%,14%,0) rotate(5deg) scale(.96); } }

.section { padding-block: var(--space-5); border-top: 1px solid var(--line); }
.hero + .section, .page-hero + .section { padding-top: var(--space-3); }
.section-head { display: grid; grid-template-columns: minmax(12rem, .45fr) minmax(0, 1fr); gap: var(--space-3); margin-bottom: var(--space-4); align-items: start; }
.section-head > :last-child { justify-self: end; }

.project-entry { --activation: 0; position: relative; display: grid; min-height: 540px; border-top: 1px solid var(--line); grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); }
.project-entry::before { position: absolute; z-index: 2; top: -1px; left: 0; width: calc(var(--activation) * 100%); height: 1px; background: var(--signal); content: ""; transition: width .65s cubic-bezier(.2,.75,.25,1); }
.project-entry.is-active { --activation: 1; }
.project-entry:last-child { border-bottom: 1px solid var(--line); }
.project-entry__copy { display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-3) var(--space-3) 0; }
.project-entry__name { margin: 0; overflow-wrap: anywhere; font-family: var(--font-display); font-size: var(--step-3); letter-spacing: -.05em; line-height: .9; }
.project-entry__body { max-width: 36rem; }
.project-entry__media { position: relative; display: grid; min-width: 0; min-height: 430px; place-items: center; overflow: hidden; border-left: 1px solid var(--line); background: var(--media-bg); }
.project-entry__media img { width: min(74%, 650px); height: auto; max-height: 540px; object-fit: contain; transform: translateY(1.2rem) scale(.965); filter: saturate(.75); opacity: .72; transition: transform .7s cubic-bezier(.2,.75,.25,1),filter .5s,opacity .5s; }
.project-entry.is-active .project-entry__media img { transform: none; filter: none; opacity: 1; }
.project-entry.is-active .project-entry__name { color: var(--signal); }
.project-entry--modoroco { grid-template-columns: minmax(0,1.18fr) minmax(0,.82fr); }
.project-entry--modoroco .project-entry__copy { order: 2; padding-right: 0; padding-left: var(--space-3); }
.project-entry--modoroco .project-entry__media { order: 1; border-right: 1px solid var(--line); border-left: 0; }
.project-entry--modoroco .project-entry__media::before { position: absolute; width: min(50vw, 25rem); aspect-ratio: 1; border: 1px solid var(--line-strong); border-radius: 50%; content: ""; }
.project-entry--modoroco .project-entry__media::after { position: absolute; width: min(35vw, 17rem); aspect-ratio: 1; border: 1px solid var(--signal); border-radius: 50%; opacity: .35; content: ""; }
.project-entry--modoroco img { position: relative; z-index: 1; width: min(42%, 220px); }
.project-entry--clipsense .project-entry__media { background: repeating-linear-gradient(0deg, transparent 0 55px, var(--line) 56px), var(--surface); }
.project-entry--hydrion .project-entry__media::before { position: absolute; inset: 9% 13%; border: 1px solid var(--line); border-radius: 50% 50% 12% 12%; content: ""; transform: scaleY(calc(.72 + var(--activation) * .28)); transform-origin: bottom; transition: transform .7s; }
.project-entry--clipsense .project-entry__media::after { position: absolute; right: 8%; bottom: 8%; left: 8%; height: 22%; border-top: 1px solid var(--signal); border-bottom: 1px solid var(--line); content: "TRANSCRIPT / INDEX / CURRENT"; color: var(--muted); font: .67rem/3 var(--font-mono); letter-spacing: .09em; }

.text-link { display: inline-flex; min-height: 44px; align-items: center; gap: .75rem; font-weight: 650; text-decoration: none; white-space:nowrap; }
.text-link::after { color: var(--signal); content: "↗"; transition: transform 150ms ease; }
.text-link:hover::after { transform: translate(.2rem,-.2rem); }
.action { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: .7rem 1rem; border: 1px solid var(--line-strong); background: transparent; color: var(--ink); text-decoration: none; white-space:nowrap; }
.action:hover { border-color: var(--signal); }
.action--primary { border-color: var(--color-brand); background: var(--color-brand); color: var(--color-action-ink); }
.actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.action[aria-disabled="true"] { color: var(--faint); cursor: not-allowed; }

.destinations { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); }
.destination { min-height: 330px; padding: var(--space-3); border-bottom: 1px solid var(--line); text-decoration: none; }
.destination:first-child { border-right: 1px solid var(--line); }
.destination:hover { background: var(--surface); }
.destination__index { display: block; margin-bottom: var(--space-4); color: var(--muted); font-family: var(--font-mono); font-size: var(--step--1); }

.page-hero { padding-block: clamp(3rem, 7vh, 6rem); }
.page-hero__grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(16rem,.75fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.page-hero__aside { border-left: 1px solid var(--line); padding-left: var(--space-2); }
.fact-list { margin: 0; }
.fact-list > div { display: grid; grid-template-columns: minmax(7rem,.45fr) minmax(0,1fr); gap: 1rem; padding-block: .9rem; border-top: 1px solid var(--line); }
.fact-list dt { color: var(--muted); font-family: var(--font-mono); font-size: var(--step--1); text-transform: uppercase; }
.fact-list dd { margin: 0; overflow-wrap: anywhere; }
.editorial-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: var(--space-2); }
.editorial-grid > .span-5 { grid-column: span 5; }
.editorial-grid > .span-7 { grid-column: span 7; }
.editorial-grid > .span-12 { grid-column: 1/-1; }
.prose h2 { margin: var(--space-3) 0 var(--space-1); font-family: var(--font-display); font-size: var(--step-2); letter-spacing: -.035em; line-height: 1; }
.prose h3 { margin: var(--space-2) 0 .5rem; font-size: var(--step-1); }
.prose p, .prose li { color: var(--muted); }
.prose strong { color: var(--ink); }
.prose ul, .prose ol { padding-left: 1.2rem; }
.media-band { overflow: hidden; background: var(--surface); }
.media-band img { width: 100%; height: auto; max-height: 760px; object-fit: contain; }
.status-table { width: 100%; border-collapse: collapse; }
.status-table th, .status-table td { padding: 1rem .5rem; border-top: 1px solid var(--line); text-align: left; vertical-align: top; }
.status-table th { color: var(--muted); font-family: var(--font-mono); font-size: var(--step--1); font-weight: 400; text-transform: uppercase; }
.notice { padding: 1rem 1.2rem; border: 1px solid var(--line); border-left: 3px solid var(--signal); background: var(--surface); }
.notice p { margin: 0; color: var(--muted); }
.notice strong { color: var(--ink); }

.feedback { display: grid; grid-template-columns: minmax(0,1fr) minmax(18rem,.7fr); gap: var(--space-4); }
.feedback__paths { border-top: 1px solid var(--line); }
.feedback__path { padding-block: var(--space-2); border-bottom: 1px solid var(--line); }

.contact-intro { margin-bottom: var(--space-4); }
.contact-composition { display: grid; grid-template-columns: minmax(14rem,16rem) minmax(0,1fr); gap: var(--space-4); align-items: start; }
.contact-portrait { position: relative; width: 100%; max-width: 16rem; height: 20rem; overflow: hidden; background: var(--media-bg); }
.contact-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: grayscale(.2) contrast(1.04); }
.contact-portrait::after { position: absolute; inset: 0; background: linear-gradient(180deg,transparent 55%,var(--ground)); content: ""; }
.contact-routes { display: flex; flex-direction: column; justify-content: space-between; border-top: 1px solid var(--line); }
.contact-route { display: block; padding: var(--space-2) 0; border-bottom: 1px solid var(--line); text-decoration: none; }
a.contact-route:hover .section-title { color: var(--signal); }
.contact-direct { display:flex; max-width:52rem; justify-content:space-between; gap:1rem; margin:var(--space-3) 0 0; padding-top:var(--space-1); border-top:1px solid var(--line); color:var(--muted); font-family:var(--font-mono); font-size:var(--step--1); text-transform:uppercase; }
.contact-direct a { color:var(--ink); font-weight:700; text-decoration:none; }
.social-links { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1rem; }
.social-link { display: inline-flex; min-height: 44px; align-items: center; gap: .5rem; padding: .45rem .7rem; border: 1px solid var(--line); text-decoration: none; }
.social-link:hover { border-color: var(--signal); color: var(--signal); }
.social-link svg { width: 1.1rem; height: 1.1rem; fill: currentColor; }
.social-link span { font-family: var(--font-mono); font-size: var(--step--1); text-transform: uppercase; }

.typing-loop { position: relative; color: transparent; }
.typing-loop__visual { position: absolute; inset: 0; color: var(--ink); pointer-events: none; }
.typing-loop__line { display: block; }
.typing-loop__line > span { display: inline-block; color: var(--signal); animation: typing-pulse 3.4s calc(var(--i) * 45ms) ease-in-out infinite alternate; }
.typing-loop__line > span:nth-child(3n) { color: var(--ink); }
.typing-loop__line > span:nth-child(4n) { color: #6cb8ff; }
.typing-loop br, .typing-loop > :not(.typing-loop__visual) { visibility: hidden; }
@keyframes typing-pulse { 0%,18% { opacity: .62; transform: translateY(.08em); } 45%,100% { opacity: 1; transform: none; } }
.scramble-visual { position: absolute; inset: 0; color: var(--ink); white-space: pre-wrap; }
[data-scramble] { position: relative; color: transparent; }
.digit-meter { display: block; margin-bottom: .45rem; color: var(--signal); font: 700 var(--step-1)/1 var(--font-mono); letter-spacing: .16em; }
.digit-meter::before { content: "SYS–"; color: var(--muted); font-size: .65em; }
.motion-enabled .digit-meter { clip-path: inset(calc((1 - var(--enter)) * 100%) 0 0); transform: translateY(calc((1 - var(--enter)) * -.8em)); }
[data-dance] { transform-origin: left bottom; }
.motion-enabled [data-dance] { opacity: var(--enter); transform: translate3d(calc((1 - var(--enter)) * -1.6rem),calc((1 - var(--enter)) * .8rem),0) rotate(calc((1 - var(--enter)) * -3deg)); }
.project-entry__media--buffer { grid-template-rows:minmax(0,1fr) auto; align-content:stretch; padding:var(--space-2); background:var(--surface); }
.project-entry__media--buffer::before { position:absolute; right:8%; left:8%; height:1px; background:var(--signal); content:""; transform:scaleX(var(--enter,1)); transform-origin:left; }
.project-entry__media--buffer::after { position:absolute; width:clamp(5rem,11vw,9rem); aspect-ratio:1; border:1px solid var(--signal); border-radius:18% 48% 32% 55%; content:""; opacity:.3; transform:rotate(calc(var(--enter,1) * 90deg)); }
.project-entry__media--buffer > img { width:min(68%,32rem); height:auto; max-height:390px; align-self:center; object-fit:contain; mix-blend-mode:normal; }
.buffer-sequence { z-index:1; display:grid; width:100%; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--signal); }
.buffer-sequence span { display:grid; min-height:4.5rem; place-items:center; border-right:1px solid var(--line); color:var(--muted); font:var(--step--1)/1 var(--font-mono); letter-spacing:.08em; }
.buffer-sequence span:last-child { border-right:0; }
/* BufferFrames pipeline: a sprite sheet moving through detection, ordering, and export -
   the actual stages named in the page copy, not decorative filler. */
.buffer-pipeline { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1.5rem; align-items: end; margin-bottom: var(--space-4); }
.buffer-pipeline__stage { display: grid; gap: .65rem; }
.buffer-pipeline__label { color: var(--muted); font: .68rem/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
.buffer-sheet { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 2px; padding: 2px; border: 1px solid var(--line); background: var(--line); }
.buffer-sheet span { position: relative; aspect-ratio: 1; background: var(--surface); }
.buffer-sheet--detect span { outline: 1px dashed var(--line-strong); outline-offset: -3px; }
.buffer-sheet--detect span.is-advisory { outline-color: #d9a441; }
.buffer-sheet--detect span.is-advisory::after { position: absolute; top: 2px; right: 2px; width: .3rem; height: .3rem; border-radius: 50%; background: #d9a441; content: ""; }
.buffer-filmstrip { display: flex; gap: 2px; }
.buffer-filmstrip span { position: relative; flex: 1; display: grid; place-items: center; aspect-ratio: 3/4; border: 1px solid var(--line); background: var(--surface); color: var(--muted); font: var(--step--1)/1 var(--font-mono); }
.buffer-filmstrip span.is-duplicate { color: var(--faint); border-style: dashed; }
.buffer-filmstrip span.is-duplicate::after { position: absolute; inset: auto 2px 2px 2px; color: #d9a441; font-size: .55rem; letter-spacing: .04em; content: "DUP"; }
.buffer-formats { display: flex; flex-wrap: wrap; gap: .4rem; align-content: start; min-height: 4.5rem; }
.buffer-formats span { padding: .35rem 0; border-bottom:1px solid var(--line-strong); color: var(--signal); font: .66rem/1 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; }
.motion-enabled .buffer-pipeline__stage:nth-child(1) { --stage-delay: 0; }
.motion-enabled .buffer-pipeline__stage:nth-child(2) { --stage-delay: .08; }
.motion-enabled .buffer-pipeline__stage:nth-child(3) { --stage-delay: .16; }
.motion-enabled .buffer-pipeline__stage:nth-child(4) { --stage-delay: .24; }
.motion-enabled .buffer-pipeline__stage { opacity: calc(.15 + clamp(0, (var(--enter,1) - var(--stage-delay,0)) * 1.4, 1) * .85); transform: translateY(calc((1 - clamp(0, (var(--enter,1) - var(--stage-delay,0)) * 1.4, 1)) * 1.1rem)); }
@media (max-width: 700px) {
  .buffer-pipeline { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1.75rem 1.25rem; }
  .buffer-filmstrip span:nth-child(n+5) { display: none; }
}
.buffer-hero__media { padding-left:var(--space-2); }
.buffer-hero__media > img { width:min(100%,18rem); height:auto; margin:0 auto var(--space-2); padding:var(--space-2); border:1px solid var(--line); background:var(--surface); }

@media (min-width: 901px) and (max-height: 800px) {
  .page-hero { padding-block: 2.25rem; }
  .buffer-hero__media > img { width:min(100%,16rem); }
  .buffer-hero__media .fact-list > div { padding-block:.65rem; }
}
.modoroco-diagram { position: relative; display: grid; place-items: center; min-height: 420px; padding: var(--space-3); overflow: hidden; background: var(--surface); }
.modoroco-diagram__ring { position: absolute; top: 50%; left: 50%; width: min(85%, 26rem); aspect-ratio: 1; border-radius: 50%; border: 1px solid var(--line-strong); transform: translate(-50%,-50%); }
.modoroco-diagram__ring::before { position: absolute; inset: 14%; border: 1px dashed var(--line); border-radius: 50%; content: ""; }
.modoroco-diagram__ring::after { position: absolute; top: -1px; left: 50%; width: .6rem; height: .6rem; border-radius: 50%; background: var(--signal); box-shadow: 0 0 0 .3rem var(--signal-soft); content: ""; transform: translateX(-50%); }
.modoroco-diagram__states { position: relative; z-index: 1; display: grid; gap: .6rem; margin: 0; padding: var(--space-2); list-style: none; background: var(--ground); border: 1px solid var(--line); font-family: var(--font-mono); font-size: var(--step--1); letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
.modoroco-diagram__states li { display: flex; align-items: center; gap: .6rem; }
.modoroco-diagram__dot { width: .4rem; height: .4rem; border-radius: 50%; background: var(--signal); flex: 0 0 auto; }
.motion-enabled .modoroco-diagram__ring { transform: translate(-50%,-50%) rotate(calc((1 - var(--enter,1)) * -60deg)); }

.clipsense-diagram { display: grid; gap: var(--space-2); padding: var(--space-3); background: var(--surface); min-height: 420px; align-content: center; }
.clipsense-diagram__row { display: grid; gap: .6rem; }
.clipsense-diagram__tag { font-family: var(--font-mono); font-size: var(--step--1); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.clipsense-diagram__clips { display: flex; gap: .4rem; }
.clipsense-diagram__clips span { flex: 1; height: 2.4rem; border: 1px solid var(--line); background: var(--ground); }
.clipsense-diagram__clips span:nth-child(2n) { border-color: var(--line-strong); }
.clipsense-diagram__band { position: relative; height: 4rem; background: repeating-linear-gradient(0deg, transparent 0 8px, var(--line) 9px); border-top: 1px solid var(--signal); border-bottom: 1px solid var(--line); display: grid; place-items: center; }
.clipsense-diagram__band span { padding: .3rem .8rem; background: var(--surface); color: var(--muted); font-family: var(--font-mono); font-size: var(--step--1); letter-spacing: .09em; }
.clipsense-diagram__chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.clipsense-diagram__chips span { padding: .4rem .7rem; border: 1px solid var(--line); color: var(--muted); font-family: var(--font-mono); font-size: var(--step--1); text-transform: uppercase; letter-spacing: .05em; }
.motion-enabled .clipsense-diagram__band { clip-path: inset(0 calc((1 - var(--enter,1)) * 50%)); }
.motion-enabled .clipsense-diagram__row { opacity: calc(.35 + var(--enter,1) * .65); }

.hydrion-product-nav { border-bottom:1px solid var(--line); background:var(--surface); }
.hydrion-product-nav .shell { display:flex; min-height:52px; align-items:center; gap:clamp(.8rem,2vw,1.8rem); overflow-x:auto; }
.hydrion-product-nav strong { margin-right:auto; font-family:var(--font-display); }
.hydrion-product-nav a { flex:0 0 auto; color:var(--muted); font-size:.86rem; text-decoration:none; }
.hydrion-product-nav a:hover { color:var(--signal); }

/* One Hydrion identity, with density tuned to each task. */
.hydrion-view--download .page-hero { padding-bottom:var(--space-3); }
.hydrion-view--download .page-hero__aside { padding:var(--space-2); border:1px solid var(--line); background:var(--surface); }
.hydrion-view--download main > .section:first-of-type .prose { columns:3 16rem; column-gap:var(--space-3); }
.hydrion-view--download main > .section:first-of-type .prose > * { break-inside:avoid; }
.hydrion-view--docs .page-hero .shell, .hydrion-view--privacy .page-hero .shell { max-width:1100px; margin-inline:auto; }
.hydrion-view--docs main > .section > .shell, .hydrion-view--privacy main > .section > .shell { max-width:900px; }
.hydrion-view--docs .status-table tr { transition:background 140ms ease; }
.hydrion-view--docs .status-table tr:hover { background:var(--surface); }
.hydrion-view--releases main > .section:first-of-type { position:relative; }
.hydrion-view--releases main > .section:first-of-type::before { position:absolute; top:0; bottom:0; left:max(calc((100% - var(--shell))/2),1rem); width:1px; background:var(--signal); content:""; opacity:.6; }
.hydrion-view--releases main > .section:first-of-type > .shell { padding-left:var(--space-3); }
.hydrion-view--privacy .prose { max-width:74ch; }

[data-page="modoroco"] main > .section:nth-of-type(2), [data-page="clipsense"] main > .section:nth-of-type(2) { padding-block:var(--space-4); background:linear-gradient(90deg,var(--surface) 0 1px,transparent 1px) center/25% 100%; }
[data-page="modoroco"] main > .section:nth-of-type(3), [data-page="clipsense"] main > .section:nth-of-type(3) { padding-top:var(--space-4); }
[data-page="7store"] .project-entry { min-height:500px; }
[data-page="7store"] .project-entry__copy { border-right:1px solid var(--line); }
[data-page="7playbox"] .project-entry { min-height:580px; }
[data-page="7playbox"] .page-hero::after { position: absolute; z-index: -1; top: 16%; right: 7%; width: clamp(9rem,24vw,22rem); aspect-ratio: 1; border: 1px solid var(--signal); border-radius: 48% 52% 55% 45%; content: ""; opacity: .28; transform: rotate(18deg); transition:transform var(--motion-base) var(--ease-out); }
[data-page="7store"] .project-entry__copy::after { display: block; width: 100%; height: .45rem; margin-top: auto; background: linear-gradient(90deg,var(--signal) 0 42%,var(--line) 42%); content: ""; opacity: .65; }

/* Scroll choreography: native scroll supplies progress; transforms supply presentation. */
.motion-enabled [data-motion] { --enter: 0; --focus: 0; --release: 0; }
.motion-enabled.screenshot-static [data-motion] { --enter: 1 !important; --focus: 1 !important; --release: 0 !important; }
.motion-enabled.screenshot-static .project-entry__media img { clip-path: none !important; filter: none !important; opacity: 1 !important; transform: none !important; }
.motion-enabled .hero .display,
.motion-enabled .hero__role,
.motion-enabled .hero__disciplines,
.motion-enabled .hero .state,
.motion-enabled .hero__art { animation: none; }
.motion-enabled .hero .display { clip-path: inset(0 calc((1 - var(--enter)) * 100%) 0 0); transform: translate3d(calc(var(--release) * -8vw),0,0) scale(calc(1 - var(--release) * .1)); transform-origin: left center; letter-spacing: calc(-.065em + (1 - var(--enter)) * .025em); will-change: transform,clip-path; }
.motion-enabled body:not(.is-ready) .hero .display { clip-path: inset(0 100% 0 0); }
.motion-enabled body.is-ready .hero .display { transition: clip-path 680ms cubic-bezier(.2,.75,.25,1); }
.motion-enabled body:not(.is-ready) .hero :is(.state,.hero__role,.hero__disciplines), .motion-enabled body:not(.is-ready) .hero__art { opacity: 0; }
.motion-enabled body.is-ready .hero :is(.state,.hero__role,.hero__disciplines), .motion-enabled body.is-ready .hero__art { transition: opacity 520ms cubic-bezier(.2,.75,.25,1); }
.motion-enabled .hero__role { opacity: calc(.35 + var(--enter) * .65 - var(--release) * .42); transform: translate3d(calc(var(--release) * 4vw),0,0); }
.motion-enabled .hero__disciplines { opacity: calc(.2 + var(--enter) * .8 - var(--release) * .55); transform: translate3d(0,calc((1 - var(--enter)) * .8rem),0); }
.motion-enabled .hero .state { opacity: calc(.25 + var(--enter) * .75); }
.motion-enabled .hero__art { opacity: calc(.28 + var(--focus) * .65 - var(--release) * .38); clip-path: inset(calc(var(--release) * 12%) 0 0 calc(var(--release) * 18%) round 48% 48% 4% 48%); transform: translate3d(calc(6% + var(--release) * 9%),calc(8% - var(--release) * 5%),0) rotate(calc(2deg - var(--release) * 3deg)) scale(calc(.96 + var(--focus) * .04)); will-change: transform,clip-path; }
.motion-enabled .hero__foot .signal-rule::after { transform: translateX(calc(var(--release) * min(45vw,42rem))); }

.motion-enabled .section-head .section-title,
.motion-enabled .page-hero .display { clip-path: inset(0 calc((1 - var(--enter)) * 100%) 0 0); transform: translate3d(calc((1 - var(--enter)) * -2.5rem),0,0); letter-spacing: calc(-.035em + (1 - var(--enter)) * .035em); will-change: transform,clip-path; }
.motion-enabled #systems .section-head { align-items: end; }
.motion-enabled #systems .section-head > :first-child { transform: translate3d(0,calc((1 - var(--enter)) * 2.5rem),0) scale(calc(.92 + var(--enter) * .08)); transform-origin: left bottom; }
.motion-enabled #systems .section-head > :last-child { opacity: calc(.35 + var(--enter) * .65); transform: translate3d(calc((1 - var(--enter)) * 3rem),0,0); }

.motion-enabled .project-entry__name { clip-path: inset(0 calc((1 - var(--enter)) * 100%) 0 0); transform: translate3d(calc((1 - var(--enter)) * -2rem),0,0) scale(calc(.92 + var(--focus) * .08 - var(--release) * .04)); transform-origin: left center; transition: color 240ms ease; will-change: transform,clip-path; }
.motion-enabled .project-entry__body { opacity: calc(.18 + var(--enter) * .82 - var(--release) * .2); transform: translate3d(0,calc((1 - var(--enter)) * 1.4rem),0); }
.motion-enabled .project-entry__media img { opacity: calc(.3 + var(--focus) * .7); will-change: transform,opacity; }
.motion-enabled .project-entry--hydrion .project-entry__media img { transform: translate3d(0,calc((1 - var(--enter)) * 16%),0) scale(calc(.92 + var(--focus) * .08)); }
.motion-enabled .project-entry--hydrion .project-entry__media::before { transform: scaleY(calc(.62 + var(--enter) * .38)); }
.motion-enabled .project-entry--modoroco .project-entry__name { transform: translate3d(calc((1 - var(--enter)) * 2.5rem),0,0) scale(calc(.94 + var(--focus) * .06)); }
.motion-enabled .project-entry--modoroco .project-entry__media::before { transform: rotate(calc(var(--enter) * 90deg)) scale(calc(.84 + var(--focus) * .16)); border-style: dashed; }
.motion-enabled .project-entry--modoroco .project-entry__media::after { transform: rotate(calc(var(--enter) * -135deg)) scale(calc(.8 + var(--focus) * .2)); border-style: dotted; }
.motion-enabled .project-entry--modoroco img { transform: scale(calc(.86 + var(--focus) * .14)); }
.motion-enabled .project-entry--clipsense .project-entry__name { clip-path: inset(0 0 calc((1 - var(--enter)) * 100%) 0); transform: translate3d(0,calc((1 - var(--enter)) * 2rem),0) scale(calc(.94 + var(--focus) * .06)); }
.motion-enabled .project-entry--clipsense .project-entry__media img { clip-path: inset(calc((1 - var(--enter)) * 16%) calc((1 - var(--enter)) * 12%)); transform: translate3d(calc((1 - var(--enter)) * 5%),0,0) scale(calc(.94 + var(--focus) * .06)); }
.motion-enabled .project-entry::before { width: calc(var(--enter) * 100%); transition: none; }

[data-page="7store"] .project-entry__copy::after { transform: scaleX(var(--enter)); transform-origin: left; }
[data-page="7store"] .project-entry:has(.action[aria-disabled="true"]) { opacity: calc(.7 + var(--focus) * .2); }
[data-page="7playbox"] .page-hero::after { transform: translate3d(calc(var(--pointer-x,0) * 1.2rem),calc(var(--pointer-y,0) * 1.2rem),0) rotate(calc(18deg + var(--enter,0) * -15deg)) scale(calc(.82 + var(--focus,0) * .18)); }
[data-page="7playbox"] .project-entry__media { border-radius: calc((1 - var(--focus)) * 2.5rem); }
.motion-enabled [data-page="contact"] .contact-portrait img { transform: translate3d(0,calc((1 - var(--enter)) * 7%),0) scale(calc(1.06 - var(--focus) * .06)); }
.motion-enabled [data-page="contact"] .contact-route { opacity: calc(.25 + var(--enter) * .75); transform: translate3d(calc((1 - var(--enter)) * 2rem),0,0); }

.site-footer { padding-block: var(--space-3); border-top: 1px solid var(--line); }
.site-footer__inner { display: flex; justify-content: space-between; gap: var(--space-2); align-items: end; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.site-footer a { color: var(--muted); font-size: var(--step--1); }
.site-footer .brand__mark { width: 1.7rem; height: 1.45rem; }

@media (max-width: 820px) {
  .nav-toggle { display: inline-flex; align-items: center; justify-content: center; }
  .site-nav { position: absolute; top: 76px; right: 0; left: 0; display: none; padding: 1rem max(1rem, calc((100% - var(--shell))/2)); border-bottom: 1px solid var(--line); background: var(--ground); flex-direction: column; align-items: stretch; gap: 0; }
  .site-nav.is-open { display: flex; }
  .site-nav a { border-bottom: 1px solid var(--line); }
  .theme-control { width: 100%; margin-top: .75rem; }
  .hero { min-height: auto; padding-block: var(--space-5); }
  .hero__art { right: -7rem; bottom: 4%; width: min(80vw,28rem); opacity: .38; }
  .hero__identity > :not(.hero__art) { max-width: 100%; }
  .hero__foot, .section-head, .page-hero__grid, .feedback { grid-template-columns: 1fr; }
  .contact-composition { grid-template-columns: 1fr; }
  .contact-portrait { max-width: 14rem; height: 18rem; margin-inline: auto; }
  .section-head > :last-child { justify-self: start; }
  .project-entry, .project-entry--modoroco { min-height: 0; grid-template-columns: 1fr; }
  .project-entry__copy, .project-entry--modoroco .project-entry__copy { order: 1; padding: var(--space-3) 0; }
  .project-entry__media, .project-entry--modoroco .project-entry__media { order: 2; min-height: min(110vw, 520px); border: 1px solid var(--line); }
  .destinations { grid-template-columns: 1fr; }
  .destination:first-child { border-right: 0; }
  .editorial-grid > .span-5, .editorial-grid > .span-7 { grid-column: 1/-1; }
  .hydrion-view--download main > .section:first-of-type .prose { columns:1; }
  .contact-direct { align-items:flex-start; flex-direction:column; }
  .motion-enabled .hero .display { transform: translate3d(calc(var(--release) * -3vw),0,0) scale(calc(1 - var(--release) * .05)); }
  .motion-enabled .hero__art { transform: translate3d(calc(6% + var(--release) * 4%),calc(8% - var(--release) * 2%),0) scale(calc(.97 + var(--focus) * .03)); }
  .motion-enabled .project-entry__name { transform: translate3d(calc((1 - var(--enter)) * -1rem),0,0) scale(calc(.96 + var(--focus) * .04)); }
}

@media (max-width: 520px) {
  :root { --shell: calc(100% - 2rem); }
  .display { font-size: clamp(3.25rem, 18vw, 5.7rem); }
  .hero { padding-bottom: var(--space-4); }
  .hero__disciplines { max-width: 18rem; }
  .project-entry__media, .project-entry--modoroco .project-entry__media { min-height: 360px; }
  .buffer-sequence { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .destination { min-height: 260px; }
  .fact-list > div { grid-template-columns: 1fr; gap: .25rem; }
  .site-footer__inner { align-items: start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .route-loader__core::before { display: none; }
  .route-loader__line { display: block; width: 100%; height: 1px; background: var(--line-strong); }
  .hero .display, .hero__role, .hero__disciplines, .hero .state, .hero__art { animation: none; }
  .project-entry__media img { transform: none; filter: none; opacity: 1; }
  [data-page="7playbox"] .page-hero::after { animation: none; }
  .motion-enabled [data-motion] { --enter: 1; --focus: 1; --release: 0; }
  .motion-enabled :is(.hero .display,.hero__role,.hero__disciplines,.hero .state,.hero__art,.section-head .section-title,.page-hero .display,.project-entry__name,.project-entry__body,.project-entry__media img,.contact-portrait img,.contact-route) { clip-path: none !important; opacity: 1 !important; transform: none !important; }
  .typing-loop__visual { display: none; }
  .typing-loop { color: var(--ink); }
  [data-scramble] { color: var(--ink); }
  .scramble-visual { display: none; }
  .motion-enabled .project-entry::before { width: 100%; }
}

/* Contact composition correction: preserve the portrait instead of cropping it into a pill. */
[data-page="contact"] .contact-composition {
  grid-template-columns: minmax(20rem, .78fr) minmax(30rem, 1.22fr);
  gap: clamp(2rem, 5vw, 6rem);
  align-items: stretch;
}
[data-page="contact"] .contact-portrait {
  width: 100%;
  max-width: none;
  min-height: clamp(28rem, 58vh, 38rem);
  height: auto;
  display: grid;
  place-items: end center;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: clamp(1.25rem, 3vw, 2.5rem);
  background:
    radial-gradient(circle at 50% 35%, var(--signal-soft), transparent 42%),
    linear-gradient(160deg, var(--surface-2), var(--surface));
}
[data-page="contact"] .contact-portrait img {
  width: min(76%, 25rem);
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  filter: none;
}
[data-page="contact"] .contact-portrait::after {
  background: linear-gradient(180deg, transparent 72%, var(--surface) 100%);
}
[data-page="contact"] .contact-routes {
  width:100%;
  min-width:0;
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  border-top: 0;
  gap: 1px;
  background: var(--line);
}
[data-page="contact"] .contact-route {
  width:100%;
  min-width:0;
  display: grid;
  align-content: center;
  gap: .65rem;
  min-height: 0;
  padding: clamp(1.5rem, 3vw, 3rem);
  border: 0;
  background: var(--ground);
  transition: background-color 220ms ease, padding-left 220ms ease;
}
[data-page="contact"] a.contact-route:hover {
  padding-left: clamp(1.8rem, 3.4vw, 3.4rem);
  background: var(--surface);
}
[data-page="contact"] .contact-route .section-title { font-size: clamp(2rem, 3.2vw, 4rem); }
[data-page="contact"] .contact-route p { margin: 0; }
[data-page="contact"] .social-links { margin-top: .35rem; }

@media (max-width: 900px) {
  [data-page="contact"] .contact-composition { grid-template-columns: 1fr; }
  [data-page="contact"] .contact-portrait { min-height: min(105vw, 34rem); }
  [data-page="contact"] .contact-portrait img { width: min(82%, 27rem); }
  [data-page="contact"] .contact-route { min-height: 12rem; }
}

@media (max-width: 560px) {
  [data-page="contact"] .contact-portrait { min-height: 27rem; }
  [data-page="contact"] .contact-portrait img { width: min(92%, 23rem); }
  [data-page="contact"] .contact-route { min-height: 11rem; padding: 1.5rem; }
  [data-page="contact"] a.contact-route:hover { padding-left: 1.5rem; }
}

/* Exact title choreography requested by the editorial motion brief. */
.has-title-motion { position: relative; color: transparent !important; }
.title-motion { position: absolute; inset: 0; display: flex; align-items: baseline; color: var(--ink); pointer-events: none; }
.title-motion > span { display: inline-block; }
.title-motion__status { width: .09em; aspect-ratio: 1; margin-left: .12em; border-radius: 50%; background: var(--signal); opacity: 0; }
.title-motion__store { position: relative; overflow: hidden; clip-path: inset(0 100% 0 0); }
.title-motion__store i { position: absolute; right: 0; left: 0; height: 2px; background: var(--signal); opacity: 0; }
.title-motion__store i:nth-child(1) { top: 27%; }.title-motion__store i:nth-child(2) { top: 52%; }.title-motion__store i:nth-child(3) { top: 74%; }
.is-active .title-motion--store .title-motion__lead,
[data-page="7store"] .page-hero .title-motion__lead { animation: registry-lead 220ms both; }
.is-active .title-motion--store .title-motion__store,
[data-page="7store"] .page-hero .title-motion__store { animation: registry-reveal 680ms 150ms cubic-bezier(.2,.75,.25,1) both; }
.is-active .title-motion--store .title-motion__store i,
[data-page="7store"] .page-hero .title-motion__store i { animation: registry-slice 130ms 390ms ease-out both; }
.is-active .title-motion--store .title-motion__status,
[data-page="7store"] .page-hero .title-motion__status { animation: registry-status 180ms 820ms both; }
@keyframes registry-lead { from { opacity: 0; transform: translateX(-.2em); } to { opacity: 1; transform: none; } }
@keyframes registry-reveal { 0% { clip-path: inset(0 100% 0 0); transform: translateX(-.12em); } 82% { clip-path: inset(0); transform: translateX(.02em); } 100% { clip-path: inset(0); transform: none; } }
@keyframes registry-slice { 0% { opacity: 0; transform: translateX(-14%); } 45% { opacity: .8; } 100% { opacity: 0; transform: translateX(14%); } }
@keyframes registry-status { from { opacity: 0; transform: scale(.2); } to { opacity: 1; transform: scale(1); } }

.title-motion--playbox .title-motion__play { opacity: 0; transform: translateY(.22em) scale(1.02); }
.title-motion--playbox .title-motion__box { opacity: 0; transform: translateY(-.18em) scale(1.02); }
.is-active .title-motion--playbox .title-motion__lead,
[data-page="7playbox"] .page-hero .title-motion__lead { animation: playbox-lead 240ms both; }
.is-active .title-motion--playbox .title-motion__play,
[data-page="7playbox"] .page-hero .title-motion__play { animation: playbox-play 620ms 100ms cubic-bezier(.16,.8,.24,1.15) both; }
.is-active .title-motion--playbox .title-motion__box,
[data-page="7playbox"] .page-hero .title-motion__box { animation: playbox-box 620ms 170ms cubic-bezier(.16,.8,.24,1.15) both; }
.is-active .title-motion--playbox .title-motion__o,
[data-page="7playbox"] .page-hero .title-motion__o { animation: playbox-press 180ms 700ms ease-in-out both; }
@keyframes playbox-lead { from { opacity: 0; } to { opacity: 1; } }
@keyframes playbox-play { to { opacity: 1; transform: none; } }
@keyframes playbox-box { to { opacity: 1; transform: none; } }
@keyframes playbox-press { 50% { transform: scaleX(.72); } }

.title-motion--contact { display: grid; align-content: center; line-height: inherit; }
[data-page="contact"] .contact-intro .display.has-title-motion::after { display: none; }
.title-motion--contact > span { width: max-content; }
.title-motion__bring { opacity: 0; transform: translateX(-1.2em); }
.title-motion__lab { opacity: 0; transform: translateY(.65em); }
.title-motion__period { color: var(--signal); opacity: 0; }
.title-motion__route { position: absolute; left: 0; bottom: -.12em; width: 1.8em !important; height: 2px; background: var(--signal); transform: scaleX(0); transform-origin: left; }
.is-active .title-motion__bring { animation: contact-bring 720ms cubic-bezier(.2,.75,.25,1) both; }
.is-active .title-motion__lab { animation: contact-lab 720ms 100ms cubic-bezier(.2,.75,.25,1) both; }
.is-active .title-motion__route { animation: contact-route-line 520ms 520ms ease-in-out both; }
.is-active .title-motion__period { animation: contact-period 220ms 950ms both; }
@keyframes contact-bring { to { opacity: 1; transform: none; } }
@keyframes contact-lab { to { opacity: 1; transform: none; } }
@keyframes contact-route-line { 50% { transform: scaleX(1); } 100% { transform: translateX(1.8em) scaleX(0); } }
@keyframes contact-period { from { opacity: 0; transform: scale(.2); } to { opacity: 1; transform: scale(1); } }

/* Compact versions retain the same meaning without hero-scale duration. */
[data-page="home"] .destination .title-motion { transition: transform 260ms cubic-bezier(.2,.75,.25,1); }
[data-page="home"] .destination:first-child:hover .title-motion { transform: translateX(.35rem); }
[data-page="home"] .destination:last-child:hover .title-motion { transform: translateY(-.3rem); }

@media (prefers-reduced-motion: reduce) {
  .title-motion *, .title-motion > span {
    animation: none !important;
    clip-path: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .title-motion__route { display: none !important; }
}

/* Deployed responsive and motion correction pass. */
:root { --shell: calc(100% - clamp(2rem, 5vw, 6rem)); }

.site-header { animation: site-header-arrive 560ms cubic-bezier(.2,.75,.25,1) both; }
@keyframes site-header-arrive {
  from { opacity: 0; transform: translateY(-100%); }
  to { opacity: 1; transform: translateY(0); }
}

.motion-enabled [data-motion] :is(.display, .section-title, .story-title) {
  opacity: calc(.18 + var(--enter, 1) * .82);
  clip-path: inset(0 calc((1 - var(--enter, 1)) * 100%) 0 0);
  transform: translate3d(calc((1 - var(--enter, 1)) * -2rem), calc((1 - var(--enter, 1)) * .45rem), 0);
  transform-origin: left center;
  transition: color 180ms ease;
  will-change: clip-path, opacity, transform;
}

/* Hydrion uses the active site theme rather than forcing one permanent dark canvas. */
:root[data-theme="light"] .hydrion-story,
:root[data-theme="light"] .hydrion-story + .site-footer {
  --ink: #0B132B; --muted: #3A4A5B; --faint: #6B7C8C; --ground: #F2F7FA;
  --surface: #E6F1F5; --surface-2: #DAE9F0; --line: rgba(11,19,43,.12);
  --line-strong: rgba(11,19,43,.24); --signal: #00748F; --signal-soft: rgba(0,116,143,.12);
  color: var(--ink);
}
:root[data-theme="light"] .hydrion-story { background: #F2F7FA; }
:root[data-theme="light"] .hydrion-story + .site-footer { background: #E6F1F5; }
:root[data-theme="light"] .hydrion-hero { background: radial-gradient(circle at 74% 48%, rgba(0,151,205,.18), transparent 32%), linear-gradient(135deg,#f5fbfc,#dceef4 60%,#c5e5ef); }
:root[data-theme="light"] .hydrion-hero::before { background: linear-gradient(90deg, rgba(16,64,86,.06) 1px, transparent 1px) 0 0/10vw 100%; }
:root[data-theme="light"] .hydrion-chapter--day { background: radial-gradient(circle at 73% 45%,rgba(0,174,223,.15),transparent 32%),#edf7f9; }
:root[data-theme="light"] .hydrion-chapter--pattern { background: radial-gradient(circle at 28% 55%,rgba(50,102,211,.13),transparent 35%),#e8eff8; }
:root[data-theme="light"] .hydrion-chapter--play { background: radial-gradient(circle at 72% 42%,rgba(22,177,197,.14),transparent 35%),#eaf6f5; }
:root[data-theme="light"] .hydrion-chapter--context { background: radial-gradient(circle at 30% 48%,rgba(65,102,219,.12),transparent 35%),#edf1f8; }
:root[data-theme="light"] .hydrion-platforms { background: linear-gradient(180deg,#eaf3f5,#dbeaf0); }
:root[data-theme="light"] .hydrion-close { background: #e4eef2; }
:root[data-theme="light"] .platform-choice { background: rgba(255,255,255,.7); }

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .hydrion-story,
  :root:not([data-theme="dark"]) .hydrion-story + .site-footer {
    --ink: #0B132B; --muted: #3A4A5B; --faint: #6B7C8C; --ground: #F2F7FA;
    --surface: #E6F1F5; --surface-2: #DAE9F0; --line: rgba(11,19,43,.12);
    --line-strong: rgba(11,19,43,.24); --signal: #00748F; --signal-soft: rgba(0,116,143,.12);
    color: var(--ink);
  }
  :root:not([data-theme="dark"]) .hydrion-story { background: #F2F7FA; }
  :root:not([data-theme="dark"]) .hydrion-story + .site-footer { background: #E6F1F5; }
  :root:not([data-theme="dark"]) .hydrion-hero { background: radial-gradient(circle at 74% 48%,rgba(0,151,205,.18),transparent 32%),linear-gradient(135deg,#f5fbfc,#dceef4 60%,#c5e5ef); }
  :root:not([data-theme="dark"]) .hydrion-chapter--day { background: radial-gradient(circle at 73% 45%,rgba(0,174,223,.15),transparent 32%),#edf7f9; }
  :root:not([data-theme="dark"]) .hydrion-chapter--pattern { background: radial-gradient(circle at 28% 55%,rgba(50,102,211,.13),transparent 35%),#e8eff8; }
  :root:not([data-theme="dark"]) .hydrion-chapter--play { background: radial-gradient(circle at 72% 42%,rgba(22,177,197,.14),transparent 35%),#eaf6f5; }
  :root:not([data-theme="dark"]) .hydrion-chapter--context { background: radial-gradient(circle at 30% 48%,rgba(65,102,219,.12),transparent 35%),#edf1f8; }
  :root:not([data-theme="dark"]) .hydrion-platforms { background: linear-gradient(180deg,#eaf3f5,#dbeaf0); }
  :root:not([data-theme="dark"]) .hydrion-close { background: #e4eef2; }
}

.hydrion-chapter { min-height: clamp(38rem, 76svh, 50rem); align-items: center; }
.hydrion-chapter__layout { min-height: auto; position: relative; top: auto; }
.hydrion-download-choice { padding-block: clamp(1.5rem, 3vw, 2.5rem); }
.hydrion-download-choice ~ .page-hero { min-height: clamp(32rem,70vh,44rem); }
.hydrion-download-visual { display: grid; grid-template-columns: minmax(9rem,.72fr) minmax(14rem,1.28fr); gap: clamp(1rem,2vw,2rem); align-items: center; padding: clamp(1rem,2vw,2rem) !important; overflow: hidden; border: 1px solid var(--line) !important; background: linear-gradient(145deg,var(--surface),var(--surface-2)) !important; }
.hydrion-download-visual > img { width: 100%; height: min(52svh,34rem); max-height: none !important; object-fit: contain; filter: drop-shadow(0 1.4rem 2.5rem var(--shadow)) !important; }
.hydrion-download-visual .fact-list { min-width: 0; max-height: 52svh; overflow: auto; }

@media (max-width: 900px) {
  :root { --shell: calc(100% - clamp(1.5rem, 6vw, 3rem)); }
  .hydrion-chapter { min-height: auto; }
  .hydrion-download-choice ~ .page-hero { min-height: auto; }
  .hydrion-download-visual { grid-template-columns: minmax(8rem,.62fr) minmax(12rem,1.38fr); }
}

@media (max-width: 620px) {
  :root { --shell: calc(100% - 1.25rem); }
  .section { padding-block: clamp(2.75rem, 9vw, 4rem); }
  .hydrion-hero__stage { min-height: 23rem; }
  .hydrion-chapter { padding-block: clamp(3rem,10vw,4.5rem); }
  .hydrion-download-visual { grid-template-columns: 1fr; }
  .hydrion-download-visual > img { height: min(48svh,28rem); }
  .hydrion-download-visual .fact-list { max-height: none; overflow: visible; }
}

@media (orientation: landscape) and (max-height: 620px) {
  .page-hero, .hydrion-hero { min-height: auto; }
  .page-hero, .section { padding-block: 2rem; }
  .hydrion-hero__grid { grid-template-columns: minmax(0,1fr) minmax(16rem,.7fr); padding-block: 1.5rem; }
  .hydrion-hero__stage { min-height: 25rem; }
  .hydrion-phone { max-height: 24rem; }
  .hydrion-chapter { min-height: auto; padding-block: 2.5rem; }
  .hydrion-chapter__layout { grid-template-columns: minmax(15rem,.85fr) minmax(15rem,1.15fr); }
  .hydrion-screen img { max-height: calc(100svh - 8rem); }
}

@media (prefers-reduced-motion: reduce) {
  .site-header { animation: none; }
  .motion-enabled [data-motion] :is(.display,.section-title,.story-title) { opacity: 1 !important; clip-path: none !important; transform: none !important; }
}

.site-header__inner { min-height: 68px; }
.site-header { backdrop-filter: blur(8px); }
.section { padding-block: var(--space-section); }
.page-hero { min-height: min(48rem, calc(100svh - 68px)); padding-block: clamp(2.5rem, 7vh, 5rem); display: grid; align-items: center; }
.page-hero__grid { align-items: center; }
.story-title { min-width:0; max-width: 11ch; margin: 0; overflow-wrap:anywhere; font-family: var(--font-display); font-size: clamp(3rem, 6.8vw, 7.75rem); font-weight: 700; letter-spacing: -.06em; line-height: .96; text-transform: uppercase; }

/* Home previews share authorship, not one identical card treatment.
   Each variant below is a deliberately always-dark card regardless of site
   theme, so - same as the Hydrion story sections - their text tokens are
   pinned locally rather than following --ink/--muted, which flip to
   dark-on-light in light theme and would otherwise be unreadable against
   these hardcoded dark backgrounds. Hydrion and Modoroco are dark across
   the whole card (media panel included), so the override applies to the
   full .project-entry--*. ClipSense and Buffer instead give their media
   panel its own theme-following var(--surface) background (see below), so
   for those two the override is scoped to .project-entry__copy only -
   applying it card-wide would force dark-theme muted text onto what is
   actually a light surface in light theme. */
[data-page="home"] #systems { overflow: clip; }
[data-page="home"] .project-entry { min-height: clamp(32rem, 62vw, 43rem); border: 0; border-radius: 2rem; margin-bottom: clamp(2rem, 5vw, 5rem); overflow: hidden; background: var(--surface); }
[data-page="home"] .project-entry__media { border: 0; }
[data-page="home"] .project-entry--hydrion,
[data-page="home"] .project-entry--modoroco,
[data-page="home"] .project-entry--clipsense .project-entry__copy,
[data-page="home"] .project-entry--buffer .project-entry__copy {
  --ink: #FFFFFF;
  --muted: #94A3B8;
  --faint: #64748B;
  --line: rgba(148, 163, 184, .2);
  --line-strong: rgba(148, 163, 184, .38);
  --signal: #00B4D8;
  --signal-soft: rgba(0, 180, 216, .14);
  color: var(--ink);
}
[data-page="home"] .project-entry--hydrion { background: radial-gradient(circle at 76% 48%, rgba(0, 153, 255, .25), transparent 34%), linear-gradient(130deg, #07101b, #061e32); }
[data-page="home"] .project-entry--modoroco { background: radial-gradient(circle at 28% 50%, rgba(66, 215, 255, .14), transparent 30%), #0b1017; }
[data-page="home"] .project-entry--clipsense { background: linear-gradient(115deg, #070b12 35%, #101525); }
[data-page="home"] .project-entry--buffer { background: linear-gradient(135deg, #07121d, #0b1624 55%, #06101a); }
[data-page="home"] .project-entry__copy { padding: clamp(2rem, 5vw, 5rem); }
[data-page="home"] .project-entry__media img { max-height: min(62svh, 34rem); }

/* Hydrion showcase: one subject per chapter and a changing visual field.
   These sections are deliberately always-dark/atmospheric regardless of the
   site's active theme, so their text tokens are pinned locally rather than
   following --ink/--muted, which flip to dark-on-light in light theme and
   would otherwise render near-invisible against these hardcoded backgrounds. */
.hydrion-story,
.hydrion-story + .site-footer {
  --ink: #FFFFFF;
  --muted: #94A3B8;
  --faint: #64748B;
  --ground: #060B10;
  --surface: #0A1118;
  --surface-2: #0D1722;
  --line: rgba(148, 163, 184, .2);
  --line-strong: rgba(148, 163, 184, .38);
  --signal: #00B4D8;
  --signal-soft: rgba(0, 180, 216, .14);
  color: var(--ink);
}
.hydrion-story { overflow: clip; background: #060B10; }
.hydrion-story + .site-footer { background: #060B10; }
.hydrion-hero { min-height: 44rem; display: grid; align-items: center; position: relative; isolation: isolate; background: radial-gradient(circle at 74% 48%, rgba(0, 164, 255, .28), transparent 31%), linear-gradient(135deg, #040b13 12%, #061a2a 60%, #073451); }
.hydrion-hero::before { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px) 0 0/10vw 100%; mask-image: linear-gradient(90deg, transparent, #000 35%, #000 80%, transparent); content: ""; }
.hydrion-hero__grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(22rem, 1.05fr); gap: clamp(2rem, 6vw, 7rem); align-items: center; padding-block: clamp(2rem, 6vh, 5rem); }
.hydrion-hero__copy { position: relative; z-index: 2; }
.hydrion-hero .display { max-width: 8.5ch; font-size: clamp(4.2rem, 8.7vw, 10rem); }
.hydrion-hero__line { display: block; }
.motion-enabled .hydrion-hero__line {
  clip-path: inset(0 100% 0 0);
  opacity: 0;
  transform: translate3d(0, .35em, 0);
  animation: hydrion-hero-line-in .68s var(--ease-product) both;
}
.motion-enabled .hydrion-hero__line:nth-child(1) { animation-delay: 40ms; }
.motion-enabled .hydrion-hero__line:nth-child(2) { animation-delay: 150ms; }
.motion-enabled .hydrion-hero__line:nth-child(3) { animation-delay: 260ms; }
@keyframes hydrion-hero-line-in { to { clip-path: inset(0 0 0 0); opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .motion-enabled .hydrion-hero__line { animation: none; clip-path: none; opacity: 1; transform: none; }
}
.hydrion-hero .lede { max-width: 38rem; }
.hydrion-hero__facts { display: flex; gap: clamp(2rem, 5vw, 5rem); margin: clamp(2rem, 5vh, 4rem) 0 0; }
.hydrion-hero__facts div { display: grid; gap: .25rem; }
.hydrion-hero__facts dt { color: var(--muted); font: .72rem/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; }
.hydrion-hero__facts dd { margin: 0; }
.platform-choice { display: inline-flex; margin-top: 1.4rem; padding: .25rem; border: 1px solid var(--line); border-radius: 999px; background: rgba(4,10,16,.48); }
.platform-choice button { min-height: 40px; padding: .45rem 1rem; border: 0; border-radius: 999px; background: transparent; color: var(--muted); white-space:nowrap; cursor: var(--cursor-pointer, pointer); }
.platform-choice button[aria-pressed="true"] { background: var(--signal); color: var(--color-action-ink); }
.hydrion-hero__stage { position: relative; min-height: clamp(31rem, 40vw, 43rem); display: grid; place-items: center; }
.hydrion-phone { position: relative; z-index: 2; width: min(45%, 20rem); max-height: 40rem; object-fit: contain; filter: drop-shadow(0 2rem 4rem rgba(0,0,0,.5)); transform: rotate(3deg); }
.hydrion-story [data-platform-only="ios"] { display: none; }
.hydrion-story [data-platform-only="android"] { display: block; }
body[data-hydrion-platform="ios"] .hydrion-story [data-platform-only="android"] { display: none !important; }
body[data-hydrion-platform="ios"] .hydrion-story [data-platform-only="ios"] { display: block; }
.hydrion-phone[data-platform-only="ios"] { transform: rotate(-2deg); }
.hydrion-screen--lifestyle { background: transparent; border: 0; box-shadow: none; }
.hydrion-screen--lifestyle img { object-fit: contain; }
[data-platform-section="ios"] { display: none; }
body[data-hydrion-platform="ios"] [data-platform-section="android"] { display: none; }
body[data-hydrion-platform="ios"] [data-platform-section="ios"] { display: block; }
body[data-hydrion-platform="ios"] [data-platform-section="ios"] ~ .section { display: none; }
.hydrion-download-choice { min-height: 0; padding-block: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem); }
.hydrion-download-choice .platform-choice { margin-block-start: 1.25rem; }
.hydrion-download-choice ~ .page-hero { min-height: min(42rem, 76svh); }
.hydrion-download-choice ~ .page-hero .page-hero__aside { border: 0; }
.hydrion-download-choice ~ .page-hero .page-hero__aside > img { display: block; max-height: 62svh; margin-inline: auto; object-fit: contain; filter: drop-shadow(0 1.5rem 3rem rgba(0,0,0,.32)); }
.hydrion-mascot { position: absolute; z-index: 0; inset: 4% -12% 4% 2%; width: auto; height: 92%; object-fit: cover; object-position: center; opacity: .44; filter: saturate(1.08) contrast(1.04); mask-image: linear-gradient(90deg, transparent 0, #000 24%, #000 72%, transparent 100%); }
.hydrion-orbit { position: absolute; width: min(82%, 38rem); aspect-ratio: 1; border: 1px solid rgba(66,215,255,.32); border-radius: 50%; }
.hydrion-orbit::before, .hydrion-orbit::after { position: absolute; border: 1px solid rgba(66,215,255,.18); border-radius: inherit; content: ""; }
.hydrion-orbit::before { inset: 12%; }.hydrion-orbit::after { inset: 27%; }

.hydrion-chapter { position: relative; min-height: clamp(38rem, 76svh, 50rem); display: grid; align-items: center; background: #06111b; }
.hydrion-chapter__layout { min-height: auto; display: grid; grid-template-columns: minmax(18rem, .8fr) minmax(22rem, 1.2fr); gap: clamp(2rem, 8vw, 9rem); align-items: center; position: relative; padding-block: clamp(3rem, 7vh, 6rem); }
.hydrion-chapter__copy { position: relative; z-index: 3; max-width: 38rem; }
.hydrion-chapter__copy > p:not(.kicker,.hydrion-stat) { color: var(--muted); font-size: clamp(1.05rem, 1.5vw, 1.35rem); }
.hydrion-screen { width: min(64%, 25rem); margin: 0 auto; position: relative; z-index: 2; }
.hydrion-screen img { width: 100%; height: auto; max-height: calc(100svh - 8rem); object-fit: contain; filter: drop-shadow(0 2rem 5rem rgba(0,0,0,.52)); }
.hydrion-chapter--day { background: linear-gradient(145deg,#06131f,#082133); }
.hydrion-chapter--pattern { background: radial-gradient(circle at 28% 55%, rgba(15,77,213,.24), transparent 34%), #070d19; }
.hydrion-chapter--pattern .hydrion-chapter__copy { order: 2; }
.hydrion-chapter--pattern .hydrion-screen { order: 1; transform: rotate(-2deg); }
.hydrion-chapter--play { background: linear-gradient(145deg,#07151c,#09232a); }
.hydrion-chapter--play .hydrion-screen { transform: rotate(2.5deg); }
.hydrion-chapter--context { background: linear-gradient(145deg,#080d19,#0d1425); }
.hydrion-chapter--context .hydrion-chapter__copy { order: 2; }
.hydrion-chapter--context .hydrion-screen { order: 1; }
.hydrion-signals { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 2rem; }
.hydrion-signals span { padding: .4rem 0; border-bottom:1px solid var(--line-strong); color: var(--signal); font: .72rem/1 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; }
.hydrion-stat { display: grid; margin-top: 2.5rem; }
.hydrion-stat strong { color: var(--signal); font: 700 clamp(3rem,7vw,7rem)/.85 var(--font-display); }
.hydrion-stat span { color: var(--muted); }
.motion-enabled .hydrion-chapter .hydrion-screen { transform: translate3d(calc((1 - var(--enter)) * 12vw), calc((.5 - var(--focus)) * 8vh), 0) rotate(calc((1 - var(--focus)) * 4deg)) scale(calc(.88 + var(--focus) * .12)); opacity: calc(.28 + var(--focus) * .72); }
.motion-enabled .hydrion-chapter:nth-of-type(even) .hydrion-screen { transform: translate3d(calc((1 - var(--enter)) * -12vw), calc((.5 - var(--focus)) * 8vh), 0) rotate(calc((1 - var(--focus)) * -4deg)) scale(calc(.88 + var(--focus) * .12)); }

.hydrion-platforms { padding-block: var(--space-section); background: linear-gradient(180deg, #07121d, #0a1c2b); overflow: clip; }
.hydrion-platforms__grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(20rem,.85fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.hydrion-platforms__copy { display: grid; gap: .85rem; max-width: 34rem; }
.hydrion-platforms__copy .story-title { margin-top: .15rem; }
.hydrion-platforms__lede { max-width: 34rem; color: var(--muted); font-size: clamp(1.05rem, 1.4vw, 1.25rem); }
.hydrion-platforms__stage { position: relative; min-height: clamp(22rem, 30vw, 30rem); display: grid; place-items: center; }
.hydrion-platforms__stage figure { margin: 0; display: grid; place-items: center; }
.hydrion-platforms__stage img { width: min(100%, 24rem); height: auto; object-fit: contain; filter: drop-shadow(0 2.5rem 5rem rgba(0,0,0,.5)); }
.hydrion-close { padding-block: var(--space-section); background: #060B10; }
.hydrion-close__grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,.75fr); gap: clamp(3rem, 8vw, 8rem); align-items: end; }
.hydrion-contact { display: grid; gap: .65rem; padding-left: 2rem; border-left: 1px solid var(--line); }
.hydrion-contact .meta:not(:first-child) { margin-top: 1.5rem; }
.hydrion-contact a { font-size: 1.15rem; text-decoration-color: var(--signal); }

/* Utility routes are intentionally denser than showcase routes. */
.hydrion-view--docs .page-hero, .hydrion-view--privacy .page-hero, .hydrion-view--releases .page-hero, .hydrion-view--download .page-hero { min-height: auto; padding-block: clamp(2.5rem, 6vh, 4.5rem); }
.hydrion-view--docs main > .section, .hydrion-view--privacy main > .section, .hydrion-view--releases main > .section, .hydrion-view--download main > .section { padding-block: clamp(3rem, 7vh, 5rem); }

/* Task-specific density. */
[data-page="7store"] .project-entry { min-height: 24rem; grid-template-columns: minmax(0,1.25fr) minmax(14rem,.55fr); border: 0; border-radius: 1.5rem; margin-bottom: 1.25rem; background: var(--surface); }
[data-page="7store"] .project-entry__copy { padding: clamp(1.5rem,3vw,3rem); border: 0; }
[data-page="7store"] .project-entry__media { min-height: 24rem; border: 0; }
.store-hydrion { position: relative; display: grid; grid-template-columns: minmax(12rem,.7fr) minmax(22rem,1.2fr) minmax(12rem,.7fr); min-height: 36rem; align-items: center; overflow: hidden; border-radius: 2rem; background: radial-gradient(circle at 50% 45%, rgba(0,164,255,.23), transparent 35%), linear-gradient(135deg,#06101a,#09253a); }
.store-hydrion__identity { position: relative; z-index: 2; padding: clamp(2rem,4vw,4rem) 1rem; text-align: center; }
.store-hydrion__identity .state { justify-content: center; }
.store-hydrion__identity > p:not(.state) { max-width: 38rem; margin-inline: auto; color: var(--muted); }
.store-hydrion__title { display: inline-grid; gap: .2rem; color: var(--ink); text-decoration: none; }
.store-hydrion__title img { width: clamp(4.5rem,7vw,7rem); height:auto; margin-inline: auto; object-fit:contain; filter: drop-shadow(0 .8rem 1.8rem rgba(0,0,0,.32)); }
.store-hydrion__title h3 { min-width:0; margin: 0; overflow-wrap:anywhere; font: 700 clamp(3.5rem,6vw,7rem)/.95 var(--font-display); letter-spacing: -.055em; text-transform: uppercase; }
.store-hydrion__title span { color: var(--signal); font: .72rem/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
.store-hydrion__availability { display: grid; gap: .45rem; margin: 1.5rem auto; color: var(--muted); font-size: .88rem; }
.store-hydrion__availability strong { color: var(--ink); }
.store-hydrion__identity .actions { justify-content: center; }
.store-hydrion__platform { position: relative; align-self: stretch; display: grid; align-items: end; justify-items: center; margin: 0; overflow: hidden; }
.store-hydrion__platform span { position: absolute; z-index: 2; top: 1.5rem; color: var(--muted); font: .68rem/1 var(--font-mono); letter-spacing: .09em; text-transform: uppercase; }
.store-hydrion__platform img { width: min(96%,25rem); max-height: 34rem; object-fit: contain; filter: drop-shadow(0 1.5rem 2.5rem rgba(0,0,0,.44)); }
.store-hydrion__platform--android img { transform: translate(-8%,8%) rotate(-4deg); }
.store-hydrion__platform--ios img { transform: translate(8%,8%) rotate(4deg); }
[data-page="7playbox"] .project-entry { border: 0; border-radius: 2rem; margin-bottom: 2rem; overflow: hidden; background: var(--surface); }
[data-page="contact"] .contact-portrait { border-radius: 45% 45% 8% 45%; }
[data-page="contact"] .contact-portrait img { object-position: center 24%; }

@media (max-width: 900px) {
  .hydrion-hero { min-height: auto; }
  .hydrion-hero__grid, .hydrion-chapter__layout, .hydrion-platforms__grid, .hydrion-close__grid { grid-template-columns: 1fr; }
  .hydrion-hero__stage { min-height: 34rem; }
  .hydrion-phone { width: min(52%, 18rem); }
  .hydrion-chapter { min-height: auto; padding-block: var(--space-section); }
  .hydrion-chapter__layout { min-height: auto; position: static; padding-block: 0; }
  .hydrion-chapter--pattern .hydrion-chapter__copy, .hydrion-chapter--context .hydrion-chapter__copy { order: 1; }
  .hydrion-chapter--pattern .hydrion-screen, .hydrion-chapter--context .hydrion-screen { order: 2; }
  .hydrion-screen { width: min(58vw, 22rem); }
  .hydrion-screen img { max-height: 42rem; }
  .hydrion-platforms__copy { max-width: none; }
  .hydrion-platforms__stage { min-height: 20rem; }
  .hydrion-platforms__stage img { width: min(72%, 20rem); }
  [data-page="home"] .project-entry, [data-page="7store"] .project-entry { grid-template-columns: 1fr; min-height: 0; }
  .store-hydrion { grid-template-columns: minmax(0,.7fr) minmax(0,1.2fr); }
  .store-hydrion__identity { grid-column: 1/-1; grid-row: 1; }
  .store-hydrion__platform { min-height: 24rem; }
}

@media (min-width: 901px) and (max-height: 780px) {
  .hydrion-hero__grid { padding-block: 1.5rem; }
  .hydrion-hero .display { font-size: clamp(4.4rem, 6.5vw, 6.2rem); }
  .hydrion-hero .lede { margin-block: 1rem; font-size: clamp(1.05rem,1.4vw,1.3rem); }
  .hydrion-hero__facts { margin-top: 1.25rem; }
  .platform-choice { margin-top: .8rem; }
  .hydrion-hero__stage { min-height: calc(100svh - 150px); }
  .hydrion-phone { max-height: calc(100svh - 180px); }
}

@media (max-width: 560px) {
  .site-header__inner { min-height: 62px; }
  .site-nav { top: 62px; }
  .page-hero { min-height: auto; padding-block: 2.5rem; }
  .hydrion-hero__grid { padding-block: 2.5rem 4rem; }
  .hydrion-hero .display { font-size: clamp(3.6rem, 17vw, 5.8rem); }
  .hydrion-hero__stage { min-height: 27rem; }
  .hydrion-phone { width: min(62%, 16rem); }
  .story-title { font-size: clamp(3rem, 14vw, 5rem); }
  .hydrion-screen { width: min(76vw, 20rem); }
  .hydrion-platforms__stage img { width: min(70vw, 19rem); }
  .hydrion-contact { padding: 2rem 0 0; border-top: 1px solid var(--line); border-left: 0; }
  [data-page="home"] .project-entry { border-radius: 1.25rem; }
  .store-hydrion { grid-template-columns: 1fr; border-radius: 1.25rem; }
  .store-hydrion__platform { min-height: 22rem; }
  .store-hydrion__platform--ios { display: none; }
  .store-hydrion__platform img { width: min(58%,13rem); }
}

@media (prefers-reduced-motion: reduce) {
  .hydrion-chapter { min-height: auto; padding-block: var(--space-section); }
  .hydrion-chapter__layout { min-height: auto; position: static; padding-block: 0; }
  .motion-enabled .hydrion-chapter .hydrion-screen { transform: none !important; opacity: 1 !important; }
}

/* Responsive geometry and theme parity. */
:root { --shell: calc(100% - clamp(2rem, 5vw, 6rem)); }
.hydrion-download-choice ~ .page-hero { min-height:clamp(32rem,70vh,44rem); }
.hydrion-download-visual { display:grid; grid-template-columns:minmax(9rem,.72fr) minmax(14rem,1.28fr); gap:clamp(1rem,2vw,2rem); align-items:center; padding:clamp(1rem,2vw,2rem)!important; overflow:hidden; border:1px solid var(--line)!important; background:linear-gradient(145deg,var(--surface),var(--surface-2))!important; }
.hydrion-download-visual > img { width:100%; height:min(52svh,34rem); max-height:none!important; object-fit:contain; filter:drop-shadow(0 1.4rem 2.5rem var(--shadow))!important; }
.hydrion-download-visual .fact-list { min-width:0; max-height:52svh; overflow:auto; }
.motion-enabled :is(.hero,.page-hero,.hydrion-hero,.hydrion-chapter,[data-project],[data-motion-scope]) :is(.display,.section-title,.story-title) { opacity:calc(.18 + var(--enter,1)*.82); clip-path:inset(0 calc((1 - var(--enter,1))*100%) 0 0); transform:translate3d(calc((1 - var(--enter,1))*-2rem),calc((1 - var(--enter,1))*.45rem),0); transform-origin:left center; will-change:clip-path,opacity,transform; }
[data-page="7store"] .page-hero .display { animation:store-title-signal var(--motion-slow) var(--ease-product) both; }
[data-page="7playbox"] .page-hero .display { animation:playbox-title-settle 820ms var(--ease-out) both; }
@keyframes store-title-signal { from { opacity:0;letter-spacing:.02em;transform:translate3d(-1.5rem,.6rem,0) scale(.96);text-shadow:1rem 0 var(--signal-soft); } to { opacity:1;letter-spacing:-.065em;transform:none;text-shadow:none; } }
@keyframes playbox-title-settle { from { opacity:0;transform:translate3d(0,1.5rem,0) skewX(-5deg);filter:blur(5px); } to { opacity:1;transform:none;filter:none; } }

@media (max-width:900px) {
  :root { --shell:calc(100% - clamp(1.5rem,6vw,3rem)); }
  .hydrion-chapter { min-height:auto; }
  .hydrion-download-choice ~ .page-hero { min-height:auto; }
  .hydrion-download-visual { grid-template-columns:minmax(8rem,.62fr) minmax(12rem,1.38fr); }
}
@media (min-width:2200px) {
  :root { font-size:clamp(16px,.6vw,48px); }
  .site-header__inner { min-height:clamp(68px,3vw,104px); }
}
@media (max-width:620px) {
  :root { --shell:calc(100% - 1.25rem); }
  .section { padding-block:clamp(2.75rem,9vw,4rem); }
  .hydrion-hero__stage { min-height:23rem; }
  .hydrion-chapter { padding-block:clamp(3rem,10vw,4.5rem); }
  .hydrion-download-visual { grid-template-columns:1fr; }
  .hydrion-download-visual > img { height:min(48svh,28rem); }
  .hydrion-download-visual .fact-list { max-height:none;overflow:visible; }
}
@media (orientation:landscape) and (max-height:620px) {
  .page-hero,.hydrion-hero { min-height:auto; }
  .page-hero,.section { padding-block:2rem; }
  .hydrion-hero__grid { grid-template-columns:minmax(0,1fr) minmax(16rem,.7fr);padding-block:1.5rem; }
  .hydrion-hero__stage { min-height:calc(100svh - 9rem); }
  .hydrion-phone { max-height:calc(100svh - 10rem); }
  .hydrion-chapter { min-height:auto;padding-block:2.5rem; }
  .hydrion-chapter__layout { grid-template-columns:minmax(15rem,.85fr) minmax(15rem,1.15fr); }
  .hydrion-screen img { max-height:calc(100svh - 8rem); }
}
@media (prefers-reduced-motion:reduce) {
  .site-header { animation:none; }
  .motion-enabled [data-motion] :is(.display,.section-title,.story-title) { opacity:1!important;clip-path:none!important;transform:none!important; }
  [data-page="7store"] .page-hero .display,[data-page="7playbox"] .page-hero .display { animation:none!important; }
}

.store-hydrion { --ink:#FFFFFF;--muted:#94A3B8;--faint:#64748B;--line:rgba(148,163,184,.2);--line-strong:rgba(148,163,184,.38);--signal:#00B4D8;--signal-soft:rgba(0,180,216,.14);color:var(--ink); }
.action[aria-disabled="true"] { min-height:0;padding:0;border:0;background:transparent;color:var(--muted);cursor:var(--cursor-editor,text); }
.action[aria-disabled="true"]:hover { border-color:transparent;background:transparent;color:var(--muted); }
.hydrion-view--download .hydrion-download-choice { padding-block:clamp(1.5rem,3vw,2.5rem) 1rem; }
.hydrion-view--download .hydrion-download-choice ~ .page-hero { min-height:auto;padding-block:clamp(2rem,5vh,3.5rem); }
.hydrion-view--download .page-hero__grid { grid-template-columns:minmax(0,1.08fr) minmax(20rem,.72fr);gap:clamp(2rem,5vw,5rem); }
.hydrion-view--download .page-hero .display { max-width:12ch;font-size:clamp(3.5rem,6vw,6.75rem);line-height:.96; }
.hydrion-view--download .hydrion-download-visual:not(:has(.fact-list)) { grid-template-columns:1fr; }
.hydrion-view--download .hydrion-download-visual > img { width:min(100%,20rem)!important;height:min(50svh,32rem);justify-self:center; }

@media (max-width:900px) {
  .hydrion-view--download .page-hero__grid { grid-template-columns:1fr; }
  .hydrion-view--download .hydrion-download-visual { grid-template-columns:minmax(8rem,.55fr) minmax(12rem,1.45fr); }
  .hydrion-view--download .hydrion-download-visual:not(:has(.fact-list)) { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .hydrion-view--download .page-hero .display { font-size:clamp(3.15rem,15vw,5rem); }
  .hydrion-view--download .hydrion-download-visual { grid-template-columns:1fr; }
}

/* Product artwork: deployed assets only, integrated into the existing theme system. */
[data-page="modoroco"] .page-hero__aside,
[data-page="clipsense"] .page-hero__aside {
  display: grid;
  grid-template-columns: minmax(8rem, .7fr) minmax(13rem, 1fr);
  align-items: center;
  gap: clamp(1.5rem, 4vw, 4rem);
}
[data-page="modoroco"] .page-hero__aside::before,
[data-page="clipsense"] .page-hero__aside::before {
  content: "";
  display: block;
  width: min(100%, 19rem);
  aspect-ratio: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: drop-shadow(0 1.25rem 2.5rem rgb(0 0 0 / .2));
}
[data-page="modoroco"] .page-hero__aside::before {
  background-image: url("/assets/images/products/modoroco/modicon.png");
}
[data-page="clipsense"] .page-hero__aside::before {
  background-image: url("/assets/images/products/clipsense/clipsense.png");
}
@media (max-width: 900px) {
  [data-page="modoroco"] .page-hero__aside,
  [data-page="clipsense"] .page-hero__aside {
    grid-template-columns: minmax(7rem, 11rem) 1fr;
  }
}
@media (max-width: 620px) {
  [data-page="modoroco"] .page-hero__aside,
  [data-page="clipsense"] .page-hero__aside {
    grid-template-columns: minmax(6rem, 8rem) 1fr;
    gap: 1rem;
  }
}

/* Home systems alternate visual/copy direction: visual-copy, copy-visual. */
@media (min-width: 901px) {
  [data-page="home"] :is(.project-entry--hydrion,.project-entry--clipsense) {
    grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr);
  }
  [data-page="home"] :is(.project-entry--hydrion,.project-entry--clipsense) .project-entry__media {
    order: 1;
    border-right: 1px solid var(--line);
    border-left: 0;
  }
  [data-page="home"] :is(.project-entry--hydrion,.project-entry--clipsense) .project-entry__copy {
    order: 2;
    padding-right:0;
    padding-left:var(--space-3);
  }
  [data-page="home"] :is(.project-entry--modoroco,.project-entry--buffer) {
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  }
  [data-page="home"] :is(.project-entry--modoroco,.project-entry--buffer) .project-entry__copy {
    order:1;
    padding-right:var(--space-3);
    padding-left:0;
  }
  [data-page="home"] :is(.project-entry--modoroco,.project-entry--buffer) .project-entry__media {
    order:2;
    border-right:0;
    border-left:1px solid var(--line);
  }
}

/* BufferFrames resolves like an incoming frame stack, not a flat photo wipe. */
.motion-enabled [data-page="home"] .project-entry--buffer .project-entry__media > img {
  clip-path: inset(0 calc((1 - var(--enter)) * 14%) 0 0);
  transform: translate3d(calc((1 - var(--enter)) * -8px), 0, 0) scale(calc(.97 + var(--focus) * .03));
}
.motion-enabled [data-page="home"] .project-entry--buffer .project-entry__media::after {
  transform: translate3d(calc((1 - var(--enter)) * 7px), 0, 0) rotate(calc(var(--enter) * 90deg));
}

@media (prefers-reduced-motion: reduce) {
  .motion-enabled [data-page="home"] .project-entry--buffer .project-entry__media > img,
  .motion-enabled [data-page="home"] .project-entry--buffer .project-entry__media::after {
    clip-path: none;
    transform: none;
  }
}

/* Editorial density and destination behavior. */
[data-page="home"] .destinations { gap: 1px; border: 1px solid var(--line); background: var(--line); }
[data-page="home"] .destination {
  position: relative;
  min-height: clamp(18rem, 38vh, 25rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  border: 0;
  background: var(--ground);
  transition: background-color 260ms ease, color 260ms ease;
}
[data-page="home"] .destination::after {
  align-self: flex-end;
  color: var(--signal);
  font: .68rem/1 var(--font-mono);
  letter-spacing: .1em;
  content: "READY";
  opacity: .58;
  transform: translateX(-.25rem);
  transition: opacity 220ms ease, transform 220ms ease;
}
[data-page="home"] .destination:nth-child(2)::after { content: "LAUNCH"; }
[data-page="home"] .destination .title { transition: transform 260ms cubic-bezier(.2,.75,.25,1); }
[data-page="home"] .destination:first-child:hover .title { transform: translateX(.35rem); }
[data-page="home"] .destination:last-child:hover .title { transform: translateY(-.3rem) scale(1.01); }
[data-page="home"] .destination:hover::after { opacity: 1; transform: none; }

/* Store and Playbox heroes carry a compact operational counterweight. */
:is([data-page="7store"],[data-page="7playbox"]) .page-hero__aside {
  position: relative;
  display: grid;
  align-content: end;
  min-height: clamp(13rem, 30vh, 20rem);
  padding: clamp(1.5rem, 3vw, 3rem);
  border: 1px solid var(--line);
  background: linear-gradient(145deg, var(--surface), transparent);
}
:is([data-page="7store"],[data-page="7playbox"]) .page-hero__aside::before {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: .55rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--signal);
  box-shadow: 0 0 0 .45rem var(--signal-soft);
  content: "";
}
[data-page="7playbox"] .page-hero__aside { border-radius: 2rem 2rem .4rem 2rem; }

/* Contact opens as one composed conversation rather than two detached blocks. */
[data-page="contact"] .contact-scene { padding-block: clamp(3rem, 7vh, 6rem); }
[data-page="contact"] .contact-intro { margin-bottom: clamp(2rem, 5vh, 4rem); }
[data-page="contact"] .contact-intro .display { position: relative; max-width: 9ch; }
[data-page="contact"] .contact-intro .display::after {
  display: inline-block;
  width: .16em;
  aspect-ratio: 1;
  margin-left: .08em;
  border-radius: 50%;
  background: var(--signal);
  box-shadow: 0 0 0 .08em var(--signal-soft);
  content: "";
  vertical-align: .12em;
}
/* Product-specific image language. Transparent marks move as objects. */
.motion-enabled .project-entry--modoroco.is-active .project-entry__media img {
  animation: modoroco-frame-resolve 720ms 120ms var(--ease-product) both;
}
.motion-enabled .project-entry--clipsense.is-active .project-entry__media img {
  animation: clipsense-segment-resolve var(--motion-slow) 140ms var(--ease-product) both;
}
.motion-enabled .store-hydrion.is-active .store-hydrion__platform img {
  animation: catalog-asset-resolve 780ms 150ms var(--ease-product) both;
}
@keyframes modoroco-frame-resolve {
  0% { opacity: .25; transform: translateY(12px) scale(.96); }
  38% { clip-path: inset(0 0 68%); transform: translateY(8px) scale(.975); }
  68% { clip-path: inset(0 0 32%); }
  100% { opacity: 1; clip-path: inset(0); transform: none; }
}
@keyframes clipsense-segment-resolve {
  0% { opacity: .25; clip-path: inset(12% 10% 12% 10%); transform: translateX(16px) scale(.97); }
  52% { opacity: .8; clip-path: inset(5% 3%); transform: translateX(-3px) scale(.99); }
  100% { opacity: 1; clip-path: inset(0); transform: none; }
}
@keyframes catalog-asset-resolve {
  from { opacity: 0; clip-path: inset(0 100% 0 0); transform: translateY(10px) scale(.98); }
  to { opacity: 1; clip-path: inset(0); }
}

@media (max-width: 900px) {
  :is([data-page="7store"],[data-page="7playbox"]) .page-hero__aside { min-height: 12rem; }
}

@media (prefers-reduced-motion: reduce) {
  [data-page="home"] .destination,
  [data-page="home"] .destination .title,
  [data-page="home"] .destination::after,
  .motion-enabled .project-entry--modoroco.is-active .project-entry__media img,
  .motion-enabled .project-entry--clipsense.is-active .project-entry__media img,
  .motion-enabled .store-hydrion.is-active .store-hydrion__platform img {
    animation: none;
    transition: none;
    clip-path: none;
    transform: none;
  }
}