/* Cyan light, a compact sky passage, and a centered editorial reel. */
.ocean-passage{height:32svh!important}
#story-art{mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 93%,transparent)}
#story-art .film-poster{top:0;height:100%;width:100%;object-fit:cover}
.signature-orbit .orbit-quadrant{transition:opacity 900ms ease,filter 900ms ease;filter:none!important}
.signature-orbit .orbit-quadrant path{stroke:#6bacb8;stroke-width:1;transition:stroke 800ms ease,opacity 800ms ease;opacity:.22}
.signature-orbit .orbit-quadrant .bloom-wide{stroke:#42cfff;stroke-width:18;filter:blur(15px);opacity:0}
.signature-orbit .orbit-quadrant .bloom-near{stroke:#5adcf3;stroke-width:7;filter:blur(4px);opacity:0}
.signature-orbit .orbit-quadrant.is-lit path{stroke:#bdf5ff;opacity:.95}
.signature-orbit .orbit-quadrant.is-lit .bloom-wide{stroke:#21bfe8;opacity:.65}
.signature-orbit .orbit-quadrant.is-lit .bloom-near{stroke:#72e8ff;opacity:.75}
#signature[data-quadrant="-1"] .orbit-outer{stroke:#68d4e577;filter:drop-shadow(0 0 12px #4bc9ea80)}
#signature[data-quadrant="-1"] .orbit-dotted{stroke:#90e9ff80}
.signature-orbit .orbit-dot.is-lit{fill:#eaffff;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 12px #42cfff)}
#signature:before{transition:opacity 1s ease}
#signature[data-quadrant="-1"]:before{opacity:.8}
.gallery-layout{grid-template-columns:minmax(0,1fr) minmax(160px,23%);gap:24px;align-items:start}
.wpage .media.deck{margin-bottom:0!important;touch-action:pan-y}
.reel-surface{height:var(--gallery-height);min-height:260px;display:grid;grid-template-rows:24px minmax(0,1fr) 38px 18px;gap:10px;min-width:0;position:relative}
.reel-heading{display:flex;justify-content:space-between;gap:8px;font:8px/1.5 var(--font-body);letter-spacing:.1em;color:#85aeb8;align-items:center}
.reel-count{white-space:nowrap;color:#cbf2f3;letter-spacing:.03em}
.reel-viewport{overflow:hidden;position:relative;height:100%;touch-action:pan-x pinch-zoom;cursor:grab;mask-image:linear-gradient(transparent,#000 13%,#000 87%,transparent)}
.reel-viewport:active{cursor:grabbing}
.reel-container{display:flex;flex-direction:column;height:100%;touch-action:pan-x pinch-zoom}
.reel-slide{flex:0 0 auto;min-height:0;padding:7px 0}
.reel-slide .deck-thumbnail{display:block;width:100%;aspect-ratio:16/9;border:1px solid #81c9db38;border-radius:7px;overflow:hidden;padding:0;position:relative;background:#08171c;opacity:.43;transform:scale(.92);transition:opacity .35s,transform .45s,border-color .45s,box-shadow .45s}
.reel-slide .deck-thumbnail[aria-pressed="true"]{opacity:1;transform:scale(1);border-color:#92eafa;box-shadow:0 0 17px #50d8f02b}
.reel-slide img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.reel-slide span{position:absolute;right:6px;bottom:5px;font:9px var(--font-body);background:#031014bd;padding:2px 5px;border-radius:4px;color:#e3fdff}
.reel-controls{display:flex;align-items:center;gap:10px}
.reel-controls .dprev,.reel-controls .dnext{position:static!important;transform:none!important;inset:auto!important;width:32px!important;height:32px!important;flex:0 0 32px;background:#07171c!important;border:1px solid #83cadc40!important;border-radius:50%;font:17px var(--font-body);color:#b1ecf4}
.reel-progress{display:flex;flex:1;gap:3px;align-items:center;min-width:0}
.reel-progress button{padding:0;min-width:0;flex:1;height:24px;border:0;background:transparent;position:relative}
.reel-progress button:after{content:'';height:2px;position:absolute;left:0;right:0;top:11px;background:#78d6e82e;transition:background .4s,box-shadow .4s}
.reel-progress button[aria-pressed="true"]:after{background:#b7f4ff;box-shadow:0 0 7px #5ad7ff80}
.reel-hint{font:8px var(--font-body);letter-spacing:.1em;color:#81a9b4;text-align:center}
.reel-viewport:focus-visible{outline:1px solid #92eafa;outline-offset:3px}
#contact{position:relative;padding-bottom:130px!important;isolation:isolate}
.contact-orbit-boundary{position:relative;height:0;z-index:2;pointer-events:none}
.contact-orbit-boundary .idea-orbit{position:absolute!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;margin:0!important;width:520px!important;height:520px!important;opacity:1;pointer-events:none;z-index:0}
.footer-shell{position:relative;z-index:3}
.closing-chapter footer{z-index:3}
.orbital-canvas{width:100%;height:100%;display:block}
.footer-heading{justify-content:flex-end;border-top:0!important;border-bottom:1px solid #82b9c426;padding:0 0 22px!important}
.footer-main{align-items:flex-end;padding:38px 0 24px!important;min-height:160px}
.footer-navigation{align-self:flex-end;margin-top:50px}
@media(max-width:1050px) and (min-width:701px){.gallery-layout{grid-template-columns:minmax(0,1fr) 22%;gap:15px}.reel-heading{font-size:7px}.reel-hint{font-size:7px}.reel-surface{gap:4px;min-height:220px}}
@media(max-width:700px){
 .ocean-passage{height:24svh!important}
 .gallery-layout{display:flex;flex-direction:column;gap:17px}
 .gallery-layout>.media.deck{width:100%}
 .reel-surface{width:100%;height:auto;min-height:0;grid-template-rows:18px 102px 38px 14px;gap:6px}
 .reel-viewport{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);touch-action:pan-y pinch-zoom}
 .reel-container{flex-direction:row;touch-action:pan-y pinch-zoom}
 .reel-slide{flex:0 0 48%;padding:3px 5px;min-width:0}
 .reel-controls{max-width:270px;width:100%;margin:0 auto}
 .reel-controls .dprev,.reel-controls .dnext{width:36px!important;height:36px!important;flex-basis:36px;rotate:-90deg}
 .reel-progress button{height:36px}.reel-progress button:after{top:17px}
 #contact{padding-bottom:130px!important}
 .contact-orbit-boundary .idea-orbit{width:360px!important;height:360px!important}
 .footer-main{min-height:180px;padding-top:30px!important}
 .footer-navigation{margin-top:35px;justify-content:flex-end}
 .footer-heading{padding-bottom:18px!important}
}
@media(prefers-reduced-motion:reduce){.ocean-passage{display:none}.signature-orbit *{transition:none!important}.reel-slide .deck-thumbnail{transition:none}.reel-viewport{scroll-behavior:auto}}
@media(max-width:700px){.wpage .whead h3{min-height:90px}.wpage .wmeta{min-height:58px}.gallery-project .wfoot{margin-top:15px}.reel-hint{letter-spacing:.06em}}
@media(max-width:700px){.reel-surface{grid-template-rows:18px 102px 44px 14px}.reel-controls .dprev,.reel-controls .dnext{width:44px!important;height:44px!important;flex-basis:44px}.reel-progress button{height:44px}.reel-progress button:after{top:21px}}

/* Preserve ocean detail; shading is concentrated at the caption controls. */
#story-art:after{background:linear-gradient(90deg,#02090b20,transparent 60%),linear-gradient(0deg,#02090bba,transparent 24%)}
.work-hold{height:85svh}
@media(max-width:900px){.work-hold{height:70svh}}
.reel-controls .dprev,.reel-controls .dnext{display:grid;place-items:center;padding:0!important;line-height:0!important}
.reel-controls svg{display:block;width:20px;height:20px;pointer-events:none;transition:filter .3s}
.reel-controls button:hover svg{filter:drop-shadow(0 0 5px #8ceaff)}