/* 2026-10-10 home update: scheduled works card, About redesign, Delivery visual, staff link. */

/* 1) Works card that opens on 2026-10-10 22:00 (Taiwan time): teaser first, cover afterwards. */
.work-image [hidden]{display:none!important}
.work-teaser{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2.4vh,22px);padding:24px 18px;text-align:center;background:linear-gradient(125deg,#181818 55%,#635a53 55% 72%,#181818 72%);border:1px solid #ff91426a;color:#ff9142}
.work-teaser span{font:600 10px/1 monospace;letter-spacing:.13em}
.work-teaser strong{font-size:clamp(45px,6vw,90px);letter-spacing:-.08em;line-height:1}
.work-teaser em{font-style:normal;font-size:clamp(16px,2vw,25px);font-weight:600;color:#eee;line-height:1.5}

/* 2) 之間是什麼：black stage on the left (logo watermark + vector art), key art shrunk to the right. */
.orken-concept .about{background:#050505}
.orken-concept .about .about-art{position:absolute;inset:0 auto 0 0;width:66%;z-index:0;overflow:hidden;pointer-events:none}
.orken-concept .about .about-art svg{display:block;width:100%;height:100%}
.orken-concept .about .about-pulse{stroke-dasharray:1;stroke-dashoffset:0}
.orken-concept .about .studio-blocks{z-index:1;filter:drop-shadow(-9px 0 0 #ff9142)}
.orken-concept .about .studio-blocks>div.about-main{inset:0 0 0 auto;width:46%;height:100%;background-position:53% 50%;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}
.orken-concept .about::after{background:linear-gradient(180deg,#0005,transparent 22%,transparent 78%,#0007)}
.orken-concept .about-title,.orken-concept .about-grid{text-shadow:none}
.film-enabled .about-title{right:auto;max-width:calc(54vw - 6vw - 24px);font-size:clamp(40px,5.8vw,96px)}
.film-enabled .about-grid{right:auto;max-width:calc(54vw - 6vw - 24px)}
.film-enabled .about-grid p{font-size:clamp(17px,1.85vw,30px);line-height:1.75}
.film-reading .orken-concept .about-title,.film-reading .orken-concept .about-grid{max-width:calc(54% - 24px)}
.film-reading .orken-concept .about-grid p{font-size:clamp(17px,1.85vw,26px)}
/* English / Korean titles are longer: keep them on one line instead of breaking inside a word. */
html[lang=en] .orken-concept .about-title,html[lang=ko] .orken-concept .about-title{white-space:nowrap}
html[lang=en] .orken-concept .about-title{font-size:clamp(30px,4.1vw,68px)}
html[lang=ko] .orken-concept .about-title{font-size:clamp(28px,3.3vw,54px)}
@media (prefers-reduced-motion:no-preference){
 .film-enabled .about .about-pulse{transition:stroke-dashoffset 2.4s cubic-bezier(.4,0,.2,1) .5s}
 .film-enabled .about:not(.is-current) .about-pulse{stroke-dashoffset:1;transition:none}
}
@media (max-width:700px){
 .orken-concept .about .about-art{width:100%}
 .orken-concept .about .studio-blocks{filter:drop-shadow(0 -7px 0 #ff9142)}
 .orken-concept .about .studio-blocks>div.about-main{inset:auto 0 0 0;width:100%;height:34%;background-position:52% 50%;clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}
 .film-enabled .about-title{right:6vw;max-width:none;font-size:clamp(30px,9vw,48px)}
 html[lang=en] .orken-concept .about-title{font-size:clamp(22px,6.4vw,40px)}
 html[lang=ko] .orken-concept .about-title{font-size:clamp(22px,6vw,38px)}
 .film-enabled .about-grid{right:6vw;max-width:none;bottom:calc(34% + 26px)}
 .film-enabled .about-grid p{font-size:clamp(15px,4.2vw,20px);line-height:1.7}
 .film-reading .orken-concept .about-title,.film-reading .orken-concept .about-grid{max-width:none}
}

/* 3) "每週接續不斷": Weizhou with bubble tea (Delivery KV6). The portrait art is shown whole over a blurred copy of itself. */
.orken-concept .visual-a .visual-block{background:#0a0a0a;overflow:hidden}
.orken-concept .visual-a .visual-block::before,.orken-concept .visual-a .visual-block::after{content:'';position:absolute;background-repeat:no-repeat}
.orken-concept .visual-a .visual-block::before{inset:-8%;background-image:url('work-edition-20261008/delivery-gallery-1-939e50915bef-screen.webp');background-size:cover;background-position:center;filter:blur(44px) saturate(1.2) brightness(1.3)}
.orken-concept .visual-a .visual-block::after{top:-1%;left:50%;height:102%;aspect-ratio:9/16;translate:-50% 0;background-image:url('work-edition-20261008/delivery-gallery-1-939e50915bef-full.webp');background-size:100% 100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}
html.lazy-bg .story-scene:not(.bg-in) .visual-a .visual-block::before,html.lazy-bg .story-scene:not(.bg-in) .visual-a .visual-block::after{background-image:none!important}
@media (max-width:700px){
 .orken-concept .visual-a .visual-block::before{display:none}
 .orken-concept .visual-a .visual-block::after{inset:0;left:0;translate:none;height:auto;aspect-ratio:auto;-webkit-mask-image:none;mask-image:none;background-image:url('work-edition-20261008/delivery-gallery-1-939e50915bef-screen.webp');background-size:cover;background-position:50% 32%}
}