/* September artwork and reference card composition. */
.orken-concept .team{background:#f4f4f4;color:#171817}
.orken-concept .team .team-grid{gap:clamp(16px,4vw,60px);align-items:stretch;max-width:1320px}
.orken-concept .team .team-grid .member,.orken-concept .team .team-grid .member:hover{position:relative;isolation:isolate;background:#fff;border-radius:4px;padding:24px 16px 48px;box-sizing:border-box;overflow:visible}
.orken-concept .team .member::before{content:'';position:absolute;inset:28px 24px;border:2px solid #cecece;border-radius:4px;z-index:-1;pointer-events:none}
.orken-concept .team .member::after{content:'✦';position:absolute;bottom:16px;left:15px;background:#fff;color:#d7d7d7;font-size:28px;padding:3px;line-height:1}
.orken-concept .team .team-grid .member .member-mascot,.orken-concept .team .team-grid .member:hover .member-mascot{height:180px;margin:0 0 12px;isolation:isolate}
.orken-concept .team .member-mascot::before{content:'';position:absolute;width:65%;max-width:155px;aspect-ratio:1;border-radius:50%;background:var(--member-color);bottom:18px;left:50%;transform:translateX(-50%);z-index:-1}
.orken-concept .team .member-mascot::after{content:'';position:absolute;width:43%;height:7px;border-radius:50%;background:#dedfdb;bottom:-3px;left:50%;transform:translateX(-50%);z-index:-1}
.member-piann{--member-color:#ff923d}.member-m3{--member-color:#4e5b43}.member-page{--member-color:#eb858a}.member-mega{--member-color:#ffe7c3}
.orken-concept .team .team-grid .member-piann .member-mascot svg{width:100%!important;height:155px!important;max-width:230px}
.orken-concept .team .team-grid .member-m3 .member-mascot svg{width:68%!important;height:140px!important;max-width:160px}
.orken-concept .team .team-grid .member-page .member-mascot svg{width:60%!important;height:100px!important;max-width:130px}
.orken-concept .team .team-grid .member-mega .member-mascot svg{width:80%!important;height:160px!important;max-width:175px}
.orken-concept .team .team-grid .member-name{font-size:clamp(22px,2.5vw,32px);color:#111;font-weight:800}
.orken-concept .team .team-grid .member-role{color:#444;font-size:12px;margin-top:7px}
.orken-concept .team .member-mascot:focus-visible{outline:3px solid #ff9142;outline-offset:5px;border-radius:4px}
.orken-concept .about{position:relative;isolation:isolate;overflow:hidden}
.orken-concept .about .studio-blocks{display:block!important;position:absolute;inset:0;overflow:hidden;width:100%;height:100%;min-height:0;max-width:none;aspect-ratio:auto;margin:0;z-index:0}
.orken-concept .about .studio-blocks>div.about-main{position:absolute;inset:0;width:100%;height:100%;background:url('update-20260924/about-wide-20260925.webp') center/cover no-repeat;transform:none!important;opacity:1!important}
.orken-concept .about::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0008,transparent 38%,#000c);opacity:1}
.orken-concept .about-title,.orken-concept .about-grid{z-index:2;color:#fff;text-shadow:0 2px 18px #0009}
.film-reading .orken-concept .about{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:100svh;box-sizing:border-box;gap:80px}
.film-reading .orken-concept .about-title,.film-reading .orken-concept .about-grid{position:relative}
.film-reading .orken-concept .about-grid{max-width:820px}
.orken-concept .about-grid p{color:#fff}
.orken-concept .visual-b .visual-block{background-image:url('update-20260924/visual-b-desktop.webp')}
.orken-concept .visual-c .visual-block{background-image:url('update-20260924/visual-c-desktop.webp')}
.public-announcement{padding:18px 0;border-bottom:1px solid #7775;color:inherit}
.public-announcement img{display:block;width:100%;max-height:440px;object-fit:contain;border-radius:4px;margin-bottom:12px}
.public-announcement h3{font-size:22px;margin:10px 0}.public-announcement p{white-space:pre-wrap;overflow-wrap:anywhere}.public-announcement time{font-size:12px;opacity:.7}
@media(max-width:700px){
 .orken-concept .team .team-grid{gap:20px 12px}
 .orken-concept .team .team-grid .member,.orken-concept .team .team-grid .member:hover{border-radius:4px;padding:18px 8px 38px}
 .orken-concept .team .member::before{inset:15px 10px;border-radius:4px}.orken-concept .team .member::after{font-size:20px;bottom:7px;left:5px}
 .orken-concept .team .team-grid .member .member-mascot,.orken-concept .team .team-grid .member:hover .member-mascot{height:170px}
 .orken-concept .team .team-grid .member-piann .member-mascot svg{height:115px!important}
 .orken-concept .team .team-grid .member-m3 .member-mascot svg{height:100px!important}
 .orken-concept .team .team-grid .member-page .member-mascot svg{height:76px!important}
 .orken-concept .team .team-grid .member-mega .member-mascot svg{height:120px!important}
 .orken-concept .team .member-role{font-size:10px}
 .orken-concept .visual-b .visual-block{background-image:url('update-20260924/visual-b-mobile.webp')}
 .orken-concept .visual-c .visual-block{background-image:url('update-20260924/visual-c-mobile.webp')}
}
.orken-concept .team .member-mega .mega-fallback{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80%;max-width:175px;height:160px;object-fit:contain}
@media(max-width:700px){.orken-concept .team .member-mega .mega-fallback{height:120px}}
.emblem-menu.on-white{filter:brightness(0)}
/* Supplied card artwork: preserve the SVG's 540 × 757 proportions. */
.orken-concept .team .team-grid .member,.orken-concept .team .team-grid .member:hover{padding:0;aspect-ratio:540/757;background:transparent url('update-20260924/team-card-sharp.svg?v=20260924-sharp') center/100% 100% no-repeat;border-radius:0}
.orken-concept .team .member::before,.orken-concept .team .member::after{content:none}
.orken-concept .team .team-grid .member .member-mascot,.orken-concept .team .team-grid .member:hover .member-mascot{position:absolute;top:22%;left:7%;width:86%;height:43%;margin:0}
.orken-concept .team .member-mascot::before{width:55%;bottom:14%}
.orken-concept .team .team-grid .member .member-name{position:absolute;top:69%;left:0;width:100%;margin:0}
.orken-concept .team .team-grid .member .member-role{position:absolute;top:80%;left:10%;width:80%;margin:0;font-size:clamp(9px,1vw,12px);min-height:0}
/* Center the cat body rather than the wider SVG canvas reserved for the tail. */
.orken-concept .team .team-grid .member-piann .member-mascot svg{height:100%!important;transform:translateX(calc(-33% - 5px))}
.orken-concept .team .team-grid .member-m3 .member-mascot svg{height:90%!important}
.orken-concept .team .team-grid .member-page .member-mascot svg{height:65%!important}
.orken-concept .team .team-grid .member-mega .member-mascot svg{height:100%!important}
.orken-concept .team .member-mega .mega-fallback{height:100%}

html.lazy-bg .story-scene:not(.bg-in) .plane-back,html.lazy-bg .story-scene:not(.bg-in) .plane-front,html.lazy-bg .story-scene:not(.bg-in) .visual-block,html.lazy-bg .studio-blocks:not(.bg-in)>div,html.lazy-bg .hiring:not(.bg-in){background-image:none!important}/* Keep mobile cards sized by width even when a browser cannot resolve percentage
   children against aspect-ratio. Reserve separate bands for names and roles. */
@media(max-width:900px){
 .orken-concept .team .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;width:100%;min-width:0}
 .orken-concept .team .team-grid .member,.orken-concept .team .team-grid .member:hover{aspect-ratio:auto;min-width:0;width:100%;height:auto;padding:0;align-self:start}
 .orken-concept .team .team-grid .member::before{content:'';display:block;position:static;inset:auto;width:100%;height:0;padding-top:140.185185%;border:0;border-radius:0;background:none;box-sizing:content-box}
 .orken-concept .team .team-grid .member .member-mascot,.orken-concept .team .team-grid .member:hover .member-mascot{position:absolute;top:22%;left:7%;width:86%;height:43%;min-height:0;margin:0;padding:0}
 .orken-concept .team .team-grid .member .member-name{top:70%;left:6%;width:88%;font-size:clamp(17px,4.4vw,26px);line-height:1.1;white-space:nowrap;margin:0}
 .orken-concept .team .team-grid .member .member-role{top:83%;left:8%;width:84%;font-size:clamp(9px,2.3vw,12px);line-height:1.25;min-height:0;margin:0;overflow-wrap:anywhere}
}
.member-angela{--member-color:#eaa4b8}.member-unrevealed{--member-color:#ddd8d5}
.orken-concept .team .team-grid .member-angela .member-mascot svg,.orken-concept .team .member-angela .angela-fallback{position:absolute;left:50%;bottom:-13%;transform:translateX(-50%) scale(.8);transform-origin:50% 50%;width:100%!important;height:125%!important;max-width:none;max-height:none;object-fit:contain}
.orken-concept .team .member-unrevealed .unrevealed-mark{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(32px,5vw,64px);font-weight:700;color:#8b8581}
.orken-concept .team .team-grid .member-unrevealed .member-name{font-size:clamp(13px,1.8vw,22px)}
@media(max-width:900px){.orken-concept .team .team-grid .member-angela .member-role{font-size:clamp(8px,2.1vw,12px)}.orken-concept .team .team-grid .member-unrevealed .member-name{font-size:clamp(12px,3.2vw,22px)}}
/* Keep card geometry independent of WebKit's intrinsic grid/button sizing. */
.orken-concept .team .team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.orken-concept .team .team-grid .member,
.orken-concept .team .team-grid .member:hover{display:block;min-width:0;width:100%;height:auto;aspect-ratio:auto;padding:0;align-self:start}
.orken-concept .team .team-grid .member::before{content:'';display:block;position:static;inset:auto;width:100%;height:0;padding-top:140.185185%;border:0;border-radius:0;background:none;box-sizing:content-box;pointer-events:none}
.orken-concept .team .team-grid .member .member-mascot,
.orken-concept .team .team-grid .member:hover .member-mascot{-webkit-appearance:none;appearance:none;display:block;box-sizing:border-box;border:0;border-radius:0;padding:0;min-width:0;min-height:0;max-height:none;line-height:normal;overflow:visible}
.orken-concept .team .team-grid .member .member-mascot::before{display:block;height:0;aspect-ratio:auto;width:55%;max-width:none;padding-top:55%;box-sizing:content-box}
@media(max-width:900px){.orken-concept .team .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
