/* Photographic manufacturing story. Load after cinematic.css. */
.manufacturing-story.hero{position:relative;height:400svh;min-height:0;max-height:none;padding:0;overflow:visible;background:#080a0d;--film-progress:0;--film-transition:0}
.manufacturing-stage{height:100svh;min-height:0;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#080a0d}
.film-visuals,.film-photo,.film-mask,.film-grain,#film-sparks{position:absolute;inset:0;pointer-events:none}
.film-visuals{z-index:0;overflow:hidden;background:#080a0d}
.film-photo{opacity:0;visibility:hidden;will-change:opacity;overflow:hidden}
.film-photo:first-child{opacity:1;visibility:visible}
.film-photo>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--photo-x,70%) var(--photo-y,50%);transform:scale(1.045);will-change:transform}
.film-backdrop{display:none}
.film-photo.photo-missing>img{display:none}
.film-mask{z-index:1;background:linear-gradient(90deg,#080a0de8 0%,#080a0dcc 18%,#080a0d84 38%,#080a0d00 71%),linear-gradient(0deg,#080a0df5 0%,#080a0d00 29%,#080a0d00 77%,#080a0d88 100%)}
.film-grain{z-index:5;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23g)'/%3E%3C/svg%3E")}
#film-sparks{z-index:2;width:100%;height:100%;display:block;opacity:.6}
.film-transition-line{position:absolute;z-index:3;left:calc(var(--film-wipe,65)*1%);top:13%;bottom:19%;width:1px;background:linear-gradient(transparent,#ff6f3c88 40%,#fff1d8bb 50%,#ff6f3c66 60%,transparent);opacity:calc(var(--film-transition)*.45);box-shadow:0 0 15px #ff5a2a44;pointer-events:none}
.film-topline{position:absolute;left:var(--gutter);right:var(--gutter);top:126px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#b9bfc5;font-size:8px;letter-spacing:1.3px}
.film-topline>span:last-child{color:#9da5ae;font-size:7px}
.film-copy{position:absolute;left:var(--gutter);right:var(--gutter);top:25%;z-index:4;max-width:1040px}
.film-panels{position:relative;min-height:298px}
.film-panel{position:absolute;inset:0;pointer-events:none;opacity:0;transform:translateY(26px);filter:blur(4px);transition:opacity .45s,transform .85s cubic-bezier(.16,1,.3,1),filter .65s}
.film-panel.is-active{opacity:1;transform:none;filter:none;pointer-events:auto}
.film-kicker{display:flex;align-items:center;gap:12px;color:#b9c0c8;font-size:9px;letter-spacing:1.5px;margin-bottom:28px}
.film-kicker:before{content:'';width:32px;height:1px;background:var(--orange);flex-shrink:0}
.manufacturing-story .film-title{font-family:var(--display,Manrope),sans-serif;font-size:clamp(54px,6.1vw,112px);font-weight:500;letter-spacing:-.055em;line-height:1.13;color:#ecece7;margin:0;max-width:none}
.manufacturing-story .film-title>span{display:block;color:#ecece7}
.manufacturing-story .film-title>span:nth-child(2){font-family:Manrope,Arial,sans-serif;font-size:.9em;font-weight:500;letter-spacing:-.045em;color:var(--orange);line-height:1.19;margin-top:2px}
.film-panel[data-film-panel='2'] .film-title{font-size:clamp(51px,5.6vw,101px)}
.film-panel[data-film-panel='3'] .film-title{font-size:clamp(49px,5.5vw,99px)}
.film-panel>p{color:#bdc4ca;font-size:14px;line-height:1.8;margin-top:24px;max-width:490px}
.film-actions{display:flex;align-items:center;gap:29px;margin-top:27px;position:relative;z-index:1}
.film-actions .button{font-size:12px;min-height:54px;gap:40px;padding:0 24px}
.film-upload{font-size:12px;color:#d7dce0}
.film-upload svg{width:17px;fill:none;stroke:currentColor;stroke-width:1}
.film-marker{position:absolute;right:var(--gutter);bottom:175px;display:flex;gap:18px;align-items:center;z-index:3;color:#b4bdc7;text-shadow:0 1px 12px #0008}
.film-marker>span{font:46px/1 var(--display,Manrope),sans-serif;letter-spacing:-3px;color:#e5e7e5}
.film-marker>div{width:163px}
.film-marker>div>span:first-child{font-size:9px;font-weight:500;letter-spacing:1px}
.film-marker i{height:1px;background:#c8d2dc44;display:block;margin:11px 0;position:relative;overflow:hidden}
.film-marker i:after{content:'';position:absolute;inset:0;background:var(--orange);transform:scaleX(var(--film-progress));transform-origin:left}
.film-marker .mono{font-size:6px;color:#8c99a5;letter-spacing:1px}
.film-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:55px;z-index:4;display:grid;grid-template-columns:1fr minmax(340px,510px) 1fr;align-items:center;gap:30px}
.film-scroll-prompt{display:flex;align-items:center;gap:13px;color:#8f9ba7;justify-self:start}
.film-scroll-prompt>.mono{font-size:7px;line-height:1.7;letter-spacing:1px}
.film-scroll-wheel{width:17px;height:27px;border:1px solid #778694;border-radius:10px;display:grid;justify-items:center;padding-top:5px;flex-shrink:0}
.film-scroll-wheel i{width:1px;height:5px;background:var(--orange);animation:film-wheel 1.8s ease infinite}
.film-route{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:6px;padding-top:1px}
.film-route-line{position:absolute;left:12px;right:12px;top:11px;height:1px;background:#52606d66;pointer-events:none}
.film-route-line>i{position:absolute;inset:0;display:block;background:var(--orange);transform:scaleX(var(--film-progress));transform-origin:left}
.film-route>button{padding:0 5px;display:flex;flex-direction:column;gap:11px;align-items:center;min-height:49px;background:none;color:#84909d;position:relative;font-size:9px;letter-spacing:.15px;transition:color .3s}
.film-route>button:hover,.film-route>button:focus-visible{color:#f0eee8}
.film-route>button.is-active{color:#f0eee8}
.film-route>button.is-complete{color:#a7b0b9}
.film-route-dot{height:22px;min-width:30px;display:grid;place-items:center;border:1px solid #53606c;background:#0d1116;color:#82909c;font:8px/1 'Courier New',monospace;transition:background .4s,border-color .4s,color .4s}
.film-route>button.is-active .film-route-dot{background:var(--orange);border-color:var(--orange);color:#1d140f;box-shadow:0 0 20px #ff542723}
.film-route>button.is-complete .film-route-dot{border-color:#bd5c38;color:#c98f76}
.film-pause{justify-self:end;display:flex;align-items:center;gap:9px;padding:9px 0;background:none;color:#b1bbc4;min-height:35px;font-size:7px;letter-spacing:1px}
.film-pause:disabled{cursor:default;opacity:.6}
.film-pause>span:first-child{font-size:16px;line-height:1}
.film-pause:hover{color:var(--orange)}
.film-disclosure{position:absolute;bottom:18px;left:var(--gutter);right:var(--gutter);z-index:4;margin:0;text-align:right;color:#7c8a97;font-size:6px;letter-spacing:1px;line-height:1.6}
.film-missing-message{position:absolute;bottom:23%;right:var(--gutter);max-width:260px;background:#0c1119c9;border-left:1px solid #8b6d56;padding:15px;font-size:11px;line-height:1.6;color:#aebac5;z-index:5}
.manufacturing-stage.is-paused .film-scroll-wheel i{animation-play-state:paused}
.manufacturing-story .film-panel:not(.is-active){user-select:none}
@keyframes film-wheel{0%,100%{transform:translateY(0);opacity:0}20%{opacity:1}70%{transform:translateY(10px);opacity:1}}
@media(min-width:1660px){.film-copy{max-width:1250px;top:26%}.film-panels{min-height:350px}.film-actions{margin-top:32px}.film-topline{top:135px}.film-panel>p{font-size:15px;max-width:550px}.film-bottom{grid-template-columns:1fr minmax(400px,590px) 1fr}.film-route>button{font-size:10px}}
@media(max-width:1200px){.film-copy{top:26%;max-width:850px}.manufacturing-story .film-title{font-size:6.5vw}.film-panel[data-film-panel='2'] .film-title,.film-panel[data-film-panel='3'] .film-title{font-size:5.9vw}.film-panels{min-height:270px}.film-panel>p{font-size:13px;max-width:460px}.film-kicker{font-size:8px;margin-bottom:25px}.film-topline{font-size:7px;top:115px}.film-topline>span:last-child{font-size:6px}.film-bottom{grid-template-columns:1fr minmax(320px,450px) 60px;gap:22px}.film-actions{margin-top:22px}.film-actions .button{font-size:11px;min-height:51px;gap:30px}.film-upload{font-size:11px}.film-marker{bottom:160px}.film-marker>span{font-size:38px}}
@media(max-width:800px){.manufacturing-story.hero{height:390svh}.film-copy{top:25%;max-width:100%}.film-panels{min-height:275px}.manufacturing-story .film-title{font-size:8.4vw}.film-panel[data-film-panel='2'] .film-title,.film-panel[data-film-panel='3'] .film-title{font-size:7.5vw}.film-panel>p{font-size:13px;max-width:420px}.film-topline{top:105px;font-size:7px}.film-topline>span:last-child{display:none}.film-kicker{font-size:7px;margin-bottom:25px}.film-bottom{grid-template-columns:minmax(290px,1fr) 40px;gap:15px;bottom:50px}.film-scroll-prompt{display:none}.film-route{gap:10px}.film-route>button{font-size:9px}.film-pause-text{display:none}.film-pause{padding:8px 3px;min-width:30px}.film-pause>span:first-child{font-size:18px}.film-marker{bottom:145px;right:var(--gutter);gap:13px}.film-marker>span{font-size:29px;letter-spacing:-2px}.film-marker>div{width:128px}.film-marker>div>span:first-child{font-size:7px}.film-marker .mono{font-size:5px}.film-marker i{margin:8px 0}.film-disclosure{font-size:5.5px;bottom:17px;text-align:left;letter-spacing:.7px}.film-mask{background:linear-gradient(90deg,#080a0dd9,#080a0d88 45%,#080a0d00 100%),linear-gradient(0deg,#080a0df0 0%,#080a0d00 38%,#080a0d44 70%,#080a0d99 100%)}.film-actions{gap:24px}.film-actions .button{font-size:11px;min-height:50px;gap:28px}.film-upload{font-size:11px}#film-sparks{display:none}}
@media(max-width:540px){.manufacturing-story.hero{height:390svh}.film-topline{top:97px;font-size:6px;letter-spacing:.9px}.film-topline .status-dot{margin-right:7px}.film-copy{left:6vw;right:6vw;top:21%;max-width:none}.film-panels{min-height:239px}.film-kicker{font-size:6.5px;letter-spacing:.8px;margin-bottom:22px;gap:9px}.film-kicker:before{width:22px}.manufacturing-story .film-title{font-size:clamp(31px,8.8vw,47px);letter-spacing:-.055em;line-height:1.18}.manufacturing-story .film-title>span:nth-child(2){font-size:1.02em;letter-spacing:-.045em;line-height:1.19;margin-top:8px}.film-panel[data-film-panel='2'] .film-title,.film-panel[data-film-panel='3'] .film-title{font-size:clamp(29px,8vw,42px)}.film-panel[data-film-panel='3'] .film-title>span:nth-child(2){font-size:.99em;max-width:350px}.film-panel>p{font-size:12px;line-height:1.8;margin-top:20px;max-width:310px}.film-panel>p br{display:none}.film-actions{display:flex;align-items:flex-start;flex-direction:column;gap:11px;margin-top:9px}.film-actions .button{font-size:11px;min-height:49px;padding:0 18px;gap:32px}.film-upload{font-size:11px;padding:7px 0}.film-upload svg{width:15px}.film-mask{background:linear-gradient(180deg,#080a0dd9 0%,#080a0dbb 12%,#080a0d77 28%,#080a0d2e 58%,#080a0d3b 73%,#080a0dfc 100%),linear-gradient(90deg,#080a0d6b,transparent 90%)}.film-photo>img{object-position:var(--photo-x,70%) var(--photo-y,50%)}.film-photo-final{overflow:hidden;background:#080a0d}.film-photo-final .film-backdrop{display:block;position:absolute;inset:0;background-position:66% 55%;background-size:cover;filter:blur(25px) brightness(.2);transform:scale(1.12)}.film-photo-final>img{inset:auto;left:-46vw;bottom:14%;width:145vw;height:82vw;object-fit:contain;object-position:center;transform-origin:70% 60%}.manufacturing-story[data-phase='3'] .film-mask{background:linear-gradient(180deg,#080a0d9c 0%,#080a0d70 34%,#080a0d00 61%,#080a0d33 84%,#080a0df5 100%)}.film-bottom{left:6vw;right:6vw;grid-template-columns:minmax(0,1fr) 22px;gap:12px;bottom:47px}.film-route{gap:3px}.film-route>button{font-size:7px;gap:9px;min-height:44px;letter-spacing:0;padding:0 2px}.film-route-dot{font-size:7px;height:21px;min-width:25px}.film-route-line{left:9px;right:9px;top:10px}.film-pause{justify-self:end;padding:3px 0;min-width:20px;align-self:start;min-height:23px}.film-pause>span:first-child{font-size:15px}.film-disclosure{left:6vw;right:6vw;bottom:17px;font-size:5px;letter-spacing:.55px}.film-marker{right:6vw;bottom:133px;opacity:.65;gap:10px}.film-marker>span{font-size:25px}.film-marker>div{width:100px}.film-marker>div>span:first-child{font-size:6px;letter-spacing:.6px}.film-marker .mono{font-size:4.5px;letter-spacing:.5px}.film-marker i{margin:7px 0}.film-transition-line{top:19%;bottom:20%;opacity:calc(var(--film-transition)*.25)}.film-missing-message{bottom:24%;font-size:10px;max-width:210px}}
@media(max-width:360px){.film-topline{font-size:5.5px;letter-spacing:.6px}.film-copy{top:21%}.film-panels{min-height:230px}.film-kicker{font-size:6px;margin-bottom:19px}.manufacturing-story .film-title{font-size:29px}.film-panel[data-film-panel='2'] .film-title,.film-panel[data-film-panel='3'] .film-title{font-size:27px}.film-panel>p{font-size:11px;margin-top:18px;max-width:280px}.film-actions .button{font-size:10px;gap:24px}.film-actions{gap:9px}.film-upload{font-size:10px}.film-route>button{font-size:6.5px}.film-marker{display:none}.film-disclosure{font-size:4.5px}}
@media(max-height:650px) and (min-width:541px){.manufacturing-story.hero{height:360svh}.film-copy{top:25%;max-width:780px}.film-topline{top:88px;font-size:6px}.film-panels{min-height:202px}.film-kicker{font-size:6px;margin-bottom:16px}.manufacturing-story .film-title{font-size:clamp(34px,5.2vw,66px)}.film-panel[data-film-panel='2'] .film-title,.film-panel[data-film-panel='3'] .film-title{font-size:clamp(32px,4.8vw,61px)}.film-panel>p{font-size:11px;line-height:1.6;margin-top:15px}.film-panel>p br{display:none}.film-actions{margin-top:13px;gap:22px;flex-direction:row;align-items:center}.film-actions .button{font-size:10px;min-height:42px;padding:0 17px;gap:24px}.film-upload{font-size:10px}.film-marker{display:none}.film-bottom{bottom:36px;grid-template-columns:1fr minmax(300px,440px) 1fr;gap:20px}.film-scroll-prompt{display:flex}.film-scroll-prompt>.mono{font-size:5px}.film-scroll-wheel{height:23px;width:15px}.film-route>button{font-size:7px;gap:7px;min-height:42px}.film-route-dot{height:20px;font-size:7px;min-width:26px}.film-route-line{top:10px}.film-disclosure{bottom:11px;font-size:5px}.film-pause-text{display:none}}
@media(max-height:450px){.film-topline{display:none}.film-copy{top:24%;max-width:720px}.film-panels{min-height:149px}.film-kicker{font-size:5.5px;margin-bottom:12px}.manufacturing-story .film-title{font-size:clamp(29px,4.5vw,47px);line-height:1.05}.manufacturing-story .film-title>span:nth-child(2){font-size:.9em;margin-top:4px;line-height:1.08}.film-panel[data-film-panel='2'] .film-title,.film-panel[data-film-panel='3'] .film-title{font-size:clamp(27px,4.1vw,43px)}.film-panel>p{font-size:10px;line-height:1.5;margin-top:12px;max-width:460px}.film-actions{margin-top:9px;gap:21px;flex-direction:row;align-items:center}.film-actions .button{min-height:37px;font-size:9px;padding:0 15px;gap:22px}.film-upload{font-size:9px}.film-bottom{bottom:25px}.film-route>button{font-size:7px;min-height:36px;gap:6px}.film-route-dot{height:18px;min-width:24px;font-size:6px}.film-route-line{top:9px}.film-scroll-prompt>.mono{font-size:4.5px}.film-scroll-wheel{height:20px;width:13px}.film-disclosure{bottom:6px;font-size:4.5px}.film-marker{display:none}.film-transition-line{top:14%;bottom:17%}}
@media(prefers-reduced-motion:reduce){.manufacturing-story.hero{height:340svh}.film-panel{transition:none;filter:none!important;transform:none!important}.film-photo>img{transform:none!important}.film-scroll-wheel i{animation:none}.film-transition-line{display:none}.film-grain{display:none}#film-sparks{display:none}.film-marker i:after,.film-route-line>i{transition:none}}
@media(max-height:450px) and (max-width:540px){.film-upload{display:none}.film-actions .button{max-width:100%}.film-panels{min-height:158px}.film-pause{min-height:24px}}
/* The completed construction is shown whole, including the feet. */
@media(min-width:541px){.film-photo-final .film-backdrop{display:block;position:absolute;inset:-3%;background-position:66% 55%;background-size:cover;filter:blur(30px) brightness(.24);transform:scale(1.08)}.film-photo-final>img{object-fit:contain;object-position:right center}}
@media(max-width:540px){.manufacturing-story[data-phase='3'] .film-copy{top:16%}.film-photo-final>img{bottom:9%}}
/* Wide screens keep the same edge alignment and scale with the available height. */
@media(min-width:1660px) and (min-height:651px){
  .header{height:clamp(90px,8.5svh,120px);gap:clamp(30px,2.4vw,80px)}
  .header.has-scrolled{height:clamp(78px,7svh,100px)}
  .header .brand{font-size:clamp(20px,.95vw,30px);gap:14px}
  .header .brand>svg{width:clamp(40px,1.9vw,60px);height:clamp(40px,1.9vw,60px)}
  .nav{gap:clamp(24px,1.7vw,60px)}
  .nav a{font-size:clamp(12px,.65vw,20px)}
  .header-phone{font-size:clamp(15px,.85vw,26px)}
  .header-phone>span{font-size:clamp(8px,.4vw,12px)}
  .header-cta{font-size:clamp(12px,.65vw,20px);min-height:clamp(48px,5svh,72px);padding-inline:clamp(20px,1.5vw,50px);gap:clamp(28px,2vw,65px)}
  .manufacturing-stage{--film-display:min(6.4vw,13.5svh,188px)}
  .film-copy{top:24%;max-width:min(78vw,2200px)}
  .film-panels{min-height:calc(var(--film-display)*2.5 + clamp(98px,7svh,128px))}
  .manufacturing-story .film-title{font-size:var(--film-display)}
  .film-panel[data-film-panel='2'] .film-title,.film-panel[data-film-panel='3'] .film-title{font-size:calc(var(--film-display)*.9)}
  .film-kicker{font-size:clamp(10px,.5vw,15px);margin-bottom:clamp(28px,2.8svh,42px);gap:18px}
  .film-kicker:before{width:clamp(34px,2vw,64px)}
  .film-panel>p{font-size:clamp(16px,.85vw,24px);max-width:850px;margin-top:clamp(24px,2.5svh,38px)}
  .film-actions{margin-top:clamp(28px,3svh,44px);gap:clamp(32px,2.5vw,80px)}
  .film-actions .button{font-size:clamp(14px,.75vw,22px);min-height:clamp(60px,6svh,88px);padding-inline:clamp(28px,1.8vw,56px);gap:clamp(40px,3vw,90px)}
  .film-actions .button>span{font-size:clamp(26px,1.3vw,40px)}
  .film-upload{font-size:clamp(14px,.75vw,22px);gap:14px}
  .film-upload svg{width:clamp(20px,1vw,30px)}
  .film-topline{top:clamp(128px,12svh,184px);font-size:clamp(10px,.5vw,15px)}
  .film-topline>span:last-child{font-size:clamp(9px,.45vw,14px)}
  .film-bottom{bottom:clamp(60px,6svh,90px);grid-template-columns:1fr minmax(500px,31vw) 1fr}
  .film-route>button{font-size:clamp(12px,.65vw,19px);min-height:64px;gap:16px}
  .film-route-dot{font-size:clamp(9px,.45vw,13px);height:30px;min-width:42px}
  .film-route-line{top:15px}
  .film-scroll-prompt>.mono,.film-pause{font-size:clamp(9px,.45vw,13px)}
  .film-marker{bottom:clamp(190px,17svh,270px);gap:26px}
  .film-marker>span{font-size:clamp(54px,3vw,88px)}
  .film-marker>div{width:clamp(180px,10vw,290px)}
  .film-marker>div>span:first-child{font-size:clamp(10px,.55vw,16px)}
  .film-marker .mono,.film-disclosure{font-size:clamp(8px,.4vw,12px)}
}
@media(min-width:1660px) and (min-height:651px) and (max-height:850px){
  .manufacturing-stage{--film-display:min(6.4vw,12svh,188px)}
  .film-topline{top:104px}
  .film-copy{top:18%}
  .film-panels{min-height:calc(var(--film-display)*2.5 + 100px)}
  .film-panel>p{font-size:16px;line-height:1.6}
}