/* Brown Noise Sanctuary. All presentation stays inside this exhibit. */
.nd-brown-temple{--bt-amber:#e3b66a;--bt-gold:#f3cc83;--bt-ivory:#f2e7d3;--bt-text:#c6b597;--bt-muted:#a69374;--bt-line:rgba(227,182,106,.23);--bt-mono:var(--wp--preset--font-family--studio-mono,ui-monospace,Consolas,monospace);box-sizing:border-box;width:100%;max-width:none!important;margin:0!important;overflow:clip;background:#000;color:var(--bt-text);color-scheme:dark;font-family:var(--wp--preset--font-family--studio-sans,"Helvetica Neue",Arial,sans-serif)}
.nd-brown-temple *,.nd-brown-temple *::before,.nd-brown-temple *::after{box-sizing:border-box}
.nd-brown-temple [hidden]{display:none!important}
.nd-brown-temple button,.nd-brown-temple input{font:inherit}
.nd-brown-temple button{cursor:pointer}
.nd-brown-temple button:disabled{cursor:default}
.nd-brown-temple .bt-shell{width:min(calc(100% - 7vw),1320px);margin:0 auto;padding:2.2rem 0 3rem}
.nd-brown-temple a{color:inherit}
.nd-brown-temple .bt-topline{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem 0 1.2rem;border-bottom:1px solid var(--bt-line);color:var(--bt-muted);font-family:var(--bt-mono);font-size:.62rem;letter-spacing:.075em;text-transform:uppercase}
.nd-brown-temple .bt-topline a{text-decoration:none;color:#dbc18e}
.nd-brown-temple .bt-topline a span{margin-right:.6rem}
.nd-brown-temple .bt-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:2rem 4vw;padding:clamp(3rem,6vw,6rem) 0 3rem}
.nd-brown-temple .bt-eyebrow{margin:0 0 1.8rem;color:#d1a062;font-family:var(--bt-mono);font-size:.63rem;letter-spacing:.17em;text-transform:uppercase}
.nd-brown-temple .bt-intro h1{margin:0 0 2rem;color:var(--bt-ivory);font-size:clamp(3.5rem,6.5vw,7.1rem);font-weight:430;letter-spacing:-.065em;line-height:.96}
.nd-brown-temple .bt-intro h1 em{color:var(--bt-gold);font-style:normal}
.nd-brown-temple .bt-lede{max-width:32rem;margin:0;color:#d1bea0;font-size:clamp(1.02rem,1.35vw,1.2rem);line-height:1.75}
.nd-brown-temple .bt-intro-note{margin:1.5rem 0 0;color:#9f8c6f;font-size:.78rem;line-height:1.7}
.nd-brown-temple .bt-visual{min-width:0;text-align:center}
.nd-brown-temple .bt-scene{position:relative;width:100%;aspect-ratio:1.16;overflow:hidden;isolation:isolate}
.nd-brown-temple .bt-scene canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.nd-brown-temple .bt-arch-fallback{position:absolute;inset:10% 19% 12%;border:1px solid rgba(227,182,106,.27);border-radius:50% 50% 0 0}
.nd-brown-temple .bt-arch-fallback::before{position:absolute;inset:16% 16% 0;border:1px solid rgba(227,182,106,.15);border-radius:50% 50% 0 0;content:""}
.nd-brown-temple .bt-scene[data-ready="true"] .bt-arch-fallback{display:none}
.nd-brown-temple .bt-motion{min-height:2.75rem;padding:.6rem 1rem;border:1px solid rgba(227,182,106,.25);border-radius:999px;background:#050403;color:#ba9d6c;font-family:var(--bt-mono);font-size:.58rem;letter-spacing:.03em}
.nd-brown-temple .bt-motion:hover{border-color:var(--bt-amber);color:var(--bt-ivory)}
.nd-brown-temple .bt-console{padding:clamp(1.25rem,2.8vw,2.4rem);border:1px solid rgba(227,182,106,.34);background:#070604}
.nd-brown-temple .bt-console-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.7rem 2rem;margin-bottom:1.65rem}
.nd-brown-temple .bt-console-heading h2{margin:0;color:var(--bt-ivory);font-size:clamp(1.7rem,2.7vw,2.35rem);font-weight:430;letter-spacing:-.04em;line-height:1.15}
.nd-brown-temple .bt-console-heading p{margin:0;color:#bea16e;font-family:var(--bt-mono);font-size:.59rem;letter-spacing:.025em;line-height:1.6}
.nd-brown-temple .bt-console-heading p[data-error="true"]{color:#ffbda2}
.nd-brown-temple .bt-transport{display:grid;grid-template-columns:auto minmax(7.5rem,.65fr) minmax(12rem,1fr);gap:1.4rem 2.5rem;align-items:center}
.nd-brown-temple .bt-transport-buttons{display:flex;gap:.65rem}
.nd-brown-temple .bt-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:3.3rem;padding:.8rem 1.3rem;border:1px solid var(--bt-gold);border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.3;letter-spacing:.015em;transition:background-color .2s,color .2s,border-color .2s}
.nd-brown-temple .bt-button--play{background:var(--bt-gold);color:#171006}
.nd-brown-temple .bt-button--play:hover:not(:disabled){background:#ffe0a3;border-color:#ffe0a3}
.nd-brown-temple .bt-button--stop{background:transparent;color:#d9bd8c;border-color:#69512e}
.nd-brown-temple .bt-button--stop:hover:not(:disabled){background:#1c150b;border-color:var(--bt-amber)}
.nd-brown-temple .bt-button:disabled{opacity:.4}
.nd-brown-temple .bt-duration{display:grid;gap:.4rem;font-family:var(--bt-mono)}
.nd-brown-temple .bt-duration span{color:#a58f6c;font-size:.53rem;letter-spacing:.03em}
.nd-brown-temple .bt-duration time{color:#e3c792;font-size:1.1rem;letter-spacing:.06em}
.nd-brown-temple .bt-master label,.nd-brown-temple .bt-control>label{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#cdb896;font-family:var(--bt-mono);font-size:.61rem;letter-spacing:.025em}
.nd-brown-temple output{color:#edc888}
.nd-brown-temple .bt-slider{display:block;width:100%;min-width:0;height:2.75rem;margin:.1rem 0 0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;accent-color:var(--bt-gold)}
.nd-brown-temple .bt-slider::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(90deg,#c59952 var(--bt-value,50%),#3d301c var(--bt-value,50%))}
.nd-brown-temple .bt-slider::-webkit-slider-thumb{width:17px;height:17px;margin-top:-7px;border:2px solid #100c06;border-radius:50%;appearance:none;-webkit-appearance:none;background:#edc888;box-shadow:0 0 0 1px #ad8240}
.nd-brown-temple .bt-slider::-moz-range-track{height:3px;border-radius:3px;background:#3d301c}
.nd-brown-temple .bt-slider::-moz-range-progress{height:3px;background:#c59952}
.nd-brown-temple .bt-slider::-moz-range-thumb{width:14px;height:14px;border:2px solid #100c06;border-radius:50%;background:#edc888}
.nd-brown-temple .bt-slider:disabled{cursor:default;opacity:.38}
.nd-brown-temple .bt-listening-hint{margin:1rem 0 0;padding-top:1.05rem;border-top:1px solid rgba(227,182,106,.14);color:#aa977a;font-size:.71rem;line-height:1.65}
.nd-brown-temple .bt-presets{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.6rem;margin:2.4rem 0 1.6rem;padding:0;border:0}
.nd-brown-temple .bt-presets legend{width:100%;margin:0 0 .75rem;padding:0;color:#b29a74;font-family:var(--bt-mono);font-size:.57rem;letter-spacing:.1em;text-transform:uppercase}
.nd-brown-temple .bt-presets>div{display:flex;flex-wrap:wrap;gap:.5rem}
.nd-brown-temple .bt-presets button{min-height:2.75rem;padding:.6rem 1.15rem;border:1px solid #5a4427;border-radius:999px;background:#060503;color:#baa27b;font-size:.72rem;transition:background-color .2s,border-color .2s,color .2s}
.nd-brown-temple .bt-presets button:hover{border-color:#d3ad69;color:#f2ddb9}
.nd-brown-temple .bt-presets button[aria-pressed="true"]{border-color:#d3ad69;background:#251b0c;color:#ffe0a3}
.nd-brown-temple .bt-presets p{margin:0;color:#9c8667;font-family:var(--bt-mono);font-size:.57rem;line-height:1.6}
.nd-brown-temple .bt-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.nd-brown-temple .bt-panel{min-width:0;padding:clamp(1.2rem,2.6vw,2.3rem);border:1px solid var(--bt-line);background:#050403}
.nd-brown-temple .bt-panel-index{margin:0 0 .9rem;color:#c29455;font-family:var(--bt-mono);font-size:.54rem;letter-spacing:.12em;text-transform:uppercase}
.nd-brown-temple .bt-panel h2{margin:0;color:#ead5b0;font-size:clamp(1.9rem,2.7vw,2.65rem);font-weight:440;letter-spacing:-.045em;line-height:1.1}
.nd-brown-temple .bt-panel-note{min-height:3.7em;margin:1rem 0 1.8rem;color:#aa9678;font-size:.75rem;line-height:1.65}
.nd-brown-temple .bt-frequencies{color:#c0a574;font-family:var(--bt-mono);font-size:.56rem}
.nd-brown-temple .bt-control+.bt-control{margin-top:1.4rem}
.nd-brown-temple .bt-scale{display:flex;justify-content:space-between;margin-top:-.2rem;color:#998466;font-family:var(--bt-mono);font-size:.5rem;letter-spacing:.025em}
.nd-brown-temple .bt-drone-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.nd-brown-temple .bt-switch{position:relative;display:inline-flex;flex:0 0 44px;width:44px;height:32px;align-items:center;cursor:pointer}
.nd-brown-temple .bt-switch input{position:absolute;z-index:1;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.nd-brown-temple .bt-switch>span{position:relative;display:block;width:42px;height:24px;border:1px solid #796141;border-radius:20px;background:#15110a;transition:background-color .2s,border-color .2s}
.nd-brown-temple .bt-switch>span::after{position:absolute;top:4px;left:4px;width:14px;height:14px;border-radius:50%;background:#b3a080;content:"";transition:transform .2s,background-color .2s}
.nd-brown-temple .bt-switch input:checked+span{border-color:#d0a05a;background:#67481e}
.nd-brown-temple .bt-switch input:checked+span::after{transform:translateX(18px);background:#f9dca1}
.nd-brown-temple .bt-fifth{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.65rem 0 1.35rem;padding:.55rem 0 .9rem;border-bottom:1px solid rgba(227,182,106,.16);color:#ccb48c;font-size:.74rem;line-height:1.6;cursor:pointer}
.nd-brown-temple .bt-fifth small{display:block;color:#a18b6d;font-size:.65rem}
.nd-brown-temple .bt-fifth input{width:18px;height:18px;flex:0 0 auto;margin:0;accent-color:var(--bt-gold);cursor:pointer}
.nd-brown-temple .bt-fifth input:disabled{cursor:default;opacity:.4}
.nd-brown-temple[data-drone="false"] [data-bt-drone-control] label,.nd-brown-temple[data-drone="false"] [data-bt-drone-control] output,.nd-brown-temple[data-drone="false"] .bt-fifth{color:#8e7e65}
.nd-brown-temple .bt-colophon{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem 3rem;margin-top:2.8rem;padding-top:1.6rem;border-top:1px solid var(--bt-line)}
.nd-brown-temple .bt-colophon p{max-width:39rem;margin:0;color:#a48f6c;font-size:.67rem;line-height:1.8}
.nd-brown-temple .bt-colophon a{color:#d4ae6f;font-family:var(--bt-mono);font-size:.59rem;text-decoration:none}
.nd-brown-temple .bt-noscript{padding:1rem;border:1px solid #a98041;color:#e8c58e}
.nd-brown-temple a:hover{color:#f4dbac}
.nd-brown-temple a:focus-visible,.nd-brown-temple button:focus-visible,.nd-brown-temple .bt-slider:focus-visible,.nd-brown-temple .bt-fifth input:focus-visible,.nd-brown-temple .bt-switch input:focus-visible+span{outline:2px solid #f0c777;outline-offset:5px}
.nd-brown-temple ::selection{color:#151006;background:#edcc8e}
@media(max-width:1080px){.nd-brown-temple .bt-transport{grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}.nd-brown-temple .bt-master{grid-column:1/-1}.nd-brown-temple .bt-panel-note{min-height:5em}}
@media(max-width:720px){.nd-brown-temple .bt-shell{width:calc(100% - 2rem);padding-top:1rem}.nd-brown-temple .bt-topline{font-size:.53rem}.nd-brown-temple .bt-hero{grid-template-columns:minmax(0,1fr);gap:1rem;padding-top:2.7rem}.nd-brown-temple .bt-eyebrow{margin-bottom:1.2rem;font-size:.56rem}.nd-brown-temple .bt-intro h1{font-size:clamp(3.1rem,12vw,5.5rem);margin-bottom:1.6rem}.nd-brown-temple .bt-visual{width:min(100%,30rem);margin:0 auto}.nd-brown-temple .bt-console{padding:1.2rem}.nd-brown-temple .bt-controls{grid-template-columns:minmax(0,1fr)}.nd-brown-temple .bt-panel{padding:1.35rem}.nd-brown-temple .bt-panel-note{min-height:0}.nd-brown-temple .bt-transport{grid-template-columns:minmax(0,1fr);gap:1.35rem}.nd-brown-temple .bt-transport-buttons{width:100%}.nd-brown-temple .bt-button--play{flex:1}.nd-brown-temple .bt-button{padding-inline:1rem;font-size:.72rem}.nd-brown-temple .bt-duration{display:flex;align-items:baseline;justify-content:space-between}.nd-brown-temple .bt-presets{margin-top:1.9rem}.nd-brown-temple .bt-colophon{margin-top:2rem}}
@media(prefers-reduced-motion:reduce){.nd-brown-temple *,.nd-brown-temple *::before,.nd-brown-temple *::after{transition:none!important;scroll-behavior:auto!important}}

/* Room controls remain independent of the optional drone. */
.nd-brown-temple .bt-room-panel{grid-column:1/-1}
.nd-brown-temple .bt-room-panel .bt-panel-note{min-height:0;max-width:52rem}
.nd-brown-temple .bt-room-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 3rem}
.nd-brown-temple .bt-room-controls .bt-control{margin-top:0}
@media(max-width:720px){.nd-brown-temple .bt-room-controls{grid-template-columns:minmax(0,1fr)}}