@import url('/assets/murdock-tokens.css?v=20260917-listener-design-2');
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#05080d;color:#f4f1ea;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{color:inherit}.utility{position:fixed;z-index:30;top:8px;left:8px;padding:10px 12px;border:1px solid #75654a;background:rgba(5,8,13,.82);border-radius:3px}.utility-stop{left:108px}#view-nav{position:fixed;z-index:30;top:8px;left:50%;transform:translateX(-50%);display:flex;border:1px solid #75654a;background:rgba(5,8,13,.84);padding:4px;border-radius:3px}#view-nav button{padding:9px 16px;border:0;background:transparent}#view-nav button[aria-current=true]{background:#352817;outline:1px solid #aa8a54}#office-viewport{position:fixed;inset:0;overflow:hidden;background:#05080d}#office-strip{position:absolute;inset:0;will-change:transform;transition:transform 1.15s cubic-bezier(.22,.72,.18,1)}#office-panorama{position:absolute;height:100%;width:auto;max-width:none;top:0;left:0;user-select:none;pointer-events:none;filter:saturate(.92) contrast(1.03)}#room-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,5,10,.34),rgba(1,5,10,.05) 42%,rgba(1,5,10,.32));pointer-events:none}.room-panel{position:fixed;z-index:12;top:15%;width:min(430px,38vw);text-shadow:0 2px 12px #000;transition:opacity .35s ease,transform .55s ease}.room-panel[hidden]{display:block;opacity:0;pointer-events:none}.left-panel{left:7%}.center-panel{left:50%;transform:translateX(-50%);text-align:center;top:24%;width:min(610px,55vw)}.right-panel{right:7%}.eyebrow{font-size:11px;letter-spacing:.2em;color:#e6c078}.room-panel h1{margin:.3rem 0 .8rem;font-size:clamp(38px,4.4vw,68px);line-height:.96}.center-panel h1{font-size:clamp(48px,6vw,88px)}.desk-copy{font-size:18px}.desk-hint{margin-top:2rem;color:#d6c6aa;font-size:13px}.panel-card{padding:22px;background:rgba(4,9,15,.83);border:1px solid rgba(194,153,88,.45);backdrop-filter:blur(7px);box-shadow:0 20px 55px rgba(0,0,0,.32)}.panel-card h2{font-size:27px;margin:.25rem 0 .35rem}.transport{display:flex;gap:8px;margin:18px 0}.transport button,.panel-card a,#pan-controls button,.accessibility-panel button{border:1px solid #76654b;background:rgba(10,14,19,.88);padding:10px 13px;text-decoration:none}.panel-card label{display:block;margin:10px 0 6px;font-size:13px}.panel-card input[type=range]{width:100%}.status{font-size:12px;color:#c7c2b8}.article-card{max-height:60vh;overflow:hidden}.article-card input[type=search]{width:100%;padding:11px;border:1px solid #75654a;background:#08101a;color:#fff}.article-list{max-height:42vh;overflow:auto;border-top:1px solid rgba(194,153,88,.28);margin-top:12px}.article-link{display:block;padding:11px 4px;border-bottom:1px solid rgba(194,153,88,.18);text-decoration:none}.article-link:hover,.article-link:focus{background:rgba(194,153,88,.12);outline:none}#pan-controls{position:fixed;z-index:25;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:rgba(5,8,13,.8);border:1px solid #75654a;padding:5px;border-radius:3px}#pan-controls button{min-width:42px}#view-label{min-width:76px;text-align:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.accessibility-panel{position:fixed;z-index:50;left:18px;top:62px;width:min(420px,calc(100vw - 36px));padding:20px;background:#080c12;border:1px solid #8f7957;box-shadow:0 20px 60px #000}.accessibility-panel h2{margin-top:0}.accessibility-panel[hidden]{display:none}@media (prefers-reduced-motion:reduce){#office-strip,.room-panel{transition:none!important}}@media(max-width:760px){.utility{top:56px}.utility-stop{left:auto;right:8px}.room-panel{top:18%;width:calc(100vw - 32px);left:16px!important;right:auto!important;transform:none!important}.center-panel{text-align:left}.room-panel h1,.center-panel h1{font-size:38px}.panel-card{padding:16px}.article-card{max-height:58vh}.article-list{max-height:38vh}#view-nav{width:max-content}#view-nav button{padding:9px 12px}#pan-controls{bottom:max(12px,env(safe-area-inset-bottom))}}

.article-link{overflow-wrap:anywhere;word-break:normal}
@media(max-width:760px){
.utility-stop{left:132px!important;right:auto!important;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.article-list{overflow-x:hidden}
.article-link{max-width:100%;white-space:normal;line-height:1.25}
}

body.is-panning .room-panel{opacity:0!important;pointer-events:none!important}
body.is-panning #office-panorama{filter:saturate(.92) contrast(1.03) blur(.7px)}
#office-viewport::before,#office-viewport::after{content:"";position:absolute;z-index:8;left:0;right:0;pointer-events:none}
#office-viewport::before{top:0;height:7%;background:linear-gradient(to bottom,rgba(3,6,10,.62),rgba(3,6,10,0))}
#office-viewport::after{bottom:0;height:18%;background:linear-gradient(to top,rgba(3,6,10,.94),rgba(3,6,10,0))}
.center-panel{top:20%}
.center-panel h1{font-size:clamp(44px,4.8vw,68px)}
@media (prefers-reduced-motion:reduce){body.is-panning #office-panorama{filter:saturate(.92) contrast(1.03)}}
.monitor-action{margin-top:18px;padding:11px 16px;border:1px solid #8f7957;background:rgba(8,12,18,.82);border-radius:3px}
#video-dialog{width:min(1000px,94vw);padding:0;border:1px solid #8f7957;background:#05080d;color:#f4f1ea}
#video-dialog::backdrop{background:rgba(0,0,0,.82)}
#video-dialog header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #75654a}
#video-dialog h2{margin:0;font-size:18px}#close-video{padding:9px 13px;border:1px solid #8f7957;background:#17120d;color:inherit}
#feature-video{display:block;width:100%;max-height:78vh;background:#000}
#mute-radio,#close-radio{border-color:#8f7957!important}
@media(max-width:760px){#video-dialog{width:96vw}.transport{flex-wrap:wrap}.transport button{flex:1 1 42%}.monitor-action{width:100%}}

/* Registered panorama production pass */
.room-panel[hidden],.radio-dock[hidden]{display:none!important}
body.is-panning #office-panorama{filter:saturate(.92) contrast(1.03)}
.room-panel{top:12%;width:min(370px,31vw)}
.left-panel{left:4%;right:auto}
.center-panel{left:5%;transform:none;text-align:left;top:12%;width:min(430px,34vw)}
.right-panel{left:auto;right:4%;width:min(390px,32vw)}
.room-panel h1,.center-panel h1{font-size:clamp(28px,3vw,42px);line-height:1.05}
.desk-copy{max-width:32ch;font-size:16px}
.panel-card{padding:16px;background:rgba(5,8,13,.76);backdrop-filter:blur(4px)}
.article-card{max-height:58vh}
.article-list{max-height:35vh}
.archive-link{display:inline-block;margin-top:12px;padding:9px 12px;border:1px solid #76654b;text-decoration:none}
.radio-dock{position:fixed;z-index:35;right:12px;bottom:14px;display:flex;align-items:center;gap:8px;max-width:min(620px,calc(100vw - 24px));padding:6px;border:1px solid #8f7957;background:rgba(5,8,13,.92);border-radius:3px}
.radio-dock span{min-width:0;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;color:#e6c078}
.radio-dock button{min-width:44px;min-height:44px;border:1px solid #76654b;background:#17120d;color:inherit}
@media(max-width:760px){
 .room-panel{top:auto!important;bottom:76px!important;left:12px!important;width:calc(100vw - 24px)!important;max-height:44vh;overflow:auto}
 .center-panel{bottom:92px!important}
 .room-panel h1,.center-panel h1{font-size:30px}
 .panel-card{padding:13px}
 .article-card{max-height:41vh}
 .article-list{max-height:22vh}
 .radio-dock{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));max-width:none}
 .radio-dock span{flex:1}
 #pan-controls{bottom:64px}
}

@media(max-width:760px){
 .utility-stop{max-width:none}
 .room-panel{max-height:38vh}
 .panel-card{background:rgba(5,8,13,.68);backdrop-filter:blur(3px)}
 .transport{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .transport button{min-width:0!important;min-height:44px;padding:8px!important}
}

/* Self-sizing utility links: prevents overlap at any text scale. */
.utility-cluster{position:fixed;z-index:30;top:8px;left:8px;display:flex;align-items:stretch;gap:8px}
.utility-cluster .utility{position:static;top:auto;left:auto;right:auto;min-height:44px;white-space:nowrap}
@media(max-width:760px){
 .utility-cluster{top:58px;max-width:calc(100vw - 16px);gap:6px}
 .utility-cluster .utility{min-width:0;max-width:none;padding:9px 11px}
}

/* Keep interactive content inside both its panel and the visible viewport. */
.room-panel{max-width:calc(100vw - 24px);max-height:calc(100dvh - 112px);overflow:auto;overscroll-behavior:contain}
.panel-card,.radio-card,.transport{min-width:0;max-width:100%}
.panel-card{overflow-x:hidden}
.panel-card h2,.panel-card p,.panel-card a,.transport button{overflow-wrap:anywhere}
.transport{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.transport button{min-width:0;max-width:100%;white-space:normal}
#radio-read{display:inline-block;max-width:100%;white-space:normal}
@media(max-width:760px){
 .room-panel{bottom:132px!important;max-height:calc(100dvh - 250px)}
}
@media(max-width:420px){
 .transport{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Spatially registered object controls. */
.monitor-action{position:fixed;z-index:18;margin:0;display:grid;place-items:center;min-width:0;min-height:44px;padding:12px;border:1px solid rgba(230,192,120,.48);background:rgba(5,8,13,.58);color:#f4f1ea;text-align:center;text-shadow:0 2px 8px #000;cursor:pointer}
.monitor-action:hover,.monitor-action:focus-visible{background:rgba(78,55,26,.76);outline:2px solid #e6c078;outline-offset:-3px}
.monitor-action[hidden]{display:none!important}

/* Object cues connect each menu to its physical office object. */
.menu-object-cue{width:150px;margin:0 0 12px;padding:4px;border:1px solid rgba(230,192,120,.52);background:rgba(5,8,13,.78);box-shadow:0 10px 28px rgba(0,0,0,.38)}
.menu-object-cue img{display:block;width:100%;height:auto}
.right-panel .menu-object-cue{margin-left:auto}
@media(max-width:760px){
 .menu-object-cue{width:108px;margin-bottom:8px}
 .right-panel .menu-object-cue{margin-left:0}
}

/* Release containment: shared scene geometry, real dialogs, phone reading space. */
#room-shade{background:linear-gradient(90deg,rgba(1,5,10,.24),rgba(1,5,10,.04) 50%,rgba(1,5,10,.24))}
button,a,input{touch-action:manipulation}button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e6c078;outline-offset:3px}
.accessibility-panel{margin:auto;inset:0;max-height:calc(100dvh - 32px);overflow:auto;width:min(480px,calc(100vw - 32px))}
.accessibility-panel:not([open]){display:none}.accessibility-panel::backdrop{background:#000b}
.accessibility-panel a{display:inline-block;min-height:44px;padding:10px 0}
#video-dialog{max-height:calc(100dvh - 32px);overflow:auto}#video-dialog header{gap:14px;flex-wrap:wrap}
.eyebrow,.status{font-size:13px}.panel-card label{font-size:14px}
.utility-cluster{max-width:calc(100vw - 16px);flex-wrap:wrap}
.radio-dock{bottom:76px}.transport button{min-height:44px}
@media(max-width:900px){.utility-cluster{top:66px}.room-panel{top:132px;max-height:calc(100dvh - 212px)}}
@media(max-width:760px){
 .utility-cluster{top:62px}.utility-cluster .utility{white-space:normal;overflow:visible}
 .room-panel{top:auto!important;bottom:80px!important;max-height:min(62dvh,calc(100dvh - 206px));background:rgba(5,8,13,.82);padding:12px;border:1px solid #75654a;border-radius:3px}
 .center-panel{top:124px!important;bottom:auto!important;max-height:25dvh;background:transparent;border:0;padding:0;pointer-events:none}
 .center-panel h1{font-size:28px}.center-panel .desk-copy{font-size:14px;margin:8px 0}.center-panel .eyebrow{margin:0 0 8px}
 .menu-object-cue{width:90px;margin-bottom:7px}.room-panel h1{font-size:27px;margin:6px 0 12px}
 .radio-dock{bottom:8px}.has-radio #pan-controls{bottom:66px}#pan-controls{bottom:12px}
 .has-radio .room-panel:not(.center-panel){bottom:132px!important;max-height:min(58dvh,calc(100dvh - 260px))}
 .article-card{max-height:none}.article-list{max-height:28dvh}.transport{margin:12px 0}
 .panel-card{padding:10px}.monitor-action{font-size:14px;padding:8px}
}
@media(max-height:500px){.room-panel{top:116px;max-height:calc(100dvh - 180px)}.menu-object-cue{display:none}.center-panel{top:114px}.desk-copy{display:none}}
@media(forced-colors:active){#office-strip{opacity:.15}.panel-card,.room-panel,.monitor-action{background:Canvas;color:CanvasText}}

/* Founder design system: the illustrations supply the metals, paper and night. */
html,body{background:var(--night);color:var(--ink);font-family:var(--font-body)}
button,input,label,.eyebrow,.status,#track-meta,#view-label,.archive-link,.radio-dock,#radio-read{font-family:var(--font-chrome)}
button{font-size:16px;letter-spacing:.04em;border-radius:var(--radius-plate)}
.room-panel h1,.center-panel h1{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}
.panel-card h2{font-family:var(--font-body);font-size:clamp(20px,2vw,25px);font-weight:400;line-height:1.35}
.desk-copy{font-size:16px;line-height:1.6;color:var(--ink)}
.eyebrow{color:var(--gold);letter-spacing:.16em;font-size:14px}.status,#track-meta{color:var(--ink-dim);font-size:16px}
#view-nav{padding:4px;background:var(--navy);border:1px solid var(--brass);border-radius:4px;box-shadow:0 8px 24px #06090e55}
#view-nav button{min-height:44px;padding:8px 20px;color:var(--gold);font-size:17px}
#view-nav button[aria-current=true]{background:var(--walnut);color:var(--lamp);outline:1px solid var(--brass)}
.utility-cluster .utility{background:#06090e66;border-color:transparent;color:var(--ink);font-size:15px;box-shadow:none}
.utility-cluster .utility:hover{border-color:var(--brass);background:var(--navy)}
.panel-card{background:color-mix(in srgb,var(--navy) 95%,transparent);border-color:#c9a04a70;border-radius:var(--radius-card);text-shadow:none;backdrop-filter:none}
.transport button,.panel-card a,#pan-controls button,.radio-dock button{background:var(--navy);border-color:#c9a04a88;color:var(--gold);border-radius:4px}
button:hover,.panel-card a:hover{border-color:var(--lamp);box-shadow:0 0 12px #f0d9a02e}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lamp);outline-offset:3px}
.panel-card input[type=search]{background:var(--night);color:var(--ink);border-color:#c9a04a88;border-radius:4px;font-size:18px}
input[type=range]{accent-color:var(--brass)}
.article-link{font-family:var(--font-body);font-size:15px;line-height:1.55;background:transparent!important;border:0!important;border-bottom:1px solid #c9a04a40!important;border-radius:0!important;color:var(--ink)!important;padding:14px 4px!important}
.article-link:hover{color:var(--lamp)!important;background:var(--river)!important;box-shadow:none!important}
.menu-object-cue{border-color:#c9a04a88;background:var(--night);border-radius:4px}
#pan-controls,.radio-dock{background:var(--navy);border-color:#c9a04a88;border-radius:4px}
.radio-dock{box-shadow:0 10px 32px #06090e77}.radio-dock span{color:var(--ink);font-size:16px}
.audio-playing #playback-label::before{content:'';display:inline-block;width:6px;height:6px;background:var(--ember);border-radius:50%;margin:0 8px 2px 0}
.audio-playing #playback-label{color:var(--ember)}
.monitor-action{font-family:var(--font-chrome);color:var(--gold);background:#06090e88;border-color:#c9a04a77;font-size:17px}
.accessibility-panel,#video-dialog{background:var(--navy);color:var(--ink);border-color:var(--brass)}
.accessibility-panel h2,#video-dialog h2{font-family:var(--font-display)}
@media(max-width:760px){.room-panel:not(.center-panel){background:#0b1522ed;border-color:#c9a04a80}.utility-cluster{top:66px}.room-panel h1{font-size:28px}.panel-card h2{font-size:20px}#view-nav button{padding:8px 15px}.desk-copy{font-size:14px}.monitor-action{font-size:15px}.menu-object-cue{width:86px}}

.article-link{display:flex;align-items:flex-start;gap:12px}.article-link span{min-width:0;flex:1}.article-thumbnail{flex:0 0 72px;width:72px;height:54px;object-fit:contain;border:3px solid var(--parchment);outline:1px solid var(--manila);background:var(--night)}
@media(max-width:420px){.article-thumbnail{flex-basis:56px;width:56px;height:44px}.article-link{gap:9px}}

/* The top plaque is the single room switcher; status remains available to AT. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.radio-dock{bottom:12px}
@media(max-width:760px){
 .center-panel .eyebrow,.center-panel .desk-copy{display:none}
 .center-panel h1{font-size:24px;margin-top:0}
 .room-panel:not(.center-panel),.has-radio .room-panel:not(.center-panel){top:124px!important;bottom:auto!important;max-height:min(42dvh,calc(100dvh - 220px))}
 .room-panel:not(.center-panel) .menu-object-cue{float:left;width:64px;margin:0 12px 8px 0}
 .room-panel:not(.center-panel)>.eyebrow{margin:0 0 4px;font-size:12px}
 .room-panel:not(.center-panel)>h1{font-size:24px;margin:0 0 12px}
 .room-panel:not(.center-panel)>.panel-card{clear:both}
 .radio-dock{bottom:8px}
}