/* Optional Hypership edition: luminous cyan, midnight blue and ice. */
.palette-switch{display:flex;align-items:center;gap:15px;pointer-events:auto;font:10px/1.3 monospace;white-space:nowrap;text-shadow:none}
.palette-switch a{display:flex;align-items:center;gap:6px;min-height:28px;border-bottom:1px solid transparent;outline-offset:4px}
.palette-switch a[aria-current=true]{border-bottom-color:currentColor}
.palette-switch a:before{content:"";width:8px;height:8px;display:block;border-radius:50%;background:#ddff00;box-shadow:0 0 0 1px currentColor}
.palette-switch a[data-palette-choice=hypership]:before{background:#00d0ed}
.work-atlas-page .palette-switch a[data-palette-choice=original]:before{background:#ff6b43}
.web-stage-top .palette-switch{background:var(--look);padding:0 9px;border-radius:2px}
.atlas-topline .palette-switch{background:#071e2bc9;padding:0 9px;backdrop-filter:blur(8px);border-radius:2px}

html[data-palette=hypership]{--hs-cyan:#00d0ed;--hs-night:#071e2b;--hs-ice:#e8f4f6;--hs-muted:#496674;background:var(--hs-night)}
[data-palette=hypership] .atelier-site{--studio-paper:var(--hs-ice);--studio-ink:var(--hs-night);--studio-line:#8caebc66;--ed-paper:var(--hs-ice);--ed-ink:var(--hs-night)}
[data-palette=hypership] .web-direction{--acid:var(--hs-cyan);--ink:var(--hs-night)}
[data-palette=hypership] :is(.web-direction,.work-atlas-page) .site-head{background:var(--hs-night);color:var(--hs-ice);border-bottom-color:#00d0ed45}
[data-palette=hypership] :is(.web-direction,.work-atlas-page) .site-head .start-btn{background:var(--hs-cyan);color:var(--hs-night);border-color:var(--hs-cyan)}
[data-palette=hypership] :is(.web-direction,.work-atlas-page) .site-head nav a:after{background:var(--hs-cyan)}
[data-palette=hypership] :is(.web-direction,.work-atlas-page) .site-head .package-nav{color:#a3ddeb!important}
[data-palette=hypership] :is(.web-direction,.work-atlas-page) .mobile-menu{background:var(--hs-night);color:var(--hs-ice)}
[data-palette=hypership] :is(.web-direction,.work-atlas-page) .mobile-menu a{color:inherit;border-color:#8caebc44}

/* Web: a large cyan stage, with three tones of the same brand color. */
[data-palette=hypership] .web-stage{--look:var(--hs-cyan);background:var(--look);color:var(--hs-night)}
[data-palette=hypership] .web-stage[data-look=quiet]{--look:#d9f5f8}
[data-palette=hypership] .web-stage[data-look=play]{--look:#86e8da}
[data-palette=hypership] .web-type .type-outline{-webkit-text-stroke-color:var(--hs-night)}
[data-palette=hypership] .web-star{color:var(--hs-night)}
[data-palette=hypership] .web-sheet>a{background:var(--hs-night);box-shadow:12px 28px 36px #06324755}
[data-palette=hypership] .sheet-label{background:var(--hs-night);color:var(--hs-ice)}
[data-palette=hypership] .sheet-label>b{color:var(--hs-cyan)}
[data-palette=hypership] .web-looks button{border-color:var(--hs-night)}
[data-palette=hypership] .web-looks button:is([aria-pressed=true],:hover){background:var(--hs-night);color:var(--look)}
[data-palette=hypership] .web-scroll-link{background:var(--hs-night);color:var(--hs-ice)}
[data-palette=hypership] .web-marquee{background:var(--hs-night);color:var(--hs-cyan);border-color:var(--hs-night)}
[data-palette=hypership] .web-direction .web-exhibition{background:var(--hs-ice);color:var(--hs-night)}
[data-palette=hypership] .web-case-row,[data-palette=hypership] .web-case+.web-case{border-color:var(--hs-night)}
[data-palette=hypership] .web-case-caption{background:linear-gradient(transparent,#071e2be8)}
[data-palette=hypership] .site-scenes.web-direction .edition-manifesto{background:var(--hs-night);color:var(--hs-ice)}
[data-palette=hypership] .site-scenes.web-direction :is(.manifesto-body h2 span,.manifesto-label,.craft-steps article>span){color:var(--hs-cyan)}
[data-palette=hypership] .site-scenes.web-direction :is(.manifesto-body p,.craft-steps p){color:#b1cbd4}
[data-palette=hypership] .site-scenes.web-direction .craft-steps article{border-color:#8caebc66}
[data-palette=hypership] .web-direction .edition-try{background:var(--hs-cyan)!important;color:var(--hs-night)!important}
[data-palette=hypership] .web-direction .edition-plans .plan-price{color:#00667c}

/* Work: a dark gallery with cyan wayfinding; artwork keeps its own colors. */
[data-palette=hypership] .work-atlas-page{background:var(--hs-ice)!important;color:var(--hs-night)}
[data-palette=hypership] .work-atlas{background:var(--hs-night)}
[data-palette=hypership] .atlas-tile{background:#0e3546}
[data-palette=hypership] .atlas-tile:is(:hover,:focus-visible){outline-color:var(--hs-cyan)!important}
[data-palette=hypership] .atlas-shade{background:linear-gradient(180deg,#071e2ba6,transparent 28%,transparent 45%,#071e2bcc 100%)}
[data-palette=hypership] .atlas-heading h1{color:#e8faff}
[data-palette=hypership] .atlas-heading h1>span{color:var(--hs-cyan);border-color:var(--hs-cyan)}
[data-palette=hypership] .atlas-actions button,[data-palette=hypership] .atlas-hint{background:#071e2ba6;border-color:#9fdef099;color:var(--hs-ice)}
[data-palette=hypership] .atlas-actions a,[data-palette=hypership] .atlas-index-bar,[data-palette=hypership] .work-atlas-page .collection-outro{background:var(--hs-cyan);color:var(--hs-night);border-color:var(--hs-night)}
[data-palette=hypership] .work-atlas-page .collection-outro .scene-link{color:var(--hs-night);border-color:var(--hs-night)}
[data-palette=hypership] .site-scenes.atelier-work.work-atlas-page .portfolio{background:var(--hs-ice);color:var(--hs-night)}
[data-palette=hypership] .site-scenes.atelier-work.work-atlas-page .portfolio-toolbar{background:#e8f4f6f2;color:var(--hs-night);border-color:#8caebc66}
[data-palette=hypership] .site-scenes.atelier-work.work-atlas-page :is(.style-filter button,.filter-right select,.density button,.filter-group button,.preview-btn,.compare-btn){color:var(--hs-muted);border-color:#789aa977}
[data-palette=hypership] .site-scenes.atelier-work.work-atlas-page :is(.style-filter button[aria-pressed=true],.filter-group button.active,.density button[aria-pressed=true]){background:var(--hs-night);color:var(--hs-ice);border-color:var(--hs-night)}
[data-palette=hypership] .site-scenes.atelier-work.work-atlas-page .portfolio-grid .work-info h3{color:var(--hs-night)}
[data-palette=hypership] .site-scenes.atelier-work.work-atlas-page :is(.portfolio-status,.work-desc,.work-info p,.work-info p span){color:var(--hs-muted)}
@media(max-width:650px){.palette-switch{font-size:8px;gap:9px;margin-top:-6px}.palette-switch a{min-height:30px;gap:5px}.palette-switch a:before{width:6px;height:6px}.atlas-topline .palette-switch{padding:0 7px}}