/* An original film-led opening, in the Mill's existing palette. */
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cinematic-site header{position:fixed;inset:0 0 auto;transition:background .3s,color .3s,border-color .3s}
.cinematic-site.header-over-film header{background:linear-gradient(#080c12a6,transparent);border-color:transparent;backdrop-filter:none;color:#f8f4e9}
.header-over-film .nav{height:90px;max-width:1440px;padding-inline:clamp(24px,4vw,64px)}
.header-over-film .logo{color:#f8f4e9}
.header-over-film .logo-sub{color:#c8c7bf}
.header-over-film .logo .wheel{background:none;color:#f8f4e9;animation:none;font-size:33px}
.header-over-film .nav-links{background:#0b101b65;border:1px solid #ffffff20;padding:12px 24px;border-radius:100px;backdrop-filter:blur(14px)}
.header-over-film .nav-links a:hover{color:#ffb28a}
.header-over-film .header-social{border-color:#ffffff50;background:transparent;color:#f8f4e9}
.header-over-film .header-social:hover{background:#ffffff18}
.header-over-film .menu-toggle span{background:#fff}
.film-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:720px;height:100svh;max-height:1200px;overflow:hidden;background:#080d16;color:#fff9ee}
.film-media,.film-shade,.film-threads{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.film-media{z-index:-3;transform:scale(1.035);transform-origin:60% 50%;will-change:transform}
.brand-film{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 50%;background:#080d16}
.film-shade{z-index:-2;background:linear-gradient(90deg,#050a11c2 0%,#050a1150 44%,transparent 75%),linear-gradient(0deg,#05090feb 0%,transparent 35%,transparent 75%,#050a115e 100%)}
.film-threads{z-index:-1;opacity:.6}
.film-content{width:100%;max-width:1440px;padding-inline:clamp(24px,6.5vw,104px);padding-top:70px;padding-bottom:105px}
.film-eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.22em;font-weight:600;margin-bottom:29px;color:#dcdedc}
.film-eyebrow>span{display:block;width:6px;height:6px;background:#ff9a66;box-shadow:0 0 15px #ff813d99;border-radius:50%}
.film-content h1{font-family:'Archivo',sans-serif;font-weight:500;letter-spacing:-.065em;font-size:clamp(52px,6.1vw,94px);line-height:1.06;max-width:850px;text-shadow:0 4px 32px #0003}
.film-content h1 em{font-weight:400;font-style:normal;color:#f6b68e}
.film-lede{font-size:clamp(14px,1.25vw,18px);font-weight:400;line-height:1.7;color:#e1e1dc;margin-top:27px;max-width:440px;text-shadow:0 2px 10px #000}
.film-actions{display:flex;align-items:center;gap:30px;margin-top:34px}
.film-primary{display:flex;flex-direction:column;gap:4px;background:#f2ede1;color:#20231d;border:1px solid #f2ede1;padding:14px 23px;text-decoration:none;border-radius:3px;font-size:13px;font-weight:700;min-width:173px;transition:background .2s}
.film-primary span{font-size:9px;letter-spacing:.06em;font-weight:500;color:#595c53}
.film-primary:hover{background:#ffd4b9;border-color:#ffd4b9}
.film-story{font-size:12px;text-decoration:none;border-bottom:1px solid #ffffff66;padding:11px 0;color:#f4f0e7}
.film-story span{padding-left:20px;font-size:17px}
.film-story:hover{border-color:#f7b88e;color:#f7b88e}
.film-bottom{position:absolute;bottom:33px;left:0;right:0;width:100%;max-width:1440px;padding-inline:clamp(24px,6.5vw,104px);display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.film-chapter{width:260px}
.film-chapter-text{display:flex;gap:21px;align-items:center;font-size:10px;font-weight:500;letter-spacing:.04em;color:#d9dbd6}
.film-chapter-text>span:first-child{font-size:9px;letter-spacing:.09em;color:#a1aaa9;white-space:nowrap}
.film-progress{width:100%;height:1px;background:#f7f1e62e;margin-top:15px;overflow:hidden}
.film-progress>span{display:block;width:100%;height:100%;background:#e7b08b;transform:scaleX(0);transform-origin:left}
.film-bottom-actions{display:flex;align-items:center;gap:29px}
.film-toggle{border:1px solid #ffffff40;background:#0b101b66;color:#f4f1e6;padding:9px 13px;border-radius:100px;font-size:10px;display:flex;gap:8px;align-items:center;min-height:38px;backdrop-filter:blur(10px)}
.film-toggle[hidden]{display:none}
.film-toggle:hover{background:#ffffff20}
.film-toggle svg{height:16px;width:16px}
.film-scroll{font-size:9px;letter-spacing:.07em;text-decoration:none;color:#c1c5c0;display:flex;align-items:center;gap:20px}
.film-scroll span{font-size:21px;color:#eee9da}
.film-hero :focus-visible{outline:2px solid #ffd0ad;outline-offset:6px}
.sourcing-ribbon{background:#0b1119;color:#c4c8c6;border-top:1px solid #ffffff14;padding:25px 0}
.sourcing-ribbon>.wrap{max-width:1310px;display:flex;gap:40px;align-items:center;justify-content:space-between}
.sourcing-ribbon p{font-size:8px;line-height:1.7;letter-spacing:.16em;color:#868f93;flex:none}
.sourcing-ribbon strong{font-weight:500;color:#d5d9d5}
.sourcing-ribbon ul{display:flex;gap:clamp(20px,3vw,44px);list-style:none;font-size:11px;letter-spacing:.02em}
.sourcing-ribbon li{display:flex;align-items:center;gap:9px}
.sourcing-ribbon li::before{content:'';width:3px;height:3px;background:#b09b83;border-radius:50%}
.sourcing-destination{display:flex;gap:15px;align-items:center;font-size:11px;white-space:nowrap;color:#f6c6a4}
.sourcing-destination>span{font-size:24px}
.hero .intro-title{font-size:clamp(45px,5.6vw,73px);margin:20px 0;line-height:1.05;letter-spacing:-.07em}
.hero .intro-title em{font-style:normal;color:var(--accent-dark)}
#introduction{scroll-margin-top:88px}
@media(min-width:1600px){.brand-film{object-position:center}.film-content{max-width:1600px}.film-bottom{max-width:1600px}}
@media(max-width:1000px){.header-over-film .nav-links{gap:16px;padding:11px 18px}.film-content h1{font-size:69px}.sourcing-ribbon>.wrap{gap:20px}.sourcing-ribbon ul{gap:18px}.sourcing-ribbon li{gap:6px}.hero .intro-title{font-size:59px}}
@media(max-width:880px){.header-over-film .nav{height:77px}.header-over-film .nav-links{background:#101720f5;top:77px;padding:16px 28px 23px;border-radius:0;border:0;border-bottom:1px solid #ffffff30}.film-hero{min-height:690px}.film-content h1{font-size:clamp(49px,7.6vw,67px)}.film-content{padding-top:60px}.sourcing-ribbon>.wrap{flex-wrap:wrap;gap:18px 25px}.sourcing-ribbon p{width:100%;font-size:8px}.sourcing-ribbon p br{display:none}.sourcing-ribbon p strong{margin-left:8px}.sourcing-ribbon ul{flex:1;gap:22px;flex-wrap:wrap}.hero .intro-title{font-size:clamp(39px,6.8vw,57px)}}
@media(max-width:650px){.film-hero{height:100svh;min-height:730px;max-height:1050px;justify-content:flex-end}.film-media{transform:none}.brand-film{object-position:67% 48%}.film-shade{background:linear-gradient(0deg,#05090ff5 0%,#05090fd9 21%,#05090f66 52%,#05090f0a 78%,#05090f55 100%)}.film-content{padding:0 24px 134px}.film-eyebrow{font-size:8px;letter-spacing:.19em;margin-bottom:21px}.film-content h1{font-size:clamp(41px,9.5vw,60px);letter-spacing:-.06em;line-height:1.08}.film-lede{font-size:13px;margin-top:20px;line-height:1.7}.film-actions{gap:25px;margin-top:24px}.film-primary{min-width:150px;padding:12px 18px;font-size:12px}.film-story{font-size:10px}.film-story span{padding-left:12px}.film-bottom{bottom:25px;padding-inline:24px;gap:15px;align-items:center}.film-chapter{width:185px}.film-chapter-text{gap:10px;font-size:8px}.film-chapter-text>span:first-child{font-size:7px}.film-progress{margin-top:12px}.film-bottom-actions{gap:0}.film-scroll{display:none}.film-toggle{font-size:9px;padding:8px 10px;gap:5px}.sourcing-ribbon{padding:22px 0}.sourcing-ribbon>.wrap{gap:17px;padding-inline:24px}.sourcing-ribbon ul{width:100%;flex:auto;font-size:10px;gap:12px 20px}.sourcing-destination{font-size:10px;gap:10px}.sourcing-destination>span{font-size:20px}.hero .intro-title{font-size:clamp(47px,10vw,66px)}}
@media(max-width:370px){.film-hero{min-height:695px}.film-content{padding-inline:19px}.film-content h1{font-size:34px}.film-actions{gap:18px}.film-primary{min-width:143px}.film-story{font-size:9px}.film-bottom{padding-inline:19px}.film-chapter{width:167px}.film-chapter-text{gap:8px;font-size:7px}.hero .intro-title{font-size:46px}}
@media(prefers-reduced-motion:reduce){.film-media{will-change:auto;transform:none!important}.film-threads{display:none}}