@import url('./archive.css');
html,body{background:#080809}
#experience.is-away{position:fixed;inset:0;visibility:hidden;pointer-events:none}
#archive-surface{background:#080809;min-height:100svh;color:#c4c3bf;--white:#c4c3bf;--muted:#96958f;--rule:#30302e;font-family:Arial,sans-serif}
#archive-surface.is-preparing{position:fixed;inset:0;visibility:hidden;pointer-events:none;overflow:hidden}
#archive-surface .site-header{position:relative;pointer-events:auto}
#studio-portal.is-preparing{visibility:hidden;pointer-events:none}
#studio-portal.is-preparing::backdrop{background:transparent;backdrop-filter:none}
#studio-journey{position:fixed;inset:0;padding:0;margin:0;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#080809;overflow:hidden;outline:0}
#studio-journey::backdrop{background:#080809}
#studio-journey canvas{display:block;width:100%;height:100%}
body[data-studio-travel] .site-header,body[data-studio-travel] .home-copy,body[data-studio-travel] .scanner-lift,body[data-studio-travel] .entry-handle{visibility:hidden}
.loose-print{background:#191d19!important;color:#b9c0af!important;padding:12px!important;border:1px solid #444b3e;box-shadow:0 18px 45px #000a!important}
.loose-print .print-handle{height:26px;min-height:26px;margin:0 0 5px}
.loose-print .print-close{color:#929b89;border:0!important;background:transparent!important}
.loose-print .print-archive-link{font-size:12px;color:#a4ad9b;padding:15px 4px 3px}
.loose-print.has-carrier>img{opacity:0}
.carrier-render{position:absolute;left:0;top:35px;width:100%;height:auto;pointer-events:none}
.carrier-flip{position:absolute;left:13px;top:8px;width:26px;height:26px;display:grid;place-items:center;background:transparent;color:#8e9984;padding:4px}
.carrier-flip svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.2}
.held-carrier{position:absolute;pointer-events:none}
.loose-print .paper-lens{filter:brightness(.85)}

/* The room and its travel use the same persistent 3D scene. DOM buttons keep
   the image catalogue keyboard-accessible at their projected screen positions. */
#archive-room-view{display:none;position:fixed;inset:0;width:100vw;height:100svh;z-index:0;touch-action:none;overflow:hidden}
#archive-room-view canvas{display:block;width:100%;height:100%}
#archive-surface.has-spatial-room.is-room{height:100svh;overflow:hidden;position:relative}
#archive-surface.has-spatial-room.is-room #archive-room-view{display:block}
#archive-surface.has-spatial-room.is-room main{position:static;padding:0 4.3%;pointer-events:none}
#archive-surface.has-spatial-room.is-room .archive-intro{position:absolute;top:115px;left:4.3%;right:4.3%;z-index:3;padding:0;display:flex;align-items:center;gap:20px;pointer-events:none}
#archive-surface.has-spatial-room.is-room h1{font-size:clamp(38px,5vw,65px);color:#b9bcb2}
#archive-surface.has-spatial-room.is-room .intro-right{margin:0;padding:0;pointer-events:auto}
#archive-surface.has-spatial-room.is-room .room-toolbar{position:absolute;left:4.3%;bottom:24px;border:0;padding:0;z-index:4;pointer-events:auto}
#archive-surface.has-spatial-room.is-room .arrange-tools{gap:22px}
#archive-surface.has-spatial-room.is-room .arrange-tools button{font-size:11px;color:#8b9184}
#archive-surface.has-spatial-room.is-room #move-images{display:none}
#archive-surface.has-spatial-room.is-room #room{position:fixed;inset:0;margin:0;min-height:0;height:100svh!important;overflow:hidden;pointer-events:none}
#archive-surface.has-spatial-room.is-room #image-space{position:absolute;inset:0;pointer-events:none}
#archive-surface.has-spatial-room.is-room .fragment{position:absolute;pointer-events:none;background:transparent;border:0;transition:none;transform:none;padding:0;min-height:0;overflow:visible}
#archive-surface.has-spatial-room.is-room .fragment img,#archive-surface.has-spatial-room.is-room .fragment-caption,#archive-surface.has-spatial-room.is-room .fragment-corner{opacity:0}
#archive-surface.has-spatial-room.is-room .fragment:focus-visible{outline:none;background:#ccd4b826}
#archive-surface.has-spatial-room.is-room .archive-footer{display:none}
.archive-camera-controls{display:none;position:fixed;right:4.3%;bottom:28px;z-index:4;gap:6px}
#archive-surface.is-room .archive-camera-controls{display:flex}
.archive-camera-controls button{width:36px;height:36px;border:1px solid #41463b;border-radius:50%;background:#10140f88;color:#959d8b;display:grid;place-items:center}
.archive-camera-controls svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.1}
#archive-room-view.is-dragging{cursor:grabbing!important}
@media(max-width:700px){
 #archive-surface .site-header{padding:28px 6.3%;display:block}
 #archive-surface .wordmark{font-size:25px}
 #archive-surface .site-header nav{margin-top:30px;gap:24px;font-size:13px}
 #archive-surface.has-spatial-room.is-room .archive-intro{top:155px;left:6.3%;right:6.3%}
 #archive-surface.has-spatial-room.is-room .room-toolbar{left:6.3%;bottom:24px}
 #archive-surface.has-spatial-room.is-room .view-switch{font-size:12px}
 #archive-surface.has-spatial-room.is-room .arrange-tools{gap:16px}
 .archive-camera-controls{right:6.3%;bottom:28px;gap:5px}
 .archive-camera-controls button{width:32px;height:32px}
}