.df-secret-trigger{display:block;width:max-content;max-width:100%;margin-top:20px;padding:10px 12px;background:transparent;border:1px solid transparent;color:var(--accent,#d9b97a);opacity:.55;letter-spacing:.13em;font:14px/1.5 Georgia,serif;cursor:pointer}
.df-secret-trigger:hover,.df-secret-trigger:focus-visible{opacity:1;border-color:currentColor;border-radius:8px}
dialog.df-secret-card{position:fixed;inset:0;margin:auto;width:min(520px,calc(100vw - 32px));max-width:520px;height:fit-content;min-height:0;max-height:calc(100dvh - 32px);padding:0;overflow:auto;border:1px solid #b49b6c80;border-radius:20px;background:#162b35;color:#f4e6ce;box-shadow:0 24px 90px #0009;font:15px/1.6 Onest,system-ui}
.df-secret-card::backdrop{background:#07131cba;backdrop-filter:blur(5px)}
.df-secret-card .df-secret-close{position:absolute;right:12px;top:12px;z-index:2;width:40px;height:40px;padding:0;border:1px solid #d7c59d60;border-radius:50%;background:#152731e8;color:#fff3dc;font:26px/1 system-ui;cursor:pointer}
.df-secret-scene{height:240px;position:relative;overflow:hidden;background-size:cover;background-position:center}
.df-secret-copy{padding:24px 28px 28px}.df-secret-copy h2{font:26px/1.25 Georgia,serif;margin:10px 0}.df-secret-copy p{color:#c6d6d8;margin:12px 0}.df-secret-mark{font:12px/1.5 Georgia,serif;letter-spacing:.18em;color:#dbbe87}.df-secret-copy a{color:#e8c58e;font-size:12px}.df-secret-source[hidden]{display:none}
.df-secret-light,.df-secret-gate,.df-secret-boat{display:none;position:absolute;pointer-events:none}
[data-effect=light] .df-secret-light{display:block;left:22%;top:48%;width:24px;height:32px;border-radius:12px 12px 2px 2px;background:#ffedab;box-shadow:0 0 24px 12px #ffc467a6;animation:df-lamp 1.8s ease-out both}
[data-effect=boat] .df-secret-boat{display:block;width:52px;bottom:16%;left:12%;animation:df-sail 3s ease-in-out forwards}
[data-effect=gate] .df-secret-gate{display:block;left:34%;top:14%;width:48px;height:78px;border-radius:40px 40px 0 0;background:radial-gradient(ellipse,#fff6c8b8,transparent 70%);box-shadow:0 0 32px #f9d39380;animation:df-lamp 2s ease-out both}
@keyframes df-lamp{from{opacity:0}to{opacity:1}}@keyframes df-sail{from{transform:translateX(0) rotate(-3deg)}to{transform:translateX(150px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.df-secret-card *{animation:none!important;transition:none!important}}
@media(max-width:500px){.df-secret-scene{height:190px}.df-secret-copy{padding:20px}}
.df-secret-card[data-video=true] .df-secret-scene{height:auto;aspect-ratio:16/9;background-color:#101c24}
.df-secret-video{display:block;width:100%;height:100%;object-fit:contain}
.df-secret-video[hidden],.df-secret-playback[hidden]{display:none}
.df-secret-card[data-video=true] :is(.df-secret-boat,.df-secret-light,.df-secret-gate){display:none}
.df-secret-card .df-secret-playback{display:block;margin-top:16px;padding:9px 16px;min-height:40px;border:1px solid #9dbbb080;border-radius:8px;color:#eee1c5;background:#25434a;font:inherit;cursor:pointer}
.df-secret-card .df-secret-playback[hidden]{display:none}

/* A quiet inscription inside the scene, never an extra strip in page flow. */
.studio-secret-pocket{position:absolute;right:8px;top:30%;z-index:3;width:32px;min-height:0;padding:0;background:none}
.studio-secret-pocket .df-secret-trigger{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;margin:0;padding:10px 7px;width:32px;max-width:none;color:#edd1a0;opacity:.28;border:0;border-radius:0;background:none;box-shadow:none;font:12px/1.5 Georgia,serif;letter-spacing:.23em;text-shadow:0 1px 5px #07131c;transition:opacity .25s,text-shadow .25s}
.studio-secret-pocket .df-secret-trigger:hover,.studio-secret-pocket .df-secret-trigger:focus-visible{opacity:.85;border:0;background:none;box-shadow:none;text-shadow:0 0 10px #e8c68d55}
.studio-secret-pocket .df-secret-trigger:focus-visible{outline:1px solid #e8c68d88;outline-offset:1px}
.studio-secret-tip{position:absolute;right:40px;top:30px;width:230px;max-width:calc(100vw - 70px);padding:9px 12px;border:1px solid #e8c68d44;border-radius:9px;background:#142832f0;color:#f3e8d3;font:12px/1.6 Onest,system-ui;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s;z-index:5}
.df-secret-discovery:hover+.studio-secret-tip:not(.dismissed),.df-secret-discovery:focus-visible+.studio-secret-tip:not(.dismissed),.studio-secret-tip:hover{opacity:1;visibility:visible;pointer-events:auto}
@media(max-width:700px){.studio-secret-pocket{top:240px;right:5px}.studio-secret-pocket .df-secret-trigger{font-size:10px;letter-spacing:.15em;padding:8px 7px}.studio-secret-tip{top:8px}}
@media(prefers-reduced-motion:reduce){.studio-secret-pocket *{transition:none!important}}

/* v44: inscription follows the light on the montage panorama. */
@media(min-width:701px){html[data-selected-space=montazh] .studio-secret-pocket{left:82.3%;right:auto;top:34%;width:auto}html[data-selected-space=montazh] .studio-secret-pocket .df-secret-trigger{writing-mode:horizontal-tb;transform:none;width:auto;font-size:10px;letter-spacing:.14em;padding:9px 5px;opacity:.38;color:#fff0cf}html[data-selected-space=montazh] .studio-secret-pocket .df-secret-trigger:hover,html[data-selected-space=montazh] .studio-secret-pocket .df-secret-trigger:focus-visible{opacity:.95}html[data-selected-space=montazh] .studio-secret-tip{right:0;top:35px}}
@media(max-width:700px){html[data-selected-space=montazh] .studio-secret-pocket{left:77%;right:auto;top:calc(220px + 19vw);width:21%}html[data-selected-space=montazh] .studio-secret-pocket .df-secret-trigger{writing-mode:horizontal-tb;transform:none;width:100%;padding:8px 0;font-size:7px;letter-spacing:.02em;opacity:.45}}
/* v45: keep the inscription vertical beneath the light. */
html[data-selected-space=montazh] .studio-secret-pocket{width:30px}
html[data-selected-space=montazh] .studio-secret-pocket .df-secret-trigger{writing-mode:vertical-rl;transform:rotate(180deg);width:30px;padding:8px 6px;font-size:11px;letter-spacing:.18em}
html[data-selected-space=montazh] .studio-secret-tip{right:38px;top:20px}
@media(max-width:700px){html[data-selected-space=montazh] .studio-secret-pocket .df-secret-trigger{font-size:9px;letter-spacing:.09em}}
/* v47: legibility against the dark edge, without a separate panel. */
.studio-secret-pocket .df-secret-trigger,html[data-selected-space=montazh] .studio-secret-pocket .df-secret-trigger{color:#e9edf0;opacity:.5;text-shadow:0 1px 3px #07121c,0 0 8px #07121c,0 0 14px #07121c;writing-mode:vertical-rl;transform:rotate(180deg);width:30px}
.studio-secret-pocket .df-secret-trigger:hover,.studio-secret-pocket .df-secret-trigger:focus-visible,html[data-selected-space=montazh] .studio-secret-pocket .df-secret-trigger:hover,html[data-selected-space=montazh] .studio-secret-pocket .df-secret-trigger:focus-visible{color:#fff;opacity:1;text-shadow:0 1px 3px #000,0 0 8px #000,0 0 16px #07121c}
.studio-secret-tip,html[data-selected-space=montazh] .studio-secret-tip{left:36px;right:auto;top:14px}
/* v48: sunlight discovery, with contrast only when approached. */
.studio-secret-pocket .df-secret-trigger:hover,.studio-secret-pocket .df-secret-trigger:focus-visible,html[data-selected-space=montazh] .studio-secret-pocket .df-secret-trigger:hover,html[data-selected-space=montazh] .studio-secret-pocket .df-secret-trigger:focus-visible{color:#fff4d8;text-shadow:0 1px 3px #07121c,0 0 8px #07121c,0 0 16px #07121c;filter:drop-shadow(0 0 5px #142735);background:radial-gradient(ellipse,#122633b3,transparent 72%);border-radius:50%;box-shadow:none}
.studio-secret-tip,html[data-selected-space=montazh] .studio-secret-tip{left:auto;right:36px}