/* Portrait chapters, composed from the approved WORLDS and PRODUCED references. */
body[data-page="home"] .duo-caption184 {display:none}
@media (orientation:portrait) {
 body[data-page="home"] #lets-create,
 body[data-page="home"] #fashion-film {--editorial-gutter:6.4vw}

 /* Preserve the moving portrait sources and the existing sun-to-torch edit. */
 body[data-page="home"] .duo-scene .duo-image {
  inset:0;width:100%;height:100%;padding:0;
 }
 body[data-page="home"] .duo-scene .duo-image video,
 body[data-page="home"] #fashion-film .fashion-stage video {
  position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;
  object-fit:cover;object-position:58% 50%;
 }
 body[data-page="home"] .duo-scene .duo-image video {
  transform:translate3d(var(--duo-pan-x,0px),var(--duo-pan-y,0px),0) scale(var(--duo-push,1));
 }
 body[data-page="home"] .duo-scene .duo-sun-poster,
 body[data-page="home"] #fashion-film .fashion-light-entry,
 body[data-page="home"] #fashion-film .fashion-play {display:none!important}
 body[data-page="home"] #fashion-film .fashion-stage video {
  z-index:1;visibility:visible;opacity:1;pointer-events:none;
 }

 /* Chapter 2: short rule + WE CREATE, italic WORLDS, two-line caption. */
 body[data-page="home"] #lets-create .duo-bottom-credits {display:none}
 body[data-page="home"] #lets-create .duo-editorial {
  top:auto;bottom:max(4svh,calc(env(safe-area-inset-bottom) + 16px));
  left:var(--editorial-gutter);right:var(--editorial-gutter);
  width:auto;max-width:none;display:block;box-sizing:border-box;text-align:left;
 }
 body[data-page="home"] #lets-create #duo-title.duo-title124 {
  display:flex;flex-direction:column;align-items:flex-start;gap:0;
  width:100%;max-width:100%;margin:0;padding:0;font-weight:400;
  text-align:left;line-height:1;transform:none;
 }
 body[data-page="home"] #lets-create #duo-title .duo-create124 {
  display:flex;align-items:center;gap:3vw;max-width:100%;margin:0;padding:0;
  font-size:max(8px,2vw);font-weight:400;font-style:normal;
  line-height:1.4;letter-spacing:.3em;white-space:nowrap;
 }
 body[data-page="home"] #lets-create #duo-title .duo-create124::before {
  content:"";display:block;flex:0 0 6.6vw;height:1px;background:currentColor;opacity:.85;
 }
 body[data-page="home"] #lets-create #duo-title .duo-worlds124 {
  display:block;margin:2.7vw 0 0;padding:0;max-width:100%;
  font-size:15vw;font-weight:400;font-style:italic;letter-spacing:.01em;
  line-height:1.03;white-space:nowrap;text-indent:-.011em;
 }
 body[data-page="home"] #lets-create #duo-title .duo-rule124,
 body[data-page="home"] #lets-create #duo-title .duo-feel124 {display:none!important}
 body[data-page="home"] #lets-create .duo-caption184 {
  display:block;margin:3.2vw 0 0;padding:0;color:#eeede7;
  font-size:max(8px,2vw);font-weight:400;line-height:1.75;letter-spacing:.27em;
 }
 body[data-page="home"] #lets-create .duo-caption184 span {display:block;white-space:nowrap}
 body[data-page="home"] #lets-create .duo-caption184 span:first-child {text-indent:-.087em}
 body[data-page="home"] #lets-create .duo-caption184 span:last-child {text-indent:-.026em}

 /* Chapter 3: one optical left edge and enough room for the outlined P and D. */
 body[data-page="home"] #fashion-film .fashion-manifesto {
  box-sizing:border-box;align-items:flex-start;justify-content:flex-end;text-align:left;
  padding:0 var(--editorial-gutter) max(2svh,calc(env(safe-area-inset-bottom) + 14px));
 }
 body[data-page="home"] #fashion-film .fashion-manifesto h2 {
  width:100%;max-width:100%;min-width:0;margin:0;padding:0;
  font-size:8.5vw;font-weight:400;line-height:1.04;letter-spacing:-.025em;
  transform:none;translate:none;scale:none;overflow:visible;
 }
 body[data-page="home"] #fashion-film .fashion-manifesto h2>span {
  display:block;margin:0;padding:0;transform:none;translate:none;scale:none;
 }
 body[data-page="home"] #fashion-film .fashion-manifesto h2>span:first-child {
  font-size:max(8px,2.65vw);font-weight:400;line-height:1.45;letter-spacing:.08em;
  white-space:nowrap;text-indent:-.052em;
 }
 body[data-page="home"] #fashion-film .fashion-manifesto h2>span:last-child {
  margin-top:3.2vw;font-size:1em;line-height:1.04;letter-spacing:inherit;text-indent:0;
 }
 body[data-page="home"] #fashion-film .fashion-manifesto h2>span:last-child::before {display:none}
 body[data-page="home"] #fashion-film .fashion-answer {
  display:block;width:100%;min-width:0;margin:0;padding:0;
  font:inherit;letter-spacing:inherit;white-space:nowrap;text-indent:-.056em;
 }
 body[data-page="home"] #fashion-film .fashion-manifesto .fashion-produced {
  display:block;width:auto;max-width:100%;margin:1.2vw 0 0;padding:0;
  font-size:13.3vw;font-weight:400;font-style:normal;
  line-height:1.04;letter-spacing:-.035em;white-space:nowrap;text-indent:-.087em;
  color:#eeede7;-webkit-text-fill-color:transparent;-webkit-text-stroke:.8px currentColor;text-shadow:none;
 }
 body[data-page="home"] #fashion-film .fashion-vision-label {
  display:flex;align-items:center;gap:12px;
  top:max(92px,calc(env(safe-area-inset-top) + 74px));
  left:var(--editorial-gutter);right:var(--editorial-gutter);
  font-size:clamp(8px,1.8vw,11px);line-height:1.5;letter-spacing:.12em;
 }
 body[data-page="home"] #fashion-film .fashion-vision-label::before {width:24px;min-width:24px}
 body[data-page="home"] #fashion-film .fashion-viewfinder {display:none}
 body[data-page="home"] #fashion-film .fashion-shade {
  background:linear-gradient(180deg,#0003 0%,transparent 24%,transparent 48%,#0005 73%,#000a 100%)!important;
 }
 body[data-page="home"][data-cinema-look="red"] #fashion-film .fashion-manifesto .fashion-produced {color:var(--cinematic-red)}
}
/* Keep every editorial word inside the projected plane's readable width. */
body[data-page="home"] #canon-feature .pg-intro,
body[data-page="home"] #canon-feature .pg-plane>nav {
 width:min(100%,var(--pg-readable-width,88%));max-width:100%;margin-inline:auto;
 box-sizing:border-box;
}
body[data-page="home"] #canon-feature .pg-links {width:100%;margin-inline:0}
body[data-page="home"] #canon-editorial .pg-copy {min-width:0}
body[data-page="home"] #canon-editorial .pg-copy .canon-heading124 {gap:12px}
body[data-page="home"] #canon-editorial .pg-copy .canon-heading124>span {min-width:0;white-space:normal}
body[data-page="home"] #canon-editorial .pg-copy .canon-title124 {flex-wrap:wrap;gap:10px 18px;white-space:normal}
body[data-page="home"] #canon-editorial .pg-copy .canon-description124 span {
 max-width:100%;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:pretty;
}
body[data-page="home"] #canon-feature .pg-link strong {
 min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none;
}
@media (orientation:portrait) and (prefers-reduced-motion:reduce) {
 body[data-page="home"] .duo-scene .duo-image video,
 body[data-page="home"] #fashion-film .fashion-stage video {transform:none}
}
@media (orientation:portrait) and (forced-colors:active) {
 body[data-page="home"] #fashion-film .fashion-manifesto .fashion-produced {
  color:CanvasText;-webkit-text-fill-color:CanvasText;-webkit-text-stroke:0;
 }
}

/* Keep the complete studio statement visible on desktop as well. */
@media(orientation:landscape){
 body[data-page="home"] #lets-create .duo-caption184{
  display:block;margin:24px 0 0;padding:0;max-width:100%;color:#eeede7;
  font-size:clamp(10px,.85vw,14px);font-weight:400;line-height:1.8;letter-spacing:.2em;
 }
 body[data-page="home"] #lets-create .duo-caption184 span{display:block}
}
@media(orientation:portrait){
 body[data-page="home"] #lets-create .duo-names{
  display:flex;justify-content:space-between;align-items:flex-start;gap:18px;
  top:max(100px,calc(env(safe-area-inset-top) + 82px));bottom:auto;
  left:var(--editorial-gutter);right:var(--editorial-gutter);
  font-size:clamp(8px,1.8vw,11px);line-height:1.6;letter-spacing:.09em;
  opacity:var(--duo-clean,1);text-shadow:0 1px 12px #0008;
 }
 body[data-page="home"] #lets-create .duo-names>span{min-width:0}
 body[data-page="home"] #lets-create .duo-names>span:last-child{text-align:right}
 body[data-page="home"] #lets-create .duo-names i{display:block;font-size:.8em;letter-spacing:.08em}
}

/* Desktop opening shot: preserve the original image without grading or grain. */
@media(orientation:landscape){
 body[data-page="home"] #lets-create .duo-image video{filter:none!important;backdrop-filter:none!important;animation:none!important}
 body[data-page="home"] #lets-create .duo-grade,
 body[data-page="home"] #lets-create .duo-grain,
 body[data-page="home"] #lets-create .duo-sun-poster{display:none!important}
 body[data-page="home"] #lets-create .duo-stage::after{display:none}
 body[data-page="home"].is-duo-frame .home-camera-grain{display:none!important}
}

/* Align the visible italic W with the captions' shared left edge. */
@media (orientation:landscape) {
 body[data-page="home"] #lets-create #duo-title .duo-worlds124 {text-indent:-.15em;overflow:visible}
}

/* New 3:4 portrait master: keep the full sun inside the frame. */
@media (orientation:portrait) {
 body[data-page="home"] .duo-scene .duo-image video {
  object-position:var(--duo-object-x,100%) 50%;
  transform-origin:var(--sun-x,78%) var(--sun-y,37%);
 }
}
/* One desktop caption, on the right beneath the editorial rule. */
@media (orientation:landscape) {
 body[data-page="home"] #lets-create #duo-title .duo-feel124 {display:none}
 body[data-page="home"] #lets-create .duo-caption184 {text-align:right;margin:16px 0 0 auto}
}

/* Mobile: show the full 3:4 composition, with breathing room on both sides. */
@media (orientation:portrait) {
 body[data-page="home"] #lets-create .duo-image {background:#050505}
 body[data-page="home"] #lets-create .duo-image video {
  inset:0 0 auto;width:100%;height:auto;aspect-ratio:3/4;
  object-fit:fill;object-position:center top;
 }
}

/* A clean black continuation beneath the full-width mobile film. */
@media (orientation:portrait) {
 body[data-page="home"] #lets-create .duo-stage,
 body[data-page="home"] #lets-create .duo-image {background:#000}
 body[data-page="home"] #lets-create .duo-grade,
 body[data-page="home"] #lets-create .duo-grain,
 body[data-page="home"] #lets-create .duo-stage::after,
 body[data-page="home"].is-duo-frame .home-camera-grain {display:none!important}
 body[data-page="home"] #lets-create .duo-editorial {background:transparent;box-shadow:none}
 body[data-page="home"] #lets-create .duo-image video {
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%);
 }
}

/* Pure black behind the copy, independent of the encoded video black level. */
@media (orientation:portrait) {
 body[data-page="home"] #lets-create .duo-editorial {background:#000!important;isolation:isolate}
 body[data-page="home"] #lets-create .duo-editorial::before {
  content:"";position:absolute;z-index:-1;pointer-events:none;
  inset:-8px calc(-1 * var(--editorial-gutter)) -100vh;
  background:#000;box-shadow:0 -22px 26px 16px #000;
 }
 body[data-page="home"] #lets-create .duo-image video {
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 78%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 78%);
 }
}