@charset "UTF-8";
/* Only the five requested scenes. The approved base stylesheet is untouched. */
.sharing .stage{padding:0;min-height:100svh}
.sharing .section-title{position:absolute;left:5.5%;top:43%;width:30%;text-align:left;margin:0}
.sharing .section-title h2{font-size:clamp(36px,4vw,62px);line-height:1.45;letter-spacing:-.04em}
.sharing .mobile-break{display:block}
.sharing .section-title .eyebrow{font-size:clamp(12px,1.1vw,16px);letter-spacing:.03em}
.sharing .center-action{position:absolute;left:5.5%;top:66%;margin:0;z-index:4}
.sharing .center-action .button{font-size:14px;padding:12px 19px;gap:18px}
.sharing .teacher-video{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);width:31%;height:51%;background:none;display:flex;flex-direction:column;align-items:center;justify-content:end;padding:0;pointer-events:none}
.sharing .teacher-video img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 20px 16px #102d501a)}
.sharing .teacher-video strong{white-space:nowrap;background:var(--cream);border:1px solid #102d5030;border-radius:30px;padding:8px 22px;font-size:14px;margin-top:-18px}
.sharing .share-window{position:absolute;right:5.5%;top:40%;width:28%;max-width:420px;margin:0;border:1px solid #102d5040;border-radius:12px;box-shadow:8px 12px 0 #174fcc16;transform:none}
.sharing.active .share-window{transform:none}
.sharing .window-bar{padding:12px 16px;font-size:12px;gap:8px;flex-wrap:wrap}
.sharing .window-bar b{font-size:12px;line-height:1.7}
.sharing .window-bar>span:last-child{font-size:10px;display:block}
.sharing .status-dot{width:7px;height:7px;flex-shrink:0}
.sharing .shared-body{display:block;min-height:0}
.sharing .lesson{padding:18px 22px}
.sharing .lesson h3{font-size:24px;margin:10px 0}
.sharing .lesson ol{font-size:14px;line-height:1.85;padding-left:20px;margin-top:10px}
.sharing .small-label{font-size:12px}
.sharing .cursor-label{font-size:11px;padding:7px 10px;animation:cursor-walk 7s ease-in-out infinite}
.sharing .share-window .ui-note{font-size:11px;padding:10px 14px}
.sharing .ai-orbit{position:absolute;left:50%;top:27%;width:0;height:0;z-index:5}
.sharing .ai-logo{position:absolute;left:0;top:0;width:clamp(145px,16vw,230px);height:clamp(76px,8.6vw,122px);border-radius:18px;background:white;border:1px solid #102d5026;box-shadow:0 12px 25px #102d5019;display:grid;place-items:center;overflow:hidden;will-change:transform}
.sharing .ai-wordmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;max-width:none;width:100%;height:100%;object-fit:contain}
.sharing .ai-logo-1 .ai-wordmark{width:144%;height:144%}
.sharing .ai-logo-3 .ai-wordmark{width:96%;height:116%}
.sharing .motion-letter,.notes .motion-letter,.library .motion-letter{display:inline-block;animation:letter-breathe 6s ease-in-out infinite;animation-delay:calc(var(--letter) * -.19s);animation-play-state:paused}
.sharing.active .motion-letter,.notes.active .motion-letter,.library.active .motion-letter{animation-play-state:running}
.notes .motion-letter,.library .motion-letter{animation-name:letter-calm;animation-duration:8s}
@keyframes letter-breathe{0%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-9px) rotate(-2deg)}70%{transform:translateY(3px) rotate(.7deg)}}
@keyframes letter-calm{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}
.notes.active .motion-letter,.library.active .motion-letter{animation:letter-arrive .85s cubic-bezier(.22,1,.36,1) both,letter-calm 8s ease-in-out infinite;animation-delay:calc(var(--letter) * .045s),calc(1s + var(--letter) * .16s)}
@keyframes letter-arrive{from{transform:translateY(22px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}
.paused .sharing .motion-letter,.paused .notes .motion-letter,.paused .library .motion-letter{animation:none;transform:none}
.making .stage{padding-left:7%;padding-right:7%;justify-content:center}
.making .making-copy{margin-left:53%;max-width:530px;width:47%}
.making h2{font-size:clamp(44px,5.1vw,76px)}
.making .making-copy .eyebrow{font-size:clamp(12px,1.05vw,16px);letter-spacing:.03em}
.making .process{margin-top:44px;max-width:1060px}
.notes .note-card,.library .guide{backdrop-filter:none}
.notes .note-card{transition:box-shadow .3s,transform .6s}
.enhanced .notes:not(.active) .note-card{transform:translateY(12px)}
.notes.active .note-card{transform:none}
.library .guide img{animation:book-breathe 10s ease-in-out infinite;animation-play-state:paused}
.library.active .guide img{animation-play-state:running}
.library .guide:nth-child(even) img{animation-delay:-4s}
@keyframes book-breathe{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}
/* The camera turns inside a hexagonal gallery. The exhibits remain ordinary HTML. */
.trust.has-room{min-height:0}
.trust.has-room .stage{position:relative;display:block;padding:0;min-height:0;overflow:visible}
.trust .room-track{height:690svh;position:relative}
.trust .room-viewport{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#12364e}
.trust .room-viewport>.section-title{position:absolute;z-index:4;top:125px;left:0;right:0;color:#fff8e9;margin:0;pointer-events:none;text-shadow:0 2px 12px #102d50}
.trust .room-viewport>.section-title h2{font-size:clamp(38px,4vw,58px)}
.trust .room-viewport>.section-title .eyebrow{font-size:14px;display:table;margin:0 auto 12px;padding:2px 10px;background:#12364e;border-radius:4px}
.trust .room-space{position:absolute;inset:0;perspective:var(--perspective);perspective-origin:50% 54%;overflow:hidden}
.trust .room-camera{position:absolute;top:54%;left:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform;transform:translateZ(var(--advance))}
.trust .room-wall{position:absolute;top:calc(var(--wall-height) / -2);left:calc(var(--wall-width) / -2);width:var(--wall-width);height:var(--wall-height);transform:rotateY(var(--angle)) translateZ(calc(-1 * var(--radius)));backface-visibility:hidden;transform-style:flat;background:var(--wall-color);border:2px solid #7295a6;border-top:18px solid #91b4b8;border-bottom:18px solid #739292;display:flex;align-items:center;justify-content:center}
.trust .room-wall::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,#e4db9c2b,transparent 68%);pointer-events:none}
.trust .room-exhibit{position:relative;display:grid;grid-template-columns:1fr 40%;align-items:center;gap:20px;width:83%;min-height:45%;padding:38px 32px;border:8px solid #bdc9b7;background:#fff8e9;box-shadow:0 0 0 2px #eee7cf,0 25px 55px #061e3a66;transform:translateZ(5px)}
.trust .exhibit-number{position:absolute;top:16px;left:22px;font-size:16px;letter-spacing:.18em;font-weight:800;color:#436879}
.trust .exhibit-caption{padding:0;margin:0;list-style:none;text-align:left;z-index:1;color:var(--ink)}
.trust .exhibit-caption small{display:block;font-size:21px;line-height:1.7;margin-bottom:20px}
.trust .exhibit-caption strong{font-size:27px;line-height:1.4;white-space:nowrap;display:block}
.trust .exhibit-caption strong span{font-size:clamp(55px,6.4vw,95px);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.trust .exhibit-caption li{font-size:clamp(24px,2.75vw,42px);line-height:1.6;font-weight:800;word-break:normal;overflow-wrap:normal}
.trust .credential-label{display:block;font-size:21px;font-weight:500;line-height:1.7;margin-bottom:20px;white-space:nowrap}
.trust .credential-result{display:block;font-size:clamp(27px,2.7vw,41px);line-height:1.4;white-space:nowrap}
.trust .exhibit-art{width:100%;height:300px;object-fit:contain;filter:drop-shadow(8px 15px 5px #12334a22)}
.trust .room-floor,.trust .room-ceiling{position:absolute;left:calc(-1 * var(--radius));top:calc(-1 * var(--radius));width:calc(var(--radius) * 2);height:calc(var(--radius) * 2);backface-visibility:hidden}
.trust .room-floor{transform:rotateX(90deg) translateZ(calc(var(--wall-height) / -2));background-color:#bfd0ca;background-image:linear-gradient(#607c7938 1px,transparent 1px),linear-gradient(90deg,#607c7938 1px,transparent 1px);background-size:130px 130px;border:2px solid #8eaaa5}
.trust .room-ceiling{transform:rotateX(-90deg) translateZ(calc(var(--wall-height) / -2));background:#1a455a;box-shadow:inset 0 0 150px #07334a}
.trust .room-guide{position:absolute;bottom:5%;left:1.5%;height:33%;width:24%;object-fit:contain;pointer-events:none;filter:drop-shadow(12px 18px 9px #092b4b44)}
.trust .room-navigator{position:absolute;bottom:28px;right:32px;display:flex;gap:8px;z-index:5}
.trust .room-stop{border:1px solid #bedad9;border-radius:50%;width:44px;height:44px;min-height:44px;font-size:12px;font-weight:800;background:#183f55;color:#fff8e9}
.trust .room-stop[aria-pressed=true]{background:#ffdc79;color:#102d50;border-color:#ffdc79;box-shadow:0 0 0 4px #ffdc7925}
.trust .proof-panel{position:relative;grid-template-columns:250px 1fr;max-width:1080px;margin:0 auto;background:#fff8e9;padding:50px 44px;gap:44px;border:0;box-shadow:none}
.trust .proof-numbers:empty,.trust .credentials:empty{display:none}
.trust .proof-main>p{font-size:16px;line-height:2}
.trust .proof-main{text-align:left}
.trust .proof-main .button{margin-top:20px}
.trust .proof-main p.disclaimer{text-align:left;font-size:12px;line-height:1.9}
.trust .proof-main .text-link{margin-top:12px}
@media(min-width:701px) and (max-height:850px){
 .sharing .share-window{top:33%;width:29%;right:4%}
 .sharing .lesson{padding:16px}.sharing .lesson h3{font-size:24px;margin:6px 0}.sharing .lesson ol{font-size:14px;margin-top:6px}
 .sharing .cursor-label{margin-top:7px;padding:5px 8px}.sharing .window-bar{padding:8px 12px}
 .sharing .section-title{top:42%;left:4%}.sharing .section-title h2{font-size:3.9vw}.sharing .center-action{left:4%;top:66%}
 .sharing .teacher-video{bottom:13%;height:49%;width:28%}.sharing .ai-orbit{top:25%}
 .making .making-copy{margin-top:12px}.making .process{margin-top:26px}.making .body-copy{font-size:14px}
 .trust .room-viewport>.section-title{top:110px}.trust .room-viewport>.section-title h2{font-size:40px}
 .trust .room-exhibit{padding:28px 26px}.trust .exhibit-art{height:240px}
}
@media(max-width:700px){
 .scene.sharing:not(.welcome):not(.obsession){padding-top:30px}
 .scene.sharing:not(.welcome):not(.obsession) .stage{display:flex;align-items:center;padding:35px 20px 35px}
 .sharing .ai-orbit{top:155px}
 .sharing .ai-logo{width:130px;height:72px;border-radius:12px}
 .sharing .teacher-video{order:0;position:relative;left:auto;bottom:auto;transform:none;width:84%;height:330px;margin-top:175px;flex:none}
 .sharing .teacher-video img{height:300px;width:100%}.sharing .teacher-video strong{font-size:12px;padding:6px 18px}
 .sharing .section-title{order:1;position:static;width:100%;text-align:center;margin:30px 0 24px}
 .sharing .section-title h2{font-size:clamp(31px,8.5vw,42px);line-height:1.4}
 .sharing .section-title .eyebrow{font-size:12px}
 .sharing .share-window{order:2;position:static;width:100%;max-width:440px}
 .sharing .window-bar{padding:12px 14px}.sharing .lesson{padding:22px}.sharing .lesson h3{font-size:25px}.sharing .lesson ol{font-size:15px}
 .sharing .share-window .ui-note{font-size:11px;padding:12px 16px}.sharing .window-bar b{font-size:12px}
 .sharing .center-action{order:3;position:static;margin-top:28px;width:100%;text-align:center}
 .sharing .center-action .button{font-size:13px;gap:12px}
 .making .making-copy{margin:35svh 0 0;width:100%;padding:26px 22px;max-width:none}
 .making h2{font-size:clamp(33px,10vw,43px)}.making .process{margin-top:26px}
 .scene.trust.has-room:not(.welcome):not(.obsession){padding:0;min-height:0}
 .scene.trust.has-room:not(.welcome):not(.obsession) .stage{display:block;padding:0;min-height:0}
 .trust .room-track{height:630svh}
 .trust .room-viewport>.section-title{top:112px;left:14px;right:14px}
 .trust .room-viewport>.section-title h2{font-size:34px}.trust .room-viewport>.section-title .eyebrow{font-size:11px}
 .trust .room-exhibit{grid-template-columns:1fr;gap:8px;text-align:center;width:86%;min-height:0;padding:32px 18px 16px;border-width:6px}
 .trust .exhibit-caption{text-align:center}.trust .exhibit-caption small{font-size:17px;margin-bottom:8px}
 .trust .exhibit-caption strong{font-size:22px}.trust .exhibit-caption strong span{font-size:58px}
 .trust .exhibit-caption li{font-size:25px;line-height:1.7}.trust .exhibit-art{height:190px;max-width:85%;margin:auto}
 .trust .credential-label{font-size:17px;margin-bottom:8px}.trust .credential-result{font-size:29px}
 .trust .room-guide{height:24%;width:40%;left:-3%;bottom:9%}
 .trust .room-navigator{right:14px;bottom:86px;gap:5px}.trust .room-stop{width:44px;min-width:44px;height:44px;border-radius:22px}
 .trust .proof-panel{grid-template-columns:1fr;padding:48px 24px 115px;gap:28px}
 .trust .operator{display:block;text-align:center}.trust .operator img{width:140px;height:140px;margin-bottom:12px}
 .trust .proof-main>p{font-size:15px}.trust .proof-main .button{font-size:13px}.trust .proof-main .text-link{font-size:12px}
}
/* Text-only and reduced-motion alternatives retain every exhibit and trust asset. */
.reading .sharing .ai-orbit{display:none}
.reading .sharing .stage{display:flex;align-items:center;padding:90px 24px 65px}
.reading .sharing .section-title,.reading .sharing .center-action,.reading .sharing .share-window,.reading .sharing .teacher-video{position:static;transform:none;width:100%;max-width:700px;margin:0 0 24px;text-align:center}
.reading .sharing .teacher-video{height:250px;order:1}.reading .sharing .section-title{order:0}.reading .sharing .share-window{order:2;text-align:left}.reading .sharing .center-action{order:3}
.reading .sharing .teacher-video img{height:230px}.reading .sharing .teacher-video strong{margin:0}
.reading .making .making-copy{width:100%;margin:0 auto;max-width:740px}
.reading .trust .room-track{height:auto}
.reading .trust .room-viewport{height:auto;position:relative;overflow:visible;padding:75px 24px 30px;background:#e9f0e9;display:flex;flex-direction:column}
.reading .trust .room-viewport>.section-title{position:static;color:var(--ink);text-shadow:none;margin-bottom:30px}
.reading .trust .room-viewport>.section-title{order:0}
.reading .trust .room-viewport>.section-title .eyebrow{background:none}
.reading .trust .room-space{position:static;perspective:none;overflow:visible;order:1}
.reading .trust .room-wall::before{display:none}
.reading .trust .room-camera{position:static;transform:none!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:auto;height:auto;max-width:1060px;margin:auto}
.reading .trust .room-wall{position:static;transform:none;width:auto;height:auto;border:0;display:block;background:none;backface-visibility:visible}
.reading .trust .room-exhibit{width:100%;min-height:260px;height:100%;grid-template-columns:1fr 30%;padding:36px 20px 24px;transform:none;box-shadow:none;border-width:2px}
.reading .trust .exhibit-caption small{font-size:13px}.reading .trust .exhibit-caption strong{font-size:19px}.reading .trust .exhibit-caption strong span{font-size:38px}.reading .trust .exhibit-caption li{font-size:22px}
.reading .trust .exhibit-art{height:180px}.reading .trust .room-floor,.reading .trust .room-ceiling,.reading .trust .room-guide,.reading .trust .room-navigator{display:none}
.reading .trust .credential-label{font-size:14px}.reading .trust .credential-result{font-size:24px}
.reading .motion-letter,.reading .library .guide img{animation:none!important;transform:none!important}
@media(max-width:700px){.reading .trust .room-camera{grid-template-columns:1fr}.reading .trust .room-exhibit{grid-template-columns:1fr}.reading .trust .exhibit-art{height:150px}}

/* 2026-09-06: user-requested screen-sharing polish. */
.sharing .share-window{background:#fff;border-color:#bdcdd5;box-shadow:0 16px 36px #173b5012}
.sharing .lesson{background:#fff}
.sharing .share-window .ui-note{background:#f1f5f7;color:#536878}
.sharing .cursor-label{position:relative;inset:auto;display:table;margin:16px 0 0 auto;padding:9px 12px;font-size:12px;line-height:1.6;color:#173e60;background:#f0f6fa;border:1px solid #b6cad9;border-radius:10px;box-shadow:0 3px 0 #173e6008;animation:lesson-cue 7s ease-in-out infinite}
.sharing .cursor-label::before{content:'';position:absolute;left:18px;top:-5px;width:8px;height:8px;transform:rotate(45deg);background:#f0f6fa;border-top:1px solid #b6cad9;border-left:1px solid #b6cad9}
@keyframes lesson-cue{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.sharing-copy{display:contents}
@media(min-width:701px){
 .sharing-copy{display:block;position:absolute;left:5.5%;top:43%;width:30%;z-index:4}
 .sharing .sharing-copy .section-title{position:static;width:100%;margin:0}
 .sharing .sharing-copy .center-action{position:static;margin:40px 0 0;text-align:left}
}
@media(min-width:701px) and (max-height:850px){.sharing-copy{left:4%;top:42%}}
.reading .sharing-copy{display:contents}
.reading .sharing .sharing-copy .section-title,.reading .sharing .sharing-copy .center-action{position:static;width:100%;max-width:700px;margin:0 0 24px;text-align:center}
.reading .sharing .cursor-label{animation:none}