/* Immersive studies: the card is the space's focal point. */
.immersive .design-shell{max-width:none;margin:0;padding:0}
.immersive .site-nav{position:absolute;top:0;left:48px;right:48px;z-index:60;min-height:92px;border:0}
.immersive .main-links{font-size:11px}
.immersive .design-switch summary{background:var(--nav-surface,transparent);border-color:var(--line);border-radius:999px;min-width:148px}
.immersive .design-switch nav{max-height:70svh;overflow:auto;border-radius:12px}
.immersive .directory-wrap{position:relative;z-index:4;background:var(--paper);padding:0 56px}
.immersive .collection,.immersive .site-footer{max-width:1370px;margin:0 auto}
.immersive .collection{padding-top:65px}
.immersive .collection-heading h2{font-size:clamp(36px,4.3vw,64px)}
.immersive .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 22px}
.immersive .tile-art{border-radius:8px}
.immersive .cell-name{font-size:15px}
.immersive .scene-info{max-width:340px}
.scene-network{font-size:10px;letter-spacing:.06em;color:var(--gray);margin-bottom:9px}
.scene-info h2{font:400 clamp(22px,2.5vw,34px)/1.2 var(--serif);letter-spacing:-.035em;overflow-wrap:anywhere}
.scene-facts{display:flex;gap:36px;margin-top:19px}
.scene-facts>div{display:flex;flex-direction:column;gap:4px;max-width:170px}
.scene-facts span{font-size:9px;color:var(--gray)}
.scene-facts strong{font-size:12px;font-weight:400;line-height:1.6}
.scene-detail{display:inline-flex;gap:28px;align-items:center;font-size:11px;padding:9px 0;margin-top:17px;border-bottom:1px solid var(--line)}
.scene-detail span{font-size:20px}
.scene-detail:hover{color:var(--accent);border-color:var(--accent)}
.scene-arrows{display:flex;gap:9px}
.scene-arrows button,.round-arrow{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;font-size:20px;background:transparent;color:var(--ink)}
.scene-arrows button:hover{background:var(--ink);color:var(--paper)}
.enter-directory{display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.03em}
.enter-directory .round-arrow{transition:transform .3s var(--ease)}
.enter-directory:hover .round-arrow{transform:translateY(4px)}

/* 04 — Orbit. Cards travel around a shared focal point. */
.orbit{--paper:#09191e;--paper-soft:#122b31;--ink:#e0efec;--ink-soft:#aec1be;--gray:#7e9995;--line:#314b4d;--accent:#b9ebda;--nav-surface:#0d2327bb}
.orbit-experience{position:relative;height:100svh;min-height:680px;overflow:hidden;isolation:isolate;background:#09191e}
.orbit-word{position:absolute;inset:17% 0 auto;font:clamp(150px,22vw,380px)/1 var(--dot);letter-spacing:-.055em;color:#a4d1c7;text-align:center;opacity:.12;z-index:-1;user-select:none;white-space:nowrap}
.space-glow{position:absolute;inset:-10%;z-index:-2;background:radial-gradient(ellipse at 50% 38%,#285e645c 0,transparent 44%),radial-gradient(ellipse at 90% 70%,#1f605338,transparent 36%);pointer-events:none}
.orbit-rings{position:absolute;left:50%;top:46%;width:140vw;height:90vw;transform:translate(-50%,-50%) perspective(1000px) rotateX(72deg) rotate(-15deg);z-index:-1;pointer-events:none}
.orbit-rings i{position:absolute;inset:8%;border:1px solid #7ba49c33;border-radius:50%}
.orbit-rings i:nth-child(2){inset:18%;border-style:dashed;border-color:#a6cfc132}
.orbit-rings i:nth-child(3){inset:28%;border-color:#b2d0c92c}
.orbit-intro{position:absolute;top:115px;left:50px;font:italic 19px/1.6 var(--serif);color:var(--ink-soft)}
.orbit-stage{position:absolute;left:0;right:0;top:24%;height:46%;perspective:1500px;cursor:grab;touch-action:pan-y;outline-offset:-12px}
.orbit-stage.is-dragging{cursor:grabbing}
.orbit-deck{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:translateX(var(--drag-offset,0px));transition:transform .65s var(--ease)}
.is-dragging .orbit-deck{transition:none}
.orbit-card{position:absolute;left:50%;top:50%;width:clamp(300px,42vw,580px);padding:0;border:0;background:none;border-radius:17px;transform-style:preserve-3d;transform:translate(-50%,-50%) translate3d(var(--ox,0px),var(--oy,0px),var(--oz,0px)) rotateY(var(--ry,-9deg)) rotateZ(var(--rz,-7deg)) scale(var(--os,1));opacity:0;pointer-events:none;transition:transform .85s var(--ease),opacity .65s var(--ease),filter .65s var(--ease);cursor:grab}
.orbit-card:first-child{opacity:1;pointer-events:auto;z-index:10}
.orbit-card:active{cursor:grabbing}
.orbit-surface{display:block;position:relative;border-radius:inherit;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .4s var(--ease);box-shadow:0 45px 55px -22px #000b,0 2px 0 #a3b7ad44}
.orbit-surface img{display:block;width:100%;aspect-ratio:85.6/54;object-fit:cover;border-radius:inherit;pointer-events:none}
.orbit-surface::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(130deg,#e5ffef1a,transparent 48%,#b6e0d50d);border:1px solid #d0f1db26}
.orbit-bottom{position:absolute;left:50px;right:50px;bottom:33px;display:grid;grid-template-columns:1fr auto 1fr;gap:35px;align-items:end;z-index:10;pointer-events:none}
.orbit-bottom>*{pointer-events:auto}
.orbit .scene-info{max-width:310px}
.orbit .scene-info h2{font-size:29px}
.orbit .scene-facts{margin-top:14px;gap:32px}
.orbit .scene-detail{margin-top:13px;padding-bottom:5px}
.orbit-navigation{display:flex;align-items:center;flex-direction:column;gap:15px;padding-bottom:4px}
.scene-counter{color:var(--gray);font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.scene-counter b{color:var(--ink);font-weight:400}
.orbit-bottom>.enter-directory{justify-self:end;padding-bottom:29px}
.orbit .collection{border-top:1px solid var(--line)}
.orbit .filter-panel{background:var(--paper-soft)}
.orbit .filter-select{color-scheme:dark}

/* 05 — Cabinet. A native scroll journey through three paper specimens. */
.cabinet{--paper:#f1eddf;--paper-soft:#e7e1d1;--ink:#34372c;--ink-soft:#6b6b57;--gray:#6b6d58;--line:#cccab7;--accent:#8c4936;--nav-surface:#f1eddfc9}
.cabinet-journey{position:relative;height:220svh;min-height:1500px}
.cabinet-scene{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;isolation:isolate;background:var(--case-bg,#f1eddf);transition:background .9s var(--ease)}
.cabinet-scene::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.07' filter='url%28%23grain%29'/%3E%3C/svg%3E");opacity:.35;mix-blend-mode:multiply}
.cabinet-watermark{position:absolute;bottom:-16%;left:-4%;font:clamp(250px,48vw,760px)/1 var(--dot);letter-spacing:-.09em;color:#8d967d;opacity:.07;z-index:-1;user-select:none}
.cabinet-copy{position:absolute;left:56px;top:16%;width:47%;max-width:640px;z-index:4}
.cabinet-copy h1{font:400 clamp(64px,7.6vw,112px)/.96 var(--serif);letter-spacing:-.065em}
.cabinet-copy h1 em{font-weight:400;color:var(--accent)}
.cabinet .scene-info{margin-top:28px;max-width:350px}
.cabinet .scene-network{font-size:9px;margin-bottom:7px}
.cabinet .scene-info h2{font-size:24px}
.cabinet .scene-facts{margin-top:12px;gap:30px}
.cabinet .scene-detail{margin-top:13px;padding-bottom:5px}
.paper-stage{position:absolute;left:54%;top:20%;width:43%;height:60%;perspective:1500px;transform-style:preserve-3d;z-index:2}
.paper-card{position:absolute;top:50%;left:50%;width:100%;max-width:620px;padding:25px 28px 24px;background:#faf9f2;border:1px solid #b4b49c55;box-shadow:0 30px 55px -20px #4b493c45,0 2px 1px #8d8b7355;transform:translate(-50%,-50%) translate3d(var(--px,0px),var(--py,0px),var(--pz,0px)) rotate(var(--pr,-7deg)) scale(var(--ps,1));opacity:var(--po,1);z-index:var(--pi,3);transition:transform 1s var(--ease),opacity .8s var(--ease);border-radius:2px}
.paper-card:nth-child(2){--px:40px;--py:-30px;--pr:5deg;--pi:2;--ps:.96}
.paper-card:nth-child(3){--px:70px;--py:-60px;--pr:13deg;--pi:1;--ps:.92}
.paper-top,.paper-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:9px;color:#6d725e;line-height:1.5}
.paper-top{margin-bottom:27px;padding-bottom:13px;border-bottom:1px solid #dedfce}
.paper-top>span:first-child{font-size:10px;color:#6b7059}
.paper-card img{display:block;width:100%;aspect-ratio:85.6/54;object-fit:cover;border-radius:11px;box-shadow:0 12px 25px -12px #383c5055}
.paper-bottom{padding-top:20px;color:#5f644f}
.paper-bottom>span:last-child{font-size:8px;flex-shrink:0}
.paper-shadow{position:absolute;left:15%;right:0;bottom:0;height:45px;background:#55563828;filter:blur(22px);border-radius:50%;z-index:-1}
.cabinet-bottom{position:absolute;bottom:35px;left:56px;right:56px;display:flex;align-items:center;gap:36px;z-index:10}
.chapter-nav{display:flex;gap:25px}
.chapter-nav button{border:0;border-bottom:1px solid transparent;background:transparent;padding:8px 0;color:var(--gray);display:flex;gap:10px;align-items:center;font-size:10px}
.chapter-nav button>span{font-size:9px;font-variant-numeric:tabular-nums}
.chapter-nav button[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--accent)}
.chapter-progress{height:1px;background:var(--line);flex:1;max-width:300px}
.chapter-progress span{display:block;height:1px;background:var(--accent);transform:scaleX(var(--journey-progress,0));transform-origin:left;transition:transform .15s linear}
.cabinet-bottom .enter-directory{margin-left:auto}
.cabinet .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}
.cabinet .tile-art{border-radius:0;background:#e5dfce;padding:40px}
.cabinet .cell:nth-child(3n+2) .tile-art{background:#dde2cf}
.cabinet .cell:nth-child(3n) .tile-art{background:#e6d9cb}

/* 06 — Cardfield. The complete collection in one pannable space. */
.cardfield{--paper:#e9ecdf;--paper-soft:#dee4d2;--ink:#26382b;--ink-soft:#5b6e55;--gray:#617356;--line:#bdc8ad;--accent:#46744c;--nav-surface:#e9ecdfdd}
.cardfield-experience{position:relative;height:100svh;min-height:680px;overflow:hidden;isolation:isolate;background:#e9ecdf}
.cardfield-experience::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#61795035 .7px,transparent .7px);background-size:22px 22px;z-index:-1}
.field-board{position:absolute;inset:0;overflow:clip;cursor:grab;touch-action:pan-y pinch-zoom;outline-offset:-12px;transform-origin:50% 50%;transition:none}
/* A composited veil dims the shelf; never blur or scale the 270-card plane. */
.has-selection .field-board{transform:none;opacity:1;filter:none}
.field-board,.field-board *,.field-title{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.field-board:focus-visible{outline:1px dashed var(--line)}
.field-board.is-dragging{cursor:grabbing}
.field-plane{position:absolute;left:50%;top:48%;width:5125px;display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:75px 65px;padding:30px;transform:translate(-50%,-50%) translate(var(--pan-x,0px),var(--pan-y,0px)) scale(var(--zoom,.82)) rotate(-8deg);transform-origin:center;will-change:transform}
.is-dragging .field-plane{transition:none}
.field-card{position:relative;align-self:start;padding:0;border:0;background:transparent;translate:var(--wrap-x,0px) var(--wrap-y,0px);transform:rotate(var(--card-rotation,0deg));cursor:grab;outline-offset:8px}
.field-card img{display:block;width:100%;aspect-ratio:85.6/54;object-fit:cover;border-radius:10px;box-shadow:0 17px 30px -12px #273e4359,0 1px 1px #ffffffaa;pointer-events:none;-webkit-user-drag:none}
.field-card-name{display:block;margin-top:11px;line-height:1.4;font-size:10px;color:#556246;text-align:left;min-height:28px;pointer-events:none}
.field-card:hover,.field-card:focus-visible{z-index:4}
.field-card-hit{position:relative;display:block;width:100%;aspect-ratio:856/540;border-radius:10px}
.field-card-face{display:block;width:100%;height:100%;border-radius:inherit}
.field-card:focus:not(:focus-visible){outline:none}
.field-card.is-lifted{visibility:hidden;transform:rotate(var(--card-rotation,0deg));transition:none}
.field-card.pointer-return:focus-visible{outline:none}
.field-card.pointer-return:focus-visible:not(:hover){transform:rotate(var(--card-rotation,0deg))}
.is-dragging .field-card{cursor:grabbing;transform:rotate(var(--card-rotation,0deg));transition:none}
.field-title{position:absolute;left:50%;top:43%;width:660px;max-width:90%;transform:translate(-50%,-50%);text-align:center;z-index:4;pointer-events:none;transition:opacity .4s var(--ease)}
.field-title::before{content:"";position:absolute;inset:-45px -20px;border-radius:50%;background:#e9ecdfec;filter:blur(35px);z-index:-1}
.field-title h1{font:400 clamp(64px,8.8vw,132px)/.95 var(--serif);letter-spacing:-.065em}
.field-title h1 em{font-weight:400;color:#668454}
.cardfield-experience.has-selection .field-title,.cardfield-experience.is-exploring .field-title,.field-board.is-dragging~.field-title{opacity:0}
.field-inspector{position:absolute;inset:0;z-index:25;pointer-events:none;outline:none}
.field-inspector[hidden]{display:none}
.field-focus-backdrop{position:absolute;inset:0;pointer-events:auto;cursor:zoom-out;background:color-mix(in srgb,var(--paper) 84%,transparent);opacity:0;transition:opacity .36s var(--ease)}
.field-inspector:is([data-focus="opening"],[data-focus="open"]) .field-focus-backdrop{opacity:1}
.field-focus-stage{position:absolute;inset:100px 28px 90px;display:flex;overflow:visible;scrollbar-width:thin;overscroll-behavior:contain;pointer-events:none}
.is-overflowing .field-focus-stage{overflow:auto}
.cardfield-experience:is([data-focus="opening"],[data-focus="closing"]) .field-focus-stage{overflow:visible}
.field-focus-content{position:relative;flex-shrink:0;width:min(620px,100%);margin:auto;display:flex;flex-direction:column;align-items:center;gap:24px;pointer-events:none}
.field-focus-flight{width:var(--focus-art-width,520px);max-width:100%;aspect-ratio:856/540;flex-shrink:0;transform-origin:center;pointer-events:auto;perspective:1300px}
.field-focus-surface{position:relative;width:100%;height:100%;border-radius:18px;overflow:hidden;transform:rotateX(var(--focus-rx,0deg)) rotateY(var(--focus-ry,0deg));transition:transform .55s var(--ease);box-shadow:0 40px 65px -30px #172b3359,0 1px 1px #ffffff40;user-select:none;-webkit-user-select:none}
.field-focus-surface img{display:block;width:100%;height:100%;aspect-ratio:856/540;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.field-focus-surface::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--focus-gx,50%) var(--focus-gy,35%),#ffffff28,transparent 70%);opacity:0;transition:opacity .45s}
.field-focus-surface:hover::after{opacity:1}
.field-focus-shine{position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 32%,#ffffff50 49%,#ffffff08 55%,transparent 68%);opacity:0;transform:translateX(-140%);pointer-events:none}
.inspector-close{position:absolute;right:40px;top:104px;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--paper) 80%,transparent);color:var(--ink);cursor:pointer;pointer-events:auto;transition:background .25s,transform .35s var(--ease)}
.inspector-close:hover{background:var(--paper-soft);transform:rotate(90deg)}
.inspector-close svg{width:20px;height:20px}
.field-inspector .scene-info{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;max-width:100%;width:100%;text-align:center;pointer-events:auto}
.field-inspector .scene-network{grid-column:1/-1;font-size:10px;margin-bottom:8px}
.field-inspector .scene-info h2{grid-column:1/-1;font-size:clamp(26px,3vw,38px);line-height:1.1;text-wrap:balance}
.field-inspector .scene-facts{justify-content:center;gap:36px;margin-top:15px;text-align:left}
.field-inspector .scene-facts>div{max-width:235px;flex:1}
.field-inspector .scene-facts span{font-size:10px}
.field-inspector .scene-facts strong{font-size:12px}
.field-inspector .scene-detail{align-self:end;margin-top:12px;min-height:44px;padding:8px 5px;gap:14px}
.field-bottom{position:absolute;left:40px;right:40px;bottom:29px;display:flex;justify-content:space-between;align-items:center;gap:25px;z-index:30}
.field-bottom::before{content:"";position:absolute;inset:-38px -40px -30px;background:linear-gradient(transparent,#e9ecdfdd 45%,#e9ecdf);z-index:-1;pointer-events:none}
.field-bottom .reset-view{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;padding:0;background:#f4f6ecd9;backdrop-filter:blur(15px);border:1px solid var(--line);border-radius:50%;color:var(--ink)}
.field-bottom .reset-view:hover{background:#dce5cf}
.reset-view svg{width:22px;height:22px}
.field-bottom .enter-directory{justify-self:end}
.cardfield .site-nav{pointer-events:none}
.cardfield .site-nav>*{pointer-events:auto}
.cardfield .site-nav::before{content:"";position:absolute;inset:0 -48px -30px;background:linear-gradient(#e9ecdf 15%,#e9ecdfdd 60%,transparent);z-index:-1;pointer-events:none}
.cardfield .directory-wrap{border-top:1px solid var(--line)}
.cardfield .tile-art{background:#dfe5d4}

@media(max-width:1100px){
  .immersive .site-nav{left:32px;right:32px;min-height:82px}
  .immersive .directory-wrap{padding:0 35px}
  .immersive .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .orbit-intro{left:34px;top:104px;font-size:16px}
  .orbit-bottom{left:34px;right:34px;gap:20px;bottom:28px}
  .orbit .scene-info h2{font-size:25px}
  .orbit .scene-info{max-width:260px}
  .orbit .scene-facts{gap:22px}
  .orbit-bottom>.enter-directory{gap:12px;font-size:9px}
  .orbit-stage{top:25%;height:42%}
  .orbit-card{width:46vw;min-width:330px}
  .cabinet-copy{left:35px;top:18%;width:48%}
  .cabinet-copy h1{font-size:8.2vw}
  .paper-stage{left:55%;width:43%;top:23%;height:53%}
  .paper-card{padding:20px}
  .paper-top{margin-bottom:18px;padding-bottom:10px}
  .paper-bottom{padding-top:16px;font-size:8px}
  .cabinet .scene-info{margin-top:23px}
  .cabinet-bottom{left:35px;right:35px;gap:25px}
  .chapter-nav{gap:16px}
  .chapter-progress{max-width:140px}
  .cardfield .site-nav::before{left:-32px;right:-32px}
  .field-bottom{left:28px;right:28px;gap:15px}
  .field-bottom>.enter-directory{font-size:9px;gap:12px}
  .field-title h1{font-size:10vw}
}
@media(max-width:760px){
  .immersive .site-nav{left:22px;right:22px;min-height:77px}
  .immersive .wordmark{font-size:28px}
  .immersive .design-switch summary{min-width:130px;font-size:10px;min-height:38px}
  .immersive .directory-wrap{padding:0 22px}
  .immersive .collection{padding-top:38px}
  .immersive .collection-heading h2{font-size:36px}
  .immersive .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 15px}
  .immersive .cell-name{font-size:13px}
  .immersive .tile-art{padding:28px 18px}
  .orbit-experience{min-height:740px;height:100svh}
  .orbit-word{font-size:23vw;top:21%;opacity:.16}
  .orbit-intro{left:24px;top:102px;font-size:17px}
  .orbit-stage{top:25%;height:35%;perspective:1000px}
  .orbit-card{width:76vw;min-width:0;max-width:470px;border-radius:12px}
  .orbit-bottom{left:24px;right:24px;bottom:26px;grid-template-columns:1fr auto;gap:20px;align-items:start}
  .orbit .scene-info{max-width:250px}
  .orbit .scene-info h2{font-size:25px}
  .orbit .scene-network{font-size:9px}
  .orbit .scene-facts{gap:22px;margin-top:14px}
  .orbit .scene-facts span{font-size:8px}
  .orbit .scene-facts strong{font-size:11px}
  .orbit .scene-detail{font-size:10px;margin-top:14px}
  .orbit-navigation{padding-top:6px;gap:12px}
  .scene-arrows{gap:7px}
  .scene-arrows button{width:37px;height:37px;font-size:18px}
  .scene-counter{font-size:9px}
  .orbit-bottom>.enter-directory{grid-column:1/-1;justify-self:stretch;justify-content:space-between;padding:15px 0 0;border-top:1px solid var(--line);margin-top:0;font-size:10px}
  .round-arrow{width:36px;height:36px;font-size:17px}
  .cabinet-journey{height:auto;min-height:0}
  .cabinet-scene{position:relative;height:auto;min-height:0;padding:113px 23px 30px;overflow:hidden}
  .cabinet-copy{position:relative;inset:auto;width:100%;max-width:none}
  .cabinet-copy h1{font-size:clamp(62px,12vw,86px);max-width:560px}
  .cabinet .scene-info{position:relative;max-width:100%;margin-top:25px;padding-top:20px;border-top:1px solid var(--line);padding-right:100px;min-height:135px}
  .cabinet .scene-info h2{font-size:24px}
  .cabinet .scene-network{font-size:8px}
  .cabinet .scene-detail{position:absolute;right:0;bottom:0;font-size:9px;gap:10px}
  .cabinet .scene-facts{gap:23px;font-size:10px}
  .paper-stage{position:relative;inset:auto;width:90%;height:360px;margin:25px auto 0;max-width:440px}
  .paper-card{padding:18px 20px;max-width:420px}
  .paper-top{font-size:8px;margin-bottom:15px;padding-bottom:9px}
  .paper-top>span:first-child{font-size:9px}
  .paper-bottom{font-size:8px;gap:10px;padding-top:15px}
  .paper-card img{border-radius:8px}
  .paper-shadow{bottom:25px}
  .cabinet-bottom{position:relative;inset:auto;display:flex;flex-wrap:wrap;gap:20px;margin-top:6px}
  .chapter-nav{display:flex;justify-content:space-between;width:100%;gap:10px;border-top:1px solid var(--line);padding-top:15px}
  .chapter-nav button{font-size:10px;gap:9px;min-height:40px}
  .chapter-progress{display:none}
  .cabinet-bottom .enter-directory{margin-left:0;justify-content:space-between;width:100%;font-size:10px}
  .cabinet-watermark{font-size:95vw;bottom:17%;left:-10%;opacity:.08}
  .cardfield-experience{height:92svh;min-height:650px}
  .cardfield .site-nav::before{left:-22px;right:-22px}
  .field-title{top:43%;width:95%;max-width:none}
  .field-title::before{inset:-25px -15px;filter:blur(25px)}
  .field-title h1{font-size:clamp(58px,11.8vw,85px);letter-spacing:-.065em}
  .field-bottom{left:22px;right:22px;bottom:22px;gap:18px}
  .field-bottom .enter-directory{font-size:10px}
  .field-focus-stage{inset:140px 22px 86px}
  .field-focus-content{gap:22px}
  .field-focus-surface{border-radius:12px;box-shadow:0 24px 45px -22px #172b3359}
  .inspector-close{right:22px;top:83px;width:44px;height:44px}
  .field-inspector .scene-info{display:block}
  .field-inspector .scene-info h2{font-size:28px;line-height:1.15}
  .field-inspector .scene-detail{font-size:11px;margin-top:9px}
  .field-inspector .scene-facts{margin-top:13px;gap:20px;text-align:center}
  .field-inspector .scene-facts strong{font-size:11px}
}
@media(max-width:380px){
  .orbit .scene-info h2{font-size:22px}
  .orbit-bottom{left:20px;right:20px;gap:14px}
  .orbit .scene-facts{gap:14px}
  .scene-arrows button{width:32px;height:32px}
  .cabinet-copy h1{font-size:61px}
  .paper-stage{height:315px;width:94%}
  .cabinet .scene-info{padding-right:80px}
}
@media(prefers-reduced-motion:reduce){
  .cabinet-journey{height:auto;min-height:0}
  .cabinet-scene{position:relative}
  .orbit-surface{transform:none}
  .field-card:hover{transform:rotate(var(--card-rotation,0deg))}
  .field-board,.field-title,.field-focus-backdrop,.field-focus-surface,.inspector-close{transition:none}
  .has-selection .field-board{transform:none;filter:none}
  .field-focus-surface{transform:none}
  .field-focus-surface::after{display:none}
}
.is-preview .cabinet-journey{height:100svh;min-height:0}
.is-preview .cabinet-scene{position:relative}
.is-preview .immersive .site-nav{pointer-events:none}