#applications { background:radial-gradient(ellipse at 90% 8%,#29484d 0,transparent 48%),#102e36; }
.sector-tour-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.sector-tour-label { display:flex; align-items:center; gap:10px; color:#c2d0cd; font:10px/1.5 monospace; letter-spacing:1px; }
.sector-tour-label i { width:6px; height:6px; border-radius:50%; background:#eab16a; box-shadow:0 0 14px #eab16a60; }
.sector-tour-control { border:1px solid #6f8585; padding:10px 15px; min-height:44px; background:transparent; color:#f3f1eb; font-size:11px; }
.sector-tour-control:hover { background:#ffffff0b; border-color:#edbc79; }
.sector-selectors { display:grid; grid-template-columns:repeat(5,1fr); margin-bottom:28px; border-top:1px solid #5b7477; }
.sector-selector { position:relative; display:flex; align-items:flex-start; gap:14px; text-align:left; padding:19px 13px 20px; color:#afc0bf; background:transparent; border-bottom:1px solid #405c60; font-size:12px; line-height:1.4; min-height:68px; }
.sector-selector>span { font:9px/1.7 monospace; color:#a8aaa0; }
.sector-selector::after { content:''; position:absolute; bottom:-1px; left:0; height:2px; width:100%; background:#edbc79; transform:scaleX(0); transform-origin:left; }
.sector-selector[aria-selected=true] { background:#ffffff06; color:#ffe0b2; }
.sector-selector[aria-selected=true]::after { transform:scaleX(var(--sector-progress,0)); }
#applications[data-sector-playing=false] .sector-selector[aria-selected=true]::after { transform:scaleX(1); }
.sector-selector:hover { color:#fff; background:#ffffff08; }
.sector-experience { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:26px; align-items:start; }
.sector-panels { min-width:0; }
.sector-panel[hidden] { display:none; }
.sector-scene { position:relative; overflow:hidden; margin:0; background:#09242c; aspect-ratio:3/2; }
.sector-scene img { display:block; width:100%; height:100%; object-fit:cover; }
.sector-scene figcaption { position:absolute; inset:auto 0 0; padding:45px 22px 19px; background:linear-gradient(transparent,#031820c9); display:flex; align-items:center; justify-content:space-between; gap:12px; color:#f5ede0; font:8px/1.4 monospace; letter-spacing:1px; }
.sector-scene figcaption span:last-child { color:#dbbc8a; }
.sector-panel-copy { display:grid; grid-template-columns:1.4fr 1fr; gap:26px; padding:26px 0 0; }
.sector-panel-copy h3 { font-size:27px; line-height:1.2; font-weight:500; letter-spacing:-.7px; margin:0 0 13px; }
.sector-panel-copy p { font-size:12px; line-height:1.85; color:#b8c9c6; margin:0; }
.sector-panel-copy .text-link { margin-top:20px; color:#edbc79; font-size:12px; min-height:35px; }
.sector-brief { border-left:1px solid #486369; padding-left:22px; }
.sector-brief>span { font:8px/1.6 monospace; letter-spacing:1px; color:#e1bd89; }
.sector-brief ul { list-style:none; padding:0; margin:12px 0 0; }
.sector-brief li { color:#b8c9c6; font-size:11px; line-height:1.6; border-bottom:1px solid #3a555a; padding:8px 0; }
.sector-model-card { background:#eeece5; color:#102d36; min-width:0; border:1px solid #fff2; }
.sector-model-top { padding:22px 23px 0; display:flex; align-items:center; justify-content:space-between; gap:12px; font:8px/1.6 monospace; letter-spacing:.9px; color:#597078; }
.sector-model-top span:last-child { color:#9c682d; }
#sector-model-canvas { position:relative; height:315px; width:100%; overflow:hidden; }
#sector-model-canvas canvas { display:block; width:100%; height:100%; }
#sector-model-fallback { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; padding:25px; }
#sector-model-fallback[hidden] { display:none; }
.sector-model-copy { padding:0 25px 26px; }
.sector-model-copy h3 { font-size:23px; font-weight:500; line-height:1.25; letter-spacing:-.5px; margin:0 0 13px; }
.sector-model-copy p { font-size:12px; color:#53666a; line-height:1.8; margin:0; }
.sector-model-note { padding:16px 25px; border-top:1px solid #cdd0c7; display:flex; justify-content:space-between; gap:20px; font:8px/1.6 monospace; color:#5d7175; }
.sector-model-note span:first-child { max-width:220px; }
#applications .sector-foot { margin-top:30px; }
#applications .sector-foot p { max-width:680px; }
.sector-selector:focus-visible,.sector-tour-control:focus-visible { outline:2px solid #ffc47b; outline-offset:4px; }
@keyframes sector-scene-enter { from { opacity:.25; transform:scale(1.035); } to { opacity:1; transform:scale(1); } }
@media(prefers-reduced-motion:no-preference) { .sector-panel.is-active .sector-scene img { animation:sector-scene-enter 1.2s cubic-bezier(.2,.6,.3,1) both; } }
@media(min-width:1440px) { #sector-model-canvas { height:350px; } }
@media(max-width:1000px) { .sector-experience { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:20px; } .sector-selector { padding-inline:8px; gap:9px; font-size:11px; } .sector-panel-copy { grid-template-columns:1fr; gap:24px; } .sector-brief { padding-left:0; border-left:0; } .sector-brief ul { display:flex; gap:18px; } .sector-brief li { flex:1; border-bottom:0; padding:0; font-size:10px; } #sector-model-canvas { height:260px; } .sector-model-copy h3 { font-size:21px; } }
@media(max-width:700px) { .sector-tour-label { font-size:8px; letter-spacing:.6px; } .sector-tour-control { padding:9px 12px; font-size:10px; } .sector-selectors { grid-template-columns:repeat(5,minmax(140px,1fr)); overflow-x:auto; scrollbar-width:thin; scrollbar-color:#83938c #17363f; margin-bottom:22px; padding-bottom:2px; } .sector-selector { min-height:66px; padding:17px 11px; font-size:12px; } .sector-experience { grid-template-columns:1fr; gap:27px; } .sector-panel-copy { padding-top:24px; } .sector-panel-copy h3 { font-size:26px; } .sector-scene figcaption { padding:40px 14px 15px; font-size:7px; } .sector-brief ul { gap:13px; } .sector-model-top { padding:20px 20px 0; } #sector-model-canvas { height:275px; } .sector-model-copy { padding:0 21px 23px; } .sector-model-copy h3 { font-size:23px; } .sector-model-note { padding:14px 21px; } }