:root{color-scheme:dark;--sea:#071723;--ink:#f1f4f0;--secondary:#adbfca;--teal:#b0e8dc;--line:rgba(239,250,255,.18);--gutter:clamp(16px,4vw,65px)}
*{box-sizing:border-box}*[hidden]{display:none!important}html{scroll-behavior:smooth}
body{margin:0;background:var(--sea);color:var(--ink);font:400 16px/1.52 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--teal);outline-offset:3px}button:disabled{opacity:.35;cursor:default}
.head{padding:18px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);min-height:74px}
.identity{display:flex;align-items:center;gap:12px;font-size:clamp(12px,2.3vw,17px);font-weight:730;letter-spacing:.16em}.identity img{object-fit:contain;flex-shrink:0}
.private{font-size:10px;color:var(--teal);background:transparent;border:1px solid rgba(176,232,220,.3);border-radius:100px;padding:6px 9px;letter-spacing:.07em;white-space:nowrap}.private[aria-pressed=true]{background:rgba(176,232,220,.1)}
.tabs{padding:18px var(--gutter) 0;max-width:1320px;margin:auto;display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line);overflow:auto}
.tabs button{font-size:clamp(13px,3.5vw,17px);font-weight:650;color:var(--secondary);background:none;border:0;padding:0 0 15px;white-space:nowrap;position:relative}
.tabs button[aria-selected=true]{color:var(--ink)}.tabs button[aria-selected=true]::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--teal)}
main{max-width:1320px;margin:auto;padding:clamp(38px,7vw,88px) var(--gutter) 70px}
.eyebrow{color:var(--teal);font-size:11px;font-weight:650;letter-spacing:.17em;margin:0 0 15px}
h1{font:400 clamp(48px,11vw,122px)/.96 Georgia,serif;letter-spacing:-.069em;margin:0 0 23px}h1 em{font-style:italic;font-weight:400}
.lede{font-size:clamp(16px,3vw,21px);line-height:1.5;color:var(--secondary);max-width:670px;margin:0 0 43px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}
.section-head h2{font:400 clamp(26px,5vw,42px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:0}.secondary{color:var(--secondary);font-size:13px}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(13px,2.5vw,29px);row-gap:clamp(27px,5vw,55px)}
.art{min-width:0}.art.feature{grid-column:span 2}.art-photo{padding:0;margin:0;border:0;background:#0e2735;display:grid;place-items:center;width:100%;aspect-ratio:5/4;overflow:hidden}
.art-photo img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.art-photo:hover img{transform:scale(1.015)}
.art-meta{display:flex;gap:8px;justify-content:space-between;padding:12px 0 5px}.art-meta strong{display:block;font-weight:600;font-size:clamp(15px,2vw,21px);letter-spacing:-.03em}.art-meta small{display:block;color:var(--secondary);font-size:11px;margin-top:3px}
.art-meta i{color:var(--teal);font-style:normal}.art-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.btn{background:transparent;border:1px solid rgba(231,246,248,.33);color:var(--ink);border-radius:100px;font-size:12px;font-weight:650;padding:9px 15px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
.btn:hover{background:rgba(255,255,255,.09)}.btn.highlight{background:#c5eae2;color:#061c25;border-color:#c5eae2}
.editor{margin:38px 0 26px;border:1px solid var(--line);border-radius:10px;padding:17px;background:rgba(255,255,255,.025)}
.editor-top{display:flex;gap:10px;justify-content:space-between;align-items:start}.editor-top h3{font-size:15px;margin:0 0 12px;font-weight:650}.editor-top span{font-size:9px;color:var(--teal);letter-spacing:.09em;text-align:right}
.editor p{color:var(--secondary);font-size:13px;margin:0 0 14px;max-width:580px}.buttons{display:flex;gap:9px;flex-wrap:wrap}
.growth{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}
.growth strong{font-size:15px}.growth p{font-size:12px;color:var(--secondary);margin:5px 0 0}
.count-controls{display:flex;background:#143341;border-radius:30px;padding:4px}.count-controls button{border:0;background:none;border-radius:25px;font-size:13px;padding:7px 13px;min-width:42px}.count-controls button[aria-pressed=true]{background:var(--teal);color:#072029}
.future-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.future-slot{min-height:80px;display:grid;place-items:center;border:1px dashed rgba(228,248,252,.2);color:var(--secondary);font-size:11px;letter-spacing:.04em}
.paging{display:flex;justify-content:center;gap:12px;align-items:center;margin:15px auto;color:var(--secondary);font-size:12px}
.story-intro{display:grid;grid-template-columns:1fr;gap:25px;margin-bottom:40px}.story-intro img{width:100%;height:auto;object-fit:contain;max-height:550px;background:#12303b}
.story-intro h2{font:400 clamp(34px,7vw,63px)/1 Georgia,serif;letter-spacing:-.055em;margin:12px 0 18px}.story-intro p:not(.eyebrow){color:var(--secondary)}
.story-blocks{display:grid;gap:18px}.story-block{padding:20px 0;border-top:1px solid var(--line)}.story-block.contained{max-width:750px;width:100%;margin:auto}.story-block.wide{max-width:100%}
.story-block img,.story-block video{display:block;width:100%;height:auto;max-height:730px;object-fit:contain;background:#122b37}.story-block p{font-size:clamp(17px,2.5vw,22px);color:var(--secondary);line-height:1.7;max-width:750px}
.story-block blockquote{font:400 clamp(28px,4.5vw,50px)/1.25 Georgia,serif;color:var(--ink);margin:0 auto;max-width:750px}
.block-tools{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.block-tools .btn{min-height:35px;padding:5px 10px}
.story-block textarea{display:block;min-height:90px;background:#173443;color:var(--ink);border:1px solid var(--line);width:min(100%,700px);padding:13px;margin:10px 0}
.footer-note{border-top:1px solid var(--line);padding-top:23px;margin:64px 0 0;font-size:12px;color:var(--secondary);max-width:840px}
.viewer{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#020911;color:white;overflow:hidden}
.viewer::backdrop{background:#020911}
.viewer-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;background:#010810}
.viewer-stage.fit{touch-action:auto}.viewer-loading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1;background:#020911;color:#c8dfe3;font-size:13px;letter-spacing:.04em}.viewer-loading[hidden]{display:none!important}
.viewer-stage img{position:absolute;display:block;max-width:none;max-height:none;user-select:none;-webkit-user-drag:none;transform-origin:0 0}
.viewer-stage.fit img{width:100%!important;height:100%!important;left:0!important;top:0!important;object-fit:contain;transform:none!important}
.viewer-stage.inside img{object-fit:fill}
.shade{position:absolute;left:0;right:0;pointer-events:none;z-index:2}.shade.top{top:0;height:130px;background:linear-gradient(#010710c9,transparent)}.shade.bottom{bottom:0;height:220px;background:linear-gradient(transparent,#010710e9)}
.viewer-top{position:absolute;z-index:3;top:0;left:0;right:0;padding:max(16px,env(safe-area-inset-top)) max(15px,env(safe-area-inset-right)) 0 max(15px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:start;gap:12px}
.viewer-top strong{font-size:clamp(13px,3vw,18px);display:block;font-weight:600}.viewer-top small{display:block;font-size:11px;color:#cbdae1;margin-top:5px}
.viewer-close{border:1px solid #ffffff70;background:#061a29aa;color:white;border-radius:30px;font-size:13px;padding:9px 13px;min-height:44px}
.viewer-bottom{position:absolute;z-index:4;bottom:0;left:0;right:0;padding:25px max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
.viewer-arrows{display:flex;justify-content:space-between;margin:0 0 10px}.viewer-arrows button{border:1px solid #ffffff68;background:#071c2caa;width:44px;height:44px;border-radius:50%;font-size:19px}
.viewer-modes{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.viewer-modes button{border:1px solid #ffffff6b;background:#061827d9;min-height:44px;border-radius:25px;padding:8px 12px;font-size:12px}
.viewer-pan{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:10px}.viewer-pan button{border:1px solid #ffffff6b;background:#061827d9;color:#fff;width:40px;height:40px;border-radius:50%;font-size:17px}.viewer-pan button:disabled{opacity:.3}.viewer-modes button[aria-pressed=true]{color:#06232b;background:var(--teal);border-color:var(--teal)}.viewer-help{text-align:center;color:#d3e3e8;font-size:11px;line-height:1.4;margin:10px 0 0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:750px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.art.feature{grid-column:span 2}.future-slots{grid-template-columns:repeat(4,1fr)}.story-intro{grid-template-columns:1.15fr .85fr;align-items:center}}
@media(max-width:350px){.identity{font-size:11px;letter-spacing:.08em}.private{font-size:8px}.art-buttons .btn{padding:7px 11px}.tabs{gap:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Living Galleries: art-first, Google Arts & Culture-inspired translucent story surface. */
.viewer-stage,.viewer-stage.fit{touch-action:none;overscroll-behavior:contain}
.viewer-stage img{will-change:transform}
.viewer-stage.fit.zoomed img{width:var(--image-width)!important;height:var(--image-height)!important;left:50%!important;top:50%!important;object-fit:contain!important;transform:var(--image-transform)!important}
.viewer-top{align-items:center;padding-top:max(14px,env(safe-area-inset-top));padding-bottom:15px;background:linear-gradient(180deg,rgba(2,9,17,.66),transparent)}
.viewer-mark{font-size:9px;letter-spacing:.13em;line-height:1.4;color:#f5f9f8;max-width:55%}
.viewer-top-actions{display:flex;gap:8px;align-items:center}
.viewer-quiet,.viewer-close{background:rgba(3,14,23,.32);border:1px solid rgba(255,255,255,.35);border-radius:100px;color:#fff;min-height:43px;padding:9px 14px;font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.viewer-close{width:44px;min-width:44px;padding:0;font-size:24px;font-weight:300}
.viewer-sheet{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:35px max(17px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(17px,env(safe-area-inset-left));isolation:isolate}
.viewer-sheet::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,15,22,.03),rgba(4,15,22,.46) 40%,rgba(3,12,18,.87));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%);mask-image:linear-gradient(to bottom,transparent,#000 25%)}
.viewer-story{max-width:690px;margin:0 auto 16px}
.viewer-story-kicker{display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.15em;font-weight:600;color:#dbe9e9}
.viewer-story h2{font:400 clamp(26px,5.3vw,42px)/1.16 Georgia,serif;letter-spacing:-.035em;margin:10px 0 8px}
.viewer-story p{color:#f2f4f1;font-size:clamp(13px,2.9vw,17px);line-height:1.5;margin:0 0 8px;max-width:600px;text-wrap:pretty}
.viewer-story small{font-size:11px;color:#d0e0e1}
.viewer-modes{gap:7px;justify-content:flex-start;max-width:690px;margin:0 auto}
.viewer-modes button{min-height:42px;background:rgba(12,30,40,.30);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(245,250,249,.4);padding:8px 12px;font-size:12px}
.viewer-modes button[aria-pressed=true]{background:#e8f5f3;color:#092029;border-color:#e8f5f3}
.viewer-footer-row{display:flex;align-items:center;gap:12px;justify-content:space-between;max-width:690px;margin:10px auto 0}
.viewer-help{margin:0;text-align:left;color:#deeaed;font-size:11px;line-height:1.4;max-width:500px}
.viewer-nav{display:flex;gap:6px;margin-left:auto;flex-shrink:0}
.viewer-nav button{background:transparent;border:0;color:#dce9eb;font-size:11px;text-decoration:underline;text-underline-offset:3px;min-height:38px;padding:6px}
.viewer.compact .viewer-story{display:none}
.viewer.compact .viewer-sheet{padding-top:18px}
@media(max-width:390px){.viewer-modes button{padding:7px 10px;font-size:11px}.viewer-story h2{font-size:26px}.viewer-mark{font-size:8px;max-width:52%}.viewer-nav button{font-size:10px;padding:5px}}
/* Adaptive, original-photo-first immersion */
.viewer,.viewer-stage{background:#080b0d}
.viewer-stage .viewer-ambient{position:absolute;z-index:0;inset:-35px;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;pointer-events:none;filter:blur(32px) brightness(.72) saturate(.86);transform:scale(1.08)}
.viewer-stage.has-ambient .viewer-ambient{opacity:1}
.viewer-stage>img#viewer-image{z-index:1}
.viewer-loading{z-index:2;background:rgba(4,10,12,.48)}
.viewer.untouched .viewer-sheet{opacity:0;pointer-events:none;transform:translateY(15px)}
.viewer.untouched .viewer-mark,.viewer.untouched #viewer-text-toggle{opacity:0;pointer-events:none}
.viewer-sheet{transition:opacity .3s ease,transform .3s ease}
.viewer-mark,#viewer-text-toggle{transition:opacity .25s ease}
.viewer-stage.fit img#viewer-image{object-fit:contain}
.viewer-stage.inside img#viewer-image{object-fit:fill}
.viewer-top{background:none}
.viewer:not(.untouched) .viewer-sheet{opacity:1;transform:none}
.viewer-stage.has-ambient~.viewer-sheet::before{background:linear-gradient(transparent,rgba(0,0,0,.26) 45%,rgba(0,0,0,.47))}
@media(prefers-reduced-motion:reduce){.viewer-sheet,.viewer-mark,#viewer-text-toggle{transition:none!important}}

/* Virtual mode never places narrative over the sharp photo without a visitor explicitly opening it. */
.viewer.virtual-mode:not(.show-details) .viewer-story{display:none}
.viewer.virtual-mode:not(.show-details) .viewer-sheet{padding-top:10px}
.viewer.virtual-mode:not(.show-details) .viewer-sheet::before{background:linear-gradient(transparent,rgba(0,0,0,.16) 55%,rgba(0,0,0,.35))}
/* Explicit user choice for iOS motion sensors: no request on page-load or implied camera access. */
.motion-offer{position:absolute;z-index:9;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:20px max(14px,env(safe-area-inset-right)) max(34px,calc(env(safe-area-inset-bottom) + 20px)) max(14px,env(safe-area-inset-left));background:linear-gradient(transparent 12%,rgba(1,7,10,.15) 40%,rgba(1,7,10,.67))}
.motion-offer[hidden]{display:none!important}
.motion-offer-panel{width:min(100%,470px);border:1px solid rgba(255,255,255,.30);border-radius:21px;background:rgba(8,19,25,.83);-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1);color:#fff;padding:22px 18px 18px;box-shadow:0 15px 48px #0006}
.motion-offer-mark{display:block;letter-spacing:.13em;font-size:9px;color:#cae8e4;margin-bottom:10px}
.motion-offer-panel h2{font:400 clamp(25px,6vw,34px)/1.11 Georgia,serif;letter-spacing:-.035em;margin:0 0 10px}
.motion-offer-panel p{font-size:13px;color:#f0f5f3;line-height:1.55;margin:0 0 17px}
.motion-offer-actions{display:flex;flex-wrap:wrap;gap:8px}
.motion-offer-actions button{min-height:46px;border-radius:100px;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.08);padding:10px 16px;font-size:13px}
#motion-enable{background:#e6f4f0;color:#082127;border-color:#e6f4f0;font-weight:650}
.motion-offer-panel small{display:block;font-size:11px;line-height:1.5;color:#d0dddd;margin-top:12px}
@media(max-height:610px){.motion-offer-panel{padding:14px}.motion-offer-panel h2{font-size:23px}.motion-offer-panel p{font-size:12px}.motion-offer{padding-bottom:12px}}

/* Keep the familiar X usable even while the motion-permission choice is visible. */
.viewer-top{z-index:11;pointer-events:none}.viewer-top-actions{pointer-events:auto}
/* Apple-inspired progressive disclosure: photograph first, one quiet options button.
   The standard photo remains touch-explorable with no tool chrome until requested. */
.viewer-top{z-index:11;padding-top:max(13px,env(safe-area-inset-top))}
.viewer-top .viewer-mark,.viewer-top #viewer-text-toggle{display:none!important}
.viewer-close{width:44px;height:44px;min-height:44px;min-width:44px;font-size:24px;border:1px solid rgba(255,255,255,.36);background:rgba(11,19,23,.26);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.viewer-tools-toggle{position:absolute;z-index:13;bottom:max(15px,env(safe-area-inset-bottom));right:max(17px,env(safe-area-inset-right));display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(8,19,24,.26);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:24px;line-height:1;color:#fff;padding:0}
.viewer-tools-toggle[aria-expanded=true]{background:rgba(8,19,24,.67)}
.viewer-tools-toggle:focus-visible,.viewer-close:focus-visible{outline:2px solid #e9fbf6;outline-offset:3px}
.viewer .viewer-sheet{position:absolute;z-index:12;bottom:max(70px,calc(env(safe-area-inset-bottom) + 58px));left:50%;right:auto;width:min(calc(100% - 26px),540px);max-height:min(48dvh,310px);overflow:auto;border:1px solid rgba(255,255,255,.28);border-radius:20px;background:rgba(12,23,29,.50);-webkit-backdrop-filter:blur(22px) saturate(1.12);backdrop-filter:blur(22px) saturate(1.12);box-shadow:0 10px 38px rgba(0,0,0,.18);padding:14px 13px 12px;transform:translateX(-50%);transition:opacity .16s ease,visibility .16s ease}
.viewer .viewer-sheet::before{display:none}
.viewer:not(.tools-open) .viewer-sheet,.viewer.untouched:not(.tools-open) .viewer-sheet{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.viewer.tools-open .viewer-sheet,.viewer.tools-open.untouched .viewer-sheet{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-50%)!important}
.viewer .viewer-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.viewer .viewer-modes button{min-height:44px;width:100%;padding:7px 10px;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.24);font-size:12px;white-space:nowrap}
.viewer .viewer-modes button[aria-pressed=true]{background:rgba(226,248,241,.9);color:#09202a}
.viewer .viewer-footer-row{display:flex;margin-top:9px;align-items:flex-start}
.viewer .viewer-nav button{min-height:44px;border:1px solid rgba(255,255,255,.23);border-radius:100px;text-decoration:none;padding:6px 12px;color:#fff}
.viewer .viewer-help{font-size:11px;line-height:1.35;color:#e0e7e9}
.viewer.virtual-mode:not(.show-details) .viewer-story{display:none}
.viewer .viewer-story{margin:0 auto 10px}
.viewer .viewer-story h2{font-size:26px}
.viewer:not(.show-details) #viewer-show-story{display:inline-block}
.viewer .viewer-modes #viewer-show-story{display:inline-block}
.viewer .motion-offer{position:absolute;z-index:10;inset:auto max(12px,env(safe-area-inset-right)) max(76px,calc(env(safe-area-inset-bottom) + 62px)) max(12px,env(safe-area-inset-left));display:flex;justify-content:center;align-items:end;padding:0;background:transparent;pointer-events:none}
.viewer .motion-offer-panel{width:min(100%,365px);padding:11px 12px 12px;border-radius:18px;background:rgba(12,24,30,.43);border:1px solid rgba(255,255,255,.38);-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);box-shadow:0 9px 30px rgba(0,0,0,.15);pointer-events:auto}
.viewer .motion-offer-mark,.viewer .motion-offer-panel p,.viewer .motion-offer-panel small{display:none}
.viewer .motion-offer-panel h2{font:500 14px/1.35 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:0;margin:0 0 9px;color:#f7fffd}
.viewer .motion-offer-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,.64fr);gap:8px}
.viewer .motion-offer-actions button{min-width:0;width:100%;min-height:44px;border:1px solid rgba(255,255,255,.36);border-radius:100px;background:rgba(255,255,255,.04);padding:8px 12px;font-size:12px}
.viewer #motion-enable{background:rgba(232,248,244,.90);color:#092127;border-color:rgba(255,255,255,.50);font-weight:600}
.viewer .motion-offer-actions button:focus-visible{outline:2px solid #ecfff7;outline-offset:2px}
@media(max-height:550px){.viewer .motion-offer{bottom:60px}.viewer .motion-offer-panel{width:min(100%,340px);padding:8px 11px}.viewer .motion-offer-panel h2{margin-bottom:6px}.viewer .viewer-sheet{max-height:64dvh}}
@media(prefers-reduced-motion:reduce){.viewer .viewer-sheet{transition:none!important}}
.viewer .viewer-feedback{position:absolute;z-index:14;left:50%;bottom:max(72px,calc(env(safe-area-inset-bottom) + 59px));width:max-content;max-width:min(92%,365px);transform:translateX(-50%);border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(11,23,29,.49);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:11px 14px;text-align:center;font-size:12px;line-height:1.45;color:#fff;pointer-events:none}

/* Visibility is immediate when options open; only opacity fades. */
.viewer .viewer-sheet{transition:opacity .15s ease!important}

/* In a full-screen artwork viewer, navigation remains at the top trailing edge. */
.viewer-top{justify-content:flex-end}
.viewer-stage:focus{outline:none}
.viewer .viewer-sheet{background:rgba(10,21,27,.66);border-color:rgba(255,255,255,.30)}
.viewer .viewer-modes button{border-color:rgba(255,255,255,.32);background:rgba(5,17,24,.36);color:#fff}
.viewer .viewer-modes button[aria-pressed=true]{background:rgba(225,243,240,.93);color:#092029}

/* The same 20-locale selection as the main site: quiet native menu, 44pt touch target. */
.language-picker{appearance:none;-webkit-appearance:none;max-width:115px;min-width:54px;min-height:44px;border-radius:99px;border:1px solid rgba(255,255,255,.33);padding:9px 17px 9px 10px;background:rgba(11,25,31,.30);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font:500 12px/1.25 -apple-system,BlinkMacSystemFont,sans-serif;direction:ltr;text-align:center;text-overflow:ellipsis;outline-offset:3px}
.language-picker option{background:#14252b;color:#fff}
.head #page-language{margin-left:auto;margin-right:5px;max-width:120px;color:#fff}
.head #curator-toggle{flex-shrink:0}
.viewer-locales{display:flex;align-items:center;gap:12px;padding:0 2px 10px;color:#e3eeeb;font-size:12px}
.viewer-locales .language-picker{margin-left:auto;max-width:170px}
html[dir="rtl"] .viewer .viewer-sheet{text-align:right}
html[dir="rtl"] .viewer .viewer-modes{direction:rtl}
html[dir="rtl"] .viewer .viewer-footer-row{direction:rtl}
@media(max-width:390px){.head #page-language{max-width:82px}.viewer-locales .language-picker{max-width:135px}}

/* Visible owner-only media-save feedback, reserved height prevents jumping layout. */
.draft-save-message{font:500 12px/1.45 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:#a9d4f6;min-height:1.45em;margin:10px 0 0;letter-spacing:.005em}

/* Editorial credit, not a watermark; full portrait remains fully visible. */
.art-meta .art-rights{display:block;font-size:10px;letter-spacing:.018em;opacity:.8;text-align:left;margin-top:9px;white-space:normal;}
.art.photo-portrait{grid-column:1/-1;}
.art.photo-portrait .art-photo,.art.photo-portrait .art-meta{width:min(100%,650px);margin-inline:auto;}
.art.photo-portrait .art-photo{aspect-ratio:4/5;max-height:820px;}
.art.photo-portrait .art-photo img{object-fit:contain;}
@media(max-width:560px){.art-meta .art-rights{font-size:10px;line-height:1.45;}}

/* Founder-approved first-person Oaxaca story: retain the paragraph rhythm. */
.journey-scene[data-photo="ue-cap-558"] .journey-copy p{
  white-space:pre-line;
  font-size:clamp(15px,3.6vw,20px);
  line-height:1.4;
}
#viewer-description{white-space:pre-line;}
@media(max-height:690px){
 .journey-scene[data-photo="ue-cap-558"] .journey-copy p{font-size:14px;line-height:1.3;}
 .journey-scene[data-photo="ue-cap-558"] .journey-copy h2{font-size:clamp(30px,8vw,54px);}
}


/* Founder-approved Oaxaca corn-husk photograph: preserve the first-person story. */
.journey-scene[data-photo="ue-cap-555"] .journey-copy p{
  white-space:pre-line;font-size:clamp(14px,3.45vw,19px);line-height:1.37;
}
@media(max-height:690px){
 .journey-scene[data-photo="ue-cap-555"] .journey-copy p{font-size:13px;line-height:1.28;}
 .journey-scene[data-photo="ue-cap-555"] .journey-copy h2{font-size:clamp(29px,8vw,52px);}
}


/* All 20 photo-story locales: retain paragraph rhythm and right-to-left reading. */
.journey-scene.chapter .journey-copy-inner>p:not(.journey-label),
.journey-explore-info>p,#viewer-description{white-space:pre-line;}
.journey-scene.chapter .journey-copy-inner>p:not(.journey-label){font-size:clamp(14px,3.4vw,20px);line-height:1.37;}
[dir="rtl"] .art-meta,[dir="rtl"] .journey-copy,[dir="rtl"] .journey-explore-info{text-align:start;}
[dir="rtl"] .art-meta .art-rights{text-align:start;}
[dir="rtl"] .journey-copy h2{letter-spacing:normal;}
[dir="rtl"] .journey-copy-inner{text-align:start;}
[dir="rtl"] .journey-head{letter-spacing:normal;}
@media(max-height:690px){.journey-scene.chapter .journey-copy-inner>p:not(.journey-label){font-size:13px;line-height:1.28;}}