/* Wave05 candidate. Only the two explicitly opted-in Web Design pages. */
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ls-craft-scene{height:auto;background:#061522}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ls-craft-stage{position:relative;top:auto;display:block;height:auto;min-height:0;padding:40px clamp(24px,5vw,80px);overflow:visible}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ls-craft-copy{position:static;display:block;grid-area:auto;width:100%;max-width:none;height:auto;padding:0}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ls-craft-beat{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:24px;padding:48px 0;margin:0;opacity:1;transform:none;animation:none}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .iw-craft-reading{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.65fr);column-gap:48px;align-items:end;visibility:visible;opacity:1;min-width:0}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .iw-craft-reading>span{grid-area:1/1;align-self:start}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .iw-craft-reading h2{grid-area:2/1;margin:12px 0 0;font-size:clamp(2.5rem,4.2vw,4rem);line-height:1.04}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .iw-craft-reading p{grid-area:2/2;max-width:34ch;margin:0;font-size:18px;line-height:1.5}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ls-craft-visual{grid-area:2/1;position:relative;inset:auto;width:100%;height:clamp(380px,52svh,600px);min-height:0;border-radius:0;background:#061522;isolation:isolate;overflow:hidden;opacity:1;clip-path:none;transform:none}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ls-craft-visual>img{position:absolute;inset:0;width:100%;height:100%;max-height:none;opacity:1;transform:none;transform-origin:center;object-position:center}
/* The first subject is a portrait. The next is a complete, broad technical object. */
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .iw-craft-impression>img{left:38%;width:62%;object-fit:cover;object-position:70% center;border-radius:3px}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .iw-craft-exploration>img{object-fit:contain;mix-blend-mode:lighten}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .iw-craft-destination{display:grid;place-items:center;height:auto;min-height:380px;padding-block:12px;overflow:visible}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-craft-device{width:90%;max-width:1040px;min-height:0;flex:none;transform:none}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-craft-caption{position:static;padding:24px 0 0;margin:0;transform:none}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ls-scene-progress{display:none}
/* Pin only after the reading lane and complete destination pass the intrinsic fit check. */
@media(prefers-reduced-motion:no-preference){
 .immersive-site.scroll-live .full-site [data-immersive-root="web"][data-editorial-web] .ew-craft-pinned{height:225svh}
 .immersive-site.scroll-live .full-site [data-immersive-root="web"][data-editorial-web] .ew-craft-pinned .ls-craft-stage{position:sticky;top:var(--scroll-header);height:calc(100svh - var(--scroll-header));padding-block:32px 72px;overflow:clip}
 .immersive-site.scroll-live .full-site [data-immersive-root="web"][data-editorial-web] .ew-craft-pinned .ls-craft-copy{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:24px;height:100%;align-items:stretch}
 .immersive-site.scroll-live .full-site [data-immersive-root="web"][data-editorial-web] .ew-craft-pinned .ls-craft-beat{display:contents}
 .immersive-site.scroll-live .full-site [data-immersive-root="web"][data-editorial-web] .ew-craft-pinned .ls-craft-visual{height:100%;min-height:0;padding:0;overflow:hidden}
 .immersive-site.scroll-live .full-site [data-immersive-root="web"][data-editorial-web] .ew-craft-pinned .ir-craft-caption{position:absolute;left:clamp(24px,5vw,80px);right:clamp(24px,5vw,80px);bottom:30px;padding:0}
 .immersive-site.scroll-live .full-site [data-immersive-root="web"][data-editorial-web] .ew-craft-pinned .ls-scene-progress{display:block;left:clamp(24px,5vw,80px);right:clamp(24px,5vw,80px);bottom:16px}
}
/* Sound is one legible desktop concept with a separate format adaptation. */
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-track{height:auto;background:#eaf4fc;overflow:clip}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-track>.ls-headphone-section{position:relative;top:auto;height:auto;min-height:0;padding-block:72px;display:block}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-track .ls-headphone-section>div:first-child{margin-bottom:32px}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-canvas{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,21%);align-items:center;gap:24px;min-height:0;perspective:none}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-desktop{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:auto minmax(360px,1fr);background:#f3faff;transform:none}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-desktop::after{display:none}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-desktop .ls-sound-nav{grid-area:1/1/2/3;position:relative;inset:auto;width:100%;height:auto;min-height:48px;box-sizing:border-box}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-headline{grid-area:2/1;position:relative;inset:auto;max-width:none;min-width:0;align-self:center;padding:28px clamp(18px,2.4vw,38px);background:#f3faff;transform:none}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-headline h3{font-size:clamp(2.2rem,3.9vw,4.4rem);line-height:1.02;margin:0 0 24px;overflow-wrap:normal}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-headline p{font-size:16px;line-height:1.5;max-width:none;margin:0;color:#264b69}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ew-sound-product{grid-area:2/2;min-width:0;min-height:360px;position:relative;overflow:hidden;background:#eaf5fb}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ew-sound-product>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:64% center;transform-origin:64% center;max-height:none}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-phone{display:block;position:relative;inset:auto;width:100%;height:auto;min-width:0;box-sizing:border-box;align-self:center;transform:none;opacity:1}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-phone>b{font-size:12px}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-phone>strong{font-size:clamp(1.4rem,2vw,2rem)}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-phone>img{display:block;width:100%;height:240px;object-fit:cover;object-position:67% center}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-track .ir-concept-label{margin:28px 0 0;font-size:12px;line-height:1.5;letter-spacing:.04em}
@media(max-width:999px){
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .iw-craft-reading{display:block}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .iw-craft-reading p{margin-top:16px;max-width:38ch}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-canvas{grid-template-columns:minmax(0,1fr)}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-phone{justify-self:end;width:200px;margin-top:8px}
}
@media(max-width:700px){
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ls-craft-stage{padding:24px}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ls-craft-beat{gap:24px;padding:36px 0}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .iw-craft-reading h2{font-size:2.3rem}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .iw-craft-reading p{font-size:16px;line-height:1.5}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ls-craft-visual{height:360px}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .iw-craft-impression>img{left:12%;width:88%}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .iw-craft-exploration{height:clamp(280px,90vw,380px)}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .iw-craft-destination{height:auto;min-height:0;padding:0}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-craft-device{width:100%}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-track>.ls-headphone-section{padding-block:48px}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-desktop{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-desktop .ls-sound-nav{grid-area:1/1;padding:16px;font-size:12px}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-headline{grid-area:2/1;padding:26px 24px}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-sound-headline h3{font-size:2.6rem;margin-bottom:20px}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ew-sound-product{grid-area:3/1;min-height:290px}
}

/* At the narrowest measure, title and photograph each own a complete row. */
@media(max-width:360px){
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-craft-device{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(5,auto)}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-craft-device>b{grid-area:1/1}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-craft-device>.iw-collection-nav{grid-area:2/1;text-align:left}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-craft-device>strong{grid-area:3/1}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-craft-device>img{grid-area:4/1;width:100%;height:180px}
 .immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ir-craft-device>span:not(.iw-collection-nav){grid-area:5/1}
}

/* Static Web exploration keeps native anchors immediate. Enhanced motion is unchanged. */
html:not([data-js]):has([data-editorial-web]){scroll-behavior:auto}
/* The closing decision resolves the same wide composition as the customer work. */
.immersive-site .full-site [data-immersive-root="web"] .ph-close {
  display: block;
  position: relative;
  padding-block: clamp(64px, 8vw, 112px);
  border-top: 1px solid #bacbd7;
}
.immersive-site .full-site [data-immersive-root="web"] .ph-close > div:first-child {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(0, .84fr);
  gap: 24px 8%;
  align-items: start;
}
.immersive-site .full-site [data-immersive-root="web"] .ph-close .ph-kicker {
  grid-column: 1 / -1;
  margin: 0;
}
.immersive-site .full-site [data-immersive-root="web"] .ph-close h2 {
  grid-column: 1;
  grid-row: 2 / 4;
  max-width: 12ch;
  margin: 0;
  font-size: clamp(3rem, 5.3vw, 5.2rem);
  line-height: 1.03;
  letter-spacing: -.05em;
}
.immersive-site .full-site [data-immersive-root="web"] .ph-close p:not(.ph-kicker) {
  grid-column: 2;
  grid-row: 2;
  max-width: 43ch;
  margin: 4px 0 0;
  font-size: 18px;
  line-height: 1.65;
}
.immersive-site .full-site [data-immersive-root="web"] .ph-close .btn {
  grid-column: 2;
  grid-row: 3;
  justify-self: start;
  white-space: normal;
  max-width: 100%;
}
.immersive-site .full-site [data-immersive-root="web"] .ph-close .ph-close-mark {
  position: relative;
  inset: auto;
  width: 88px;
  height: auto;
  min-height: 0;
  margin: 24px 0 0 auto;
  transform: none !important;
}
.immersive-site .full-site [data-immersive-root="web"] .ph-close .ph-close-mark .ph-character {
  position: relative;
  inset: auto;
  width: 100%;
  display: block;
}
@media (max-width: 760px) {
  .immersive-site .full-site [data-immersive-root="web"] .ph-close > div:first-child {
    grid-template-columns: minmax(0, 1fr);
  }
  .immersive-site .full-site [data-immersive-root="web"] .ph-close :is(h2, p:not(.ph-kicker), .btn) {
    grid-column: 1;
    grid-row: auto;
  }
}

/* The detail travels into the product-image cell; reading and actions stay still. */
.immersive-site .full-site [data-editorial-web] .ew-detail-bridge {
  position: absolute;
  inset: 0 auto auto 0;
  width: 1536px;
  height: 1024px;
  max-width: none;
  max-height: none;
  object-fit: contain;
  transform-origin: 0 0;
  pointer-events: none;
  user-select: none;
  z-index: 3;
  transition: none;
  mix-blend-mode: normal;
}
.immersive-site .full-site [data-immersive-root="web"][data-editorial-web] .ew-craft-pinned .iw-craft-exploration > img {
  mix-blend-mode: normal;
}
.immersive-site .full-site [data-editorial-web] .ew-detail-landing {
  position: absolute;
  inset: 0 auto auto 0;
  background: #061522;
  transform-origin: 0 0;
  pointer-events: none;
  z-index: 2;
}
.immersive-site .full-site [data-editorial-web] .ew-detail-landing[hidden] {
  display: none !important;
}
.immersive-site .full-site [data-editorial-web] .ew-detail-bridge[hidden] {
  display: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .immersive-site .full-site [data-editorial-web] :is(.ew-detail-bridge,.ew-detail-landing) { display: none !important; }
}