/* Shared story primitives stay untouched; this layer belongs only to the Lotus pages. */
.lotus-page{--page:#f1eff5;--paper:#f1eff5;--window:#e7e2ef;--word:#5b506b;--secondary:#645b71;--rule:#d2cadb;--focus:#825080}
.lotus-page[data-product="lotus-v2"]{--page:#f5eff3;--paper:#f5eff3;--window:#e9e2e9;--word:#77596c;--secondary:#70616b;--rule:#dbced7}
.lotus-page .detail-hero:before{background:radial-gradient(ellipse at 50% 45%,var(--window),transparent 66%)}
.lotus-page .detail-word{color:var(--word);font-size:clamp(100px,14.2vw,260px)}
.lotus-page[data-product="lotus-v2"] .detail-word{font-size:clamp(115px,16.4vw,300px)}
.lotus-page .hero-image-open img{filter:drop-shadow(8px 30px 24px #49345330)}
.lotus-page .detail-hero h1{font-size:clamp(58px,6.3vw,100px)}
.lotus-page .detail-hero-copy{gap:24px}
.lotus-page .product-header,.lotus-page .site-footer{background:var(--page)}
.lotus-page .primary{background:var(--word)}.lotus-page .primary:hover{background:var(--text)}

.lotus-page main>section{scroll-margin-top:20px}

/* One stage: the product yields to the original film, then returns in place. */
.lotus-page .lotus-opening,.lotus-page .opening-stage{position:relative}
.lotus-page .lotus-film{padding:0 5vw 45px;max-width:1800px;margin:auto}
.lotus-page .film-shell{position:relative}
.lotus-page .film-frame{aspect-ratio:16/9;position:relative;overflow:hidden;isolation:isolate}
.lotus-page .film-frame video{display:block;width:100%;height:100%;object-fit:contain;background:transparent}
.lotus-page .cinema-credit{font-size:11px;color:var(--secondary);line-height:1.8;margin-top:12px}
.lotus-page .cinema-credit span{margin-left:16px;font-size:10px}
.lotus-page .film-original{min-height:44px;display:inline-flex;align-items:center;font-size:11px;text-decoration:underline;text-underline-offset:5px}
.lotus-page .stage-status:empty{display:none}
.lotus-page .stage-status{font-size:11px;line-height:1.8;color:var(--secondary);padding:8px 24px;text-align:center}
.cinema-ready .lotus-page .opening-stage{height:calc(100svh - var(--header));min-height:560px;isolation:isolate}
.cinema-scroll .lotus-page .lotus-opening{height:190svh}
.cinema-scroll .lotus-page .opening-stage{position:sticky;top:var(--header);min-height:0}
.cinema-ready .lotus-page .detail-hero{height:100%;min-height:0;max-height:none}
.cinema-ready .lotus-page .hero-mount{transition:transform .95s var(--sweep),opacity .65s;transform-origin:50% 55%}
.cinema-ready .lotus-page .detail-word-scroll{transition:translate 1s var(--sweep),opacity .8s}
.cinema-ready .lotus-page .detail-hero-copy,.cinema-ready .lotus-page .detail-hero-actions{transition:opacity .65s}
.cinema-ready .lotus-page .lotus-film{position:absolute;inset:0;z-index:5;width:100%;height:100%;max-width:none;padding:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s var(--ease),visibility 0s .8s}
.cinema-ready .lotus-page .film-shell{height:100%}
.cinema-ready .lotus-page .film-frame{height:100%;aspect-ratio:auto;clip-path:inset(24% 26%);transform:scale(.82) rotate(-6deg);transition:clip-path 1s var(--sweep),transform 1s var(--sweep)}
.cinema-ready .lotus-page .opening-stage[data-scene="film"] .lotus-film{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.cinema-ready .lotus-page .opening-stage[data-scene="film"] .film-frame{clip-path:inset(0);transform:none}
.cinema-ready .lotus-page .opening-stage[data-scene="film"] .hero-mount{transform:translate3d(0,-8%,0) scale(.65) rotate(7deg);opacity:0}
.cinema-ready .lotus-page .opening-stage[data-scene="film"] .detail-word-scroll{translate:-6vw -20px;opacity:.17}
.cinema-ready .lotus-page .opening-stage[data-scene="film"] .detail-hero-copy{opacity:.2}
.cinema-ready .lotus-page .opening-stage[data-scene="film"] .detail-hero-actions{opacity:0}
.cinema-ready .lotus-page .opening-stage[data-scene="film"] .detail-float{animation-play-state:paused}
.cinema-ready .lotus-page .cinema-credit{position:absolute;left:5vw;top:22px;margin:0;padding:6px 12px;background:#ffffffe6;color:var(--text);border-radius:4px;pointer-events:none}
.cinema-ready .lotus-page .film-original{display:none}
.cinema-ready .lotus-page .stage-status{position:absolute;left:6vw;right:6vw;top:16px;z-index:12;pointer-events:none;padding:6px 12px;margin:0;background:var(--page)}
.cinema-ready .lotus-page .opening-stage[data-scene="film"] .stage-status{top:auto;bottom:94px;background:#ffffffe6}
.lotus-page .stage-status a{pointer-events:auto;display:inline-flex;align-items:center;min-height:44px;margin-left:12px;text-decoration:underline;text-underline-offset:5px}

/* Primary controls stay available; secondary controls unfold above the stage dock. */
.lotus-page .film-controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:94%;padding:8px 18px;z-index:10;border:1px solid #ffffffa3;border-radius:40px;background:#ffffffed;box-shadow:0 8px 30px #30213716;color:var(--text)}
.lotus-page .film-controls button,.lotus-page .film-controls>a,.lotus-page .film-tools summary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;font-size:11px;white-space:nowrap}
.lotus-page .film-controls>a{text-decoration:underline;text-underline-offset:5px}
.lotus-page .film-tools{position:relative}
.lotus-page .film-tools summary{cursor:pointer;list-style:none}
.lotus-page .film-tools summary::-webkit-details-marker{display:none}
.lotus-page .film-tools summary:after{content:'+';margin-left:8px;font-size:16px}
.lotus-page .film-tools[open] summary:after{content:'−'}
.lotus-page .film-tools-panel{position:absolute;right:0;bottom:calc(100% + 16px);width:min(350px,82vw);padding:18px 20px;background:#fffffff5;border:1px solid var(--rule);border-radius:12px;box-shadow:0 12px 36px #3021371a}
.lotus-page .film-tools-panel label{font-size:11px;display:block;margin-bottom:5px}
.lotus-page .film-seek{display:flex;align-items:center;gap:12px;min-width:0}
.lotus-page .film-seek input{min-width:0;width:100%;min-height:44px;margin:0;accent-color:var(--word);cursor:pointer}
.lotus-page .film-seek input:disabled{cursor:default;opacity:.45}
.lotus-page .film-seek span{font-size:10px;min-width:80px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.lotus-page .film-tools-actions{display:flex;gap:8px;justify-content:space-between;border-top:1px solid var(--rule);margin-top:8px;padding-top:6px}
.lotus-page .film-tools-actions button,.lotus-page .film-tools-actions a{min-height:44px;display:inline-flex;align-items:center;font-size:11px;padding:0}
.lotus-page .film-tools-actions a{text-decoration:underline;text-underline-offset:5px}
.lotus-page .film-shell:fullscreen{background:var(--page);width:100%;height:100%}
.lotus-page .film-shell:fullscreen .film-frame{height:100%;aspect-ratio:auto;transform:none!important;clip-path:none!important}
.lotus-page .film-shell:fullscreen .cinema-credit{display:none}

.lotus-page .lotus-art{max-width:1600px;margin:auto;padding:95px 7vw 115px;overflow:clip}
.lotus-page .art-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:7vw;margin-bottom:60px}
.lotus-page .art-heading p{font-size:14px;line-height:1.95;color:var(--secondary);max-width:38ch}
.lotus-page .lotus-photo-pair{display:grid;grid-template-columns:1.3fr .85fr;gap:8vw;align-items:start}
.lotus-page .motif-photo{margin-top:180px}
.lotus-page .lotus-photo-pair .image-open{overflow:hidden;background:#fff}
.lotus-page .lotus-photo-pair img{width:100%;height:auto;transition:transform .8s var(--ease)}
.lotus-page .lotus-photo-pair a:hover img{transform:scale(1.025)}
.lotus-page .lotus-photo-pair figcaption{display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.8;color:var(--secondary);padding-top:20px}
.lotus-page .lotus-photo-pair figcaption span:last-child{font-size:10px}
.lotus-page[data-product="lotus-v2"] .lotus-photo-pair{grid-template-columns:.85fr 1.3fr}
.lotus-page[data-product="lotus-v2"] .portrait-photo{grid-column:2;grid-row:1}
.lotus-page[data-product="lotus-v2"] .motif-photo{grid-column:1;grid-row:1}
.lotus-page .lotus-inspection{position:relative}
.lotus-page .lotus-inspection-stage{max-width:1700px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;padding:45px 8vw 100px;align-items:start}
.lotus-page .lotus-inspection-copy{padding-top:60px}
.lotus-page .lotus-inspection-copy>p:not(.detail-kicker){font-size:14px;line-height:1.95;color:var(--secondary);max-width:29ch;margin-top:25px}
.lotus-page .lotus-inspection-copy h2{font-size:clamp(34px,4vw,62px)}
.lotus-page .angle-controls{display:flex;align-items:center;gap:24px;margin-top:28px}
.lotus-page .angle-controls button{min-height:44px;font-size:12px;padding:0;color:var(--secondary)}
.lotus-page .angle-controls button[aria-pressed=true]{color:var(--text);text-decoration:underline;text-underline-offset:7px}
.lotus-page .lotus-inspection-copy .angle-note{font-size:10px;margin-top:14px}
.lotus-page .inspection-views{position:relative;width:min(100%,520px);justify-self:center;display:grid;gap:60px}
.lotus-page .inspection-view{margin:0;scroll-margin-top:calc(var(--header) + 20px)}
.lotus-page .inspection-window{background:#fff}
.lotus-page .inspection-window .image-open{width:100%;height:100%;display:block}
.lotus-page .inspection-window img{width:100%;height:auto}
.lotus-page .inspection-view figcaption{font-size:10px;color:var(--secondary);min-height:44px;display:flex;align-items:center}
.lotus-pinned .lotus-page .lotus-inspection{height:215svh}
.lotus-pinned .lotus-page .lotus-inspection-stage{position:sticky;top:var(--header);height:calc(100svh - var(--header));align-items:center;padding-top:32px;padding-bottom:40px;overflow:clip}
.lotus-pinned .lotus-page .lotus-inspection-copy{padding-top:0;position:relative;z-index:3}
.lotus-pinned .lotus-page .inspection-views{display:block;height:min(70svh,680px)}
.lotus-pinned .lotus-page .inspection-view{position:absolute;inset:0}
.lotus-pinned .lotus-page .inspection-view[data-view="1"]{visibility:hidden;clip-path:inset(0 0 0 100%);z-index:2}
.lotus-pinned .lotus-page .inspection-window{height:calc(100% - 44px)}
.lotus-pinned .lotus-page .inspection-window img{height:100%;object-fit:contain}
.lotus-page .lotus-info{max-width:1500px;margin:auto;padding:90px 7vw 110px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:10vw;border-top:1px solid var(--rule)}
.lotus-page .info-product{height:400px}
.lotus-page .info-product img{height:100%;width:100%;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(6px 20px 20px #39263926)}
.detail-motion .lotus-page .info-product{transform:translate3d(var(--info-x,0px),var(--info-y,0px),0) scale(var(--info-scale,1))}
.lotus-page .info-copy h2{font-size:clamp(30px,3.5vw,54px)}
.lotus-page .lotus-specs{margin:35px 0 28px}
.lotus-page .lotus-specs>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--rule);padding:14px 0;font-size:12px;line-height:1.8}
.lotus-page .lotus-specs dt{color:var(--secondary)}.lotus-page .lotus-specs dd{text-align:right}
.lotus-page .info-note{font-size:10px;color:var(--secondary);line-height:1.9;margin-top:20px}
.lotus-page .sibling-product{display:grid;grid-template-columns:1fr .6fr;gap:10vw;align-items:center;padding:55px 12vw;border-top:1px solid var(--rule);background:var(--window)}
.lotus-page .sibling-product span{display:block;font-size:11px;color:var(--secondary)}
.lotus-page .sibling-product strong{display:block;font-size:clamp(38px,5vw,76px);font-weight:500;margin:18px 0}
.lotus-page .sibling-product .sibling-action{text-decoration:underline;text-underline-offset:6px;min-height:44px;display:flex;align-items:center}
.lotus-page .sibling-product img{width:100%;height:240px;object-fit:contain;transform:rotate(8deg);transition:transform .7s var(--ease)}
.lotus-page .sibling-product:hover img{transform:rotate(2deg) translateY(-10px)}
.lotus-page .viewer-actions{display:flex;align-items:center;gap:24px}
.lotus-page .viewer-actions a{font-size:11px;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:flex;align-items:center}
.lotus-page #viewer-message{font-size:12px;line-height:1.8;color:var(--secondary);flex-shrink:0}

@media(max-width:1050px){
  .lotus-page .detail-hero-copy{gap:18px}.lotus-page .detail-hero h1{font-size:58px}
  .lotus-page .film-controls{gap:8px;padding:6px 14px}
  .lotus-page .art-heading{gap:5vw}.lotus-page .art-heading p{font-size:12px}
  .lotus-page .lotus-photo-pair{gap:5vw}.lotus-page .motif-photo{margin-top:110px}
  .lotus-page .lotus-inspection-stage{padding-left:5vw;padding-right:5vw;gap:5vw}
  .lotus-page .lotus-inspection-copy>p:not(.detail-kicker){font-size:13px}
  .lotus-page .lotus-info{gap:7vw}.lotus-page .info-product{height:310px}
}
@media(max-width:700px){
  .lotus-page .detail-word{font-size:18.4vw}.lotus-page[data-product="lotus-v2"] .detail-word{font-size:22vw}
  .lotus-page .detail-hero-copy{gap:16px;right:24px}.lotus-page .detail-hero h1{font-size:60px;white-space:nowrap}
  .lotus-page[data-product="lotus-v2"] .detail-hero h1{font-size:42px}.lotus-page .hero-intro{font-size:11px}.lotus-page .product-kind{font-size:9px}
  .cinema-ready .lotus-page .detail-hero-copy{bottom:15%}.cinema-ready .lotus-page .detail-hero-actions{bottom:5%}
  .cinema-ready .lotus-page .cinema-credit{top:22px;left:24px;font-size:10px}.lotus-page .cinema-credit span{font-size:9px;margin-left:10px}
  .lotus-page .film-controls{bottom:25px;width:calc(100% - 32px);max-width:400px;display:grid;grid-template-columns:repeat(3,1fr);gap:0 5px;padding:7px 10px;border-radius:20px}
  .lotus-page .film-controls button,.lotus-page .film-controls>a,.lotus-page .film-tools summary{font-size:10px;padding:0 5px;min-height:44px}
  .lotus-page .film-controls>a{grid-column:1/3}.lotus-page .film-tools{grid-column:3}
  .lotus-page .film-tools-panel{right:-4px;bottom:calc(100% + 15px);width:min(350px,82vw);padding:16px}
  .lotus-page .film-seek span{font-size:9px;min-width:72px}
  .cinema-ready .lotus-page .stage-status{font-size:9px;padding:4px 8px}
  .cinema-ready .lotus-page .opening-stage[data-scene="film"] .stage-status{bottom:137px}
  .lotus-page .lotus-art{padding:50px 24px 75px}.lotus-page .art-heading{display:block;margin-bottom:35px}.lotus-page .art-heading h2{font-size:40px}.lotus-page .art-heading p{font-size:12px;margin-top:24px;max-width:34ch}
  .lotus-page .lotus-photo-pair,.lotus-page[data-product="lotus-v2"] .lotus-photo-pair{grid-template-columns:1fr;gap:38px}
  .lotus-page .motif-photo{margin-top:0;width:76%;justify-self:end}.lotus-page[data-product="lotus-v2"] .portrait-photo{grid-column:1;grid-row:auto}.lotus-page[data-product="lotus-v2"] .motif-photo{grid-column:1;grid-row:auto;justify-self:start}
  .lotus-page .lotus-photo-pair figcaption{font-size:10px;padding-top:14px}.lotus-page .lotus-photo-pair figcaption span:last-child{font-size:9px}
  .lotus-page .lotus-inspection-stage{display:block;padding:20px 24px 70px}.lotus-page .lotus-inspection-copy{padding-top:0;margin-bottom:30px}.lotus-page .lotus-inspection-copy h2{font-size:36px}.lotus-page .lotus-inspection-copy>p:not(.detail-kicker){max-width:36ch;font-size:12px;margin-top:18px}
  .lotus-page .angle-controls{gap:24px;margin-top:18px}.lotus-page .angle-controls button{font-size:11px}.lotus-page .inspection-views{width:100%;gap:32px}
  .lotus-pinned .lotus-page .lotus-inspection{height:220svh}.lotus-pinned .lotus-page .lotus-inspection-stage{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:25px 24px 30px}
  .lotus-pinned .lotus-page .lotus-inspection-copy{width:100%;margin:0}.lotus-pinned .lotus-page .lotus-inspection-copy h2{font-size:32px}.lotus-pinned .lotus-page .lotus-inspection-copy .detail-kicker{margin-bottom:12px}
  .lotus-pinned .lotus-page .inspection-views{height:min(44svh,400px);width:100%;flex-shrink:0}.lotus-pinned .lotus-page .angle-note{display:none}
  .lotus-page .lotus-info{padding:50px 24px 70px;grid-template-columns:1fr;gap:24px}.lotus-page .info-product{height:260px}.lotus-page .info-copy h2{font-size:34px}.lotus-page .lotus-specs{margin-top:24px}.lotus-page .lotus-specs>div{font-size:11px}
  .lotus-page .sibling-product{padding:35px 24px;grid-template-columns:1fr .8fr;gap:22px}.lotus-page .sibling-product strong{font-size:32px;margin:13px 0}.lotus-page .sibling-product span{font-size:9px}.lotus-page .sibling-product img{height:160px}
  .lotus-page .viewer-actions{gap:12px}.lotus-page .viewer-actions a{font-size:10px}.lotus-page .viewer-head h2{font-size:12px}
}
.detail-static .lotus-page .opening-stage *{transition:none!important}
html:not(.detail-motion) .lotus-page .lotus-photo-pair img,html:not(.detail-motion) .lotus-page .sibling-product img{transition:none}
@media(prefers-reduced-motion:reduce){.lotus-page .sibling-product img{transform:none!important}}
