#hp-story{height:340svh}.hp-film{height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden;background:#070707;isolation:isolate}.hp-pictures{position:absolute;inset:0}.hp-shot{position:absolute;inset:0;opacity:0;overflow:hidden;will-change:opacity}.hp-shot:first-child{opacity:1}.hp-shot img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;will-change:transform}.hp-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070707b8 0%,#07070770 24%,transparent 53%),linear-gradient(0deg,#070707 0%,#070707ed 10%,transparent 29%,transparent 81%,#070707 100%);pointer-events:none}.hp-film-header{position:absolute;top:5%;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;gap:20px}.hp-brand{display:block;width:126px;height:auto}.hp-film-header>span{font-size:12px;color:var(--muted);letter-spacing:.07em}.hp-header-detail{margin-left:12px;color:#9b9893}.hp-narrative{position:absolute;left:7%;top:37%;width:43%;height:230px}.hp-copy{position:absolute;inset:0;opacity:0;pointer-events:none;will-change:opacity,transform}.hp-copy.hp-is-current{opacity:1}.hp-copy h2,.hp-copy h3{font-size:clamp(36px,4.15vw,64px);line-height:1.35;font-weight:400;letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance}.hp-copy p{font-size:14px;line-height:1.9;color:#bcb7b1;margin:0;max-width:30em}.hp-film-controls{position:absolute;bottom:4%;left:7%;right:7%}.hp-control-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-size:12px;color:#c3beb7}.hp-control-top button{display:flex;align-items:center;gap:12px;padding:8px 0;min-height:44px;min-width:100px;text-align:left}.hp-scroll-hint{display:flex;align-items:center;gap:12px;color:#aaa49c}.hp-time{font-variant-numeric:tabular-nums;color:#aaa49c;min-width:100px;text-align:right}.hp-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hp-chapters button{padding:0;text-align:left;color:#aaa49c;font-size:12px;min-height:44px;transition:color 180ms ease}.hp-chapters button[aria-current]{color:#f0e8dd}.hp-track{display:block;height:1px;margin:0 0 13px;background:#514b43;overflow:hidden}.hp-track i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#e2d6c4}.hp-film-note{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#a29a90;margin-top:19px;line-height:1.6}#hp-asset-error{font-size:13px;color:#ebc7a5}.hp-no-script{position:fixed;bottom:0;background:#070707;padding:10px;z-index:3;font-size:12px}
@media(hover:hover) and (pointer:fine){.hp-film button:not(:disabled):hover{color:white}}
@media(min-width:1700px){.hp-film-header,.hp-film-controls{left:9%;right:9%}.hp-narrative{left:9%}}
@media(max-width:700px){.hp-film{min-height:650px}.hp-film-header{top:27px;left:7%;right:7%}.hp-brand{width:104px}.hp-film-header>span{font-size:12px}.hp-header-detail{display:none}.hp-narrative{top:16%;left:7%;width:88%;height:155px}.hp-copy h2,.hp-copy h3{font-size:clamp(32px,7.8vw,44px);line-height:1.35;margin-bottom:14px}.hp-copy p{font-size:12px;max-width:27em;line-height:1.8}.hp-pictures{top:29%;bottom:14%}.hp-shot img{object-fit:cover;object-position:67% center}.hp-shot-full img{object-fit:contain;width:153%;max-width:none;margin-left:-52%;height:100%}.hp-shot-atmosphere img{object-position:68% center}.hp-shade{background:linear-gradient(0deg,#070707 0%,#070707 16%,transparent 37%,transparent 54%,#070707 71%,#070707 100%)}.hp-film-controls{bottom:3%;left:7%;right:7%}.hp-control-top{margin-bottom:8px}.hp-scroll-hint{font-size:12px;gap:7px}.hp-time{min-width:70px;font-size:12px}.hp-control-top button{min-width:82px;font-size:12px;gap:8px}.hp-chapters{gap:16px}.hp-chapters button{font-size:12px}.hp-film-note{font-size:12px;margin-top:10px;gap:8px}.hp-film-note>span:first-child{max-width:27em}.hp-track{margin-bottom:12px}}
@media(max-height:650px) and (min-width:701px){.hp-film{min-height:480px}.hp-narrative{top:29%}.hp-copy h2,.hp-copy h3{font-size:40px;margin-bottom:15px}.hp-film-header{top:4%}.hp-film-note{margin-top:9px}.hp-film-controls{bottom:3%}}
@media(prefers-reduced-motion:reduce){.hp-shot img,.hp-copy{transform:none!important}.hp-chapters button{transition:none}}
/* Fade the photographic frame into the stage without cutting into the subject. */
@media(min-width:701px){.hp-shot img{position:absolute;top:50%;height:auto;translate:0 -50%;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}}
@media(max-width:700px){.hp-shot-full img{position:absolute;top:50%;height:auto;translate:0 -50%;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent)}.hp-film-note{align-items:flex-end}.hp-film-note>span:last-child{white-space:nowrap}.hp-film-note>span:first-child{max-width:20em}}

/* Homepage integration: the existing main element owns the scroll. */
#product.product{padding:0;background:#070707;--hp-header:104px;--muted:#aaa39b;scroll-margin-top:104px}
#hp-story{height:310svh}
.hp-film{height:calc(100svh - var(--hp-header));min-height:560px;top:var(--hp-header);color:#eeeae5}
.hp-film button{background:none;border:0;color:inherit;cursor:pointer;font:inherit;touch-action:manipulation}
.hp-film button:focus-visible{outline:2px solid #d8c9b6;outline-offset:5px}
.hp-film button:disabled{cursor:wait;opacity:.65}
.hp-film svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.hp-film .hp-chapters button{font-size:12px;color:#aaa49c;padding:0;text-align:left}
.hp-film .hp-chapters button[aria-current]{color:#f0e8dd}
.hp-film .hp-control-top button{font-size:12px;padding:8px 0}
.hp-film-header,.hp-film-controls{left:9%;right:9%}.hp-narrative{left:9%}
.product .hp-copy h2,.product .hp-copy h3{font-size:clamp(36px,4.15vw,64px);line-height:1.35;font-weight:400;letter-spacing:-.035em;margin:0 0 24px}
.product-details{padding:65px 9% 60px;background:#090a0c;position:relative}
.product-introduction{display:grid;grid-template-columns:1fr 1.25fr;gap:8%;align-items:start;padding-bottom:25px}
.product-introduction h3{font-size:clamp(25px,2.5vw,36px);font-weight:400;line-height:1.4;margin:0}
.product-introduction p{font-size:14px;line-height:2;color:#aeb5bd;margin:0;max-width:42em}
.product-details .product-benefits{padding-top:32px;padding-bottom:35px}
.product-details .product-foot p{font-size:12px}
@media(min-width:1700px){.hp-film-header,.hp-film-controls{left:9%;right:9%}}
@media(max-width:700px){#product.product{--hp-header:90px;scroll-margin-top:90px}.hp-film{min-height:620px}.hp-film-header,.hp-film-controls{left:7%;right:7%}.hp-narrative{left:7%}.product .hp-copy h2,.product .hp-copy h3{font-size:clamp(32px,7.8vw,44px);line-height:1.35;margin:0 0 14px}.hp-film-header>span{max-width:15em;text-align:right;line-height:1.8}.hp-header-detail{display:block}.hp-film-note>span:last-child{display:none}.hp-film-note>span:first-child{max-width:none}.product-details{padding:42px 7%}.product-introduction{display:block;padding-bottom:10px}.product-introduction h3{font-size:25px;margin-bottom:18px}.product-introduction p{font-size:13px}.product-details .product-benefits{padding-top:0;padding-bottom:12px}}
@media(max-height:650px) and (min-width:701px){.hp-film{min-height:410px}.hp-narrative{top:25%}.product .hp-copy h2,.product .hp-copy h3{font-size:36px;margin-bottom:14px}.hp-copy p{font-size:12px}}
@media(hover:hover) and (pointer:fine){.hp-film button:not(:disabled):hover{color:#fff}}
/* The visual plays in place; reading and page scroll remain independent. */
#hp-story{height:auto}
.hp-film{position:relative;top:auto}
.hp-pictures{opacity:.16}
.hp-narrative .hp-copy{opacity:1;transform:none;will-change:auto}
.hp-film-controls{bottom:4%}
.hp-film-note{margin:0;min-height:44px;align-items:center}
.hp-film #hp-play{font-size:12px;padding:10px 0;border-bottom:1px solid #6f685e;min-width:64px;min-height:44px;white-space:nowrap}
.hp-film #hp-play[hidden]{display:none}
@media(max-width:700px){.hp-pictures{opacity:1}.hp-film-note>span:first-child{max-width:22em}.hp-film-note{gap:20px}}
@media(prefers-reduced-motion:reduce){.hp-pictures{opacity:1}}