.craft-films{background:#fff;color:#151515}
.craft-workshop{position:relative;isolation:isolate;background:#151515;color:#fff;overflow:hidden;min-height:440px;aspect-ratio:2.5/1}
.craft-workshop .craft-film-player{position:absolute;inset:0}
.craft-film-player{position:relative;overflow:hidden;background:#eee}
.craft-film-player>video{display:block;width:100%;height:100%;object-fit:cover}
.craft-workshop .craft-film-player>video{object-position:center 55%}
.craft-workshop-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#000b,#0005 55%,#0001),linear-gradient(0deg,#0005,transparent 50%);pointer-events:none}
.craft-workshop-copy{position:absolute;z-index:2;bottom:clamp(70px,6vw,100px);left:var(--gutter);right:var(--gutter);pointer-events:none}
.craft-workshop-copy .eyebrow{font-size:9px;letter-spacing:1.8px;color:#eee;margin-bottom:19px}
.craft-workshop-copy h2{font-size:clamp(32px,3.7vw,58px);line-height:1.06;letter-spacing:-1.7px;color:#fff;margin-bottom:22px}
.craft-workshop-copy>p:last-child{font-size:12px;line-height:1.9;color:#e3e3e3}
.craft-film-caption{position:absolute;bottom:22px;left:var(--gutter);z-index:2;font-size:8px;letter-spacing:1.4px;line-height:1.6;color:#ddd;pointer-events:none}
.craft-film-toggle{position:absolute;right:22px;bottom:17px;z-index:3;display:flex;align-items:center;gap:9px;min-height:38px;padding:9px 14px;border:1px solid #ffffff70;border-radius:30px;background:#1515159e;color:#fff;font-size:9px;line-height:1.5;backdrop-filter:blur(7px)}
.craft-film-toggle:hover{background:#111;color:#fff}
.craft-film-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}
.craft-film-toggle[hidden]{display:none}
.craft-film-toggle>span:first-child{font-size:12px}
.craft-workshop:has(video[controls]) .craft-film-caption{bottom:66px}
.craft-dial{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:clamp(34px,6vw,100px);padding:clamp(58px,7vw,105px) var(--gutter);background:#f7f7f6}
.craft-dial-visual{position:relative;min-width:0}
.craft-dial .craft-film-player{aspect-ratio:16/9;background:#f4f4f4;border-radius:3px}
.craft-dial .craft-film-player>video{object-fit:contain}
.craft-dial .craft-film-caption{position:static;display:block;color:#777;margin-top:13px;font-size:8px}
.craft-dial .craft-film-toggle{right:13px;bottom:13px;min-height:34px;padding:7px 11px;font-size:8px;background:#ffffffdc;border-color:#ddd;color:#222;backdrop-filter:blur(7px)}
.craft-dial .craft-film-toggle:focus-visible{outline-color:#111}
.craft-dial-copy{min-width:0;max-width:470px}
.craft-dial-copy .eyebrow{font-size:9px;letter-spacing:1.3px;color:#777;line-height:1.7;margin-bottom:21px}
.craft-dial-copy h2{font-size:clamp(29px,3vw,46px);line-height:1.1;letter-spacing:-1.5px;margin-bottom:23px}
.craft-dial-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#777;max-width:400px;margin-bottom:22px}
.craft-dial-copy .underlined-link{font-size:10px;gap:24px;min-height:42px}
@media(max-width:1000px){.craft-workshop{min-height:390px}.craft-dial{gap:35px}.craft-dial-copy h2{font-size:30px}.craft-dial-copy .eyebrow{font-size:8px;letter-spacing:.7px}}
@media(max-width:760px){.craft-workshop{aspect-ratio:auto;min-height:460px}.craft-workshop .craft-film-player>video{object-position:56% center}.craft-workshop-copy{bottom:94px}.craft-workshop-copy .eyebrow{font-size:8px;letter-spacing:1.2px}.craft-workshop-copy h2{font-size:clamp(29px,7vw,43px);letter-spacing:-1.1px;margin-bottom:19px}.craft-workshop-copy>p:last-child{font-size:11px}.craft-workshop-shade{background:linear-gradient(0deg,#000c,#0004 75%)}.craft-workshop .craft-film-caption{bottom:25px;font-size:7px;letter-spacing:.8px}.craft-film-toggle{right:var(--gutter);bottom:17px;font-size:8px;padding:8px 11px;gap:7px}.craft-dial{grid-template-columns:1fr;gap:30px;padding-top:50px;padding-bottom:55px}.craft-dial-copy{max-width:550px}.craft-dial-copy .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:17px}.craft-dial-copy h2{font-size:clamp(29px,6.4vw,40px);letter-spacing:-1px;margin-bottom:20px}.craft-dial-copy>p:not(.eyebrow){font-size:12px;max-width:500px}.craft-dial .craft-film-caption{font-size:7px}.craft-dial .craft-film-toggle{bottom:11px;right:11px}}