/* The Uyuni edition: salt, limestone, silver, dark mineral, one copper thread. */
html:has(body.uyuni){scrollbar-width:none;background:#ecece5}
html:has(body.uyuni)::-webkit-scrollbar,body.uyuni::-webkit-scrollbar{display:none;width:0;height:0}
body.uyuni{
  color-scheme:light;
  --ink:#f3f1eb;
  --ivory:#222c2a;
  --muted:#5a6662;
  --gold:#855b3c;
  --copper:#9e6b4b;
  --rule:rgba(57,70,65,.19);
  --paper:#f4f2eb;
  --mineral:#26332f;
  color:var(--ivory);
  background:#ecece5;
  overflow-x:hidden;
  scrollbar-width:none;
}
.uyuni #film{background:#e7e8e0;color:var(--ivory)}
.uyuni #environment{inset:-3%;background-position:64% 50%;filter:none;transition:filter .9s ease}
.uyuni .vignette{
  background:linear-gradient(90deg,rgba(248,247,241,.91),rgba(248,247,241,.80) 24%,rgba(248,247,241,.47) 42%,rgba(247,246,240,.08) 62%,transparent 77%),linear-gradient(180deg,rgba(248,247,241,.44),transparent 22%,transparent 74%,rgba(244,243,235,.62));
}
.uyuni #film[data-tone=chamber] .vignette{
  background:linear-gradient(90deg,rgba(248,247,242,.92),rgba(248,247,242,.78) 24%,rgba(247,246,241,.35) 46%,rgba(246,245,239,.04) 65%,transparent 82%),linear-gradient(180deg,rgba(248,247,242,.34),transparent 24%,transparent 75%,rgba(242,241,234,.59));
}
.uyuni #act-rail,.uyuni .scrubber,.uyuni #film-progress,.uyuni #scene-ticks{display:none}
.uyuni .grain{display:none}
.uyuni button:hover{color:#855334}
.uyuni :is(button,a,input,summary):focus-visible{outline:2px solid #9f6946;outline-offset:5px}
.uyuni .skip{background:#f7f4eb;color:#22322c;border:1px solid #a68a6c}

/* Quiet permanent navigation; the landscape remains the dominant surface. */
.uyuni .masthead{height:88px;margin:0 4.5%;border-bottom-color:rgba(56,68,63,.17);gap:24px}
.uyuni .wordmark{gap:14px;font-size:17px;letter-spacing:.29em;color:#27332f;white-space:nowrap}
.uyuni .brand-orbit{width:26px;height:26px;border-color:#927257;box-shadow:inset 1px 0 6px #b2916540,0 1px 9px #fff8}
.uyuni .brand-orbit:after{width:3px;height:3px;background:#986343;box-shadow:0 0 5px #b581484d}
.uyuni .edition{font-size:8px;letter-spacing:.2em;color:#5e6862}
.uyuni .utilities{gap:21px;font-size:10px;color:#34403b}
.uyuni .utilities button{min-height:44px;gap:7px}
.uyuni .utilities #language{border-right-color:#596a612b;padding-right:21px}
.uyuni .motion-symbol{color:#8a674b;font-size:22px}
.uyuni .menu-symbol{font-size:13px}

.uyuni .composition{inset:106px 0 123px}
.uyuni .copy,.uyuni .hero .copy{left:7.8%;width:42%;max-width:660px;top:44%;transform:translateY(-50%)}
.uyuni .eyebrow{font-size:9px;letter-spacing:.21em;line-height:1.7;color:#795b46;margin-bottom:23px}
.uyuni h1,.uyuni .hero h1{
  font-size:clamp(48px,4.85vw,76px);
  line-height:1.055;
  letter-spacing:-.044em;
  font-weight:300;
  color:#26302d;
  max-width:660px;
  margin-bottom:22px;
  text-shadow:0 1px 12px #f7f6ef42;
}
.uyuni .deck{font-size:clamp(16px,1.3vw,21px);line-height:1.5;color:#49564f;max-width:470px;margin-bottom:17px}
.uyuni .narrative,.uyuni .hero .narrative{max-width:395px;color:#58645d;font-size:12px;line-height:1.8;margin-bottom:22px}
.uyuni .primary{padding:13px 20px;gap:34px;border:1px solid #9b7b5c8c;border-radius:2px;color:#3b4239;background:linear-gradient(120deg,#fffefbbf,#f7f3e454);box-shadow:inset 0 1px #fff,0 5px 20px #353f3210;font-size:11px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.uyuni .primary:hover{background:#fffaf1ed;color:#805534;box-shadow:0 5px 22px #5047341a}
.uyuni .text-link{color:#516158;border-bottom-color:#53685a45;font-size:10px;gap:24px}
.uyuni .hero .text-link{margin-top:6px}
.uyuni .scene-caption{color:#47584f;font-size:11px;right:5.5%;bottom:20%;max-width:220px}
.uyuni .caption-line{background:#a47d5e;opacity:.6}

/* Each opening sentence has its own measure rather than one heroic type size. */
.uyuni #film[data-opening=horizon] .copy{width:43%;top:40%}
.uyuni #film[data-opening=horizon] h1{font-size:clamp(52px,4.9vw,78px)}
.uyuni #film[data-opening=question] .copy{width:45%}
.uyuni #film[data-opening=question] h1{font-size:clamp(45px,4.2vw,67px)}
.uyuni #film[data-opening=question] .deck{font-size:clamp(18px,1.6vw,25px);max-width:520px}
.uyuni #film[data-opening=turn] h1{font-size:clamp(45px,4.45vw,70px)}
.uyuni #film[data-opening=distinction] .copy{width:39%}
.uyuni #film[data-opening=distinction] h1{font-size:clamp(44px,4.05vw,65px)}
.uyuni #film[data-opening=agency] .copy{width:36%}
.uyuni #film[data-opening=agency] h1{font-size:clamp(50px,4.8vw,76px)}
.uyuni #film[data-opening=nonlinear] .copy{width:48%}
.uyuni #film[data-opening=nonlinear] h1{font-size:clamp(44px,4.1vw,66px)}
.uyuni #film[data-opening=memory] .copy{width:47%}
.uyuni #film[data-opening=memory] h1{font-size:clamp(38px,3.65vw,58px);line-height:1.12}
.uyuni #film[data-opening=memory] .deck{font-size:clamp(18px,1.6vw,25px);max-width:510px}
.uyuni #film[data-opening=declaration] .copy{width:51%;max-width:780px;top:43%}
.uyuni #film[data-opening=declaration] h1{font-size:clamp(30px,3.15vw,46px);line-height:1.20;letter-spacing:-.035em;margin-bottom:23px}
.uyuni .opening-declaration{display:block;text-wrap:pretty}
.uyuni #film[data-opening=declaration] .deck{font-size:17px;letter-spacing:.01em}
.uyuni #film[data-opening=declaration] .narrative{font-size:11px;max-width:395px}

/* Silver-edged optical surfaces, with no brown card field. */
.uyuni .objects{left:54%;right:5%;top:9%;bottom:6%;perspective:1400px}
.uyuni .objects:empty{display:none}
.uyuni .glass{
  border:1px solid rgba(101,119,108,.28);
  border-right-color:rgba(255,255,255,.92);
  border-bottom-color:rgba(80,98,87,.26);
  border-radius:4px;
  color:#2d3932;
  background:linear-gradient(125deg,rgba(255,255,251,.81),rgba(241,242,234,.66) 53%,rgba(223,230,219,.41));
  box-shadow:inset 1px 1px 1px #ffffffe6,inset -1px -1px 1px #8b9a8833,6px 17px 42px #2d3a2c21;
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
}
.uyuni .glass:before{border-color:#ffffff80;border-radius:6px}
.uyuni .glass small,.uyuni .object-label{color:#876449;letter-spacing:.13em}
.uyuni .glass h3{color:#2f3d34;font-size:25px;line-height:1.18}
.uyuni .glass p{color:#3d4a41;font-size:17px;line-height:1.6}
.uyuni .glass .muted{color:#647366;font-size:11px;line-height:1.7}
.uyuni .glass button{border-bottom-color:#7b8c724d;color:#526348}
.uyuni .reading-surface{background:linear-gradient(125deg,#fffef8f2,#eeeedeed);border-color:#c8d0bc;color:#374234;box-shadow:inset 0 1px #fff,8px 20px 45px #52634a29}
.uyuni .reading-surface p{font-size:23px;color:#35412f}
.uyuni .reading-surface small{color:#816449}
.uyuni .reading-surface .muted{color:#65725c}
.uyuni .scene-card{width:280px;transform:rotateY(-8deg) rotateZ(.5deg)}
.uyuni .twin{max-width:550px;gap:15px;transform:rotateY(-5deg)}
.uyuni .twin .glass{min-height:245px;padding:26px 21px}
.uyuni .twin .later{transform:translateY(24px)}
.uyuni .twin .later small{color:#8c613e}
.uyuni #film[data-opening=distinction] .objects{left:49%;right:5%;top:10%;bottom:4%}
.uyuni #film[data-opening=agency] .objects{left:45%;right:4%;top:7%;bottom:3%}
.uyuni #film[data-opening=agency] :is(.slender,.future-surfaces,.agency-surfaces){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;width:100%;max-width:650px;transform:none}
.uyuni #film[data-opening=agency] :is(.slender,.future-surfaces,.agency-surfaces) .glass{min-height:230px;padding:23px 16px;transform:rotateY(-6deg)}
.uyuni #film[data-opening=agency] :is(.slender,.future-surfaces,.agency-surfaces) .glass:nth-child(2){transform:translateY(-24px)}
.uyuni #film[data-opening=agency] :is(.slender,.future-surfaces,.agency-surfaces) .glass:last-child{border-style:dashed}
.uyuni #film[data-opening=agency] .glass h3{font-size:21px}
.uyuni #film[data-opening=agency] .glass p{font-size:14px}
.uyuni .slender{gap:12px}
.uyuni .slender .glass{min-height:210px;padding:24px 17px}
.uyuni .scope-list button[aria-pressed=true]{background:#fcfaf1d9;border-color:#a98b63;box-shadow:0 0 20px #d8d5bb4d}
.uyuni .scope-detail{color:#596a5d}
.uyuni .scene-badge{color:#75633f;border-color:#8a93664d;background:#fbfaf03b}
.uyuni .timeline-cards .gap{opacity:.78}
.uyuni .instrument-list button{background:#f4f5ecd6;color:#475b47;border-color:#8092734f;backdrop-filter:blur(10px)}
.uyuni .instrument-list button[aria-pressed=true]{background:#fefcf2e6;border-color:#9f885f;color:#735837}
.uyuni .instrument-caption{color:#4f644f}
.uyuni .decision-grid th{color:#6a704d}
.uyuni .decision-grid td,.uyuni .decision-grid th{border-color:#82916d38}
.uyuni .decision-grid input{color:#35482f;background:#fffef5e6;border-color:#9da7808c}
.uyuni .decision-grid .result{color:#5b6c49}
.uyuni .choice-button{color:#5b613b!important;border-color:#9c956e!important;background:#e4e5c85e!important}
.uyuni .choice-button.accepted{background:#bac7a854!important}
.uyuni .pills button{border-color:#939f774d;color:#5c6a48}
.uyuni .pills button[aria-pressed=true]{background:#d2d9bd6b;border-color:#929d6d}
.uyuni .object-quiet{color:#3a5343;text-shadow:0 1px 15px #f8faf0;font-size:22px;line-height:1.8}
.uyuni .phone{color:#eef2e6;background:linear-gradient(120deg,#a6aca1,#1a2420 4%,#0d1813 94%,#899181);border-color:#a4aa96;box-shadow:inset 1px 0 3px #fff6,14px 25px 55px #35432b38}
.uyuni .phone h3{color:#f3f2e6}
.uyuni .phone time,.uyuni .phone .phone-note small{color:#c4c9a9}
.uyuni .phone .phone-note{border-color:#cbd3b233;color:#e4e8d5}
.uyuni .phone .orbit-mini{border-color:#bbc497;box-shadow:inset 0 0 20px #c5ce9d1f,0 0 25px #c5ce9d18}
.uyuni .gateway a,.uyuni .gateway button{color:#394e39;border-color:#7f95667a;background:#f5f7e9c9;border-radius:3px;box-shadow:inset 0 1px #fff6}
.uyuni .gateway small{color:#617355}

/* The temporal instrument is dark mineral for legibility, set inside pale space. */
.uyuni .temporal-scene .copy{left:7.8%;width:33%;top:43%}
.uyuni .temporal-scene h1{font-size:clamp(39px,3.65vw,62px)}
.uyuni .temporal-scene .objects{left:45%;right:4.5%;top:4%;bottom:2%;min-height:0;transform:none!important}
.uyuni .temporal-showcase{--tm-gold:#d6d8c4;--tm-copper:#b9997a;color:#e7e9db;padding:22px 24px;max-width:680px;background:linear-gradient(130deg,#273b31eb,#162c24ed 58%,#233b2cdf);border:1px solid #f2f4df59;border-radius:3px;box-shadow:inset 1px 1px #fbffe52b,0 16px 55px #293b2b29;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.uyuni .temporal-kicker{color:#c0cbb5}
.uyuni .temporal-emblem{color:#d6d8bd;text-shadow:none}
.uyuni .temporal-tabs{border-bottom-color:#b9c4a942}
.uyuni .temporal-tabs button{color:#b4c1ab}
.uyuni .temporal-tabs button[aria-pressed=true]{color:#f1f1db;border-bottom-color:#d0d4af;text-shadow:none}
.uyuni .temporal-time button{background:#2b413361;color:#c3cfb6;border-color:#c9d4b638}
.uyuni .temporal-time button[aria-pressed=true]{background:#aab6951a;border-color:#d4dab482;color:#e7ebd1;box-shadow:inset 0 1px #f2f5d326}
.uyuni .temporal-time>span{color:#c0cbb0}
.uyuni .temporal-pane{stroke:#d3dcc2}
.uyuni .temporal-lane,.uyuni .temporal-spatial-grid{stroke:#ced7bd}
.uyuni :is(.temporal-lane-name,.temporal-hint,.moment-later){fill:#c0cdb4}
.uyuni :is(.temporal-epoch,.moment-date,.temporal-months){fill:#d9dfc4}
.uyuni .temporal-glass-edge{stroke:#e6ebd6;filter:drop-shadow(0 0 3px #bacda52b)}
.uyuni .temporal-extrusion,.uyuni .temporal-time-axis{stroke:#c7d5b5}
.uyuni .temporal-thread{stroke:#d8bb9e;filter:drop-shadow(0 0 3px #c1a18170)}
.uyuni .temporal-thread.is-candidate{stroke:#b2c3b2;filter:none}
.uyuni .moment-core{fill:#edf2d9;stroke:#d4b58e;filter:drop-shadow(0 0 5px #d2d2a3)}
.uyuni .moment-ring{fill:#1c3225;stroke:#c6d2b3}
.uyuni .moment-title{fill:#edf1dc;stroke:#1b3025}
.uyuni .temporal-legend{color:#c2d0b4;border-bottom-color:#b4c49a3b}
.uyuni .temporal-legend i{background:#d0bb99}
.uyuni .temporal-legend .candidate{background:none;border-color:#aabda8}
.uyuni .temporal-explain{color:#d0dac2}
.uyuni .temporal-source{border-top-color:#b5c69d38}
.uyuni .temporal-source-trigger{color:#e5e9cd;border-bottom-color:#c0c99c61}
.uyuni .temporal-source-date{color:#c0cfad}
.uyuni .temporal-reset{color:#e4e9ce;border-color:#b6c59c70;background:#1d3524cc}
.uyuni .temporal-inspector{background:linear-gradient(130deg,#344b38fa,#142b20fc 68%);border-color:#d0dab1a6;box-shadow:0 18px 65px #10221480,inset 1px 1px #f1f6d02e}
.uyuni .temporal-inspector h3,.uyuni .temporal-inspector blockquote{color:#eef0d9}
.uyuni .temporal-inspector blockquote{border-left-color:#b2bd8a}
.uyuni .temporal-inspector dt{color:#afc19d}
.uyuni .temporal-inspector dd,.uyuni .temporal-preserved{color:#d5dec3}
.uyuni .temporal-close{color:#d8e0bf}
.uyuni .temporal-showcase button:hover{color:#fffce9}

/* Copper follows the ground plane; it never becomes a control or a claim. */
.uyuni .origin-thread{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible;opacity:.72;mix-blend-mode:multiply}
.uyuni .origin-thread path{fill:none;stroke:#9b6c50;stroke-width:1;vector-effect:non-scaling-stroke}
.uyuni .origin-thread .origin-thread-halo{stroke:#b68e6b;stroke-width:7;opacity:.13;filter:blur(3px)}
.uyuni .origin-thread circle{fill:#a47850;stroke:#f4eee0;stroke-width:1;filter:drop-shadow(0 0 5px #d3b27b7a)}
.uyuni .transport{left:4.5%;right:4.5%;bottom:44px;height:42px;gap:26px}
.uyuni .scene-index{color:#4a5d4d;min-width:200px;font-size:10px}
.uyuni .scene-index #scene-number{color:#795b3e;font-size:21px}
.uyuni .scene-index .slash{color:#818c76}
.uyuni .scene-title{color:#5c6d55;font-size:9px;max-width:140px}
.uyuni .scroll-cue,.uyuni .current-chapter{color:#4e634e;font-size:8px}
.uyuni .scroll-cue{gap:16px;letter-spacing:.2em}
.uyuni .scroll-cue span:last-child{color:#956f4d}
.uyuni .disclosure{color:#66775e;bottom:17px;left:4.5%;right:4.5%;font-size:8px;line-height:1.5;max-width:700px}

/* The last chapter opens outward to the basin and the night sky. */
.uyuni #film[data-tone=night]{--ivory:#f0f1e9;--muted:#c6d0c4;--gold:#d4b697;--rule:#e5e9dc3d;color:var(--ivory);background:#101b22}
.uyuni #film[data-tone=night] .vignette{background:linear-gradient(90deg,#101c2b91,#14232d61 27%,#172a3221 52%,transparent 72%),linear-gradient(180deg,#07101b26,transparent 28%,transparent 70%,#091a2180)}
.uyuni #film[data-tone=night] .copy{top:34%;left:7.8%;width:43%}
.uyuni #film[data-tone=night] h1{color:#f2f2e8;text-shadow:0 2px 20px #0c162529}
.uyuni #film[data-tone=night] .deck{color:#e0e6d5}
.uyuni #film[data-tone=night] .narrative{color:#c6d4c3}
.uyuni #film[data-tone=night] :is(.wordmark,.utilities,.edition,.eyebrow,.scene-caption,.scroll-cue,.current-chapter,.scene-index,.scene-title){color:#e0e5d5}
.uyuni #film[data-tone=night] .masthead{border-color:#dce5d433}
.uyuni #film[data-tone=night] .utilities #language{border-right-color:#dce5d433}
.uyuni #film[data-tone=night] :is(.scene-index #scene-number,.scroll-cue span:last-child,.motion-symbol){color:#ddc2a0}
.uyuni #film[data-tone=night] .brand-orbit{border-color:#d5c4a2;box-shadow:inset 1px 0 7px #9da88840}
.uyuni #film[data-tone=night] .brand-orbit:after{background:#e2cca4}
.uyuni #film[data-tone=night] .disclosure{color:#b9cbb4}
.uyuni #film[data-tone=night] .primary{border-color:#d5d2ae7a;background:#e4e6c914;color:#edf0d9;box-shadow:inset 0 1px #edf0db21}
.uyuni #film[data-tone=night] .text-link{color:#d0dec5;border-bottom-color:#c3d3b54d}
.uyuni #film[data-tone=night] .gateway a,.uyuni #film[data-tone=night] .gateway button{color:#e6edda;background:#203a2d5e;border-color:#c5d4b24f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.uyuni #film[data-tone=night] .gateway small{color:#bdcfb0}
.uyuni #film[data-tone=night] .origin-thread{mix-blend-mode:screen;opacity:.62}
.uyuni #film[data-tone=night] .origin-thread path{stroke:#cbb18b}
.uyuni #film[data-tone=night] button:hover{color:#fffce9}

/* Reading remains a complete, comfortable edition of the same experience. */
.uyuni .overlay{color:#33412e;background:#f7f7edf7;border-color:#bfc7a780;box-shadow:0 30px 120px #20301b38;border-radius:3px}
.uyuni .overlay::backdrop{background:#293c2b4d;backdrop-filter:blur(15px)}
.uyuni .dialog-top{border-bottom-color:#a8b38c45}
.uyuni .small-brand,.uyuni .close{color:#73815a}
.uyuni .overlay h2,.uyuni .overlay h3{color:#36472f}
.uyuni .chapter-row{border-bottom-color:#b5c29c40}
.uyuni .chapter-row>span{color:#9a8057}
.uyuni .chapter-scenes button{color:#64774e}
.uyuni .reading-narrative,.uyuni .detail p{color:#566b47}
.uyuni .dialog-bottom{border-color:#afbc9445;color:#75835e}
.uyuni .return-scene{color:#866b45;border-color:#9b96684d}
.uyuni .end-credit{color:#788b62}

@media(min-width:1800px){
  .uyuni .masthead{height:105px}.uyuni .composition{inset:124px 0 135px}
  .uyuni .copy,.uyuni .hero .copy{max-width:760px}
  .uyuni .hero h1,.uyuni h1{font-size:76px}.uyuni .deck{font-size:23px}
  .uyuni .narrative,.uyuni .hero .narrative{font-size:14px;max-width:470px}
  .uyuni .utilities{font-size:12px}.uyuni .edition{font-size:10px}
}
@media(min-width:701px) and (max-width:1100px){
  .uyuni .edition{display:none}.uyuni .wordmark{font-size:15px}
  .uyuni .copy,.uyuni .hero .copy{left:6%;width:43%}
  .uyuni h1,.uyuni .hero h1{font-size:48px}
  .uyuni .narrative{font-size:11px}.uyuni .deck{font-size:16px}
  .uyuni .objects{left:53%;right:4%}.uyuni .twin{gap:8px}
  .uyuni .twin .glass{min-height:210px;padding:19px 14px}.uyuni .twin .glass p{font-size:15px}
  .uyuni #film[data-opening=distinction] h1{font-size:42px}
  .uyuni #film[data-opening=agency] :is(.slender,.future-surfaces,.agency-surfaces){gap:7px}
  .uyuni #film[data-opening=agency] :is(.slender,.future-surfaces,.agency-surfaces) .glass{padding:19px 11px;min-height:210px}
  .uyuni #film[data-opening=agency] .glass h3{font-size:18px}.uyuni #film[data-opening=agency] .glass p{font-size:12px}
  .uyuni .temporal-showcase{padding:17px 16px}.uyuni .temporal-tabs{gap:17px}
  .uyuni .temporal-tabs button{font-size:10px}.uyuni .temporal-time button{font-size:8px;padding:6px}
  .uyuni .temporal-time>span{font-size:8px}.uyuni .temporal-explain{font-size:10px}
}

/* Mobile uses separate physical rows for copy and object, never a guessed top %. */
@media(max-width:700px){
  .uyuni .masthead{height:76px;margin:0 6%;gap:10px}
  .uyuni .wordmark{font-size:13px;letter-spacing:.22em;gap:10px}
  .uyuni .brand-orbit{width:22px;height:22px}.uyuni .edition{display:none}
  .uyuni .utilities{gap:15px;font-size:10px}.uyuni .utilities #language{padding-right:13px}
  .uyuni .utilities #motion-label,.uyuni .utilities #chapters-label{display:none}
  .uyuni .composition,.uyuni .temporal-scene .composition{
    inset:92px 7% 111px;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto minmax(0,1fr);
    gap:15px;
    align-items:start;
  }
  .uyuni .copy,.uyuni .hero .copy,.uyuni .temporal-scene .copy,
  .uyuni #film[data-opening] .copy,.uyuni #film[data-tone=night] .copy{
    position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;
    width:100%;max-width:none;grid-column:1;grid-row:1;min-width:0;padding-top:0;
  }
  .uyuni .hero:not(.has-objects) .copy{padding-top:clamp(8px,3dvh,27px)}
  .uyuni .eyebrow{font-size:7px;line-height:1.6;letter-spacing:.16em;margin-bottom:15px}
  .uyuni h1,.uyuni .hero h1,.uyuni #film[data-opening=horizon] h1,
  .uyuni #film[data-opening=agency] h1,.uyuni #film[data-opening=turn] h1,
  .uyuni #film[data-opening=distinction] h1,.uyuni #film[data-opening=nonlinear] h1{
    font-size:38px;line-height:1.085;letter-spacing:-.043em;margin-bottom:16px;max-width:100%;
  }
  .uyuni #film[data-opening=question] h1{font-size:35px;line-height:1.12}
  .uyuni #film[data-opening=memory] h1{font-size:32px;line-height:1.17}
  .uyuni #film[data-opening=declaration] h1{font-size:24px;line-height:1.23;letter-spacing:-.026em;margin-bottom:16px}
  .uyuni .deck,.uyuni #film[data-opening=question] .deck,
  .uyuni #film[data-opening=memory] .deck,.uyuni #film[data-opening=declaration] .deck{font-size:15px;line-height:1.48;max-width:100%;margin-bottom:11px}
  .uyuni .narrative,.uyuni .hero .narrative,.uyuni #film[data-opening=declaration] .narrative{font-size:10px;line-height:1.65;max-width:100%;margin-bottom:13px}
  .uyuni .primary{font-size:10px;padding:10px 14px;gap:23px;min-height:38px}
  .uyuni .text-link{font-size:9px;padding:9px 0 3px;gap:20px}.uyuni .hero .text-link{margin-top:2px}
  .uyuni .scene-caption{display:none}
  .uyuni .objects,.uyuni .hero .objects,.uyuni .temporal-scene .objects,
  .uyuni #film[data-opening] .objects{
    position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none!important;
    width:100%;height:100%;max-height:none;min-height:0;grid-column:1;grid-row:2;
    display:flex;align-items:center;justify-content:center;padding:0;
  }
  .uyuni .objects:empty,.uyuni .hero .objects:empty{display:none}
  .uyuni .glass{padding:17px 18px}.uyuni .glass h3{font-size:21px;margin:10px 0}
  .uyuni .glass p{font-size:15px;line-height:1.5;margin-top:11px}
  .uyuni .glass small,.uyuni .object-label{font-size:7px}.uyuni .glass .muted{font-size:10px}
  .uyuni .scene-card{width:245px;max-width:100%;transform:rotateY(-5deg)}
  .uyuni .twin{width:100%;max-width:370px;gap:9px;transform:none}
  .uyuni .twin .glass{padding:17px 13px;min-height:190px}
  .uyuni .twin .glass h3{font-size:19px}.uyuni .twin .glass p{font-size:14px}
  .uyuni .twin .later{transform:translateY(11px)}
  .uyuni .scene-badge{padding:6px 8px;font-size:6px;letter-spacing:.055em;margin-top:12px}
  .uyuni #film[data-opening=agency] :is(.slender,.future-surfaces,.agency-surfaces){gap:7px;max-width:390px;align-items:start}
  .uyuni #film[data-opening=agency] :is(.slender,.future-surfaces,.agency-surfaces) .glass{min-height:187px;padding:17px 9px;transform:none}
  .uyuni #film[data-opening=agency] :is(.slender,.future-surfaces,.agency-surfaces) .glass:nth-child(2){transform:translateY(-9px)}
  .uyuni #film[data-opening=agency] .glass h3{font-size:17px;line-height:1.2}
  .uyuni #film[data-opening=agency] .glass p{font-size:11px;line-height:1.6}
  .uyuni #film[data-opening=agency] .glass small{font-size:6px;letter-spacing:.06em}
  .uyuni .slender{gap:8px}.uyuni .slender .glass{padding:17px 11px;min-height:165px}
  .uyuni .slender h3{font-size:17px}.uyuni .slender p{font-size:12px}
  .uyuni .scope-list{width:280px;max-width:100%;gap:8px;transform:rotateY(-5deg)}
  .uyuni .scope-list .glass{padding:12px 17px}.uyuni .scope-list p{font-size:14px;margin-top:5px}
  .uyuni .scope-detail{font-size:10px!important;min-height:28px}
  .uyuni .timeline-cards{transform:none}.uyuni .timeline-cards .glass{min-height:148px;padding:13px 10px}
  .uyuni .timeline-cards p{font-size:12px}.uyuni .timeline-cards .gap{min-height:125px}
  .uyuni .reading-surface p{font-size:20px}.uyuni .phone{width:145px;height:255px;transform:rotateY(-10deg) rotateZ(2deg)}
  .uyuni .phone h3{font-size:23px}.uyuni .phone .phone-note{font-size:12px}
  .uyuni .instrument-list{width:100%;max-width:330px;gap:5px}.uyuni .instrument-list button{font-size:9px;padding:8px 10px}
  .uyuni .instrument-caption{font-size:13px;margin-top:6px}
  .uyuni .decision-grid{max-width:350px;width:100%;transform:none;padding:14px 13px}
  .uyuni .decision-grid h3{font-size:20px}.uyuni .decision-grid table{font-size:9px;margin:10px 0}
  .uyuni .decision-grid td,.uyuni .decision-grid th{padding:7px 3px}.uyuni .decision-grid .result{font-size:10px}
  .uyuni .object-quiet{font-size:19px;line-height:1.7;align-self:center;margin:0;max-width:290px}
  .uyuni .device-line{max-width:100%;gap:10px}.uyuni .device-line .phone{width:106px;height:205px}
  .uyuni .device-line .glass{width:170px;height:150px;padding:18px 15px}.uyuni .device-line .glass p{font-size:12px}
  .uyuni .gateway{width:290px;max-width:100%;gap:8px}.uyuni .gateway a,.uyuni .gateway button{padding:13px 17px;font-size:14px}
  .uyuni .gateway small{font-size:9px;line-height:1.5}
  .uyuni .temporal-scene h1{font-size:30px;line-height:1.1}
  .uyuni .temporal-scene .deck{font-size:13px}.uyuni .temporal-scene .narrative{font-size:10px;line-height:1.55}
  .uyuni .temporal-showcase{padding:14px 12px;width:100%;max-width:400px}
  .uyuni .temporal-tabs{gap:17px}.uyuni .temporal-tabs button{font-size:9px;padding:8px 0}
  .uyuni .temporal-head{height:12px}.uyuni .temporal-kicker{font-size:6.5px}
  .uyuni .temporal-time{margin-top:8px;gap:4px}.uyuni .temporal-time button{font-size:7.5px;padding:6px}
  .uyuni .temporal-time>span{font-size:6.5px}.uyuni .temporal-field{margin-top:6px}
  .uyuni .temporal-legend{font-size:7px;gap:4px 10px}.uyuni .temporal-explain{font-size:8.5px;line-height:1.5;margin:7px 0}
  .uyuni .temporal-source-trigger{font-size:8px}.uyuni .temporal-source-date{font-size:7px}
  .uyuni .temporal-inspector{inset:0;padding:22px 16px}.uyuni .temporal-inspector h3{font-size:20px}
  .uyuni .temporal-inspector blockquote{font-size:15px}.uyuni .temporal-inspector dl{font-size:9px}
  .uyuni .transport{left:7%;right:7%;bottom:44px;height:39px;gap:15px}
  .uyuni .scene-index{min-width:60px;gap:8px;font-size:9px}.uyuni .scene-index #scene-number{font-size:20px}
  .uyuni .scene-title,.uyuni .current-chapter{display:none}.uyuni .scroll-cue{font-size:7px;gap:12px;letter-spacing:.15em}
  .uyuni .disclosure{left:7%;right:7%;bottom:14px;font-size:7px;line-height:1.5;max-width:none}
  .uyuni #film[data-tone=night] .composition{inset:98px 7% 111px}
  .uyuni #film[data-tone=night] .copy{padding-top:0}
  .uyuni #film[data-tone=night] .vignette{background:linear-gradient(180deg,#101c2991,#132a325e 34%,transparent 65%,#1021286b)}
  .uyuni #film[data-tone=night] .gateway{align-self:end}
  .uyuni .vignette,.uyuni #film[data-tone=chamber] .vignette{background:linear-gradient(180deg,rgba(249,248,241,.85),rgba(248,248,239,.83) 27%,rgba(247,247,238,.48) 49%,rgba(246,247,237,.07) 70%,rgba(244,245,234,.4)),linear-gradient(90deg,#f7f7ed24,transparent 65%)}
  .uyuni .origin-thread{opacity:.5}
  .uyuni .overlay{padding:24px 22px;width:92vw}.uyuni .overlay h2{font-size:30px}
  .uyuni .chapter-row{grid-template-columns:25px 1fr;gap:9px}.uyuni .chapter-row h3{font-size:20px}
  .uyuni .reader h3{font-size:25px}.uyuni .reader .reading-narrative{font-size:16px;line-height:1.8}
}
@media(max-width:350px){
  .uyuni .masthead{height:69px;margin:0 5%;gap:8px}.uyuni .wordmark{font-size:11px;letter-spacing:.18em;gap:8px}
  .uyuni .brand-orbit{width:19px;height:19px}.uyuni .utilities{gap:12px;font-size:9px}
  .uyuni .utilities #language{padding-right:11px}.uyuni .composition,.uyuni .temporal-scene .composition{inset:83px 6% 100px;gap:12px}
  .uyuni h1,.uyuni .hero h1,.uyuni #film[data-opening=horizon] h1,
  .uyuni #film[data-opening=agency] h1,.uyuni #film[data-opening=turn] h1,
  .uyuni #film[data-opening=distinction] h1,.uyuni #film[data-opening=nonlinear] h1{font-size:34px}
  .uyuni #film[data-opening=question] h1{font-size:31px}.uyuni #film[data-opening=memory] h1{font-size:29px}
  .uyuni #film[data-opening=declaration] h1{font-size:24px;line-height:1.22}
  .uyuni .deck,.uyuni #film[data-opening=question] .deck,.uyuni #film[data-opening=memory] .deck{font-size:14px}
  .uyuni .twin .glass{padding:14px 11px;min-height:175px}.uyuni .twin .glass h3{font-size:17px}.uyuni .twin .glass p{font-size:12px}
  .uyuni #film[data-opening=agency] :is(.slender,.future-surfaces,.agency-surfaces){gap:5px}
  .uyuni #film[data-opening=agency] :is(.slender,.future-surfaces,.agency-surfaces) .glass{padding:14px 7px;min-height:174px}
  .uyuni #film[data-opening=agency] .glass h3{font-size:15px}.uyuni #film[data-opening=agency] .glass p{font-size:10px}
  .uyuni .temporal-showcase{padding:12px 9px}.uyuni .temporal-tabs{gap:13px}
  .uyuni .temporal-tabs button{font-size:8px}.uyuni .temporal-time>span{font-size:6px}
  .uyuni .temporal-time button{font-size:7px;padding:5px}.uyuni .temporal-source{gap:6px}
  .uyuni .transport{left:6%;right:6%;bottom:42px}.uyuni .disclosure{left:6%;right:6%;bottom:12px;font-size:6.5px}
}
@media(max-width:700px) and (max-height:680px){
  .uyuni .composition,.uyuni .temporal-scene .composition{inset:82px 6% 96px;gap:10px}
  .uyuni .hero:not(.has-objects) .copy{padding-top:4px}
  .uyuni .eyebrow{margin-bottom:10px;font-size:6.5px}
  .uyuni .has-objects .narrative{display:none}
  .uyuni .has-objects h1,.uyuni #film.has-objects[data-opening=distinction] h1,.uyuni #film.has-objects[data-opening=agency] h1{font-size:28px;margin-bottom:10px}
  .uyuni .has-objects .deck{font-size:12px;margin-bottom:8px}
  .uyuni .has-objects .primary{min-height:32px;padding:7px 12px;font-size:9px}
  .uyuni .has-objects .text-link{padding-top:6px;font-size:8px}
  .uyuni #film[data-opening=declaration] h1{font-size:24px;line-height:1.17;margin-bottom:12px}
  .uyuni #film[data-opening=declaration] .narrative{font-size:9px;line-height:1.5}
  .uyuni .twin .glass{min-height:150px;padding:13px 11px}.uyuni .twin .glass h3{font-size:17px}
  .uyuni .twin .glass p{font-size:12px}.uyuni .twin .later{transform:translateY(7px)}
  .uyuni #film[data-opening=agency] :is(.slender,.future-surfaces,.agency-surfaces) .glass{min-height:153px;padding-top:13px;padding-bottom:13px}
  .uyuni .scope-list{gap:5px}.uyuni .scope-list .glass{padding:9px 15px}.uyuni .scope-list p{font-size:12px}
  .uyuni .phone{height:225px;padding-top:24px}.uyuni .phone .orbit-mini{height:34px;width:34px;margin:10px 0}
  .uyuni .phone .phone-note{margin-top:12px;padding-top:12px}
  .uyuni .instrument-list button{font-size:8px;padding:6px 9px}.uyuni .instrument-caption{font-size:11px}
  .uyuni .temporal-showcase{padding:10px}.uyuni .temporal-explain{display:none}
  .uyuni .temporal-legend{font-size:6.5px;padding:3px 0}.uyuni .temporal-source-trigger{font-size:7px}
  .uyuni .gateway{gap:6px}.uyuni .gateway a,.uyuni .gateway button{padding:10px 15px;font-size:12px}
  .uyuni .gateway small{font-size:8px;margin-top:4px}.uyuni .object-quiet{font-size:17px}
}
@media(min-width:701px) and (max-height:750px){
  .uyuni .masthead{height:75px}.uyuni .composition{inset:91px 0 109px}
  .uyuni .copy,.uyuni .hero .copy{top:46%}.uyuni .eyebrow{margin-bottom:15px}
  .uyuni h1,.uyuni .hero h1{font-size:clamp(44px,4.6vw,65px);margin-bottom:17px}
  .uyuni .deck{font-size:17px;margin-bottom:12px}.uyuni .narrative{font-size:11px;line-height:1.7;margin-bottom:15px}
  .uyuni #film[data-opening=declaration] h1{font-size:clamp(30px,2.9vw,41px)}
  .uyuni .temporal-showcase{padding:15px 19px}.uyuni .temporal-explain{font-size:10px}
  .uyuni .transport{bottom:39px}.uyuni .disclosure{bottom:12px}
}
@media(prefers-reduced-motion:reduce){
  .uyuni *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
  .uyuni .origin-thread .origin-thread-halo{filter:none}
}

/* A recorded perspective stays mounted as later understanding arrives. */
.uyuni .one-perspective{width:280px;max-width:100%;transform:rotateY(-12deg)}
.uyuni .opening-perspectives .glass{transition:transform .8s ease,opacity .8s ease}
.uyuni .opening-perspectives .glass p{font-size:16px}
@media(max-width:700px){.uyuni .one-perspective{width:100%;transform:none}.uyuni .opening-perspectives .glass p{font-size:12px;line-height:1.45}}

/* The thread belongs to the approach. The final basin supplies its own light. */
.uyuni #environment{background-position:70.4% center}
.uyuni #film[data-tone=chamber] #environment{background-position:45% center}
.uyuni #film[data-tone=night] #environment{background-position:50% center}
.uyuni #film:not(.hero) .origin-thread,.uyuni #film[data-tone=night] .origin-thread{opacity:0}

.uyuni #film[data-tone=night] .copy{top:32%}
.uyuni #film[data-tone=night] #read-scene{display:none}
.uyuni #film[data-tone=night] .scene-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.uyuni #film[data-tone=night] .scene-actions .text-link{margin:0}
@media(max-width:700px){.uyuni #film[data-tone=night] .copy{top:auto}.uyuni #film[data-tone=night] .scene-actions{gap:12px}.uyuni #film[data-tone=night] .composition{grid-template-rows:auto 1fr}}

/* The smallest phones keep full copy and give each surface its own physical row. */
@media(max-width:700px){
 .uyuni #film.hero #read-scene{display:none}
}
@media(max-width:350px){
 .uyuni .composition,.uyuni .temporal-scene .composition{gap:12px}
 .uyuni .objects,.uyuni .hero .objects,.uyuni .temporal-scene .objects,.uyuni #film[data-opening] .objects{height:auto;align-self:start;align-items:flex-start}
 .uyuni .eyebrow{margin-bottom:11px}
 .uyuni h1,.uyuni .hero h1,.uyuni #film[data-opening=horizon] h1,.uyuni #film[data-opening=turn] h1,.uyuni #film[data-opening=distinction] h1,.uyuni #film[data-opening=agency] h1,.uyuni #film[data-opening=nonlinear] h1{font-size:29px;line-height:1.07;margin-bottom:13px}
 .uyuni #film[data-opening=question] h1{font-size:29px}
 .uyuni #film[data-opening=memory] h1{font-size:28px}
 .uyuni .deck,.uyuni #film[data-opening=question] .deck,.uyuni #film[data-opening=memory] .deck{font-size:13px;line-height:1.45;margin-bottom:9px}
 .uyuni .narrative,.uyuni .hero .narrative{line-height:1.5;margin-bottom:11px}
 .uyuni .text-link{padding-top:6px;font-size:8.5px}
 .uyuni .primary{min-height:34px;padding:8px 12px;font-size:9px}
 .uyuni .twin .glass{min-height:166px;padding:13px 10px}
 .uyuni .twin .later{transform:translateY(7px)}
 .uyuni #film[data-opening=agency] .glass h3{font-size:13px;line-height:1.22}
 .uyuni #film[data-opening=agency] .opening-perspectives .glass p{font-size:12px;line-height:1.4}
 .uyuni #film[data-opening=agency] :is(.slender,.future-surfaces,.agency-surfaces) .glass{min-height:165px;padding:12px 7px}
 .uyuni .scope-list{gap:6px}
 .uyuni .scope-list .glass{padding:9px 15px}
 .uyuni .scope-list p{font-size:12px;line-height:1.45}
 .uyuni .scope-detail{min-height:20px;font-size:9px!important;margin:5px 0}
 .uyuni .scene-card{padding:14px 15px}
 .uyuni .scene-card h3{font-size:19px}
 .uyuni .scene-card p{font-size:14px;line-height:1.45}
 .uyuni .scene-card.reading-surface p{font-size:18px}
 .uyuni .scene-card.reading-surface p.muted{font:10px/1.5 Figtree,Arial,sans-serif}
 .uyuni .scene-badge{margin-top:9px}
 .uyuni .phone{height:230px;padding-top:23px}
 .uyuni .phone .orbit-mini{margin:10px 0;width:34px;height:34px}
 .uyuni .phone .phone-note{margin-top:12px;padding-top:12px}
 .uyuni .decision-grid{padding:10px}
 .uyuni .decision-grid h3{font-size:18px}
 .uyuni .decision-grid td,.uyuni .decision-grid th{padding:5px 3px}
 .uyuni .decision-grid .result{line-height:1.45;margin:5px 0}
 .uyuni .instrument-list button{padding:7px 9px;font-size:8px}
 .uyuni .instrument-caption{font-size:12px;margin-top:4px}
 .uyuni .temporal-scene h1{font-size:26px;margin-bottom:12px}
 .uyuni .temporal-scene .deck{font-size:12px;margin-bottom:8px}
 .uyuni .temporal-scene .narrative{font-size:9px;line-height:1.45;margin-bottom:9px}
 .uyuni .temporal-showcase{padding:10px 9px}
 .uyuni .temporal-time{margin-top:6px}
 .uyuni .temporal-explain{font-size:8px;line-height:1.45;margin:5px 0}
}