/* Soft Club: an exposed photographic field + folded silver surfaces.
   Keep atmosphere on the image plane and information on a quiet substrate. */
.afterhours{--paper:#0b0e0e;--ink:#e1e6df;--muted:#a9b3b0;--line:#3c4845;--acid:#b8c5bd;background:#0b0e0e}
.afterhours .art-hero,.afterhours .ah-chamber{background:#0b0e0e}
.afterhours .ah-chamber img{opacity:.82;object-position:60% 50%;filter:saturate(.72);transform:translate3d(0,calc((var(--scene,.5) - .5) * -100px),0) scale(1.11)}
.afterhours .ah-chamber:after{background:linear-gradient(180deg,#0b0e0e33,transparent 28%,#0b0e0e33 62%,#0b0e0e 100%),linear-gradient(90deg,#0b0e0e66,transparent 58%)}
.afterhours .title-art img{filter:grayscale(1) brightness(1.65) sepia(.12) hue-rotate(65deg)}
.afterhours .hero-info{color:#e1e6df}
.afterhours .hero-company span{color:#bac4bf}
.afterhours .ah-directory{border-color:#a9b9af66}
.afterhours .ah-directory a+a{border-color:#a9b9af33}
.afterhours .ah-directory a{transition:background .35s,color .35s}
.afterhours .ah-directory a:is(:hover,:focus-visible){background:#c9dbcd12;color:#f1f3e8}
.afterhours .cursor-light{display:none}
.afterhours #side-projects{background:linear-gradient(#0b0e0e,#101213 58%,#111216)}
.afterhours .section-heading:before{background:none;mask-image:none;opacity:0}
.afterhours .section-heading h2 span{color:#a7b7ae}
.afterhours .garden-wrap{width:210px;height:210px;margin-right:7%;opacity:1}
.afterhours .sc-screen-inner{border-color:#8caaa0;box-shadow:0 1px 0 #e6f2df77,0 4px 0 #24322e,0 5px 0 #526b61,0 22px 45px #0006}
.afterhours .sc-screen-inner img{filter:saturate(.91)}
.afterhours .sc-mini:before{background:none}
.afterhours .sc-new-game{background:linear-gradient(125deg,#27352f80,#121617);border-color:#52625b}
.afterhours .market-module.tm{background:linear-gradient(#111216,#15191b 42%,#121718);--tm-line:#40524d;--tm-amber:#c4d3c8}
.afterhours .market-module:before{background:radial-gradient(ellipse at 85% 20%,#809b8f20,transparent 55%);mask-image:none;opacity:1}
.afterhours .tm-term{background:#0b1011;border-color:#7d938a;box-shadow:0 1px 0 #e6eee555,0 5px 0 #263631,0 6px 0 #667a71,0 26px 60px #0006}
.afterhours .tm-trades{background:#19221f}
.afterhours .work-section{background:linear-gradient(#121718,#101414 45%,#111315)}
.afterhours .work-section>.section-heading{min-height:280px;margin-bottom:5px;isolation:isolate}
.afterhours .work-section>.section-heading>div{position:relative;z-index:2;pointer-events:none}
.afterhours .fold-object{position:absolute;right:3%;top:-34px;width:420px;height:320px;aspect-ratio:1.35}
.afterhours .fold-object canvas{filter:drop-shadow(0 20px 22px #0007)}
.afterhours .wk-index{background:linear-gradient(105deg,#aebcb2,#d5dcd3 45%,#9eaea7);box-shadow:0 1px 0 #eaf2e6,0 3px 0 #455b50,0 4px 0 #94a69c;padding:12px 25px}
.afterhours .wk-index a{transition:padding .25s,background .25s}
.afterhours .wk-index a:is(:hover,:focus-visible){padding-left:9px;background:#f6f9eb55}
.afterhours .work-chapter .work-entry{border-color:#3c4945}
.afterhours .work-body p.work-lede{color:#ced9d1}
.afterhours .impact-facts dt{color:#e0e9df}
.afterhours .chapter-heading{border-color:#6b7c72}
.afterhours .moth-heading{min-height:230px;align-items:center}
.afterhours .moth-heading>div{max-width:55%}
.afterhours .moth-heading h3,.afterhours .moth-heading p{padding-right:0;max-width:none}
.afterhours .moth-heading>.moth-object{width:350px;right:1%;top:4px}
.afterhours .system-figure{border-color:#6a7d74;background:linear-gradient(145deg,#293a3288,#0d1414 46%,#172021);box-shadow:0 1px 0 #d9ead62b,0 4px 0 #23322c,0 5px 0 #586d61}
.afterhours .system-figure:before{background:linear-gradient(115deg,transparent 20%,#dff4e310 44%,transparent 65%)}
.afterhours .system-figure figcaption{color:#aabbb2}
.afterhours .iris-desktop{width:46%}
.afterhours .cube-object{min-height:280px}
.afterhours .java-reference>.coffee-object{width:150px;height:225px;right:-12px}
.afterhours .java-reference{padding-right:130px;min-height:220px}
.afterhours .source-link{background:linear-gradient(115deg,#bbc7bc,#e0e5da);color:#18231c;box-shadow:none;border-color:#9aac9f}
.afterhours .earlier-section{background:linear-gradient(#111315,#141719)}
.afterhours .side-card{border-color:#56655f}
.afterhours .side-card .side-visual{filter:saturate(.65)}
.afterhours .side-card:is(:hover,:focus-within) .side-visual{filter:saturate(1)}
.afterhours .inventory{background:linear-gradient(#141719,#27312f 55%,#111616)}
.afterhours .inventory:before{background:linear-gradient(#141719,transparent)}
.afterhours .ah-threshold-ribs{background:linear-gradient(118deg,transparent 30%,#9db8a51f 49%,#cad9bf35 51%,transparent 67%);opacity:.7;filter:blur(22px)}
.afterhours .ah-threshold-glow{background:radial-gradient(ellipse at 65% 50%,#d6e5d41f,transparent 62%)}
.afterhours .inventory h2 span{color:#a7b7ae}
.afterhours .inventory .tool-card{border-color:#63786c}
.afterhours .inventory .tool-card .tool-emblem{background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.afterhours .inventory .tool-card>p{color:#bbc8bf}
.afterhours .inventory .tool-card h3{color:#e1e7df}
.afterhours .inventory .text-link{color:#cadbcf;border-color:#81998a}
.afterhours .dock{background:#111a17ed;border-color:#7a8f82;box-shadow:inset 0 1px 0 #e5f4dc22,0 8px 28px #0009}
.afterhours .dock ol a[aria-current=true]{background:#d2dfd2;color:#17221b}
.afterhours :is(a,button,canvas):focus-visible{outline:2px solid #dfebd5;outline-offset:5px}
@media(max-width:900px){
 .afterhours .fold-object{right:0;width:330px;height:260px;top:0}
 .afterhours .moth-heading>.moth-object{width:280px;top:18px}
 .afterhours .moth-heading>div{max-width:54%}
}
@media(max-width:600px){
 .afterhours .ah-chamber img{object-position:67% 50%;opacity:.7}
 .afterhours .serpent-study{right:0;width:100%}
 .afterhours .garden-wrap{width:125px;height:125px;right:0;bottom:0;margin:0}
 .afterhours .work-section>.section-heading{min-height:250px;display:flex;align-items:flex-start;padding-top:25px}
 .afterhours .work-section>.section-heading h2{max-width:7ch}
 .afterhours .fold-object{width:240px;height:185px;right:-20px;top:70px}
 .afterhours .wk-index{padding:12px}
 .afterhours .moth-heading{min-height:245px;align-items:start}
 .afterhours .moth-heading>div{max-width:none}
 .afterhours .moth-heading h3{padding-right:0;min-height:0}
 .afterhours .moth-heading p{max-width:33ch;margin-top:12px}
 .afterhours .moth-heading>.moth-object{width:210px;right:0;top:110px}
 .afterhours .java-reference{padding-right:110px;min-height:220px}
 .afterhours .java-reference>.coffee-object{width:130px;height:200px;right:-12px}
 .afterhours .cube-object{min-height:245px}
 .afterhours .inventory{padding-top:85px}
}
.motion-paused .afterhours .wk-index a,.motion-paused .afterhours .ah-directory a{transition:none}
@media(prefers-reduced-motion:reduce){.afterhours .wk-index a,.afterhours .ah-directory a{transition:none}}

/* Pearl imagery and a single mineral light source across every chapter. */
.afterhours :is(.serpent-image,.garden-fallback,.metal-art){filter:grayscale(1) sepia(.2) hue-rotate(65deg) brightness(1.25)}
.afterhours :is(.company-google,.company-nasa){filter:grayscale(1) brightness(2)}
.afterhours :is(.side-visual,.tool-emblem){filter:grayscale(1) sepia(.16) hue-rotate(65deg)}
.afterhours .side-card:is(:hover,:focus-within) .side-visual{filter:grayscale(1) sepia(.16) hue-rotate(65deg) brightness(1.12)}
.afterhours .hero-progress i{background:linear-gradient(90deg,#728f7e,#e2ead8)}
.afterhours .chapter-heading{position:relative}
.afterhours .chapter-heading:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#d7e7c9,transparent);transform:scaleX(.24) translateX(calc((var(--scene,.5) - .5) * 240%));transform-origin:center;opacity:.85}
.afterhours .sc-screen-inner:after{transform:translateX(calc((var(--scene,.5) - .5) * 115%))}
.afterhours .ah-threshold-glow{transform:translateX(calc((var(--scene,.5) - .5) * -190px)) scaleX(calc(.6 + var(--scene,.5) * 1.2))}
.afterhours .metal-art{transform:translateY(calc((var(--scene,.5) - .5) * -80px)) rotate(calc((var(--scene,.5) - .5) * 12deg))}
.motion-paused .afterhours .metal-art,.motion-paused .afterhours .chapter-heading:after{transform:none!important}
@media(prefers-reduced-motion:reduce){.afterhours .metal-art,.afterhours .chapter-heading:after{transform:none!important}}