/* Field questions connected to the established six-scene narrative. */
.field-atlas { --atlas-accent:#f5b68b; }
.field-atlas [hidden] { display:none !important; }
.field-atlas .story-intro { padding-block:48px 88px; }
.field-atlas .story-intro .story-copy { max-width:490px; }
.field-atlas .story-intro h1 { font-size:clamp(78px,7.5vw,112px); line-height:1.02; margin-bottom:30px; }
.field-atlas .atlas-title-context { display:block; margin-bottom:.08em; font-size:.56em; letter-spacing:-.045em; }
.field-atlas .atlas-title-action { display:block; white-space:nowrap; font-size:.78em; letter-spacing:-.045em; }
.field-atlas .atlas-title-accent { color:var(--atlas-accent); }
.field-atlas .story-intro .story-eyebrow { margin-bottom:22px; }
.field-atlas .story-intro .story-discipline { color:#d7dfe1; letter-spacing:.04em; font-size:12px; }
.field-atlas .story-intro .story-lead { font-size:16px; }
.field-atlas .atlas-entry { position:absolute; left:55%; top:46%; display:flex; align-items:center; color:#fff; text-decoration:none; z-index:4; }
.field-atlas .atlas-entry-dot { position:relative; display:grid; place-items:center; width:38px; height:38px; flex:none; border:1px solid #f5b68b; border-radius:50%; color:#f5b68b; background:#101820bd; font:11px ui-monospace,monospace; box-shadow:0 0 0 5px #f5b68b15; transition:background .25s ease,color .25s ease; }
.field-atlas .atlas-entry-dot::after { content:''; position:absolute; left:calc(100% + 1px); top:50%; width:42px; height:1px; background:linear-gradient(90deg,#f5b68b,#f5b68b30); }
.field-atlas .atlas-entry>span:nth-child(2) { display:grid; gap:2px; margin-left:42px; padding:7px 10px; border-left:1px solid #f5b68b; background:linear-gradient(90deg,#101820c9,#10182088); backdrop-filter:blur(5px); }
.field-atlas .atlas-entry small { color:#f5b68b; font-size:9px; letter-spacing:.12em; }
.field-atlas .atlas-entry strong { font-weight:550; font-size:13px; }
.field-atlas .atlas-entry:hover .atlas-entry-dot,.field-atlas .atlas-entry:focus-visible .atlas-entry-dot { background:#f5b68b; color:#101820; }
.field-atlas .atlas-entry:hover strong,.field-atlas .atlas-entry:focus-visible strong { color:#f5b68b; }
.field-atlas .atlas-entry:focus-visible { outline:2px solid #f5b68b; outline-offset:8px; }
.field-atlas .atlas-journey { position:absolute; bottom:27px; left:var(--gutter); right:var(--gutter); display:flex; align-items:center; gap:24px; color:#c4cdd1; font:10px ui-monospace,monospace; letter-spacing:.08em; }
.field-atlas .atlas-journey::after { content:''; height:1px; flex:1; background:linear-gradient(90deg,#f5b68b80,transparent); }
.field-atlas #field-workspace .story-copy { max-width:min(37vw,480px); }
.field-atlas #field-workspace h2 { margin-bottom:22px; }
.field-atlas #field-workspace .story-lead { font-size:16px; margin-bottom:24px; }
.field-atlas .atlas-focus-controls { margin:0; padding:0; border:0; min-width:0; }
.field-atlas .atlas-focus-controls legend { color:#bbc7cf; font-size:11px; margin-bottom:12px; }
.field-atlas .atlas-focus-options { display:flex; border-block:1px solid #ffffff28; }
.field-atlas .atlas-focus-options button { appearance:none; border:0; border-radius:0; background:transparent; flex:1; display:flex; align-items:center; justify-content:flex-start; gap:7px; min-height:48px; padding:8px 6px; color:#bbc7cf; font:inherit; font-size:13px; cursor:pointer; position:relative; }
.field-atlas .atlas-focus-options button span:first-child { font:10px ui-monospace,monospace; opacity:.7; }
.field-atlas .atlas-focus-options button::after { content:''; position:absolute; bottom:-1px; inset-inline:0; height:2px; background:var(--atlas-accent); transform:scaleX(0); transition:transform .2s ease; }
.field-atlas .atlas-focus-options button[aria-pressed=true] { color:#fff; }
.field-atlas .atlas-focus-options button[aria-pressed=true]::after { transform:scaleX(1); }
.field-atlas .atlas-focus-options button:hover { color:var(--atlas-accent); background:#ffffff05; }
.field-atlas .atlas-focus-options button:focus-visible { outline:2px solid var(--atlas-accent); outline-offset:4px; }
.field-atlas .atlas-focus-note { min-height:3.6em; padding-block:15px 0; margin:0 0 14px; color:#e3e8e9; font-size:15px; line-height:1.8; }
.field-atlas .atlas-source-note { font-size:10px; line-height:1.65; color:#a9b7c1; margin-top:16px; max-width:34em; }
.field-atlas .atlas-static-questions { font-size:14px; line-height:1.8; margin:16px 0 24px; }
.field-atlas .atlas-static-questions summary { cursor:pointer; color:var(--atlas-accent); }
.field-atlas .atlas-field-note { margin:17px 0 14px; border-block:1px solid #ffffff28; color:#e3e8e9; }
.field-atlas .atlas-field-note summary { display:flex; align-items:center; gap:10px; min-height:44px; list-style:none; cursor:pointer; color:#e8edef; font-size:12px; }
.field-atlas .atlas-field-note summary::-webkit-details-marker { display:none; }
.field-atlas .atlas-field-note summary:focus-visible { outline:2px solid var(--atlas-accent); outline-offset:3px; }
.field-atlas .atlas-field-note .atlas-note-index { color:var(--atlas-accent); font:11px ui-monospace,monospace; }
.field-atlas .atlas-field-note .atlas-note-label { color:#aebbc2; font-size:10px; letter-spacing:.07em; text-transform:uppercase; }
.field-atlas .atlas-field-note .atlas-note-title { font-weight:550; }
.field-atlas .atlas-field-note .atlas-note-toggle { margin-left:auto; display:grid; place-items:center; width:18px; flex:none; color:var(--atlas-accent); font-size:0; line-height:1; }
.field-atlas .atlas-field-note .atlas-note-toggle::after { content:'＋'; font-size:14px; }
.field-atlas .atlas-field-note[open] .atlas-note-toggle::after { content:'−'; }
.field-atlas .atlas-field-note p { max-width:34em; margin:0 0 15px 22px; padding-left:12px; border-left:1px solid #f5b68b88; color:#d4dde1; font-size:13px; line-height:1.75; }
.field-atlas .atlas-focus-marker { position:absolute; z-index:4; left:var(--atlas-x,62%); top:var(--atlas-y,50%); pointer-events:none; width:70px; height:70px; transform:translate(-50%,-50%); border:1px solid var(--atlas-accent); border-radius:50%; box-shadow:0 0 0 12px #f5b68b12,0 0 0 24px #f5b68b08; transition:left .4s ease,top .4s ease; }
.field-atlas .atlas-focus-marker::before,.field-atlas .atlas-focus-marker::after { content:''; position:absolute; background:var(--atlas-accent); }
.field-atlas .atlas-focus-marker::before { width:14px; height:1px; left:27px; top:34px; }
.field-atlas .atlas-focus-marker::after { width:1px; height:14px; left:34px; top:27px; }
.field-atlas .atlas-marker-label { position:absolute; left:50%; top:100%; transform:translateX(-50%); white-space:nowrap; margin-top:17px; padding:5px 9px; background:#0c141ce8; color:#ffe0c9; font-size:11px; letter-spacing:.035em; }
@media(min-width:761px) {
 .field-atlas .story-layer.scene-workspace .camera-window { transition:transform .65s cubic-bezier(.22,.7,.25,1); transform:scale(1.02); }
 .field-atlas .story-layer.scene-workspace[data-atlas-focus=protection] .camera-window { transform:translateX(-1.5%) scale(1.045); }
 .field-atlas .story-layer.scene-workspace[data-atlas-focus=equipment] .camera-window { transform:translate(1%,1%) scale(1.045); }
}
.field-atlas.english-v2026 .story-intro h1 { font-size:clamp(70px,6.3vw,94px); line-height:1.05; }
.field-atlas.english-v2026 .atlas-title-context { font-size:.5em; letter-spacing:-.02em; }
.field-atlas.english-v2026 .atlas-title-action { font-size:.74em; letter-spacing:-.05em; }
.field-atlas.english-v2026 .atlas-focus-options button { font-size:12px; gap:5px; }
@media(min-width:761px) and (max-width:1100px) {
 .field-atlas .story-intro h1 { font-size:78px; }
 .field-atlas .story-intro .story-copy { max-width:43vw; }
 .field-atlas #field-workspace .story-copy { max-width:43vw; }
 .field-atlas .atlas-entry { left:57%; top:42%; }
 .field-atlas.english-v2026 .story-intro h1 { font-size:clamp(54px,6.3vw,70px); }
 .field-atlas.english-v2026 .atlas-focus-options button { flex-direction:column; align-items:flex-start; }
}
@media(max-width:760px) {
 .field-atlas .story-intro { padding:0 0 38px; }
 .field-atlas .story-intro>.container { display:flex; flex-direction:column; }
 .field-atlas .story-intro .story-mobile-figure { margin:0 calc(-1 * var(--gutter)) 20px; }
 .field-atlas .story-intro .story-mobile-figure img { width:100%; height:clamp(180px,27svh,250px); object-fit:cover; object-position:68% center; }
 .field-atlas .story-intro .story-mobile-figure figcaption { padding-inline:var(--gutter); font-size:9px; }
 .field-atlas .story-intro .story-copy { max-width:100%; }
 .field-atlas .story-intro h1 { font-size:clamp(60px,16vw,90px); line-height:1.06; margin-bottom:18px; }
 .field-atlas .atlas-title-context { font-size:.68em; letter-spacing:-.06em; }
 .field-atlas .atlas-title-action { font-size:1em; letter-spacing:inherit; }
 .field-atlas .story-intro .story-eyebrow { margin-bottom:12px; }
 .field-atlas .story-intro .story-discipline { font-size:10px; line-height:1.6; margin-bottom:18px; }
 .field-atlas .story-intro .story-lead { font-size:14px; margin-bottom:0; }
 .field-atlas .story-intro .story-actions { margin-top:0; margin-bottom:20px; }
 .field-atlas .atlas-entry,.field-atlas .atlas-journey { display:none; }
 .field-atlas #field-workspace .story-copy { max-width:100%; }
 .field-atlas #field-workspace>.container { display:flex; flex-direction:column; }
 .field-atlas #field-workspace .story-copy { display:contents; }
 .field-atlas #field-workspace .story-eyebrow { order:0; }
 .field-atlas #field-workspace h2 { order:1; }
 .field-atlas #field-workspace .story-lead { order:2; }
 .field-atlas #field-workspace .story-mobile-figure { order:3; margin-bottom:16px; }
 .field-atlas #field-workspace .story-mobile-figure img { object-position:76% center; aspect-ratio:auto; height:clamp(190px,27svh,270px); }
 .field-atlas #field-workspace .atlas-focus-controls,.field-atlas #field-workspace .atlas-original-points { order:4; }
 .field-atlas #field-workspace .atlas-focus-note,.field-atlas #field-workspace .atlas-static-questions { order:5; }
 .field-atlas #field-workspace .story-case-link { order:6; align-self:flex-start; }
 .field-atlas #field-workspace .atlas-source-note { order:7; }
 .field-atlas #field-workspace .story-lead { font-size:15px; margin-bottom:22px; }
 .field-atlas .atlas-focus-note { font-size:14px; min-height:3.6em; }
 .field-atlas .atlas-field-note { margin:14px 0 12px; }
 .field-atlas .atlas-field-note summary { gap:7px; min-height:42px; font-size:11px; }
 .field-atlas .atlas-field-note p { margin-left:19px; font-size:12px; }
 .field-atlas .atlas-focus-marker { width:48px; height:48px; box-shadow:0 0 0 8px #f5b68b12; }
 .field-atlas .atlas-focus-marker::before { left:17px; top:23px; }
 .field-atlas .atlas-focus-marker::after { left:23px; top:17px; }
 .field-atlas .atlas-marker-label { font-size:10px; margin-top:12px; }
 .field-atlas.english-v2026 .story-intro h1 { font-size:clamp(54px,14vw,78px); }
 .field-atlas.english-v2026 .atlas-title-context { font-size:.7em; letter-spacing:inherit; }
 .field-atlas.english-v2026 .atlas-title-action { font-size:1em; letter-spacing:inherit; }
}
@media(max-width:760px) and (max-height:700px) {
 .field-atlas .story-intro .story-mobile-figure img { height:154px; }
 .field-atlas .story-intro h1 { font-size:54px; margin-bottom:12px; }
 .field-atlas .story-intro .story-mobile-figure { margin-bottom:13px; }
 .field-atlas .story-intro .story-discipline { margin-bottom:12px; }
 .field-atlas .story-intro .story-actions { gap:8px 18px; margin-bottom:12px; }
 .field-atlas.english-v2026 .story-intro h1 { font-size:48px; }
}
@media(prefers-reduced-motion:reduce) {
 .field-atlas .atlas-focus-marker,.field-atlas .atlas-focus-options button::after,.field-atlas .atlas-entry-dot { transition:none; }
 .field-atlas .story-layer.scene-workspace .camera-window { transform:none; transition:none; }
}
