.haus-pdp .haus-howto{container-type:inline-size;container-name:haus-film}.haus-pdp .haus-film{--film-olive:#57614b;font-family:var(--font-body--family);color:var(--color-foreground)}.haus-film *{box-sizing:border-box}
.haus-film{max-width:1120px;margin:0 auto;padding:44px 0 36px}.haus-film .film-heading{text-align:center;margin:0 auto 36px}.haus-film .film-eyebrow{font-size:10px;font-weight:500;letter-spacing:.16em;line-height:1.5;margin:0 0 17px;color:var(--color-foreground-muted)}.haus-film .film-title{font:300 clamp(30px,5.3cqi,46px)/1.25 var(--font-h1--family);letter-spacing:-.025em;margin:0}.haus-film .mobile-break{display:none}.haus-film .film-intro{font-size:13px;line-height:1.6;color:var(--color-foreground-muted);margin:16px 0 0}.haus-film .film-stage{scroll-margin-top:110px;position:relative;background:color-mix(in srgb,var(--haus-brand-tint) 47%,#fff);overflow:hidden}.haus-film .film-scene{width:100%;height:auto;display:block;aspect-ratio:1120/620}.haus-film .surface-line{stroke:#c1c3b7;stroke-width:.8;fill:none;opacity:.4}.haus-film .scene-material{font:10px var(--font-body--family);letter-spacing:2px;fill:var(--color-foreground-muted)}.haus-film button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}.haus-film button:focus-visible,.haus-film a:focus-visible{outline:2px solid var(--film-olive);outline-offset:4px}.haus-film .film-play{position:absolute;right:16px;top:16px;width:40px;height:40px;display:grid;place-items:center;color:var(--film-olive);padding:10px}.haus-film .film-play svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3}.haus-film .film-caption{display:grid;grid-template-columns:90px 1fr;gap:24px;margin:32px auto 30px;max-width:810px;min-height:86px}.haus-film .film-index{font-size:11px;letter-spacing:.12em;color:var(--color-foreground-muted);margin:10px 0 0}.haus-film [data-title]{font:300 29px/1.25 var(--font-h2--family);margin:0 0 8px;letter-spacing:-.015em}.haus-film [data-caption]{font-size:13px;line-height:1.6;margin:0;color:var(--color-foreground-muted);max-width:610px}
.haus-film .film-rail{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding-bottom:19px;max-width:960px;margin:0 auto}.haus-film .film-rail button{position:relative;text-align:left;padding:12px 0 20px;color:var(--color-foreground-muted);min-width:0}.haus-film .film-rail button span{font-size:10px;letter-spacing:.1em;display:block;margin-bottom:7px}.haus-film .film-rail button b{font-weight:400;font-size:13px;display:block}.haus-film .film-rail button[aria-current=step]{color:var(--film-olive)}.haus-film .film-rail button[aria-current=step] b{font-weight:600}.haus-film .film-rail button:after{content:'';position:absolute;width:4px;height:4px;background:#b0b4a7;border-radius:50%;bottom:-1px;left:0}.haus-film .film-rail button[aria-current=step]:after{width:7px;height:7px;bottom:-2.5px;background:var(--film-olive)}.haus-film .rail-track{position:absolute;height:1px;background:var(--color-border);left:0;right:0;bottom:19px}.haus-film .rail-track i{height:1px;background:var(--film-olive);display:block;width:0}.haus-film .film-tools{max-width:810px;min-height:71px;margin:22px auto 0;animation:tools-in .4s ease}.haus-film .film-tools[hidden]{display:none}.haus-film .film-tools .film-eyebrow{font-size:9px;margin-bottom:8px}.haus-film [data-tool-list]{display:flex;gap:26px;flex-wrap:wrap}.haus-film .tool-button{display:inline-flex;align-items:center;gap:10px;padding:3px 0;min-height:36px;font-size:12px;text-align:left;color:var(--color-foreground-muted)}.haus-film .tool-button svg{width:25px;height:25px;flex:none}.haus-film .tool-button[aria-expanded=true]{color:var(--film-olive)}.haus-film .tool-button[aria-expanded=true] span{text-decoration:underline;text-underline-offset:5px}.haus-film .film-tool-detail{position:relative;padding:18px 38px 0 0;max-width:650px;animation:tools-in .35s ease}.haus-film .film-tool-detail[hidden]{display:none}.haus-film .film-tool-detail h3{font-size:13px;margin:0 0 6px;font-weight:500}.haus-film .film-tool-detail p{font-size:12px;line-height:1.65;color:var(--color-foreground-muted);margin:0}.haus-film .film-tool-detail a{display:inline-block;color:inherit;font-size:11px;margin-top:8px}.haus-film .film-tool-detail a[hidden]{display:none}.haus-film [data-close]{position:absolute;right:0;top:12px;font-size:22px;width:32px;height:32px}.haus-film .film-footer{max-width:810px;margin:29px auto 0}.haus-film .film-footer a{font-size:11px;color:var(--color-foreground-muted);text-decoration:none;border-bottom:1px solid var(--color-border);padding-bottom:4px}.haus-film .film-footer span{margin-left:13px}
@keyframes tools-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@container haus-film (max-width:1099px){.haus-film{padding-top:30px}.haus-film .film-caption,.haus-film .film-tools,.haus-film .film-footer{max-width:760px}}
@container haus-film (max-width:600px){.haus-film{padding:26px 0}.haus-film .film-heading{text-align:left;margin-bottom:26px}.haus-film .film-eyebrow{font-size:9px;letter-spacing:.11em;margin-bottom:13px}.haus-film .mobile-break{display:block}.haus-film .film-title{font-size:30px}.haus-film .film-intro{font-size:12px;max-width:290px}.haus-film .film-stage{margin-left:0;margin-right:0}.haus-film .film-scene{aspect-ratio:1/1;object-fit:cover}.haus-film .film-play{right:10px;top:10px}.haus-film .film-caption{grid-template-columns:1fr;gap:9px;margin:24px 0 18px;min-height:119px}.haus-film .film-index{font-size:10px;margin:0}.haus-film [data-title]{font-size:26px}.haus-film [data-caption]{font-size:12px}.haus-film .film-rail button{padding:10px 0 12px;min-height:52px}.haus-film .film-rail button b{display:none}.haus-film .film-rail button[aria-current=step] b{display:block;position:absolute;top:32px;left:0;font-size:11px;white-space:nowrap}.haus-film .film-rail button:last-child b{left:auto;right:0}.haus-film .film-rail button:last-child{text-align:right}.haus-film .film-rail button:last-child:after{left:auto;right:0}.haus-film .rail-track{bottom:9px}.haus-film .film-rail{padding-bottom:9px}.haus-film .film-tools{margin-top:27px;min-height:67px}.haus-film [data-tool-list]{gap:10px 23px}.haus-film .tool-button{font-size:11px}.haus-film .film-footer{margin-top:24px}.haus-film .scene-material{display:none}}
@media(prefers-reduced-motion:reduce){.haus-film *{animation:none!important;transition:none!important}}

.haus-film .scene-note{position:absolute;left:24px;right:65px;top:24px;color:var(--film-olive);font-size:12px;letter-spacing:.02em;pointer-events:none}.haus-film .scene-note:empty{display:none}@container haus-film (max-width:600px){.haus-film .scene-note{left:20px;top:24px;font-size:11px;max-width:260px}}

.haus-pdp .haus-howto .haus-film{padding-top:0}