/* Mobile repair draft. Preserve the approved desktop rules and artwork. */
@media(max-width:800px){
  html{overflow-anchor:none}
  #reveal .reveal-copy{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;top:49%!important;width:86%!important}
  #reveal::before{background:linear-gradient(180deg,transparent 36%,rgba(6,10,22,.35) 52%,rgba(6,10,22,.86) 100%)!important;opacity:var(--mobile-copy-shade,0)!important;pointer-events:none}
  #reveal .reveal-copy h2{font-size:clamp(27px,7.2vw,35px)!important;line-height:1.15!important}
  #reveal .reveal-copy p{font-size:clamp(14px,3.8vw,16px)!important;line-height:1.55!important;margin-top:13px!important}
  #page-home #my-ventures{height:auto!important;padding:48px 0 56px!important}
  #page-home #my-ventures .venture-stage{position:relative!important;height:auto!important;min-height:0!important}
  #page-home #my-ventures .venture-stage>.wrap{padding-top:20px!important;padding-bottom:0!important}
  #page-home #my-ventures .venture-gallery{display:grid!important;grid-template-columns:1fr!important;width:80%!important;max-width:285px!important;height:auto!important;gap:36px!important;margin:32px auto 0!important;overflow:visible!important;padding:0!important}
  #page-home #my-ventures .venture-card{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;transform:none!important}
  #page-home #my-ventures .venture-card.mobile-card-enter{opacity:0;translate:0 28px;transition:opacity 1.15s ease,translate 1.15s cubic-bezier(.2,.7,.2,1)}
  #page-home #my-ventures .venture-card.mobile-card-enter.is-arrived,#page-home #my-ventures .venture-card:focus-within{opacity:1;translate:0 0}
  #page-home #my-ventures .venture-card p{font-size:14px!important;line-height:1.5!important}
  #page-home #noise{height:220svh!important}
  #page-home #noise .noise-stage{height:100svh!important;min-height:0!important;position:sticky!important}
  #page-home #noise::after{height:12svh!important}
  #page-home .journey{padding-block:36px 40px!important;min-height:0!important}
  #page-home .journey .journey-composition{padding-block:0!important;min-height:0!important}
  #page-home .home-moment-divider{padding-block:20px!important}
  #page-home #portrait-reveal-track,#page-home .portrait-reveal-pin{height:auto!important;min-height:0!important;position:relative!important}
  #page-home .about-editorial{padding-block:48px!important;min-height:0!important}
  #page-home .about-editorial .about-left{transform:none!important}
  #page-home .about-editorial h2{margin-top:20px!important}
  #page-home .about-editorial .begin-ink{padding-bottom:.12em;margin-bottom:-.12em}
  #page-home .about-editorial .about-centre-portrait{transform:none!important}
  #page-home .about-editorial.about-motion-ready.portrait-run .about-centre-portrait{animation:mobilePortraitFade 2.6s .18s both!important;translate:none!important}
  #page-home .about-editorial .about-portrait-stage{margin-top:24px!important}
  #storySequence,#approvedRibbonFrame{overflow-anchor:none}
  #page-home .fashion-editorial .home-fit-stage{width:100%!important;height:max(760px,100svh)!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important}
  #page-home .fashion-editorial .native-home-name{left:7%!important;top:72px!important;width:86%!important;font-size:17vw!important;line-height:1.03!important}
  #page-home .fashion-editorial .native-home-name>span{line-height:1.03!important;overflow:visible!important}
  #page-home .fashion-editorial .native-home-role{left:7%!important;top:calc(82px + 36vw)!important;width:86%!important;max-width:none!important;font-size:12px!important;letter-spacing:.04em!important;line-height:1.7!important;display:flex;flex-wrap:wrap;gap:0 .4em!important}
  #page-home .fashion-editorial .native-home-explore{left:7%!important;top:calc(116px + 36vw)!important;width:auto!important;height:auto!important;min-height:44px;line-height:1.5!important;overflow:visible!important;z-index:5}
  #page-home .fashion-editorial .native-home-portrait{left:auto!important;right:-15%!important;top:calc(127px + 36vw)!important;width:82%!important;height:100%!important;transform:none!important;animation:none!important}
  #page-home .fashion-editorial .native-world-band{height:12%!important;z-index:4}
  #page-home .about-editorial .about-portrait-stage{width:min(100%,500px)!important;max-width:100%!important;align-self:center!important;margin-inline:auto!important}
  #page-home .about-editorial .about-centre-portrait{width:100%!important;max-width:none!important;margin-inline:auto!important;justify-self:center!important}
  #page-home .about-editorial .about-portrait-crop{margin-inline:auto!important}
  #page-home .about-editorial h2,#page-home .about-editorial h2>em{line-height:1.13!important}
  #page-home .about-editorial .reinvention-stack,#page-home .about-editorial .reinvention-stack .role-final{line-height:1.14!important}
  #page-home a.consistent-cta{height:auto!important;min-height:44px;line-height:1.5!important;overflow:visible!important;padding-block:8px!important}
  #sheet:not(.open){visibility:hidden;pointer-events:none}
  #sheet.open{visibility:visible;pointer-events:auto}
  #page-ventures .ventures-perspective-composition{display:flex!important;flex-direction:column!important;gap:26px!important;margin:28px auto 0!important;padding:0!important;width:100%!important;min-height:0!important}
  #page-ventures .ventures-perspective-composition .perspective-copy-left{order:0}
  #page-ventures .ventures-perspective-composition .ventures-film{order:1;position:relative!important;inset:auto!important;width:100%!important;margin:0!important;transform:none!important}
  #page-ventures .ventures-perspective-composition .perspective-copy-right{order:2}
  #page-ventures .ventures-perspective-composition .perspective-copy-left,#page-ventures .ventures-perspective-composition .perspective-copy-right{position:relative!important;inset:auto!important;width:86%!important;max-width:32ch!important;margin:0 auto!important;transform:none!important;font-size:clamp(22px,5.6vw,32px)!important;line-height:1.4!important}
  #page-ventures .perspective-sentence{opacity:1!important;visibility:visible!important;transform:none!important;margin:0 0 22px!important;font-weight:400!important}
  #page-ventures .perspective-sentence:last-child{margin-bottom:0!important}
  #page-ventures .perspective-copy-left .perspective-sentence,#page-ventures .perspective-copy-right .perspective-sentence{font-weight:400!important}
  #page-ventures .ventures-movie-stage{aspect-ratio:1080/664!important;height:auto!important;min-height:0!important}
  #page-ventures .ventures-film video{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
  #page-ventures .worlds-manifesto{min-height:0!important;padding-block:60px!important}
  #principles.ep-static .ep-scene{padding-bottom:72px}
  #principles.ep-static .ep-copy h3{line-height:1.12!important}
  #principles.ep-static .ep-running{padding-top:32px}
  #principles.ep-static.mobile-flow .ep-scene .ep-photo{opacity:var(--mobile-photo,1)!important;transform:translateY(var(--mobile-photo-y,0px))!important}
  #principles.ep-static.mobile-flow .ep-scene h3 [data-ep-line]{opacity:var(--mobile-ink,1)!important;transform:translateY(var(--mobile-ink-y,0px))!important;filter:blur(var(--mobile-ink-blur,0px))!important}
  #principles.ep-static.mobile-flow .ep-stage::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 35%,#edce9633,transparent 60%);opacity:.65}
  #page-story #co-vision .v-pin{min-height:0!important;height:100svh}
  #page-story #co-vision .v-scene{background:#e7dccb}
  #page-story #co-vision .v-scene>img{object-fit:cover!important;object-position:42% center!important;transform:none!important}
  #page-story #co-vision .v-passage[data-beat]{left:7%!important;width:86%!important;top:44%!important}
  #page-story #co-vision .v-passage[data-beat] .v-small{font-size:15px!important;line-height:1.6!important}
  #page-story #co-vision .v-passage[data-beat] h2 span{line-height:1.1!important}
}
@media(prefers-reduced-motion:reduce){
  #principles.ep-static.mobile-flow .ep-scene .ep-photo,#principles.ep-static.mobile-flow .ep-scene h3 [data-ep-line]{opacity:1!important;transform:none!important;filter:none!important}
}
@media(max-width:800px) and (prefers-reduced-motion:reduce){
  #page-story #co-vision .v-pin{height:auto!important}
  #page-story #co-vision .v-passage[data-beat]{position:relative!important;left:auto!important;top:auto!important;width:86%!important;margin:0 auto!important;padding:50px 0;transform:none!important}
}

@keyframes mobilePortraitFade{from{opacity:0}to{opacity:1}}
@media(max-width:800px) and (prefers-reduced-motion:reduce){
 #page-home #noise{height:auto!important}
 #page-home #noise .noise-stage{position:relative!important;min-height:760px!important}
 #page-home #my-ventures .venture-card.mobile-card-enter{opacity:1!important;translate:none!important;transition:none!important}
 #page-home .about-editorial.about-motion-ready.portrait-run .about-centre-portrait{animation:none!important;opacity:1!important}
}

/* Final mobile composition rules must follow the retained desktop styles. */
@media(max-width:800px){
 #page-home .about-editorial .about-portrait-crop{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.82) 86%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.82) 86%,transparent 100%)}
 #page-home .about-editorial .about-copy{margin-top:8px!important}
 #page-story .story-portrait-hero .journey-halo{display:none!important}
 #page-story .story-pink-portrait::before{content:'';position:absolute;inset:12% -8% 8%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 65% 50%,#bec9e74d,transparent 66%)}
 #page-story .story-portrait-hero h1>em{line-height:1.2!important;margin-top:20px!important}
 #page-story .story-portrait-hero .story-why{transform:none!important;display:block!important;width:auto!important;margin:10px 0 0 15%!important;font-size:clamp(96px,28vw,130px)!important;line-height:1.02!important;padding-bottom:.12em!important}
 #page-story .story-portrait-hero .story-opening-copy>.lede{position:relative!important;top:auto!important;margin-top:26px!important;transform:none!important}
 #page-ventures .worlds-manifesto .perspective-shadow-title{font-size:clamp(34px,9vw,46px)!important;line-height:1.18!important;margin:0!important;padding:0 0 .14em!important}
 #page-ventures .perspective-shadow-title>span,#page-ventures .perspective-shadow-title>em{display:block!important}
 #page-ventures .perspective-shadow-title>em{margin-top:10px!important}
 #page-ventures .worlds-manifesto .ventures-perspective-composition{margin-top:38px!important;gap:30px!important}
 #page-ventures .ventures-perspective-composition .perspective-copy-left,#page-ventures .ventures-perspective-composition .perspective-copy-right{font-size:clamp(19px,5.2vw,23px)!important;line-height:1.65!important}
 #page-ventures .perspective-copy-left .perspective-sentence:first-child{margin-bottom:24px!important}
}

/* Recording-led corrections. Do not target worlds-card or its orbit. */
@media(max-width:800px){
 #curtain .l,#curtain .r{transition:transform .32s cubic-bezier(.45,0,.18,1)!important}
 #curtain .cn{transition:opacity .12s ease!important;animation:none!important}
 #curtain.closed .cn{transition-delay:.12s!important;animation:none!important}
 #principles.ep-static.mobile-coordinated .ep-scene .ep-photo{opacity:0!important;transform:translateY(12px)!important;transition:opacity .85s ease,transform .85s ease}
 #principles.ep-static.mobile-coordinated .ep-scene h3 [data-ep-line]{opacity:0!important;filter:none!important;transform:translateY(7px)!important;transition:opacity .8s .1s ease,transform .8s .1s ease}
 #principles.ep-static.mobile-coordinated .ep-scene .ep-copy>p{opacity:0;transition:opacity .75s .22s ease}
 #principles.ep-static.mobile-coordinated .ep-scene.mobile-principle-arrived .ep-photo,#principles.ep-static.mobile-coordinated .ep-scene.mobile-principle-arrived h3 [data-ep-line]{opacity:1!important;transform:none!important}
 #principles.ep-static.mobile-coordinated .ep-scene.mobile-principle-arrived .ep-copy>p{opacity:1}
 #page-story #co-vision .v-passage[data-beat] h2{margin:20px 0!important}
 #page-story #co-vision .v-passage[data-beat] .v-small{font-size:15px!important;line-height:1.65!important;margin:20px 0!important}
 #page-ventures .perspective-shadow-title [data-shadow]{opacity:1!important;mask-image:none!important;-webkit-mask-image:none!important}
 #page-ventures .perspective-shadow-title [data-shadow]::after{display:none!important}
 #page-ventures .ventures-movie-stage{transform:none!important}
 #page-ventures .ventures-movie-stage:not(.walking) #ventures-creative-film{opacity:1!important;visibility:visible!important}
}