.immersive-page{background:#00213b}.immersive-page header{max-width:none;padding:20px 4vw;background:#00182b;position:relative;z-index:5}.immersive-page nav{gap:clamp(12px,2vw,30px)}.immersive-page nav a{font-size:14px}.immersive-page main{max-width:none}.immersive-page footer{display:none}.immersive-museum{position:relative;isolation:isolate;height:calc(100svh - 103px);min-height:620px;overflow:hidden;background:linear-gradient(#c8c0b0,#9a8369);color:#fff;font-family:Arial,sans-serif}#museum-canvas{position:absolute;inset:0;outline:none;touch-action:none;cursor:grab}#museum-canvas:active{cursor:grabbing}#museum-canvas canvas{width:100%;height:100%;display:block}.museum-top{position:absolute;inset:26px 4vw auto;display:flex;justify-content:space-between;pointer-events:none}.museum-location{display:flex;gap:10px;align-items:center;letter-spacing:2.5px;font-size:11px;text-shadow:0 1px 12px #000;background:#00182be8;padding:12px 18px;border:1px solid #ffffff26;border-radius:30px}.museum-dot{height:6px;width:6px;background:#ff6418;border-radius:50%}.museum-help-button{pointer-events:auto;border:1px solid #ffffff70;border-radius:50%;background:#00213be8;color:#fff;width:38px;height:38px;font-size:18px;cursor:pointer}.museum-intro{position:absolute;left:4vw;top:50%;transform:translateY(-48%);width:min(440px,39vw);padding:32px;background:linear-gradient(120deg,#00182bf2,#00213bed);border:1px solid #ffffff28;box-shadow:0 25px 90px #0003;backdrop-filter:blur(15px);transition:opacity .4s,transform .4s}.museum-intro.is-hidden{opacity:0;transform:translate(-30px,-48%);pointer-events:none}.museum-eyebrow{font-size:9px;letter-spacing:2.3px;color:#ff8549;line-height:1.7}.museum-intro h1{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-1.4px;font-size:clamp(35px,3.5vw,56px);line-height:1.07;margin:22px 0}.museum-intro>p:not(.museum-eyebrow){font-size:14px;line-height:1.8;color:#bdcbd7;max-width:340px}.museum-primary{border:1px solid #ff6418;background:#ff6418;color:#ffffff;padding:14px 18px;display:inline-flex;gap:30px;align-items:center;font:inherit;cursor:pointer;text-decoration:none}.museum-intro .museum-primary{width:100%;justify-content:space-between;margin:14px 0 18px}.museum-intro small{display:block;color:#bdcbd7;font-size:10px;line-height:1.6}.museum-room{position:absolute;right:4vw;top:110px;text-align:right;display:grid;grid-template-columns:auto 1fr;column-gap:15px;text-shadow:0 2px 10px #0008}.museum-room>span{font:800 34px Arial,sans-serif;color:#ff6418}.museum-room label{display:block;letter-spacing:2px;font-size:9px;color:#f1ece0}.museum-room select{font:700 20px Arial,sans-serif;color:#fff;background:#00213be8;border:0;border-bottom:1px solid #fff6;max-width:270px;padding:8px 24px 8px 9px}.museum-room option{color:#fff;background:#00213b}.museum-room p{grid-column:1/-1;font-size:10px;margin-top:10px;color:#f3ecdf}.museum-toolbar{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:8px 12px;background:#00182bf2;border:1px solid #ffffff2b;border-radius:6px;box-shadow:0 10px 40px #0004;white-space:nowrap}.museum-toolbar button{border:0;background:transparent;color:#ecf0e9;cursor:pointer;padding:10px 12px;font:12px Arial}.museum-toolbar button:hover,.museum-toolbar button:focus-visible{background:#ffffff1a}.museum-toolbar #museum-vr{background:#ff6418;color:#ffffff;border-radius:3px}.museum-toolbar #museum-vr:disabled{background:#ffffff0e;color:#bdcbd7;cursor:default}.museum-toolbar #museum-counter{font-size:11px;min-width:45px;text-align:center;color:#ff6418}.museum-separator{height:24px;width:1px;background:#ffffff26;margin-inline:6px}.museum-fallback{position:absolute;inset:0;z-index:4;padding:10%;background:#00182b;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.museum-fallback[hidden]{display:none}#museum-help{max-width:540px;width:90vw;height:auto;max-height:85svh;overflow-y:auto;background:#00213b;color:#ecf0e9;border:1px solid #ff6418;padding:35px;line-height:1.8}#museum-help[open]{display:block}#museum-help::backdrop{background:#000b}#museum-help h2{font:700 32px Arial,sans-serif}#museum-help p{font-size:14px}#museum-help-close{position:absolute;top:8px;right:12px;color:white;background:transparent;border:0;font-size:26px;cursor:pointer}.museum-disclaimer{font-size:11px!important;color:#bdcbd7;border-top:1px solid #ffffff2b;padding-top:15px}.immersive-museum button:focus-visible,.immersive-museum select:focus-visible{outline:2px solid #ff6418;outline-offset:4px}.immersive-museum.xr-active>:not(#museum-canvas):not(script){display:none!important}@media(max-width:1050px){.immersive-page nav{gap:12px}.immersive-page header{padding-inline:3vw}.immersive-page nav a{font-size:12px}.immersive-page .brand{padding-right:40px}.museum-intro{width:350px;padding:26px}.museum-toolbar{max-width:96%;gap:1px}.museum-toolbar button{padding:10px 8px}}@media(max-width:800px){.immersive-page header{padding:19px 6%}.immersive-museum{height:calc(100svh - 85px);min-height:570px}.museum-top{inset:18px 5vw auto}.museum-location{font-size:8px;letter-spacing:1.4px;padding:10px 13px}.museum-intro{left:5vw;top:auto;bottom:118px;transform:none;width:min(90vw,370px);padding:24px}.museum-intro.is-hidden{transform:translateX(-30px)}.museum-intro h1{font-size:38px;margin:12px 0}.museum-intro>p:not(.museum-eyebrow){font-size:12px}.museum-intro small{font-size:9px}.museum-room{right:5vw;top:78px}.museum-room select{font-size:18px;max-width:200px}.museum-room>span{font-size:27px}.museum-room label{font-size:8px}.museum-toolbar{bottom:14px;width:94%;justify-content:space-around;flex-wrap:wrap;gap:0;padding:7px}.museum-toolbar button{font-size:10px;padding:9px}.museum-toolbar #museum-fullscreen{display:none}.museum-toolbar #museum-vr{max-width:130px;overflow:hidden;text-overflow:ellipsis}.museum-touch{left:5vw;bottom:100px;opacity:0;pointer-events:none}.museum-started .museum-touch{opacity:1;pointer-events:auto}.museum-separator{display:none}}@media(prefers-reduced-motion:reduce){.museum-intro{transition:none}}

.immersive-museum:fullscreen{height:100svh;min-height:100svh}


/* A two-axis touch control; looking remains independent on the canvas. */
.museum-touch{position:absolute;left:max(5vw,env(safe-area-inset-left));bottom:max(105px,calc(env(safe-area-inset-bottom) + 95px));display:none;align-items:center;flex-direction:column;gap:10px;opacity:0;pointer-events:none;user-select:none;-webkit-user-select:none}
#museum-joystick{position:relative;width:112px;height:112px;border-radius:50%;border:1px solid #ff6418;background:radial-gradient(circle,#123951e8,#00182be8);box-shadow:0 8px 25px #00182b80,inset 0 0 0 14px #ffffff04;touch-action:none;cursor:grab}
#museum-joystick.is-active{box-shadow:0 0 0 5px #ff641825,0 8px 25px #00182b80;cursor:grabbing}
.museum-stick-arrows{position:absolute;inset:6px;text-align:center;font:16px/32px Arial;color:#bdcbd7;pointer-events:none}
#museum-stick{position:absolute;left:35px;top:35px;width:42px;height:42px;border-radius:50%;background:#ff6418;border:2px solid #ff955f;box-shadow:0 3px 12px #0006;pointer-events:none}
#museum-joystick-hint,.museum-look-hint{font:11px Arial,sans-serif;color:#f6f6f4;background:#00182be8;border-radius:4px;padding:7px 9px;margin:0;pointer-events:none}
.museum-look-hint{display:none;position:absolute;right:5vw;bottom:130px;max-width:145px;line-height:1.5;text-align:right;opacity:0}
@media(pointer:coarse),(max-width:800px){.museum-touch{display:flex}.museum-started .museum-touch{opacity:1;pointer-events:auto}.museum-look-hint{display:block}.museum-started .museum-look-hint{opacity:1}}
@media(max-height:550px) and (orientation:landscape){.immersive-museum{height:calc(100svh - 85px);min-height:350px}.museum-room{top:70px}.museum-intro{top:65px;bottom:auto;left:4vw;transform:none;width:350px;padding:16px}.museum-intro h1{font-size:28px;margin:8px 0}.museum-intro>p:not(.museum-eyebrow),.museum-intro small{display:none}.museum-intro .museum-primary{margin:8px 0}.museum-touch{bottom:80px}.museum-look-hint{bottom:105px}.museum-toolbar{bottom:8px}}

/* Same plain heading and orange rule as the portfolio, without a badge. */
.museum-location{position:relative;display:block;letter-spacing:0;font-size:18px;font-weight:700;text-shadow:0 2px 5px #00182b;padding:13px 0 0;background:none;border:0;border-radius:0}
.museum-location::before{content:"";position:absolute;left:0;top:0;width:32px;height:4px;background:#ff6418}
@media(max-width:800px){.museum-location{font-size:16px;letter-spacing:0;padding:12px 0 0}.museum-location::before{width:28px;height:3px}}

#museum-help{margin:auto;max-height:calc(100dvh - 32px);padding:60px 28px 28px;inset:0;overscroll-behavior:contain}
#museum-help-close{top:12px;right:16px;min-width:44px;min-height:44px;background:#00182b;border:1px solid #ff6418}
#museum-help .museum-eyebrow{display:none}
#museum-help h2{font:700 28px/1.15 Arial,sans-serif;letter-spacing:-.5px}
#museum-help p{line-height:1.65}
#museum-photo{position:fixed;inset:0;margin:0;width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:none;max-height:none;padding:70px 60px 40px;border:0;background:#00101dfc;color:#f6f6f4;overflow:hidden}
#museum-photo[open]{display:flex;align-items:center;justify-content:center}
#museum-photo::backdrop{background:#00101d}
#museum-photo-image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
#museum-photo button{position:absolute;border:1px solid #ff6418;background:#00213b;color:#f6f6f4;padding:10px 14px;min-width:44px;min-height:44px;cursor:pointer;font:16px Arial,sans-serif;z-index:1}
#museum-photo-close{top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}
#museum-photo-previous{left:8px;top:50%}#museum-photo-next{right:8px;top:50%}
#museum-photo-error{position:absolute;bottom:24px;left:15%;right:15%;text-align:center;background:#00213b;padding:12px}
@media(max-width:800px){#museum-photo{padding:70px 12px 80px}#museum-photo-previous,#museum-photo-next{top:auto;bottom:max(18px,env(safe-area-inset-bottom))}#museum-photo-previous{left:calc(50% - 60px)}#museum-photo-next{right:calc(50% - 60px)}.museum-toolbar #museum-enlarge{font-size:10px;padding:9px 6px}.museum-look-hint{max-width:170px}}

.museum-quiet-controls{position:absolute;top:22px;right:4vw;display:flex;gap:8px;z-index:6}
.museum-quiet-controls button{width:40px;height:40px;padding:0;border:1px solid #ffffff40;background:#00182bb8;color:#f6f6f4;border-radius:3px;font-size:22px;cursor:pointer}
.museum-top{right:calc(4vw + 102px)}
.museum-room-label{display:block;font-size:9px;letter-spacing:2px}
#museum-room-name{display:block;font:700 20px Arial,sans-serif;background:#00213be8;padding:9px 12px;max-width:270px}
.immersive-page.museum-clean header{display:none}
.museum-clean .immersive-museum{height:100svh;min-height:100svh}
.ui-hidden>.museum-top,.ui-hidden>.museum-room,.ui-hidden>.museum-toolbar,.ui-hidden>.museum-look-hint,.ui-hidden>.museum-intro{display:none}
.ui-hidden .museum-touch{opacity:.2}.ui-hidden .museum-touch:has(.is-active){opacity:1}.ui-hidden #museum-joystick-hint{display:none}
.museum-expanded{overflow:hidden}.museum-expanded .immersive-museum{position:fixed;inset:0;z-index:1000;width:100%;height:100dvh;min-height:100dvh}
@media(max-width:800px){.museum-quiet-controls{top:18px;right:5vw;gap:6px}.museum-quiet-controls button{width:36px;height:36px;font-size:21px}.museum-top{right:calc(5vw + 90px)}.museum-location{font-size:14px}.museum-help-button{width:34px;height:34px}.museum-room{top:85px}#museum-room-name{font-size:17px;max-width:220px}.museum-toolbar #museum-fullscreen{display:none}}

.museum-quiet-controls button{display:grid;place-items:center;opacity:.75}.museum-quiet-controls button:hover,.museum-quiet-controls button:focus-visible{opacity:1}
#museum-interface[aria-pressed="true"],#museum-screen[aria-pressed="true"]{color:#ff6418}
.museum-speed{display:flex;gap:8px;align-items:center;padding:0 8px;font:12px Arial,sans-serif;color:#bdcbd7}
.museum-speed select{font:12px Arial,sans-serif;color:#f6f6f4;background:#00213b;border:1px solid #ff641870;border-radius:3px;padding:8px 22px 8px 8px;min-height:36px;cursor:pointer}
@media(max-width:800px){.museum-speed{font-size:11px}.museum-speed select{font-size:11px;min-height:34px;padding:6px 18px 6px 7px}.museum-toolbar{row-gap:4px}}

#museum-room-select{display:block;max-width:min(280px,70vw);font:700 18px Arial,sans-serif;color:#f6f6f4;background:#00213be8;border:1px solid #ff641870;border-radius:0;padding:10px 28px 10px 10px;min-height:44px;cursor:pointer}
@media(max-width:800px){#museum-room-select{font-size:16px;max-width:245px;padding:10px 24px 10px 9px}.museum-room-label{margin-bottom:3px}}