/* Brand-led company opening and original full-bleed artwork. */
.page-rail #godrop .art .godrop-poster{object-fit:cover;object-position:center 52%;background:none}
.project-dock:has(.dock-card:only-child) .dock-caption>div{display:none}
.company-page{background:#101214;padding:10svh 10%;isolation:isolate}
.company-page:before{content:'';position:absolute;inset:0;background:linear-gradient(118deg,transparent 0 55%,#24282b 55% 55.15%,#191d20 55.15% 73%,#30373b 73% 73.1%,#121619 73.1%);z-index:-2}
.company-page:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#c3d9e847 .7px,transparent .8px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent 40%,black);z-index:-1}
.company-emblem{position:absolute;right:4%;top:9%;width:43vw;height:43vw;max-height:80%;transform:rotate(-12deg);opacity:.88;mix-blend-mode:screen;pointer-events:none;z-index:-1}
.company-emblem img{width:100%;height:100%;object-fit:contain}
.company-page h1{font-size:clamp(58px,6vw,106px);letter-spacing:-.045em;line-height:1.18;margin:5vh 0 30px;max-width:60%;font-weight:900}
.company-page p{font-size:17px;line-height:2;color:#aeb8bc;max-width:47%}
.company-kicker{font-size:11px;letter-spacing:3px;color:#cee582;border-left:25px solid #cee582;padding-left:15px}
.company-explore{border:1px solid #9ca5a955;border-radius:0;padding:17px 24px;font-size:16px;margin-top:32px;transition:background .2s,color .2s}
.company-explore:hover{background:#cee582;color:#101214}
.company-word{font-size:15vw;bottom:-3%;right:1%;color:transparent;-webkit-text-stroke:1px #c2d4df12;font-style:normal}
.company-notation{position:absolute;right:8%;bottom:10%;font-size:14px;font-weight:800;letter-spacing:3px;line-height:1.5;color:#c8d0d4}
.company-notation span{display:block;font-size:9px;letter-spacing:2px;margin-top:18px;color:#8b979c}
body:not(:has(.page-rail)) header{position:sticky;top:0;z-index:50;background:#111519ed;backdrop-filter:blur(16px)}
header nav a.current{color:#c8e78b;border-bottom:2px solid;padding-bottom:8px}
section[id]{scroll-margin-top:85px}
.media-section{padding:110px 7%;min-height:85svh;background:#111619;display:grid;grid-template-columns:28% 1fr;gap:5%;border-top:1px solid #46535b}
.media-heading>span{font-size:11px;letter-spacing:3px;color:#a4c4d2}.media-heading h2{font-size:clamp(32px,3.5vw,60px);font-weight:800;line-height:1.3;margin:45px 0 25px}.media-heading p{font-size:16px;letter-spacing:6px}
.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.media-card{padding:0;border:1px solid #718a923d;overflow:hidden;text-align:left;background:#20292f;position:relative;min-height:240px}.media-card-0{grid-column:1/-1;min-height:360px}.media-card img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .6s}.media-card-2 img{object-fit:contain;object-position:50% 25%;transform:scale(1.8)}.media-card:hover{background:#20292f;color:white}.media-card:hover img{scale:1.04}.media-card>span{position:absolute;inset:auto 0 0;padding:45px 24px 24px;background:linear-gradient(transparent,#060b10ed);display:grid;gap:8px}.media-card small{font-size:10px;letter-spacing:3px;color:#b3c7ce}.media-card strong{font-size:23px}.media-card b{position:absolute;right:25px;bottom:25px;font-size:28px;font-weight:400}
.art-viewer{width:94vw;height:94svh;max-width:none;max-height:none;padding:45px;background:#10151bf5;color:#e4edf0;border:1px solid #829ba355;overflow:hidden}.art-viewer::backdrop{background:#04070bed;backdrop-filter:blur(14px)}.art-viewer img{width:100%;height:calc(100% - 45px);object-fit:contain}.art-viewer p{text-align:center;font-size:15px}.viewer-close{position:absolute;right:15px;top:10px;background:#111c26;z-index:2}
@media(max-width:800px){.company-page{padding:8svh 12%}.company-emblem{width:80vw;height:80vw;right:-24%;top:12%;opacity:.27}.company-page h1{max-width:none;font-size:clamp(40px,8vw,62px)}.company-page p{max-width:90%;font-size:14px}.company-notation{display:none}.company-kicker{font-size:9px;letter-spacing:1px}.media-section{display:block;padding:70px 6%}.media-heading h2{margin:22px 0}.media-grid{margin-top:35px;gap:12px}.media-card{min-height:200px}.media-card-0{min-height:280px}.media-card strong{font-size:17px}.media-card small{font-size:8px;letter-spacing:1px}body:not(:has(.page-rail)) nav{gap:14px;font-size:11px}.art-viewer{padding:42px 10px 10px}}
@media(prefers-reduced-motion:reduce){.media-card img,.company-explore{transition:none}.media-card:hover img{scale:1}}
.navigator-gallery-thumb{background-image:url("assets/navigator-cg2.webp");background-size:cover;background-position:center}.godrop-gallery-thumb{background-image:url("assets/godrop-poster-zh.jpg");background-size:cover;background-position:center}
.page-rail #godrop .art .godrop-poster{object-position:center bottom}

/* Use the supplied company logo unchanged; crop only the source canvas margins. */
.company-emblem{right:6%;top:30%;width:40vw;height:12vw;max-height:none;transform:none;opacity:1;overflow:hidden}
.company-emblem img{position:absolute;width:400%;height:auto;max-width:none;left:-150%;top:50%;transform:translateY(-50%)}
@media(max-width:800px){.company-emblem{width:64vw;height:20vw;right:-8%;top:52%;opacity:.22}}
