.app-catalog { width:min(1380px,calc(100% - clamp(34px,4vw,56px))); margin:0 auto; padding:64px 0 80px; }
.catalog-intro { display:grid; grid-template-columns:1.2fr 1fr; gap:48px; align-items:end; margin-bottom:38px; }
.catalog-kicker { margin:0 0 18px; color:#ff9f45; font:600 10px/1.5 'JetBrains Mono',monospace; letter-spacing:.16em; text-transform:uppercase; }
.catalog-intro h1,.catalog-intro h2 { margin:0; font-size:clamp(36px,4.5vw,64px); letter-spacing:-.045em; line-height:1.05; }
.catalog-intro em { color:#ff8d4d; font-family:'Libre Baskerville',Georgia,serif; font-weight:400; }
.catalog-intro p:not(.catalog-kicker),.catalog-list-heading>p { max-width:46ch; margin:0 0 14px; color:#b9b3ad; line-height:1.7; font-size:16px; }
.catalog-jump { display:inline-flex; align-items:center; min-height:44px; font-size:13px; color:#ff9f45; text-underline-offset:5px; text-decoration:underline; }
.catalog-carousel { min-width:0; }
.catalog-carousel-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 20px; margin-bottom:16px; }
.catalog-swipe-hint { margin:0; color:#ada69e; font-size:12px; line-height:1.5; }
.catalog-controls { display:flex; align-items:center; gap:12px; }
.catalog-controls[hidden] { display:none; }
.catalog-controls button { display:inline-flex; align-items:center; justify-content:center; width:44px; min-width:44px; height:44px; padding:0; border:1px solid #655043; border-radius:50%; background:#181315; color:#ffad74; font:inherit; font-size:22px; cursor:pointer; }
.catalog-controls button:hover:not(:disabled) { border-color:#ff9f45; background:#261c18; }
.catalog-controls button:disabled { opacity:.4; cursor:default; }
.catalog-position { min-width:82px; text-align:center; color:#c1bab3; font:500 11px/1.5 'JetBrains Mono',monospace; }
.catalog-track { position:relative; display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 48px)/3); gap:24px; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scroll-padding-inline:6px; padding:6px 6px 18px; scrollbar-width:thin; scrollbar-color:#80604c #171315; }
.catalog-track:focus-visible,.catalog-controls button:focus-visible { outline:2px solid #ff9f45; outline-offset:4px; }
.catalog-feature { min-width:0; scroll-margin-top:28px; scroll-snap-align:start; display:flex; flex-direction:column; }
.catalog-screen { aspect-ratio:1.6; display:flex; justify-content:center; align-items:center; gap:14px; padding:16px; overflow:hidden; border:1px solid #302b2a; border-radius:14px; background:radial-gradient(ellipse at top,#242326,#100f11 80%); }
.catalog-screen a { display:flex; align-items:center; justify-content:center; min-width:0; width:100%; height:100%; }
.catalog-screen img { display:block; max-width:100%; max-height:100%; width:100%; height:100%; object-fit:contain; border-radius:4px; }
.catalog-screen--portrait { padding:12px; background:radial-gradient(ellipse at top,#293029,#101311 85%); }
.catalog-screen--portrait a { width:auto; }
.catalog-screen--portrait img { width:auto; }
.catalog-screen.catalog-screen--showcase { aspect-ratio:2/3; padding:0; gap:0; border:0; background:#100f11; }
.catalog-screen--showcase a { display:block; }
.catalog-screen--showcase img { object-fit:contain; border-radius:0; }
.catalog-art-note { margin:8px 0 0; color:#a29a92; font-size:10px; line-height:1.5; }
.catalog-screen-links { display:flex; flex-wrap:wrap; gap:4px 18px; margin:0 0 4px; }
.catalog-screen-links a { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:#ffad74; font-size:12px; text-underline-offset:4px; }
.catalog-screen-links a:hover { color:#ffd0ad; text-decoration:underline; }
.catalog-feature-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; padding-top:18px; }
.catalog-feature h3 { margin:0; font-size:23px; letter-spacing:-.035em; }
.catalog-number { color:#a29a92; font:500 11px/1.5 'JetBrains Mono',monospace; }
.catalog-platform { margin-left:auto; color:#ada69e; font-size:11px; }
.catalog-description { margin:12px 0; color:#c1bab3; line-height:1.65; font-size:14px; }
.catalog-capture-note { margin:0 0 16px; color:#a29a92; font-size:11px; line-height:1.5; }
.catalog-actions { margin-top:auto; padding-top:13px; border-top:1px solid #302b2a; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; }
.catalog-status { color:#b5afa7; font-size:11px; }
.catalog-actions a,.catalog-row-links a { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:#ffad74; font-size:12px; font-weight:650; text-underline-offset:5px; }
.catalog-actions a:hover,.catalog-row-links a:hover { text-decoration:underline; color:#ffd0ad; }
.catalog-list-heading { display:flex; justify-content:space-between; gap:28px; align-items:end; padding-top:76px; margin-bottom:22px; scroll-margin-top:28px; }
.catalog-list-heading h2 { margin:0; font-size:clamp(28px,3.4vw,44px); line-height:1.1; letter-spacing:-.04em; }
.catalog-list-heading .catalog-kicker { margin-bottom:12px; }
.catalog-list-heading>p { font-size:13px; margin:0; }
.catalog-list { margin:0; padding:0; list-style:none; border-top:1px solid #44372f; }
.catalog-row { display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:start; gap:20px; padding:22px 0; border-bottom:1px solid #302b2a; scroll-margin-top:24px; }
.catalog-row[data-top-ten]>.catalog-number { color:#ffad74; }
.catalog-row>.catalog-number { padding-top:5px; }
.catalog-row h3 { margin:0 0 6px; font-size:19px; font-weight:650; letter-spacing:-.025em; }
.catalog-row p { margin:0 0 7px; color:#bab3ac; font-size:14px; line-height:1.5; }
.catalog-row-status { color:#a29a92; font-size:11px; }
.catalog-row-links { display:flex; gap:24px; justify-content:flex-end; flex-wrap:wrap; }
.app-catalog a:focus-visible,.ai-section a:focus-visible { outline:2px solid #ff9f45; outline-offset:5px; }
.ai-section { width:min(1380px,calc(100% - clamp(34px,4vw,56px))); margin:0 auto; padding:54px 0; border-block:1px solid #44372f; display:grid; grid-template-columns:1fr 1fr; gap:48px; scroll-margin-top:28px; }
.ai-section h2 { margin:0; max-width:20ch; font-size:clamp(32px,4vw,56px); line-height:1.08; letter-spacing:-.04em; }
.ai-section p:not(.catalog-kicker) { margin:0 0 18px; color:#c1bab3; font-size:16px; line-height:1.7; }
.ai-section a { color:#ffad74; display:inline-flex; align-items:center; min-height:44px; gap:8px; }
.home-page [data-hero] { min-height:560px!important; padding:42px 0 32px!important; }
.home-page [data-hero] h1 { font-size:clamp(42px,5.2vw,72px)!important; }
.home-page [data-constellation] { min-height:560px!important; }
.home-page [data-spinner] { width:min(calc(100% - 56px),520px)!important; top:50%!important; }
.home-page [data-featured] { width:min(52%,320px)!important; top:50%!important; }
.home-page [data-hero-lede] { font-size:16px!important; margin-top:22px!important; }
.home-page [data-hero-proof] { display:none; }
.home-page [data-stats] { margin-top:28px!important; }
.home-page [data-stats] dt { font-size:20px!important; }
.home-page .catalog-intro { grid-template-columns:1fr auto; gap:20px; }
.home-page .catalog-intro h2 { font-size:clamp(30px,3.4vw,48px); }
.work-page .app-catalog { padding-top:56px; }
@media (max-width:1120px) {
  .home-page [data-hero] { grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; }
  .home-page [data-constellation] { width:100%!important; margin:0!important; min-height:440px!important; }
  .home-page [data-orbit-icon] { width:68px!important; }
  .home-page [data-featured] { width:52%!important; }
  .catalog-track { grid-auto-columns:calc((100% - 24px)/2); }
}
@media (max-width:700px) {
  .app-catalog { padding-top:32px; }
  .catalog-intro,.ai-section { grid-template-columns:1fr; gap:20px; }
  .catalog-intro { margin-bottom:26px; }
  .catalog-intro h1,.catalog-intro h2 { font-size:38px; }
  .home-page .catalog-intro { display:block; }
  .home-page .catalog-intro .catalog-kicker { margin-bottom:10px; }
  .home-page .catalog-intro h2 { font-size:30px; }
  .home-page .catalog-intro .catalog-jump { margin-top:4px; }
  .catalog-track { grid-auto-columns:calc(100% - 28px); gap:16px; }
  .catalog-carousel-bar { gap:10px; }
  .catalog-swipe-hint { font-size:11px; }
  .catalog-controls { gap:8px; }
  .catalog-position { min-width:66px; }
  .catalog-screen { aspect-ratio:1.6; }
  .catalog-list-heading { display:block; padding-top:52px; }
  .catalog-list-heading>p { margin-top:16px; }
  .catalog-row { grid-template-columns:22px minmax(0,1fr); gap:12px; padding:20px 0; }
  .catalog-row-links { grid-column:2; justify-content:flex-start; gap:24px; }
  .home-page [data-hero] { display:block!important; min-height:0!important; padding:36px 0 16px!important; }
  .home-page [data-hero] h1 { max-width:16ch!important; font-size:42px!important; margin-top:18px!important; }
  .home-page [data-constellation],.home-page [data-stats],.home-page [data-home-marquee] { display:none!important; }
  .home-page [data-hero-actions] { margin-top:20px!important; gap:8px!important; }
  .home-page [data-hero-actions] a { padding-inline:16px!important; }
}
@media (prefers-reduced-motion:reduce) {
  .catalog-track { scroll-behavior:auto; }
}