/* ID: WBT-0123 / v20 / 2026-10-26 — repair dimensions and occlusion, retain the current design and artwork. */
.hdr__pill{grid-template-rows:minmax(0,1fr)}
.hdr__logo{display:flex;align-items:center;justify-content:center;height:100%;min-height:0;line-height:1}
.manifesto{min-height:0}
.scard__left{min-width:0}
.scard__rule,.scard__btn{flex:none}
.special{padding-top:clamp(72px,12svh,140px);padding-bottom:clamp(88px,14svh,160px)}
.special__head{margin-bottom:clamp(40px,7svh,76px)}
.studio{padding-bottom:clamp(64px,9svh,112px)}
.message{padding-top:clamp(72px,12svh,140px);padding-bottom:clamp(64px,10svh,112px)}
.handoff{height:160svh}
.movie{width:min(1280px,calc(100vw - 24px),calc((100svh - 84px)*16/9))}
.contact__title{padding-right:52px;overflow-wrap:anywhere}
.gmode__focus .gcard{flex-basis:min(46vw,760px,calc((100svh - 200px)*4/3))}
.gmode__grid{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr))}
.gmode__grid .gcard__meta{padding:14px 12px}
.gmode__grid .gcard__title,.gcard__tag{overflow-wrap:anywhere}
.gcard__tag{max-width:100%}
/* The green phone is behind the rotating letters; the other objects retain their foreground order. */
.foot__ring{z-index:2}
.foot__floaters .floater{z-index:3}
.foot__floaters .floater[src$="/icon_web1.webp"]{z-index:1}
.foot__center{z-index:4}
.foot__links,.foot__copy{z-index:5}
@media(min-width:768px){
 .message__body{max-width:min(640px,calc(100% - min(26vw,380px) - 40px))}
}
@media(max-width:1024px){
 .scard{grid-template-rows:auto auto;position:relative;top:auto;min-height:0}
 .article__body{margin-bottom:68px;padding-bottom:28px}
 .foot{display:grid;grid-template-rows:minmax(0,1fr) auto auto}
 .foot__links{position:relative;grid-row:3;left:auto;right:auto;bottom:auto;justify-content:center;max-width:calc(100% - 32px);margin:0 16px 18px}
 .foot__copy{position:relative;grid-row:2;left:auto;right:auto;bottom:auto;text-align:center;margin:0 16px 12px}
 .foot__ring,.foot__center{top:calc(50% - 40px)}
}
@media(min-width:1025px) and (max-height:680px){
 .scard{position:relative;top:auto;min-height:0}
}
@media(max-width:767px){
 .dive__banner{height:160svh}
 .gal{min-height:0;padding-top:clamp(64px,8svh,100px);padding-bottom:clamp(360px,85vw,440px)}
 .gal__arrow{margin-top:24px}
 .gal__copy{margin-top:28px}
 .studio__panel{padding-top:calc(30vw + 124px)}
 .gmode__title{right:88px;font-size:clamp(26px,7vw,34px)}
 .gmode__grid{grid-template-columns:repeat(2,minmax(0,1fr));bottom:118px}
 .gmode__grid .gcard{min-height:180px}
 .gmode__focus .gcard{flex-basis:min(78vw,calc((100svh - 220px)*4/3))}
 .gmode__bottom{flex-wrap:wrap;gap:10px;bottom:18px}
 .gmode__progress{flex:1 1 calc(100% - 90px)}
 .gmode__actions{width:100%;justify-content:center}
}
html.rm .handoff{display:none}
@media(prefers-reduced-motion:reduce){.handoff{display:none}}