/* Derive the project interface from Ethereal's approved metrics. */
body:has(.dare-page){overflow:hidden;background:#11110f;color:#fffdf5}
body:has(.dare-page):before,body:has(.dare-page):after{display:none!important}
.dare-page{height:100svh;background:#11110f;isolation:isolate}.dare-page>section{position:absolute;inset:0;overflow:hidden;background:#11110f}
.dare-plane{position:absolute;inset:0;transform:translate(var(--pan-x,0px),var(--pan-y,0px)) scale(1.035);transition:transform .75s cubic-bezier(.16,.65,.25,1);}
.dare-plane img{width:100%;height:100%;object-fit:cover;object-position:65% 50%;display:block}
.dare-page .dare-intro{position:absolute;top:23vh;left:5vw;right:5vw;min-height:0;padding:0;display:block;pointer-events:none}
.dare-page .dare-intro h1{max-width:none;margin:0 0 28px;transform:translateY(-32px)}
.dare-meta.er-meta{max-width:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;color:#fffdf5;width:450px;margin-top:-12px}
.dare-meta a{flex-basis:100%;width:fit-content;margin-top:18px;pointer-events:auto;color:#fffdf5;text-underline-offset:5px;transition:opacity .2s}
.dare-meta a:hover{opacity:.8;text-decoration:underline}

@media(max-width:650px){.dare-page .dare-intro{top:18vh}.dare-page .dare-intro h1{transform:translateY(-20px);font-size:clamp(48px,12vw,76px);max-width:80%}.dare-meta.er-meta{width:100%;gap:10px}.dare-plane img{object-position:57% 50%}.dare-meta a{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.dare-plane{transition:none}}

/* V2: project chrome remains the Ethereal master; only content composition differs. */
.dare-plane video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%;display:block}

.dare-film{display:flex;align-items:center;justify-content:center}
.dare-film .er-youtube{width:min(86vw,calc((100svh - 180px)*1.7778));aspect-ratio:16/9;max-width:1200px}
.dare-process{background:#11110f}
@media(max-width:650px){.dare-plane video{object-position:57% 50%}.dare-film .er-youtube{width:90vw}}

/* Section 02: a full-viewport moving archive and one stable centered paragraph. */
.dare-story{display:block;padding:0}
.dare-archive{position:absolute;inset:-8px;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:6px;overflow:hidden;filter:blur(3px);pointer-events:none}
.dare-shot-row{min-height:0;overflow:hidden}
.dare-shot-track{display:flex;height:100%;width:max-content;will-change:transform}
.dare-shot-group{display:flex;flex:none;height:100%;align-items:center;gap:12px;padding-right:12px}
.dare-shot-group img{display:block;flex:none;height:100%;width:auto;aspect-ratio:16 / 9;max-width:none;object-fit:cover;object-position:center}
.dare-story:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.38);pointer-events:none}
.dare-copy{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,86vw);max-width:720px;text-align:center;color:#fffdf5;text-shadow:0 2px 4px #000b,0 4px 16px #0009}
.dare-copy p{margin:0;line-height:1.8;color:inherit}
@media(max-width:650px){.dare-copy{width:86vw}.dare-shot-group{gap:8px;padding-right:8px}}

.dare-copy p+p{margin-top:.7em}
.dare-player-wrap{position:relative}
.dare-player-gate{position:absolute;inset:0;z-index:2;width:100%;border:0;background:transparent;color:white;font:inherit;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px;text-shadow:0 1px 8px #000}
.dare-player-gate:hover{background:#0001}
.dare-player-release{position:absolute;right:0;bottom:-38px;background:none;border:0;padding:8px 0;color:#fffdf5;font:inherit;font-size:13px;cursor:pointer}
.dare-player-release:hover{color:#efff00}
.dare-page [hidden]{display:none!important}
@media(max-height:780px) and (min-width:651px){.dare-copy p{font-size:18px;line-height:1.65}}
@media(max-width:650px){.dare-copy p{font-size:15px;line-height:1.6}}

/* All process pages share the existing section transition. Media is centered independently of chrome. */
.dare-page>.dare-process{background:#000;display:grid;place-items:center}
.dare-process-document{display:block;width:90vw;height:calc(100svh - 140px);object-fit:contain}
.dare-workflow-canvas{position:relative;width:min(96vw,calc((100svh - 120px)*1.807393));aspect-ratio:1858 / 1028;overflow:hidden;background:#000}
.dare-workflow-canvas img{position:absolute;display:block;max-width:none;width:103.33692%;height:auto;left:-1.66846%;top:-2.529183%}
/* Local black restoration covers only the screenshot's Presentation footer. */
.dare-workflow-cleanup{position:absolute;left:91.1733%;top:95.1362%;width:7.75027%;height:3.50195%;background:#000;pointer-events:none}