.showcase-section{background:#151a1b;border-top:1px solid var(--line);overflow:hidden}.showcase-section .display-title{font-size:clamp(40px,5.6vw,82px)}.showcase-section .heading-row>.muted{font-size:13px;max-width:360px}.showcase-tabs{display:flex;gap:32px;border-bottom:1px solid var(--line);margin:52px 0 32px}.showcase-tabs button{padding:16px 0;display:flex;gap:22px;align-items:center;font-size:12px;color:#849181;border-bottom:2px solid transparent;margin-bottom:-1px}.showcase-tabs button span{font:8px var(--mono);color:#67765f}.showcase-tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.showcase-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);gap:44px}.showcase-main{min-width:0}.showcase-stage{position:relative;aspect-ratio:16/11;background:#0c1213;border:1px solid #67705c55;overflow:hidden;isolation:isolate}.showcase-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 59px,#87947908 60px),repeating-linear-gradient(0deg,transparent 0,transparent 59px,#87947908 60px)}.showcase-image-kind{position:absolute;top:17px;left:19px;z-index:3;padding:5px 8px;background:#10191be8;font:8px var(--mono);color:#b1bda8;letter-spacing:.07em;pointer-events:none}.showcase-canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translate(var(--inspect-x,0),var(--inspect-y,0)) scale(var(--inspect-zoom,1));transform-origin:50% 50%;transition:transform .6s cubic-bezier(.2,.7,.2,1);will-change:transform}.showcase-canvas>img{width:100%;height:100%;display:block;user-select:none;pointer-events:none}.showcase-stage.is-zoomed{cursor:grab;touch-action:none}.showcase-stage.is-dragging{cursor:grabbing}.is-dragging .showcase-canvas{transition:none}.showcase-point{position:absolute;z-index:2;width:34px;height:34px;border:1px solid #d3b47d;background:#131c1de8;color:#e0c896;font:10px var(--mono);border-radius:50%;transform:translate(-50%,-50%) scale(calc(1 / var(--inspect-zoom,1)));box-shadow:0 0 0 6px #10171833;transition:background .2s}.showcase-point[aria-pressed=true]{background:#c19b68;color:#101718}.showcase-point:focus-visible{outline-offset:5px}.showcase-zoom{position:absolute;bottom:16px;right:16px;z-index:4;display:flex;border:1px solid #7f8c6a66;background:#101718ed}.showcase-zoom button{width:38px;height:38px;color:var(--accent);font:18px var(--mono)}.showcase-zoom button:nth-child(2){width:51px;font:9px var(--mono);border-left:1px solid var(--line);border-right:1px solid var(--line)}.showcase-zoom button:disabled{color:#54604c}.showcase-frame-count{position:absolute;bottom:22px;left:20px;z-index:4;font:10px var(--mono);color:#788770;padding:4px 7px;background:#101718dd}.showcase-frame-count>span{color:#dbc395}.showcase-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:13px}.showcase-bottom>p{font:9px/1.7 var(--mono);color:#7f8e79;max-width:400px}.showcase-bottom>div{display:flex;gap:8px;flex-shrink:0}.showcase-bottom button{width:38px;height:34px;border:1px solid #66745160;font:18px var(--mono);color:#a4b18f}.showcase-bottom button:hover{border-color:var(--accent);color:var(--accent)}.showcase-copy{padding-top:6px}.showcase-copy h3{font-size:31px;line-height:1.18;font-weight:normal;letter-spacing:-.025em;margin:17px 0 20px}.showcase-description{font-size:13px;line-height:1.85;color:#9caa94}.showcase-points-list{display:grid;margin-top:25px;border-top:1px solid var(--line)}.showcase-points-list button{display:flex;text-align:left;align-items:center;gap:20px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px;color:#87987c}.showcase-points-list button>span{font:8px var(--mono);color:#677b5a}.showcase-points-list button[aria-pressed=true]{color:var(--accent)}.showcase-focus-note{font-size:12px;line-height:1.8;color:#b4bba4;min-height:20px;margin-top:17px}.showcase-copy .text-link{margin-top:22px;font:10px var(--mono);color:var(--accent)}.showcase-thumbnails{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 14px;margin-top:27px;scrollbar-color:#6a7555 #101718}.showcase-thumbnails button{flex:0 0 137px;min-width:0;padding:0;text-align:left;color:#74866a}.showcase-thumbnails img{display:block;width:100%;height:82px;object-fit:cover;border:1px solid #596a4644;opacity:.66;transition:opacity .3s}.showcase-thumbnails button[aria-pressed=true] img{opacity:1;border-color:var(--accent)}.showcase-thumbnails button:hover img{opacity:1}.showcase-thumbnails span{display:block;font:9px/1.5 var(--mono);margin-top:9px}.showcase-thumbnails button[aria-pressed=true] span{color:var(--accent)}.showcase-provenance{font:9px/1.8 var(--mono);color:#6f8068;margin-top:23px}.motion-paused .showcase-canvas{transition:none}.hero-secondary{margin-top:17px;display:inline-flex;font-size:11px;color:#b4beb0;border-bottom:1px solid #9aa08a66;padding-bottom:3px}
@media(max-width:1100px){.showcase-layout{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:27px}.showcase-copy h3{font-size:26px}.showcase-description{font-size:12px}.showcase-copy .eyebrow{font-size:8px}}
@media(max-width:760px){.showcase-section .heading-row{display:block}.showcase-section .heading-row>.muted{margin-top:23px;max-width:none;font-size:12px}.showcase-section .display-title{font-size:clamp(33px,10vw,46px)}.showcase-tabs{gap:20px;margin-top:32px;margin-bottom:23px;overflow-x:auto}.showcase-tabs button{font-size:10px;gap:12px;flex-shrink:0}.showcase-layout{grid-template-columns:1fr;gap:28px}.showcase-stage{aspect-ratio:1.1}.showcase-copy h3{font-size:29px;margin:12px 0 17px}.showcase-description{font-size:13px}.showcase-points-list{margin-top:20px}.showcase-thumbnails{margin-top:24px}.showcase-thumbnails button{flex-basis:120px}.showcase-thumbnails img{height:76px}.showcase-image-kind{font-size:7px;top:12px;left:12px}.showcase-frame-count{left:10px;bottom:21px;font-size:9px}.showcase-zoom{right:12px;bottom:12px}.showcase-zoom button{height:38px;width:38px}.showcase-bottom{gap:12px}.showcase-bottom>p{font-size:8px}.showcase-point{width:31px;height:31px;font-size:9px}.hero-secondary{font-size:10px;margin-top:14px}.showcase-provenance{font-size:8px}}
@media(prefers-reduced-motion:reduce){.showcase-canvas{transition:none}}
.fleet-shortcuts { margin-bottom:clamp(24px,4vw,58px); }
.atlas-lead{max-width:410px}.atlas-lead .muted{font-size:14px;line-height:1.75}.atlas-lead>a,.world-picker>a{display:inline-block;margin-top:10px;color:var(--accent);font:11px/1.65 var(--mono);text-decoration:underline;text-underline-offset:4px}
.showcase-section .atlas-covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:34px 0 24px;border:0;overflow:visible}
.showcase-section .atlas-covers button{position:relative;isolation:isolate;overflow:hidden;height:clamp(75px,8.4vw,125px);display:flex;gap:10px;align-items:flex-end;justify-content:space-between;min-width:0;padding:12px 14px;text-align:left;color:#d6dbcf;border:1px solid #536053;background:#27312d}
.atlas-covers button::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0c1313ed,#0f17174a)}.atlas-covers button>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.83}.atlas-covers button>b{font:500 clamp(15px,1.5vw,23px)/1.12 var(--display)}.atlas-covers button>small{font:10px var(--mono);color:#d7ceb0}.showcase-section .atlas-covers button[aria-pressed=true]{border:1px solid var(--accent);box-shadow:inset 0 -3px var(--accent);color:#f1d399}.atlas-covers button:hover img{opacity:1}
.showcase-section .atlas-picker{display:flex;align-items:center;gap:12px;background:#1c2525;border:1px solid #62705d77;border-bottom:0;padding:6px 9px;scroll-margin-top:95px}.atlas-picker label,.world-picker label{font:9px/1.3 var(--mono);color:#d1b78b}.atlas-picker select,.world-picker select{color:#e3e5da;background:#172020;color-scheme:dark;font:12px/1.3 var(--body);border:1px solid #536053;min-width:0;max-width:100%;flex:1;padding:8px 5px}.atlas-picker>div{display:flex;gap:3px}.atlas-picker button,.atlas-full{color:#dec99d;background:#142020;border:1px solid #6b715d;font:18px var(--mono);min-width:38px;height:36px}.atlas-full{position:absolute;right:12px;top:12px;z-index:5;display:grid;place-items:center;background:#141d1eef}
.showcase-section .showcase-stage{aspect-ratio:16/9}.showcase-section .showcase-copy{padding-top:5px}.showcase-section .showcase-focus-note:empty{display:none}.atlas-related{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:20px}.atlas-related a,.showcase-section .atlas-related .text-link{margin:0;color:#dcc197;font:11px/1.7 var(--mono);border-bottom:1px solid #ab986166}
.atlas-contact-head{margin:25px 0 12px;display:flex;align-items:baseline;gap:13px}.atlas-contact-head h3{font:500 22px/1.2 var(--display);margin:0;color:#d7dccf}.atlas-contact-head>span{font:10px var(--mono);color:#b0946b}.showcase-section .atlas-contact{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0;overflow:visible}.showcase-section .atlas-contact button{width:100%;min-width:0;display:block;text-align:left}.showcase-section .atlas-contact button>img{width:100%;height:auto;aspect-ratio:16/9;opacity:.9;object-fit:cover}.showcase-section .atlas-contact button>span{display:flex;gap:5px;color:#c7cfc0;margin-top:6px;font:11px/1.4 var(--body)}.atlas-contact button small{font:8px/1.8 var(--mono);color:#b09875}.showcase-section .atlas-contact button[aria-pressed=true]>span{color:var(--accent)}.atlas-contact.is-folded>button:nth-child(n+7){display:none}.atlas-expand{margin-top:18px;padding:9px 13px;border:1px solid #59694e;color:#d6c496;font:11px/1.5 var(--mono)}.atlas-expand span{margin-left:12px}
.world-section .world-picker{display:flex;align-items:center;gap:9px;padding:6px 0;min-width:0}.world-picker>a{margin:0;text-align:right;font-size:10px;flex:0 1 160px}.world-picker select{width:155px}.world-picker:focus-within,.atlas-picker:focus-within{border-color:#b3aa86}
@media(max-width:760px){.atlas-lead{max-width:none;margin-top:15px}.atlas-lead .muted{font-size:13px}.showcase-section .atlas-covers{gap:5px;margin:20px 0 14px}.showcase-section .atlas-covers button{height:80px;min-height:0;padding:7px 6px;gap:3px}.atlas-covers button>b{font-size:14px;line-height:1.06}.atlas-covers button>small{font-size:8px}.showcase-section .atlas-picker{gap:5px;padding:4px;scroll-margin-top:72px}.atlas-picker label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}.atlas-picker select{font-size:12px;height:42px}.atlas-picker button,.atlas-full{width:40px;height:42px}.showcase-section .showcase-stage{aspect-ratio:16/10}.showcase-stage .showcase-image-kind{top:8px;left:8px}.atlas-full{top:6px;right:6px;min-width:36px;height:36px}.showcase-section .showcase-layout{gap:14px}.showcase-section .showcase-copy h3{font-size:25px;margin:7px 0}.showcase-section .showcase-description{font-size:13px;line-height:1.65}.showcase-section .showcase-points-list{margin-top:11px}.showcase-section .atlas-contact{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 7px}.showcase-section .atlas-contact button>span{font-size:10px}.showcase-section .atlas-contact button>span>small{display:none}.atlas-contact-head{margin-top:22px}.atlas-related{margin-top:13px;gap:7px}.world-section .world-visual{height:44svh;min-height:286px;max-height:425px}.world-section .map-frame{height:calc(100% - 84px);min-height:170px}.world-section .world-picker{height:40px;background:#14191a;padding:3px 0;gap:6px}.world-picker label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.world-picker>a{font-size:9px;line-height:1.3;flex:0 1 110px}.world-picker select{padding:4px;width:130px;height:32px;font-size:11px}.world-section .chapter{scroll-margin-top:max(44svh,286px)}}
#world .world-visual{display:grid;grid-template-rows:minmax(0,1fr) auto auto;align-content:stretch}
#world .map-frame{height:100%;min-height:0}
@media(max-width:760px){
  #world .world-visual{height:clamp(380px,51svh,500px);min-height:0;max-height:none}
  #world .world-controls{min-height:0;grid-template-columns:repeat(3,minmax(0,1fr))}
  #world .world-controls button{flex-direction:row;min-height:40px;height:40px;padding:3px 2px;gap:5px;font-size:11px}
  #world .world-controls button small{font-size:8px}
  #world .map-footer{min-height:35px;padding:6px 10px;align-items:center}
  #world .map-footer>span:last-child{font-size:9px}
  #world .map-caption{padding:6px 9px}
  #world .atlas-zoom{margin:4px}
  #world .atlas-zoom button{height:40px;min-height:40px;min-width:40px;width:40px}
  #world .atlas-zoom #zoom-reset{width:55px;min-width:55px}
  #world .world-picker{height:44px}
  #world .chapter{scroll-margin-top:clamp(380px,51svh,500px)}
}
.showcase-section .atlas-related a,.showcase-section .atlas-related .text-link{font:500 13px/1.5 var(--body);padding:3px 0}
@media(max-width:760px){.showcase-section .atlas-full{width:44px;height:44px}.showcase-section .atlas-related a,.showcase-section .atlas-related .text-link{min-height:38px;display:inline-flex;align-items:center}}