.field-atlas-section{position:relative;padding:140px 0 120px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 72% 30%,rgba(52,120,246,.1),transparent 34%),#03090d;isolation:isolate}.field-atlas-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,13,.88),transparent 28%,transparent 72%,rgba(3,9,13,.88));pointer-events:none;z-index:2}.field-atlas-canvas{position:absolute;z-index:-1;inset:0;width:100%;height:100%;opacity:.72}.atlas-intro{position:relative;z-index:3}.atlas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:44px;padding-top:18px;border-top:1px solid var(--line)}.atlas-filters{display:flex;flex-wrap:wrap;gap:7px}.atlas-filter{padding:8px 12px;border:1px solid var(--line);border-radius:99px;background:rgba(4,12,17,.6);color:#71878f;font:8px var(--mono);letter-spacing:.11em;text-transform:uppercase;cursor:pointer}.atlas-filter:hover,.atlas-filter.active{border-color:rgba(121,216,140,.45);color:#d9f5df;background:rgba(121,216,140,.055)}.atlas-hint{color:#657981;font:8px var(--mono);letter-spacing:.12em;text-transform:uppercase}.atlas-stage{position:relative;z-index:3;margin-top:60px;perspective:1400px}.atlas-viewport{overflow-x:auto;overflow-y:hidden;padding:35px max(32px,calc((100vw - 1220px)/2)) 65px;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.atlas-viewport::-webkit-scrollbar{display:none}.atlas-viewport.dragging{cursor:grabbing;scroll-snap-type:none}.atlas-track{display:flex;align-items:center;gap:22px;width:max-content;transform-style:preserve-3d}.atlas-card{--card-w:min(58vw,760px);position:relative;flex:0 0 var(--card-w);height:min(61vh,570px);overflow:hidden;border:1px solid rgba(145,207,220,.25);background:#071117;scroll-snap-align:center;cursor:pointer;transform:translate3d(0,var(--atlas-y,0),var(--atlas-z,0)) rotateY(var(--atlas-ry,0deg)) scale(var(--atlas-scale,1));opacity:var(--atlas-opacity,1);filter:saturate(var(--atlas-sat,.78));transition:border-color .3s,filter .35s;will-change:transform,opacity}.atlas-card.tall{--card-w:min(39vw,470px);height:min(68vh,640px)}.atlas-card.compact{--card-w:min(46vw,580px);height:min(52vh,480px)}.atlas-card:hover,.atlas-card.active{border-color:rgba(78,223,245,.58);filter:saturate(1)}.atlas-media,.atlas-media img,.atlas-media video{position:absolute;inset:0;width:100%;height:100%}.atlas-media img,.atlas-media video{object-fit:cover;transform:scale(1.035);transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .6s;filter:contrast(1.07) brightness(.72)}.atlas-card:hover .atlas-media img,.atlas-card:hover .atlas-media video,.atlas-card.active .atlas-media img,.atlas-card.active .atlas-media video{transform:scale(1.085);filter:contrast(1.05) brightness(.86)}.atlas-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,9,13,.96),transparent 55%),linear-gradient(90deg,rgba(3,9,13,.42),transparent 55%)}.atlas-card-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:25px}.atlas-card-copy span{font:8px var(--mono);letter-spacing:.15em;color:var(--green)}.atlas-card-copy h3{margin:11px 0 7px;font-size:clamp(25px,3vw,43px);font-weight:370;line-height:1;letter-spacing:-.045em}.atlas-card-copy p{max-width:560px;margin:0;color:#8ca0a7;font-size:11px;line-height:1.6}.atlas-sequence{position:absolute;z-index:3;right:22px;top:20px;padding:7px 9px;background:rgba(3,9,13,.65);backdrop-filter:blur(10px);font:8px var(--mono);color:#a8bcc2}.atlas-play{position:absolute;z-index:3;left:28px;top:26px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(78,223,245,.5);border-radius:50%;background:rgba(3,9,13,.56);color:var(--cyan);font-size:12px;backdrop-filter:blur(12px)}.atlas-controls{position:relative;z-index:3;width:var(--shell);margin:4px auto 0;display:flex;align-items:center;justify-content:space-between}.atlas-arrows{display:flex;gap:8px}.atlas-arrow{width:44px;height:44px;border:1px solid var(--line2);border-radius:50%;background:rgba(4,12,17,.72);color:var(--cyan);cursor:pointer}.atlas-progress{width:min(360px,40vw);height:1px;background:var(--line)}.atlas-progress i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--cyan),var(--green));transform:scaleX(var(--atlas-progress,0));transform-origin:left;transition:transform .15s}
.atlas-dialog{width:min(1180px,calc(100% - 42px));max-height:calc(100svh - 42px);padding:0;border:1px solid var(--line2);background:#040b0f;color:var(--text);box-shadow:0 40px 160px rgba(0,0,0,.72)}.atlas-dialog::backdrop{background:rgba(1,5,8,.86);backdrop-filter:blur(16px)}.atlas-dialog-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);min-height:min(76vh,760px)}.atlas-dialog-media{min-height:520px;background:#020609}.atlas-dialog-media img,.atlas-dialog-media video{width:100%;height:100%;display:block;object-fit:contain}.atlas-dialog-copy{position:relative;padding:58px 38px 34px;border-left:1px solid var(--line)}.atlas-dialog-copy .section-index{color:var(--green)}.atlas-dialog-copy h2{margin:20px 0;font-size:clamp(34px,4vw,58px);font-weight:370;line-height:1;letter-spacing:-.05em}.atlas-dialog-copy p{color:var(--muted);font-size:13px;line-height:1.75}.atlas-dialog-copy small{display:block;margin-top:35px;padding-top:18px;border-top:1px solid var(--line);font:8px/1.7 var(--mono);letter-spacing:.11em;color:#657981;text-transform:uppercase}.atlas-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border:1px solid var(--line2);border-radius:50%;background:none;color:#b9c9ce;cursor:pointer}
@media(max-width:800px){.field-atlas-section{padding:90px 0 75px}.atlas-toolbar{align-items:flex-start;flex-direction:column}.atlas-hint{display:none}.atlas-stage{margin-top:35px}.atlas-viewport{padding:15px 16px 45px;scroll-snap-type:x mandatory}.atlas-track{gap:12px}.atlas-card,.atlas-card.tall,.atlas-card.compact{--card-w:84vw;height:62vh;max-height:560px;transform:none!important;opacity:1!important}.atlas-card-copy{left:20px;right:20px;bottom:20px}.atlas-card-copy h3{font-size:31px}.atlas-controls{width:calc(100% - 32px)}.atlas-progress{width:44vw}.atlas-dialog-grid{grid-template-columns:1fr}.atlas-dialog-media{min-height:42vh}.atlas-dialog-copy{padding:38px 24px 28px;border-left:0;border-top:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){.field-atlas-canvas{display:none}.atlas-card{transform:none!important;opacity:1!important}.atlas-media img,.atlas-media video{transition:none}}
