/* Draft additions only. The preferred hero, films and original content remain. */
.reference-film-controls{position:absolute;bottom:36px;left:0;right:0;display:flex;gap:32px;align-items:center;z-index:6;pointer-events:auto}
.reference-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;flex:1;max-width:900px}
.reference-chapter{position:relative;display:flex;gap:14px;align-items:center;min-height:64px;padding:0 0 14px;border:0;color:#929a9d;background:transparent;text-align:left;cursor:pointer;font-family:inherit;transition:color .25s}
.reference-chapter:hover,.reference-chapter[aria-current=step]{color:#fff}
.reference-chapter-num{font:400 14px/1.2 ui-monospace,monospace;align-self:flex-start;padding-top:8px;color:#819487}
.reference-chapter[aria-current=step] .reference-chapter-num{color:#5fdb9f}
.reference-chapter-name{font-size:16px;font-weight:600;line-height:1.4}
.reference-chapter-name small{display:block;margin-top:5px;font-size:10px;font-weight:400;letter-spacing:.14em;color:#a1a9ac}
.reference-chapter-line{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff30;overflow:hidden}
.reference-chapter-line i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#5fdb9f;transition:transform .2s linear}
.reference-chapter[aria-current=step] .reference-chapter-line i{transform:scaleX(var(--clip-progress,0))}
.reference-playback{flex:none;width:48px;height:48px;border:1px solid #ffffff59;border-radius:50%;background:#11171b90;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s}
.reference-playback:hover{background:#315247}
.reference-playback .ref-play-icon{display:none}
.reference-playback[aria-pressed=true] .ref-play-icon{display:block;margin-left:3px}
.reference-playback[aria-pressed=true] .ref-pause-icon{display:none}
.reference-chapter:focus-visible,.reference-playback:focus-visible{outline:2px solid #5fdb9f;outline-offset:6px}
.film-ready .v5-film:not(.is-reduced) .film-copy-set .stage-copy{bottom:154px}
.v5-film.is-reduced .reference-film-controls{display:none}
.reference-handoff{position:relative;padding:110px 0 84px;background:#0f1115;color:#f5f6f4;overflow:hidden}
.reference-handoff-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}
.reference-handoff-top .eyebrow{margin:0;font-size:12px;letter-spacing:.16em;color:#b3bdb9}
.reference-green-rule{display:inline-block;width:30px;height:2px;background:#5fdb9f;vertical-align:middle;margin-right:12px}
.reference-model-index{font:12px/1.4 ui-monospace,monospace;color:#b3bdb9;letter-spacing:.12em}
.reference-handoff-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:54px}
.reference-handoff-heading h2{font-size:clamp(40px,4.6vw,76px);font-weight:600;letter-spacing:-.06em;line-height:1.18;margin:0}
.reference-handoff-heading h2 span{color:#87958e}
.reference-detail-link{font-size:15px;line-height:1.5;display:flex;gap:28px;align-items:center;min-height:44px;padding:10px 0;border-bottom:1px solid #7b8c82;text-decoration:none;white-space:nowrap;margin-bottom:6px;color:#f5f6f4}
.reference-detail-link span{font-size:25px;color:#68d5a0}
.reference-product-frame{position:relative;margin:0 0 40px;background:#e4e7e5;will-change:clip-path,transform}
.reference-product-frame img{display:block;width:100%;height:clamp(320px,47vw,690px);object-fit:cover;object-position:center 51%}
.reference-product-frame figcaption{position:absolute;left:max(var(--mt-layout-gutter),calc((100vw - 1320px)/2));right:max(var(--mt-layout-gutter),calc((100vw - 1320px)/2));bottom:22px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.12em;color:#17251e;text-shadow:0 1px 5px #ffffff}
.reference-product-frame figcaption span{font-size:12px;letter-spacing:0}
.reference-handoff-bottom{display:grid;grid-template-columns:1fr 1.7fr 60px;gap:56px;align-items:center}
.reference-handoff-identity p{margin:0 0 9px;color:#8e9c94;font-size:11px;letter-spacing:.13em}
.reference-handoff-identity h3{margin:0;font-size:64px;letter-spacing:-.035em;line-height:1.1;font-weight:500}
.reference-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:0}
.reference-specs dt{font-size:13px;color:#a7b2ac;margin-bottom:12px}
.reference-specs dd{margin:0;font-size:48px;font-weight:400;line-height:1;letter-spacing:-.04em}
.reference-specs dd>span{font-size:20px;margin-left:5px;color:#bec9c3}
.reference-specs dd.reference-basket{font-size:26px;letter-spacing:-.025em}
.reference-basket small{display:block;font-size:14px;line-height:1.5;letter-spacing:0;margin-top:9px;color:#bec9c3}
.reference-model-link{height:60px;width:60px;border:1px solid #53675b;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:30px;color:#68d5a0;transition:background .25s}
.reference-model-link:hover{background:#22352a}
.reference-handoff-source{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:40px;padding-top:21px;border-top:1px solid #ffffff25;font-size:12px;color:#9ba89f}
.reference-handoff-source a{color:#b9c7bf;min-height:32px;display:flex;align-items:center;text-underline-offset:4px}
@media(max-width:1023px){
 .reference-film-controls{bottom:24px;gap:18px}
 .reference-chapters{gap:16px;max-width:none}
 .reference-chapter{gap:8px;min-height:56px}
 .reference-chapter-num{font-size:12px;padding-top:4px}
 .reference-chapter-name{font-size:14px}
 .reference-chapter-name small{font-size:9px;letter-spacing:.08em}
 .reference-playback{width:44px;height:44px}
 .film-ready .v5-film:not(.is-reduced) .film-copy-set .stage-copy{bottom:auto}
 .reference-handoff{padding:72px 0 55px}
 .reference-handoff-top{margin-bottom:27px}
 .reference-handoff-top .eyebrow{font-size:10px;letter-spacing:.1em}
 .reference-green-rule{width:17px;margin-right:8px}
 .reference-model-index{font-size:10px;white-space:nowrap}
 .reference-handoff-heading{display:block;margin-bottom:30px}
 .reference-handoff-heading h2{font-size:clamp(36px,6vw,60px);letter-spacing:-.05em}
 .reference-detail-link{width:max-content;margin-top:25px;font-size:14px;gap:28px}
 .reference-product-frame{margin-bottom:30px}
 .reference-product-frame img{height:auto;aspect-ratio:1440/767;object-fit:contain}
 .reference-product-frame figcaption{bottom:9px;font-size:8px;left:20px;right:20px}
 .reference-product-frame figcaption span{font-size:9px}
 .reference-handoff-bottom{grid-template-columns:1fr 44px;gap:28px}
 .reference-handoff-identity h3{font-size:48px}
 .reference-handoff-identity{grid-column:1;grid-row:1}
 .reference-model-link{grid-column:2;grid-row:1;width:44px;height:44px;font-size:24px}
 .reference-specs{grid-column:1/-1;gap:15px}
 .reference-specs dd{font-size:40px}
 .reference-specs dd.reference-basket{font-size:23px}
 .reference-specs dt{font-size:12px}
 .reference-handoff-source{display:block;margin-top:28px;font-size:11px}
 .reference-handoff-source span{display:block;margin-top:7px}
}
@media(max-width:420px){
 .reference-film-controls{gap:12px}
 .reference-chapters{gap:12px}
 .reference-chapter{gap:5px}
 .reference-chapter-num{font-size:10px;padding-top:5px}
 .reference-chapter-name{font-size:14px}
 .reference-chapter-name small{font-size:8px;letter-spacing:.06em}
}
@media(max-width:1023px) and (max-height:740px) and (min-height:601px){
 .v5-film{--film-media-h:min(calc((100vw - 2 * var(--mt-layout-gutter)) * .5625),calc(100svh - 465px))}
 .film-ready .v5-film:not(.is-reduced) .stage-copy h2{font-size:30px;line-height:1.15;margin-block:7px}
 .film-ready .v5-film:not(.is-reduced) .stage-lead{font-size:14px;line-height:1.65}
 .film-ready .v5-film:not(.is-reduced) .source-link{font-size:11px;margin-top:3px}
}
@media(min-width:600px) and (max-width:1023px) and (max-height:600px){
 .reference-film-controls{bottom:16px;left:var(--mt-layout-gutter);right:auto;width:calc(50% - 1.5 * var(--mt-layout-gutter));max-width:none;margin:0;gap:12px}
 .reference-chapters{gap:9px}
 .reference-chapter{min-height:48px;gap:5px}
 .reference-chapter-name{font-size:14px}
 .reference-chapter-name small{display:none}
 .reference-playback{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){.reference-product-frame{will-change:auto}.reference-chapter,.reference-chapter-line i{transition:none}}
@media(min-width:1024px) and (max-height:720px){
 .film-ready .v5-film:not(.is-reduced) .film-copy-set .stage-copy{bottom:130px}
 .film-ready .v5-film:not(.is-reduced) .stage-copy h2{font-size:44px;line-height:1.1;margin-block:8px}
 .film-ready .v5-film:not(.is-reduced) .stage-lead{font-size:16px;line-height:1.6;margin-bottom:8px}
 .film-ready .v5-film:not(.is-reduced) .stage-copy .eyebrow{font-size:14px}
 .film-ready .v5-film:not(.is-reduced) .source-link{font-size:12px;margin-top:4px}
 .film-ready .v5-film:not(.is-reduced) .stage-product{min-height:44px;padding:10px 16px;margin-top:10px;font-size:14px}
 .reference-film-controls{bottom:22px}
 .reference-chapter{min-height:56px}
}