@font-face{font-family:Studio;src:local('Georgia');font-display:swap}
:root{color-scheme:dark;--paper:#f3e7d3;--ink:#211d17;--ochre:#e4ba69;--ease:cubic-bezier(.22,.65,.18,1)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--paper);font-family:Arial,sans-serif}body{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #ffe0a4;outline-offset:6px}button{border:0;background:none}button:disabled{cursor:wait}img{display:block}h1,h2,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;z-index:100;top:-80px;left:16px;background:var(--paper);color:var(--ink);padding:16px}.skip:focus{top:16px}.masthead{position:fixed;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:26px 3.6vw;background:linear-gradient(#211d1788,transparent);pointer-events:none}.masthead>*{pointer-events:auto}.wordmark{font-family:Georgia,serif;font-size:31px;letter-spacing:-1.8px;line-height:1}.wordmark span{display:block;margin-top:9px;font:10px Arial;letter-spacing:5.5px;text-align:center}.header-right{display:flex;gap:38px;align-items:center}.edition,.eyebrow,.project-bar>span{font-size:12px;letter-spacing:2px;text-transform:uppercase}.index-toggle{font-size:14px;border-bottom:1px solid #f3e7d344;padding:14px 0}.index-toggle span{margin-left:22px}#experience{height:100svh;min-height:560px;position:relative;isolation:isolate;overflow:hidden}.scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 800ms var(--ease),visibility 800ms;overflow:hidden}.scene.active,.scene.departing{visibility:visible}.scene.active{opacity:1;z-index:1}.scene.departing{z-index:2;opacity:0;pointer-events:none}.world{width:max(100vw,177.68svh);height:max(100svh,56.28vw);position:absolute;left:50%;top:50%;margin-left:min(-50vw,-88.84svh);margin-top:min(-50svh,-28.14vw);transform:translate3d(var(--mx,0px),var(--my,0px),0) scale(1.025);transform-origin:var(--origin,50% 50%);transition:transform 1100ms var(--ease);will-change:transform}.world>img{width:100%;height:100%;object-fit:cover}.departing .world{transform:scale(1.38)}.scene.arriving .world{transform:scale(1.09)}.shade{position:absolute;inset:0;z-index:3;background:linear-gradient(0deg,#15140eed 0%,#15140e70 20%,transparent 49%);pointer-events:none}.threshold{position:absolute;inset:0;background:#241c11;z-index:4;opacity:0;pointer-events:none}.travel .threshold{animation:blink 1s var(--ease)}@keyframes blink{0%,100%{opacity:0}45%{opacity:.22}}
.hotspot{position:absolute;display:flex;align-items:center;gap:13px;padding:16px;z-index:2;min-width:44px;min-height:44px;text-align:left;filter:drop-shadow(0 2px 14px #0009);transition:opacity .4s,transform .4s}.point{display:grid;place-items:center;width:46px;height:46px;flex:none;border:1px solid #f3e7d3aa;border-radius:50%;background:#2c251f77;backdrop-filter:blur(12px);font:24px Georgia;transition:background .3s,transform .3s}.hotspot:hover .point,.hotspot:focus-visible .point{background:var(--paper);color:var(--ink);transform:scale(1.15)}.hotspot-label{font-size:14px;padding:13px 16px;background:#211d17c9;border:1px solid #f3e7d333;backdrop-filter:blur(12px);line-height:1.4;white-space:nowrap}.hotspot-label small{display:block;font-size:10px;letter-spacing:1.5px;margin-bottom:6px;color:#dac9ac}.gallery-door{left:12%;top:44%}.workroom-door{left:74%;top:44%}.gallery-project{left:20%;top:38%}.workroom-project{left:53%;top:49%}.departing .hotspot{opacity:0}.room-caption{position:absolute;z-index:5;left:4vw;bottom:125px;max-width:900px;transition:opacity .25s,transform .55s var(--ease)}.travel .room-caption{animation:caption-in 1.15s var(--ease)}@keyframes caption-in{0%{opacity:0;transform:translateY(14px)}70%,100%{opacity:1;transform:none}}.eyebrow{font-size:11px;color:#ddcbb0;margin-bottom:15px}.room-caption h1{font:clamp(50px,6.7vw,104px)/.97 Georgia,serif;letter-spacing:-3px;text-wrap:balance;text-shadow:0 3px 30px #0005}.room-description{font-size:15px;line-height:1.6;margin-top:20px;color:#e8dcc9}#room-controls{display:flex;gap:26px;margin-top:24px;flex-wrap:wrap}.room-action{padding:11px 0;border-bottom:1px solid #ddcbb099;font-size:14px;text-align:left;min-height:44px}.room-action span{padding-left:22px}.room-action.secondary{color:#d0c1a9}.room-nav{position:absolute;z-index:6;bottom:29px;left:4vw;display:flex;gap:8px;padding:6px;border:1px solid #fff2;background:#211d1788;backdrop-filter:blur(20px)}.room-nav a{font-size:13px;padding:14px 18px;transition:background .2s}.room-nav a span{font-size:10px;color:#b6a388;margin-right:14px}.room-nav a[aria-current=page]{background:#ead9bc;color:#292219}.room-nav a[aria-current=page] span{color:#6c5840}.utilities{position:absolute;z-index:6;bottom:36px;right:4vw;display:flex;gap:24px;align-items:center}.local-label{font-size:11px;color:#d9c9b0;letter-spacing:1px}#motion{padding:14px 0;font-size:12px;min-height:44px}#motion:before{content:'';display:inline-block;width:6px;height:6px;background:#b6a388;border-radius:50%;margin-right:8px}#motion[aria-pressed=true]:before{background:#e8c37f;box-shadow:0 0 10px #e8c37f77}body.no-motion .world{transform:none!important;transition:none}body.no-motion .scene{transition:none}body.no-motion .threshold,body.no-motion .room-caption{animation:none}body.no-motion *{scroll-behavior:auto!important}body.no-motion .hotspot,body.no-motion .point{transition:none}
dialog{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100svh;max-height:none;background:#ece1ce;color:#342a23;padding:0;border:0;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#211d17c9}dialog[open]{animation:reveal .55s var(--ease)}@keyframes reveal{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}.no-motion dialog[open]{animation:none}dialog button:focus-visible,dialog a:focus-visible{outline-color:#5b663e}.project-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:18px 4vw;background:#ece1cef2;border-bottom:1px solid #342a2322;backdrop-filter:blur(20px);gap:20px}.project-bar>span{font-size:11px}.project-bar button{min-height:44px;padding:10px 0;font-size:14px}.project-bar button span{margin-left:30px}.case-heading{padding:60px 7vw 36px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.case-heading .eyebrow{color:#796b53}.case-heading h2{font:clamp(56px,7vw,100px)/1 Georgia;letter-spacing:-4px}.case-summary{max-width:540px;font-size:18px;line-height:1.65}.case-image{width:86%;margin:0 auto;background:#d4c7b4;padding:28px;box-shadow:0 15px 60px #342a2314}.case-image img{width:100%;height:auto}.case-image figcaption{font-size:12px;line-height:1.6;margin-top:18px;color:#655943}.case-details{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:60px 7vw 100px}.case-details h3{font-size:12px;letter-spacing:2px;text-transform:uppercase;margin:0 0 20px}.case-details p{font-size:16px;line-height:1.8;max-width:560px}.case-link{display:inline-block;margin-top:26px;padding:14px 0;border-bottom:1px solid #342a23;font-size:14px}.case-images{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 7vw}.case-images img{width:100%}.index-content{padding:70px 7vw}.index-content>.eyebrow{color:#796b53}.index-content h2{font:clamp(52px,8vw,110px) Georgia;letter-spacing:-3px;margin-bottom:60px}.index-row{display:grid;grid-template-columns:40px 1fr auto 30px;gap:25px;align-items:center;width:100%;text-align:left;border-top:1px solid #342a2344;padding:30px 0}.index-row strong{font:32px Georgia}.index-row small{font-size:13px}.index-note{margin-top:35px;color:#6a5d48;font-size:14px}.no-script{position:fixed;z-index:80;inset:20%;background:#211d17;padding:30px;line-height:2}.no-script a{text-decoration:underline}
@media(min-width:1800px){.world{width:100vw;height:56.28vw;margin-left:-50vw;margin-top:-28.14vw}}
@media(max-width:900px){#experience{min-height:670px}.masthead{padding:22px 6vw}.wordmark{font-size:26px}.wordmark span{font-size:9px;letter-spacing:4.5px}.edition{display:none}.index-toggle{font-size:12px}.index-toggle span{margin-left:12px}.scene{top:100px;bottom:auto;height:51svh;min-height:290px}.world{width:100%;height:100%;margin:0;left:0;top:0;transform:none}.world>img{object-fit:cover;object-position:50% 50%}.scene[data-scene=entrance]{height:43svh;min-height:250px}.scene[data-scene=entrance] .world>img{object-fit:contain}.scene[data-scene=gallery] .world>img{object-position:28% 50%}.scene[data-scene=workroom] .world>img{object-position:62% 50%}.hotspot{display:none}.shade{background:linear-gradient(0deg,#211d17 0%,#211d17 30%,transparent 53%)}.room-caption{left:6vw;right:6vw;bottom:145px;max-width:none}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:13px}.room-caption h1{font-size:56px;letter-spacing:-2px}.room-description{font-size:14px;margin-top:15px;max-width:320px}#room-controls{gap:17px;margin-top:18px}.room-action{font-size:13px}.room-action span{padding-left:10px}.room-nav{left:6vw;right:6vw;bottom:66px;gap:2px;justify-content:space-between;padding:4px}.room-nav a{padding:13px 10px;font-size:12px;flex:1;text-align:center;white-space:nowrap}.room-nav a span{margin-right:7px;font-size:9px}.utilities{left:6vw;right:6vw;bottom:12px;justify-content:space-between}.local-label{font-size:10px}.project-bar{padding:12px 6vw}.project-bar>span{max-width:120px;font-size:10px;line-height:1.5}.project-bar button{font-size:12px}.project-bar button span{margin-left:8px}.case-heading{display:block;padding:38px 6vw 28px}.case-heading h2{font-size:58px;letter-spacing:-2px}.case-summary{margin-top:26px;font-size:16px}.case-image{width:88%;padding:10px}.case-image figcaption{font-size:11px;margin:12px 2px}.case-details{grid-template-columns:1fr;padding:35px 6vw 70px;gap:35px}.case-details p{font-size:15px}.case-images{grid-template-columns:1fr;margin:0 6vw}.index-content{padding:40px 6vw}.index-content h2{margin-bottom:35px;font-size:56px}.index-row{grid-template-columns:25px 1fr 20px;gap:10px;padding:25px 0}.index-row strong{font-size:27px}.index-row small{grid-column:2;grid-row:2;font-size:12px}.index-row>span:last-child{grid-column:3;grid-row:1}.index-note{line-height:1.6}}
@media(max-height:650px) and (min-width:901px){.room-caption{bottom:110px}.room-caption h1{font-size:60px}.room-description{margin-top:12px}#room-controls{margin-top:12px}.masthead{padding-top:18px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-opt-in) *,body:not(.motion-opt-in) *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.gallery-door,.workroom-door{top:35%}

.scene.project-enter .world{transform:scale(1.22);transform-origin:30% 40%}.scene[data-scene=workroom].project-enter .world{transform-origin:62% 54%}.project-enter .hotspot{opacity:0}#project-dialog[open]{animation:reveal .6s .3s var(--ease) both}.no-motion #project-dialog[open]{animation:none}.room-caption h1:focus{outline:none}
body{overflow-y:auto;overflow-x:hidden}@media(max-width:900px){#experience{min-height:740px}}
.room-nav a{min-height:44px;display:flex;align-items:center;justify-content:center}.wordmark,.index-toggle{min-height:44px}

/* OTS-ROOM-2: individual exhibits and the screening room */
.exhibit-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.gallery-project{left:20%;top:36%}.searchlight-project{left:50%;top:38%}.searchlight-project .hotspot-label{white-space:normal;min-width:200px}.workroom-project{left:60%;top:24%}
#project-dialog.reel-mode{background:#080a09;color:#efe4d2}.reel-mode .project-bar{background:#080a09e8;color:#efe4d2;border-color:#efe4d21a}.reel-mode button:focus-visible{outline-color:#e4ba69}.screening-room{position:relative;isolation:isolate;min-height:calc(100svh - 81px);display:grid;place-items:center;padding:55px 7vw 85px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#4d493024,transparent 65%)}.screen-light{position:absolute;inset:12% 4% 18%;background:radial-gradient(ellipse,#ead7ae12,transparent 65%);filter:blur(25px);pointer-events:none}.reel-screen{width:100%;aspect-ratio:2.05;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 10%,#343a2c80,transparent 60%),linear-gradient(120deg,#171a14,#0a0e0b 70%);border:1px solid #d6c09724;box-shadow:0 0 100px #d9b9700a;padding:35px}.reel-screen .eyebrow{font-size:11px;letter-spacing:3px;color:#baa889}.reel-screen h2{font:clamp(48px,8vw,120px)/1.1 Georgia;letter-spacing:-3px}.reel-disciplines{font-size:14px;letter-spacing:1px;margin-top:25px;color:#cfbea1}.reel-disciplines span{padding:0 15px}.reel-status{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#c5b594;margin-top:46px;border-top:1px solid #c5b59444;padding-top:20px}.screening-note{position:absolute;bottom:35px;font-size:12px;color:#9d9482;letter-spacing:1px}
@media(max-width:900px){.scene[data-scene=gallery]{height:43svh;min-height:250px}.scene[data-scene=gallery] .world{width:100%;height:auto;aspect-ratio:1672/941;top:50%;transform:translateY(-50%);margin:0}.scene[data-scene=gallery] .world>img{object-fit:contain}.scene[data-scene=gallery] .exhibit-art{height:100%}.no-motion .scene[data-scene=gallery] .world{transform:translateY(-50%)!important}.screening-room{min-height:calc(100svh - 81px);padding:40px 6vw 75px}.reel-screen{aspect-ratio:auto;min-height:55svh;padding:25px 14px}.reel-screen h2{font-size:58px;letter-spacing:-2px}.reel-screen .eyebrow{font-size:9px;letter-spacing:2px}.reel-disciplines{font-size:12px;line-height:2;letter-spacing:0}.reel-disciplines span{padding:0 6px}.reel-status{font-size:10px;margin-top:35px}}

.marin-project{left:71%;top:43%}.marin-project .hotspot-label{white-space:normal;max-width:185px}.searchlight-project{left:51%;top:27%}.searchlight-project .hotspot-label{min-width:185px;max-width:200px}@media(max-width:900px){.scene[data-scene=gallery]~.room-caption #room-controls{gap:10px 20px}.room-action{font-size:13px}}

.art-hit{position:absolute;z-index:1;background:transparent;border:0;cursor:pointer}.rider-hit{left:14.95%;top:6.59%;width:26.8%;height:50.9%;clip-path:polygon(0 0,100% 31.7%,100% 94.6%,0 100%)}.searchlight-hit{left:55%;top:14.7%;width:8.3%;height:38%;clip-path:polygon(0 0,97% 11%,100% 98%,0 100%)}.marin-hit{left:73.8%;top:25.9%;width:9.5%;height:25.9%;clip-path:polygon(0 11%,100% 0,100% 100%,0 100%)}@media(max-width:900px){.scene[data-scene=gallery].project-enter .world{transform:translateY(-50%) scale(1.15)}.scene[data-scene=gallery].arriving .world{transform:translateY(-50%) scale(1.09)}.scene[data-scene=gallery].departing .world{transform:translateY(-50%) scale(1.38)}}

/* Painting invitations remain separate from the artwork itself. */
.scene[data-scene=gallery] .hotspot{display:none}
.art-cue{position:absolute;z-index:3;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%;padding:0;background:transparent}
.art-cue::before,.art-cue::after{content:'';position:absolute;inset:12px;border:1px solid #f3e7d3;border-radius:50%;pointer-events:none}
.art-cue::before{background:#211d1755;box-shadow:0 1px 12px #211d1755}
.art-cue::after{animation:painting-invite 3.6s ease-out infinite;animation-delay:var(--cue-delay,0s)}
.rider-cue{left:28%;top:34%}.searchlight-cue{left:59%;top:34%;--cue-delay:1.2s}.marin-cue{left:78.7%;top:41%;--cue-delay:2.4s}
@keyframes painting-invite{0%,12%{transform:scale(1);opacity:.7}65%,100%{transform:scale(1.9);opacity:0}}
.art-cue.visited::after,.no-motion .art-cue::after{animation:none;opacity:0}
.scene:not(.active) .art-cue::after,.scene.project-enter .art-cue::after{animation-play-state:paused}
.art-cue:focus-visible{outline:2px solid #f3e7d3;outline-offset:2px}
.cue-name{position:absolute;top:49px;left:50%;transform:translateX(-50%);padding:9px 12px;background:#211d17eb;color:#f3e7d3;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}
.art-cue:hover .cue-name,.art-cue:focus-visible .cue-name{opacity:1}
@media(prefers-reduced-motion:reduce){body:not(.motion-opt-in) .art-cue::after{animation:none;opacity:0}}
@media(max-width:900px){
 body{overflow-y:auto}
 .masthead{position:relative;height:84px;padding:18px 6vw;background:none}
 #experience{--picture-height:76vw;display:grid;grid-template-rows:var(--picture-height) auto minmax(18px,1fr) auto auto;height:auto;min-height:calc(100svh - 84px);padding-bottom:env(safe-area-inset-bottom,0px);overflow:hidden}
 .scene,.scene[data-scene=entrance],.scene[data-scene=gallery],.scene[data-scene=workroom]{top:0;bottom:auto;height:var(--picture-height);min-height:0}
 .scene .world,.scene[data-scene=gallery] .world{width:135%;height:auto;aspect-ratio:1672/941;left:-17.5%;top:0;margin:0;transform:none}
 .scene .world>img{width:100%;height:100%;object-fit:cover}
 .no-motion .scene[data-scene=gallery] .world{transform:none!important}
 .scene[data-scene=gallery].project-enter .world{transform:scale(1.06)}
 .scene[data-scene=gallery].arriving .world{transform:scale(1.04)}
 .scene[data-scene=gallery].departing .world{transform:scale(1.12)}
 .shade{height:var(--picture-height);background:linear-gradient(0deg,#211d1722,transparent 18%)}
 .room-caption{position:relative;grid-row:2;left:auto;right:auto;bottom:auto;padding:26px 6vw 0;margin:0;max-width:none}
 .room-caption h1{font-size:clamp(44px,11.8vw,72px)}
 .room-caption .eyebrow{margin-bottom:12px}.room-description{margin-top:13px}
 #room-controls{margin-top:15px;gap:8px 22px}
 .room-nav{position:relative;grid-row:4;left:auto;right:auto;bottom:auto;margin:0 6vw;min-height:54px}
 .utilities{position:relative;grid-row:5;left:auto;right:auto;bottom:auto;margin:2px 6vw 4px;min-height:48px}
 .cue-name{display:none}
 .art-cue::before,.art-cue::after{inset:14px}
}

/* The Workroom projection shares the Gallery invitation and motion preference. */
.reel-cue{left:78%;top:24%;--cue-delay:.4s}
.reel-hit{left:70.3%;top:4.5%;width:29.7%;height:41%;clip-path:polygon(0 12%,100% 0,100% 100%,0 95%)}