/* Project homepage. All component rules are scoped: workspace navigation keeps CSS. */
.project-home {background:var(--theme-canvas);color:var(--theme-text);font-size:16px;line-height:1.65}
.project-home *, .project-home *::before, .project-home *::after {box-sizing:border-box}
.project-home .project-wrap {width:min(100% - 96px,1280px);margin-inline:auto}
.project-home :is(h1,h2,h3,p,figure) {margin-top:0}
.project-home :is(h1,h2,h3) {font-weight:650;text-wrap:balance}
.project-home h2 {font-size:clamp(34px,4.1vw,56px);line-height:1.08;letter-spacing:-.055em;margin-bottom:24px}
.project-home h3 {font-size:27px;line-height:1.2;letter-spacing:-.035em;margin-bottom:16px}
.project-home p {color:var(--theme-muted);margin-bottom:20px}
.project-home em {color:var(--theme-accent);font-style:normal}
.project-home a {text-underline-offset:5px}
.project-home a:focus-visible,.project-home button:focus-visible,.project-home summary:focus-visible {outline:3px solid var(--theme-focus);outline-offset:5px}
.project-home :is(section,div)[id] {scroll-margin-top:28px}
.project-home .project-label,.project-home .project-small-label {color:var(--theme-accent);font:600 11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em;text-transform:uppercase}
.project-home .project-label {margin-bottom:22px;display:flex;align-items:center;gap:10px}
.project-home .project-small-label {display:block;margin-bottom:18px}
.project-home .project-dot {display:inline-block;flex:0 0 7px;width:7px;height:7px;background:var(--theme-accent);border-radius:50%;box-shadow:0 0 0 4px var(--theme-accent-soft)}
.project-home .project-header {border-bottom:1px solid var(--theme-border);background:var(--theme-canvas);position:relative;z-index:5}
.project-home .project-nav {display:flex;gap:28px;align-items:center;min-height:94px;flex-wrap:wrap;padding-block:18px}
.project-home .wordmark {font-size:28px;letter-spacing:-.055em}
.project-home #project-navigation {margin-left:auto;display:flex;align-items:center;gap:26px}
.project-home #project-navigation a {display:flex;align-items:center;gap:12px;min-height:44px;font-size:13px;text-decoration:none;font-weight:550;white-space:nowrap}
.project-home #project-navigation a:hover {color:var(--theme-accent)}
.project-home .project-nav-studio {border:1px solid var(--theme-border);padding:8px 17px;border-radius:99px}
.project-home .project-nav-tools {display:flex;align-items:center;gap:10px}
.project-home .appearance-control button {min-height:36px}
.project-home .project-menu {display:none;align-items:center;gap:12px;min-height:44px;min-width:44px;justify-content:center;padding:8px 12px;border:1px solid var(--theme-border);background:var(--theme-surface);color:var(--theme-text);font-size:12px}
.project-home .project-monitor {width:100%;display:flex;justify-content:flex-end;align-items:center;gap:24px;padding-top:12px;border-top:1px solid var(--theme-border)}
.project-home .project-monitor form {margin:0}
.project-home .project-monitor form button {font-size:12px;background:transparent;border:0;box-shadow:none}
.project-home .project-hero {display:grid;grid-template-columns:1.04fr 1fr;gap:56px;align-items:center;padding-block:88px 80px;min-height:720px}
.project-home .project-hero-copy {position:relative;z-index:1}
.project-home h1 {font-size:clamp(50px,5.2vw,76px);line-height:1.015;letter-spacing:-.068em;margin-bottom:30px}
.project-home .project-lead {font-size:19px;color:var(--theme-text);font-weight:550;letter-spacing:-.02em;margin-bottom:15px}
.project-home .project-intro {max-width:440px;font-size:16px;line-height:1.85}
.project-home .project-actions {display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:30px}
.project-home .project-button {display:inline-flex;gap:26px;justify-content:space-between;align-items:center;min-height:51px;padding:14px 22px;border:1px solid var(--theme-accent);border-radius:7px;background:var(--theme-accent);color:var(--theme-on-accent);text-decoration:none;font-size:13px;font-weight:650;transition:transform .18s,box-shadow .18s}
.project-home .project-button:hover {transform:translateY(-2px);box-shadow:0 6px 20px var(--theme-shadow-color)}
.project-home .project-button-outline {background:transparent;color:var(--theme-text);border-color:var(--theme-border)}
.project-home .project-hero-note {font-size:12px;margin:22px 0 0}
.project-home .project-hero-visual {position:relative;isolation:isolate;padding:18px;border:1px solid var(--theme-border);border-radius:16px;background:var(--theme-surface);box-shadow:0 24px 65px var(--theme-shadow-color)}
.project-home .project-orbit {position:absolute;inset:-50px -24px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,var(--theme-coral),transparent 68%);opacity:.7;pointer-events:none}
.project-home .project-studio-label {display:flex;gap:9px;align-items:center;margin:0 0 18px;font:500 8px/1.6 ui-monospace,monospace;color:var(--theme-muted);letter-spacing:.07em}
.project-home .project-studio-label>span:last-child {margin-left:auto;white-space:nowrap}
.project-home .project-hero-visual .project-screen {border:0;box-shadow:none;margin:0;background:transparent}
.project-home .project-hero-visual .project-screen-link {border-radius:10px}
.project-home .project-hero-visual figcaption {display:none}
.project-home .project-hero-caption {display:flex;gap:12px;justify-content:space-between;padding:17px 0 0;color:var(--theme-muted);font:500 9px/1.5 ui-monospace,monospace}
.project-home .project-chapters {border-block:1px solid var(--theme-border);background:var(--theme-surface)}
.project-home .project-chapters>.project-wrap {display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:24px}
.project-home .project-chapters a {font-size:13px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:14px;min-height:32px}
.project-home .project-chapters a span {font:11px ui-monospace,monospace;color:var(--theme-accent)}
.project-home .project-chapters a:hover {color:var(--theme-accent)}
.project-home .project-section {padding-block:100px}
.project-home .project-story {display:grid;grid-template-columns:1fr 1fr;column-gap:100px}
.project-home .project-story h2 {font-size:clamp(32px,3.3vw,45px)}
.project-home .project-body-large {font-size:20px;line-height:1.6;color:var(--theme-text);letter-spacing:-.02em}
.project-home .project-workflow {grid-column:1/-1;list-style:none;padding:38px 0 0;margin:24px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--theme-border);gap:24px}
.project-home .project-workflow li {font-size:18px;font-weight:550;letter-spacing:-.02em}
.project-home .project-workflow span {display:block;color:var(--theme-muted);font:10px ui-monospace,monospace;letter-spacing:.08em;margin-bottom:15px}
.project-home .project-tint {background:var(--theme-raised);border-block:1px solid var(--theme-border)}
.project-home .project-section-heading {display:grid;grid-template-columns:1.35fr .8fr;gap:80px;align-items:end;margin-bottom:48px}
.project-home .project-section-heading h2 {margin-bottom:0}
.project-home .project-section-heading>p {max-width:390px;justify-self:end;margin:0;font-size:16px;line-height:1.8}
.project-home .project-library-grid {display:grid;grid-template-columns:1fr 1fr;gap:24px}
.project-home .project-feature {border:1px solid var(--theme-border);background:var(--theme-surface);border-radius:14px;padding:32px;min-width:0}
.project-home .project-feature-copy {min-height:210px}
.project-home .project-feature p {font-size:14px;line-height:1.8}
.project-home .project-screen {margin:0;min-width:0;border:1px solid var(--theme-border);border-radius:12px;background:var(--theme-surface);box-shadow:0 10px 32px var(--theme-shadow-color)}
.project-home .project-screen-link {display:block;position:relative;border-radius:11px 11px 0 0;overflow:hidden;background:var(--theme-canvas)}
.project-home .project-screen img {display:block;width:100%;height:auto;transition:filter .2s}
.project-home .project-screen-link:hover img {filter:brightness(.97)}
.project-home .project-expand {position:absolute;right:12px;bottom:12px;padding:7px 12px;border-radius:99px;background:var(--theme-surface);color:var(--theme-text);border:1px solid var(--theme-border);font-size:10px;font-weight:600;box-shadow:0 3px 12px var(--theme-shadow-color)}
.project-home .project-screen figcaption {padding:18px 20px;font-size:11px;line-height:1.6;color:var(--theme-muted);border-top:1px solid var(--theme-border)}
.project-home .project-screen figcaption strong {display:block;color:var(--theme-text);font-size:12px;font-weight:600;margin-bottom:4px}
.project-home .project-chips {list-style:none;padding:0;margin:24px 0 0;display:flex;gap:8px;flex-wrap:wrap}
.project-home .project-chips li {padding:6px 10px;border:1px solid var(--theme-border);border-radius:99px;font-size:10px;color:var(--theme-muted)}
.project-home .project-inline-note {display:flex;align-items:center;gap:30px;padding-top:35px;margin-top:34px;border-top:1px solid var(--theme-border)}
.project-home .project-inline-note p {flex:1;font-size:13px;margin:0}
.project-home .project-inline-note a {font-size:12px;max-width:165px;flex-shrink:0;color:var(--theme-accent)}
.project-home .project-inline-note .project-small-label {margin:0;max-width:110px}
.project-home .project-signal {white-space:nowrap;font-size:28px;color:var(--theme-accent)}
.project-home .project-schedule-layout {display:grid;grid-template-columns:1.55fr 1fr;gap:55px;align-items:center}
.project-home .project-schedule-copy>article {display:flex;gap:20px;border-top:1px solid var(--theme-border);padding-top:24px;margin-top:24px}
.project-home .project-schedule-copy>article>span {font:12px ui-monospace,monospace;color:var(--theme-accent);margin-top:8px}
.project-home .project-schedule-copy h3 {margin-bottom:10px}
.project-home .project-schedule-copy p {font-size:14px;margin-bottom:0}
.project-home .project-two-up {display:grid;grid-template-columns:1fr 1fr;gap:40px}
.project-home .project-show-details {margin-block:64px}
.project-home .project-show-details>article {min-width:0}
.project-home .project-show-details>article>p:not(.project-label) {font-size:14px;min-height:90px}
.project-home .project-show-details .project-screen-link {max-height:370px;overflow:hidden}
.project-home .project-table-scroll {max-width:100%;overflow:auto;border:1px solid var(--theme-border);border-radius:10px;background:var(--theme-surface);scrollbar-color:var(--theme-accent) var(--theme-raised)}
.project-home .project-table-hint {display:none}
.project-home .project-table {width:100%;border-collapse:collapse;font-size:13px;text-align:left;line-height:1.65}
.project-home .project-table caption {text-align:left;font-size:18px;font-weight:600;color:var(--theme-text);padding:22px 26px;background:var(--theme-surface)}
.project-home .project-table :is(th,td) {padding:18px 24px;vertical-align:top;border-top:1px solid var(--theme-border)}
.project-home .project-table thead {background:var(--theme-raised);font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.project-home .project-table tbody th {font-weight:600;width:21%;color:var(--theme-text)}
.project-home .project-table td {color:var(--theme-muted)}
.project-home .project-table tbody tr:hover {background:var(--theme-canvas)}
.project-home .project-footnote {font-size:12px;line-height:1.7;margin:17px 0 0}
.project-home .project-booth-section {background:var(--theme-accent-soft);border-block:1px solid var(--theme-border)}
.project-home .project-booth-section h2 {font-size:clamp(34px,3.5vw,49px)}
.project-home .project-booth-grid {display:grid;grid-template-columns:1.05fr 1fr;gap:85px;align-items:center}
.project-home .project-booth-copy h3 {font-size:38px}
.project-home .project-booth-copy p {font-size:15px}
.project-home .project-checks {list-style:none;padding:0;margin:26px 0}
.project-home .project-checks li {position:relative;padding:12px 0 12px 25px;border-top:1px solid var(--theme-border);font-size:13px}
.project-home .project-checks li::before {content:'↗';position:absolute;left:0;color:var(--theme-accent)}
.project-home .project-text-link {display:inline-flex;align-items:center;gap:24px;min-height:44px;color:var(--theme-accent);font-size:13px;font-weight:600;text-decoration:none}
.project-home .project-text-link:hover {text-decoration:underline}
.project-home .project-booth-extras {display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:65px}
.project-home .project-booth-extras>article>p {font-size:14px;min-height:75px}
.project-home .project-booth-extras .project-screen-link {height:230px;display:grid;place-items:center}
.project-home .project-cart-feature {display:grid;grid-template-columns:1fr 1.8fr;gap:50px;margin-top:70px;align-items:center}
.project-home .project-cart-feature p {font-size:14px}
.project-home .project-stats-grid {display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center;margin-bottom:38px}
.project-home .project-stats-copy article+article {padding-top:24px;margin-top:24px;border-top:1px solid var(--theme-border)}
.project-home .project-stats-copy h3 {font-size:25px}
.project-home .project-stats-copy p {font-size:14px;margin:0}
.project-home .project-stats-copy .project-small-label {margin-bottom:12px}
.project-home .project-screen-wide .project-screen-link {max-height:570px}
.project-home .project-listener-layout {display:grid;grid-template-columns:.85fr 1.3fr;gap:65px;align-items:center}
.project-home .project-listener-copy>p:not(.project-label):not(.project-body-large) {font-size:14px}
.project-home .project-listener-copy .project-body-large {font-size:19px}
.project-home .project-player-display {position:relative;padding:0 90px 200px 0;min-width:0}
.project-home .project-phone {position:absolute;width:210px;right:0;bottom:0;border:7px solid var(--theme-text);border-radius:28px;box-shadow:0 16px 44px var(--theme-shadow-color);background:var(--theme-surface)}
.project-home .project-phone .project-screen {border:0;border-radius:20px;overflow:hidden}
.project-home .project-phone .project-screen-link {border-radius:20px}
.project-home .project-phone figcaption {display:none}
.project-home .project-phone .project-expand {font-size:9px;right:6px;bottom:6px;padding:6px 8px}
.project-home .project-feature-index {display:flex;gap:12px;flex-wrap:wrap;margin-bottom:42px}
.project-home .project-feature-index a {display:flex;align-items:center;padding:9px 14px;min-height:44px;border:1px solid var(--theme-border);border-radius:99px;font-size:11px;text-decoration:none;color:var(--theme-muted)}
.project-home .project-feature-index a:hover {background:var(--theme-accent-soft);color:var(--theme-accent)}
.project-home .project-capability-group+.project-capability-group {margin-top:34px}
.project-home .project-capability-heading {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}
.project-home .project-capability-heading h3 {font-size:21px;margin:0;display:flex;align-items:center;gap:15px}
.project-home .project-capability-heading h3 span {color:var(--theme-accent);font:11px ui-monospace,monospace}
.project-home .project-capability-heading>a {font-size:12px;color:var(--theme-muted);white-space:nowrap}
.project-home .project-capability-table td:nth-child(2) {width:44%;color:var(--theme-text)}
.project-home .project-sr-only {position:absolute;width:1px;height:1px;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.project-home .project-tech {background:var(--theme-raised);border-block:1px solid var(--theme-border)}
.project-home .project-engine {list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.project-home .project-engine li {padding:25px 20px;background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:10px;position:relative}
.project-home .project-engine li+li::before {content:'→';position:absolute;left:-18px;top:43%;font-size:15px;color:var(--theme-accent)}
.project-home .project-engine :is(small,strong,span) {display:block}
.project-home .project-engine small {font:9px/1.7 ui-monospace,monospace;letter-spacing:.05em;color:var(--theme-accent);margin-bottom:18px}
.project-home .project-engine strong {font-size:17px;letter-spacing:-.02em;margin-bottom:6px}
.project-home .project-engine span {font-size:11px;color:var(--theme-muted)}
.project-home .project-engine-note {font-size:13px;max-width:900px;margin:25px 0 40px}
.project-home .project-tech .project-text-link {margin-top:24px}
.project-home .project-start {display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center;padding:55px;border:1px solid var(--theme-border);border-radius:18px;background:radial-gradient(ellipse at 90% 50%,var(--theme-seafoam),transparent 65%),var(--theme-surface)}
.project-home .project-start h2 {font-size:clamp(36px,4.2vw,56px)}
.project-home .project-start>div>p:not(.project-label) {max-width:490px;font-size:15px}
.project-home .project-start-record {width:min(100%,330px);aspect-ratio:1;justify-self:center;display:grid;place-items:center;border-radius:50%;background:repeating-radial-gradient(circle,var(--theme-surface) 0 1px,var(--theme-text) 2px 5px);border:14px solid var(--theme-text);box-shadow:0 20px 30px var(--theme-shadow-color);transform:rotate(-12deg)}
.project-home .project-start-record>div {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:47%;aspect-ratio:1;border-radius:50%;background:var(--theme-accent-soft);color:var(--theme-text);text-align:center;border:1px solid var(--theme-border)}
.project-home .project-start-record span {font:650 19px ui-monospace,monospace;letter-spacing:.12em}
.project-home .project-start-record i {width:10px;height:10px;border-radius:50%;background:var(--theme-text)}
.project-home .project-start-record small {font:7px/1.6 ui-monospace,monospace;letter-spacing:.1em}
.project-home .project-setup-note {display:flex;gap:30px;padding:28px 0;border-bottom:1px solid var(--theme-border)}
.project-home .project-setup-note .project-small-label {min-width:130px;margin:3px 0 0}
.project-home .project-setup-note p {font-size:12px;max-width:900px;margin:0}
.project-home .project-faq {display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-top:55px}
.project-home .project-faq h3 {font-size:26px}
.project-home .project-faq details {border-bottom:1px solid var(--theme-border)}
.project-home .project-faq summary {cursor:pointer;padding:19px 28px 19px 0;font-size:15px;font-weight:550;position:relative;list-style:none}
.project-home .project-faq summary::-webkit-details-marker {display:none}
.project-home .project-faq summary::after {content:'+';position:absolute;right:0;font-size:21px;color:var(--theme-accent);top:14px}
.project-home .project-faq details[open] summary::after {content:'−'}
.project-home .project-faq details p {font-size:13px;line-height:1.8;padding-right:24px}
.project-home .project-footer {border-top:1px solid var(--theme-border);background:var(--theme-surface);padding-block:48px 24px}
.project-home .project-footer>.project-wrap {display:grid;grid-template-columns:1fr 1fr;gap:32px}
.project-home .project-footer p {font-size:12px;margin:9px 0 0}
.project-home .project-footer nav {display:flex;justify-content:flex-end;align-items:center;gap:28px;flex-wrap:wrap}
.project-home .project-footer nav a {font-size:12px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.project-home .project-footer-bottom {grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--theme-border);padding-top:24px;font-size:10px;color:var(--theme-muted)}
.project-home .project-lightbox {width:min(1440px,96vw);max-width:96vw;max-height:94dvh;padding:0;border:1px solid var(--theme-border);border-radius:15px;background:var(--theme-canvas);color:var(--theme-text)}
.project-home .project-lightbox[open] {display:flex;flex-direction:column}
.project-home .project-lightbox::backdrop {background:var(--theme-scrim);backdrop-filter:blur(8px)}
.project-home .project-lightbox-toolbar {padding:18px 24px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--theme-border);flex-shrink:0}
.project-home .project-lightbox-toolbar>div:first-child {margin-right:auto;min-width:0}
.project-home .project-lightbox-toolbar h2 {font-size:21px;letter-spacing:-.03em;margin:0}
.project-home .project-lightbox-toolbar .project-small-label {font-size:9px;margin-bottom:5px}
.project-home .project-lightbox-image {overflow:auto;min-height:0;background:var(--theme-raised);padding:20px}
.project-home .project-lightbox-image img {display:block;width:auto;max-width:100%;height:auto;margin:auto}
.project-home .project-lightbox-footer {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-top:1px solid var(--theme-border);flex-shrink:0}
.project-home .project-lightbox-footer p {font-size:12px;margin:0;text-align:center}
.project-home .project-lightbox button:not([data-appearance]) {flex-shrink:0;border:1px solid var(--theme-border);background:var(--theme-surface);color:var(--theme-text);min-height:44px;padding:9px 14px;font-size:12px}
@media(min-width:1800px) {.project-home .project-hero {padding-block:110px;min-height:810px}}
@media(max-width:1100px) {
  .project-home .project-wrap {width:calc(100% - 56px)}
  .project-home .project-nav {gap:18px;min-height:82px}
  .project-home #project-navigation {gap:18px}
  .project-home .project-nav-tools {margin-left:auto}
  html[data-theme] .project-home .project-nav #project-navigation {order:3;width:100%;justify-content:space-between;display:none;margin:0;border-top:1px solid var(--theme-border);padding-top:14px}
  html[data-theme] .project-home .project-nav #project-navigation.is-open {display:flex}
  html[data-theme] .project-home .project-nav .project-menu {display:flex}
  .project-home .project-monitor {order:4}
  .project-home .project-hero {gap:32px;padding-block:65px;min-height:0}
  .project-home h1 {font-size:clamp(47px,6.2vw,65px)}
  .project-home .project-hero-visual {padding:12px}
  .project-home .project-studio-label>span:last-child {display:none}
  .project-home .project-hero-caption {font-size:8px;flex-direction:column;gap:4px}
  .project-home .project-hero-caption>span:first-child {display:none}
  .project-home .project-section {padding-block:75px}
  .project-home .project-story {column-gap:40px}
  .project-home .project-section-heading {gap:40px;grid-template-columns:1.2fr 1fr}
  .project-home .project-feature {padding:24px}
  .project-home .project-feature-copy {min-height:250px}
  .project-home .project-schedule-layout {gap:35px;grid-template-columns:1.2fr 1fr}
  .project-home .project-schedule-copy h3 {font-size:23px}
  .project-home .project-schedule-copy p {font-size:13px}
  .project-home .project-schedule-copy>article {gap:14px;margin-top:18px;padding-top:18px}
  .project-home .project-booth-grid {gap:40px}
  .project-home .project-booth-copy h3 {font-size:32px}
  .project-home .project-cart-feature {gap:32px;grid-template-columns:1fr 1.2fr}
  .project-home .project-stats-grid {gap:36px}
  .project-home .project-stats-copy h3 {font-size:22px}
  .project-home .project-stats-copy p {font-size:13px}
  .project-home .project-listener-layout {gap:32px;grid-template-columns:1fr 1.2fr}
  .project-home .project-player-display {padding:0 45px 240px 0}
  .project-home .project-phone {width:190px}
  .project-home .project-engine {grid-template-columns:1fr 1fr}
  .project-home .project-engine li:nth-child(3)::before {display:none}
  .project-home .project-start {padding:35px;gap:30px}
  .project-home .project-start-record {max-width:245px}
}
@media(max-width:760px) {
  .project-home .project-wrap {width:calc(100% - 36px)}
  .project-home .project-nav {min-height:76px;gap:12px;padding-block:12px}
  .project-home .wordmark {font-size:25px}
  .project-home .project-nav-tools {gap:8px}
  .project-home .project-nav-tools .appearance-control {padding:3px}
  .project-home .appearance-control button {padding:7px 9px;min-height:38px}
  .project-home .project-menu {gap:6px;padding:8px 10px}
  .project-home .project-menu>span:first-child {display:none}
  .project-home #project-navigation {flex-wrap:wrap;gap:12px;width:100%;margin:0}
  html[data-theme] .project-home .project-nav #project-navigation.is-open {display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
  .project-home .project-nav-studio {justify-content:space-between}
  .project-home .project-monitor {justify-content:space-between;gap:15px;padding-top:10px}
  .project-home .project-monitor .monitor-volume {display:none}
  .project-home .project-monitor .master-monitor {grid-template-columns:1fr}
  .project-home .project-hero {grid-template-columns:1fr;padding-block:45px;gap:35px}
  .project-home .project-hero-copy {max-width:580px}
  .project-home h1 {font-size:clamp(47px,9.8vw,68px);letter-spacing:-.065em;margin-bottom:22px}
  .project-home .project-label {font-size:10px;margin-bottom:20px}
  .project-home .project-lead {font-size:17px}
  .project-home .project-intro {font-size:15px;line-height:1.75;max-width:520px}
  .project-home .project-actions {gap:10px;margin-top:24px}
  .project-home .project-button {font-size:12px;gap:15px;padding:13px 17px}
  .project-home .project-hero-note {margin-top:17px;font-size:11px}
  .project-home .project-hero-visual {width:100%;max-width:580px;justify-self:center}
  .project-home .project-orbit {inset:-25px -5px}
  .project-home .project-hero-caption {flex-direction:row;justify-content:flex-end;padding-top:12px}
  .project-home .project-studio-label {font-size:8px;margin-bottom:12px}
  .project-home .project-chapters>.project-wrap {gap:8px 20px;padding-block:16px;justify-content:flex-start}
  .project-home .project-chapters a {font-size:11px;min-height:36px;gap:8px}
  .project-home .project-section {padding-block:60px}
  .project-home h2 {font-size:clamp(33px,7.4vw,46px)}
  .project-home h3 {font-size:25px}
  .project-home .project-story,.project-home .project-section-heading {grid-template-columns:1fr;gap:24px}
  .project-home .project-story h2 {font-size:34px;margin-bottom:0}
  .project-home .project-section-heading {margin-bottom:32px}
  .project-home .project-section-heading>p {justify-self:start;max-width:540px;font-size:14px}
  .project-home .project-story>div>p {font-size:14px}
  .project-home .project-story .project-body-large {font-size:18px}
  .project-home .project-workflow {grid-template-columns:1fr 1fr;gap:28px 20px;padding-top:28px;margin-top:8px}
  .project-home .project-workflow li {font-size:16px}
  .project-home .project-workflow span {font-size:9px;margin-bottom:10px}
  .project-home .project-library-grid,.project-home .project-schedule-layout,.project-home .project-two-up,.project-home .project-booth-grid,.project-home .project-booth-extras,.project-home .project-cart-feature,.project-home .project-stats-grid,.project-home .project-listener-layout {grid-template-columns:1fr;gap:30px}
  .project-home .project-feature {padding:22px 18px}
  .project-home .project-feature-copy {min-height:0}
  .project-home .project-feature-copy h3 {font-size:26px}
  .project-home .project-screen figcaption {padding:14px 16px;font-size:10px}
  .project-home .project-screen figcaption strong {font-size:11px}
  .project-home .project-expand {font-size:9px;padding:6px 9px;bottom:8px;right:8px}
  .project-home .project-inline-note {flex-wrap:wrap;gap:16px;padding-top:25px;margin-top:26px}
  .project-home .project-inline-note p {flex-basis:70%;font-size:12px}
  .project-home .project-inline-note a {max-width:none;margin-left:auto}
  .project-home .project-signal {font-size:21px}
  .project-home .project-schedule-copy>article {padding-top:20px;margin-top:20px}
  .project-home .project-show-details {margin-block:45px}
  .project-home .project-show-details>article>p:not(.project-label) {min-height:0}
  .project-home .project-table-hint {display:block;position:sticky;left:0;width:fit-content;margin:0;padding:12px 16px;font-size:11px;color:var(--theme-accent)}
  .project-home .project-table {min-width:560px;font-size:12px}
  .project-home .project-table caption {padding:18px;font-size:16px}
  .project-home .project-table :is(th,td) {padding:14px 16px}
  .project-home .project-table-scroll {background:linear-gradient(90deg,var(--theme-surface),var(--theme-surface));border-right:3px solid var(--theme-accent)}
  .project-home .project-footnote {font-size:11px}
  .project-home .project-booth-section h2 {font-size:clamp(32px,7vw,44px)}
  .project-home .project-booth-copy h3 {font-size:30px}
  .project-home .project-booth-copy p {font-size:14px}
  .project-home .project-booth-extras {margin-top:42px;gap:40px}
  .project-home .project-booth-extras>article>p {min-height:0}
  .project-home .project-booth-extras .project-screen-link {height:auto;min-height:100px}
  .project-home .project-cart-feature {margin-top:45px}
  .project-home .project-stats-copy article+article {padding-top:22px;margin-top:22px}
  .project-home .project-stats-copy p {font-size:14px}
  .project-home .project-screen-wide .project-screen-link {max-height:none}
  .project-home .project-listener-layout {gap:40px}
  .project-home .project-player-display {padding:0 35px 205px 0;max-width:540px;margin-inline:auto;width:100%}
  .project-home .project-phone {width:175px;border-width:5px;border-radius:22px}
  .project-home .project-feature-index {gap:8px;margin-bottom:32px}
  .project-home .project-feature-index a {font-size:10px;padding:8px 12px}
  .project-home .project-capability-heading {align-items:flex-start;gap:12px}
  .project-home .project-capability-heading h3 {font-size:19px;gap:10px}
  .project-home .project-capability-heading>a {font-size:10px;margin-top:3px}
  .project-home .project-capability-table {min-width:680px}
  .project-home .project-engine {grid-template-columns:1fr;gap:22px}
  .project-home .project-engine li {padding:22px 24px}
  .project-home .project-engine li+li::before,.project-home .project-engine li:nth-child(3)::before {display:block;content:'↓';left:50%;top:-24px}
  .project-home .project-engine small {margin-bottom:10px}
  .project-home .project-start {grid-template-columns:1fr;gap:38px;padding:30px 22px}
  .project-home .project-start h2 {font-size:36px}
  .project-home .project-start-record {max-width:220px}
  .project-home .project-setup-note {flex-direction:column;gap:12px}
  .project-home .project-faq {grid-template-columns:1fr;gap:8px;padding-top:35px}
  .project-home .project-faq summary {font-size:14px}
  .project-home .project-footer>.project-wrap {grid-template-columns:1fr;gap:20px}
  .project-home .project-footer nav {justify-content:flex-start;gap:20px}
  .project-home .project-footer-bottom {flex-direction:column;gap:10px}
  .project-home .project-lightbox {width:96vw;max-height:96dvh}
  .project-home .project-lightbox-toolbar {padding:14px;flex-wrap:wrap;gap:12px}
  .project-home .project-lightbox-toolbar>div:first-child {width:100%;flex-shrink:0}
  .project-home .project-lightbox-toolbar h2 {font-size:19px}
  .project-home .project-lightbox-toolbar .appearance-control {margin-right:auto}
  .project-home .project-lightbox-image {padding:8px}
  .project-home .project-lightbox-image img {max-width:none;width:900px}
  .project-home .project-lightbox-image img[data-phone=true] {width:min(390px,84vw)}
  .project-home .project-lightbox-footer {padding:12px;flex-wrap:wrap;gap:10px}
  .project-home .project-lightbox-footer p {order:-1;flex-basis:100%;text-align:left;font-size:11px}
}
@media(max-width:370px) {
  .project-home .project-wrap {width:calc(100% - 28px)}
  .project-home .project-nav {gap:8px}
  .project-home .project-nav-tools {gap:5px}
  .project-home .appearance-control button {font-size:11px;padding:7px}
  .project-home .wordmark {font-size:23px}
  .project-home h1 {font-size:45px}
  .project-home .project-actions {align-items:stretch}
  .project-home .project-actions .project-button {width:100%}
  .project-home .project-feature {padding:22px 14px}
  .project-home .project-phone {width:150px}
  .project-home .project-start {padding:26px 18px}
}
@media(prefers-reduced-motion:reduce) {.project-home *,.project-home *::before,.project-home *::after {scroll-behavior:auto!important;animation:none!important;transition:none!important}}