/* Equipment follows the portfolio's quiet type, lavender accents and open spacing. */
.equipment{padding:110px 4vw 100px;background:#030304;scroll-margin-top:88px;position:relative}
.equipment-topline{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff30;padding-top:20px;font-size:11px;letter-spacing:.11em;color:#c9b7ff}
.equipment-topline>span:last-child{color:#a3a3ab}
.equipment-heading{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:8vw;margin:55px 0 65px}
.equipment-heading h2{font-size:clamp(50px,7.8vw,120px);font-weight:400;line-height:.94;letter-spacing:-.055em;margin:0}
.equipment-heading>div{max-width:360px;justify-self:end}.equipment-heading p{font-size:17px;line-height:1.65;color:#b4afbd;margin:0}
.equipment-heading .equipment-partner{font-size:12px;line-height:1.85;margin-top:28px;color:#a3a3ab}.equipment-partner strong{font-weight:400;color:#f4f4f5}
.equipment-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:42px 22px}
.equipment-card{grid-column:span 3;min-width:0}.equipment-lead{grid-column:span 6}.equipment-image{aspect-ratio:1;background:#e5e4e8;overflow:hidden;display:flex;align-items:center;justify-content:center}
.equipment-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:18px;transition:transform .45s ease}
.equipment-lead .equipment-image{aspect-ratio:1.65}.equipment-lead .equipment-image img{padding:22px}
.equipment-dark .equipment-image{background:#000}.equipment-dark .equipment-image img{mix-blend-mode:normal;padding:0}
.equipment-caption{padding-top:18px}.equipment-caption p{font-size:11px;color:#a3a3ab;margin:0 0 8px}.equipment-caption h3{font-size:clamp(19px,1.65vw,26px);letter-spacing:-.03em;line-height:1.2;font-weight:400;margin:0}
.equipment-caption a{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;font-size:10px;letter-spacing:.09em;color:#c9b7ff;margin-top:10px}.equipment-caption a span{font-size:19px;transition:transform .2s}.equipment-card:focus-within a span,.equipment-caption a:hover span{transform:translateX(5px)}
.equipment-text{grid-column:span 6;border-top:1px solid #ffffff28;padding:27px 0 8px;display:flex;flex-direction:column;justify-content:space-between;min-height:210px}.equipment-index{font-size:10px;letter-spacing:.1em;color:#928b9e}.equipment-text .equipment-caption{display:flex;justify-content:space-between;align-items:end;gap:20px}.equipment-text h3{max-width:330px}.equipment-text .equipment-caption a{flex-shrink:0;margin:0}
.equipment-more{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid #ffffff28;margin-top:64px;padding-top:34px;gap:6vw}.equipment-more h3{font-size:18px;font-weight:400;margin:0}.equipment-more p{font-size:15px;line-height:2;color:#a3a3ab;max-width:820px;margin:0}.equipment-sunny{display:inline-flex;gap:48px;align-items:center;border:1px solid #ffffff40;border-radius:28px;padding:15px 22px;margin-top:28px;font-size:11px;letter-spacing:.06em;min-height:48px}.equipment-sunny:hover{background:#eeeaf6;color:#121017}
@media(hover:hover){.equipment-card:hover .equipment-image img{transform:scale(1.035)}}
@media(max-width:900px){.equipment-heading{grid-template-columns:1fr 1fr;gap:30px}.equipment-card{grid-column:span 6}.equipment-lead .equipment-image{aspect-ratio:1.2}.equipment-image{aspect-ratio:1.2}.equipment-text .equipment-caption{display:block}.equipment-text .equipment-caption a{margin-top:12px}.equipment-more{grid-template-columns:1fr 2fr}}
@media(max-width:600px){.equipment{padding:75px 6vw 65px;scroll-margin-top:70px}.equipment-topline{font-size:9px;letter-spacing:.06em;gap:10px}.equipment-topline>span:last-child{max-width:85px;text-align:right;line-height:1.5}.equipment-heading{grid-template-columns:1fr;gap:28px;margin:36px 0}.equipment-heading h2{font-size:clamp(46px,12vw,72px)}.equipment-heading>div{justify-self:start;max-width:340px}.equipment-heading p{font-size:15px}.equipment-heading .equipment-partner{margin-top:20px}.equipment-grid{gap:30px 16px}.equipment-lead{grid-column:span 12}.equipment-lead .equipment-image{aspect-ratio:1.5}.equipment-image img{padding:8px}.equipment-caption h3{font-size:19px}.equipment-caption p{font-size:10px;line-height:1.4}.equipment-text{grid-column:span 12;min-height:150px;padding-top:22px}.equipment-text .equipment-caption{display:flex;align-items:end;gap:16px}.equipment-text .equipment-caption a{font-size:9px;gap:14px}.equipment-text h3{max-width:230px;font-size:21px}.equipment-more{grid-template-columns:1fr;gap:18px;margin-top:36px;padding-top:26px}.equipment-more p{font-size:14px}.equipment-sunny{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.equipment-image img,.equipment-caption a span{transition:none!important;transform:none!important}}
@media(max-width:700px){.navigation nav>a[href="#equipment"]{display:none}}
/* Open product silhouettes in the same scroll-driven helix as the films. */
.equipment{padding-bottom:90px}.equipment-heading{margin-bottom:48px}.equipment-heading p{font-size:1rem}.equipment-heading .equipment-partner{font-size:.8125rem}.equipment-topline{font-size:.75rem}.equipment-caption p,.equipment-index{font-size:.8125rem}.equipment-caption a{font-size:.875rem}.equipment-more p{font-size:1rem}
.equipment-products .equipment-image,.equipment-products .equipment-dark .equipment-image{background:transparent;overflow:visible}.equipment-products .equipment-image img,.equipment-products .equipment-dark .equipment-image img{mix-blend-mode:normal;object-fit:contain;padding:15px;filter:drop-shadow(0 12px 28px #0008)}
.equipment-products .equipment-card{grid-column:span 4}.equipment-products .equipment-image,.equipment-products .equipment-lead .equipment-image{aspect-ratio:1.3}.equipment-products .equipment-caption{border-top:1px solid #ffffff24}
.equipment-support{margin-top:65px}.equipment-support .equipment-text{min-height:170px}.equipment-support .equipment-caption a{font-size:.8125rem}.equipment-sunny{font-size:.875rem}
.equipment-experience{margin-inline:-4vw;position:relative;scroll-margin-top:95px}
.equipment-view-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 4vw;padding:18px 0;border-top:1px solid #ffffff29;font-size:.8125rem;letter-spacing:.05em;color:#c0b7ce}.equipment-total{color:#867d94;margin-left:14px}
.equipment-view-bar>div{display:flex;border:1px solid #ffffff30;border-radius:28px;padding:4px}.equipment-view-bar button{min-height:42px;min-width:90px;padding:10px 18px;border:0;border-radius:24px;background:transparent;color:#b6aebf;font-size:.875rem}.equipment-view-bar button[aria-pressed=true]{background:#ece7f4;color:#111}
.equipment-track{position:relative}.equipment-scroll .equipment-track{height:calc((var(--equipment-count) - 1)*360px + 100svh - 90px)}
.equipment-stage{height:calc(100svh - 90px);min-height:540px;max-height:1100px;position:relative;overflow:hidden;isolation:isolate;background:#030304}.equipment-scroll .equipment-stage{position:sticky;top:90px}
.equipment-stage-note{position:absolute;top:22px;left:4vw;right:4vw;display:flex;justify-content:space-between;gap:20px;font-size:.75rem;letter-spacing:.08em;color:#aaa0b5;z-index:5}.equipment-instruction{letter-spacing:0}
.equipment-orbit{position:absolute;inset:50px 0 240px;perspective:1300px;isolation:isolate}.equipment-orbit:before{content:'';position:absolute;inset:5% 20%;background:radial-gradient(ellipse,#9c78d31a,transparent 68%);pointer-events:none}
.equipment-orbit-item{position:absolute;left:50%;top:48%;display:flex;align-items:center;justify-content:center;width:clamp(310px,38vw,570px);height:100%;max-height:440px;background:transparent;border:0;pointer-events:none;will-change:transform;transform-style:preserve-3d;backface-visibility:hidden}.equipment-orbit-item.is-front{pointer-events:auto}.equipment-orbit-item img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 24px #0006)}.equipment-orbit-item:focus-visible{outline:1px solid #c9b7ff;outline-offset:8px;border-radius:12px}
.equipment-active{position:absolute;bottom:60px;left:4vw;right:4vw;display:flex;align-items:end;justify-content:space-between;gap:24px;z-index:5;pointer-events:none}.equipment-active-type{font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;color:#c9b7ff;margin:0 0 10px}.equipment-active-name{font-size:clamp(36px,4.8vw,70px);font-weight:400;letter-spacing:-.045em;line-height:1.06;margin:0}.equipment-active-rate{pointer-events:auto;display:inline-flex;gap:48px;align-items:center;font-size:.875rem;min-height:48px;color:#e7d6f4;border-bottom:1px solid #bca6d36b;margin-top:16px}.equipment-active-rate span{font-size:22px}
.equipment-controls{pointer-events:auto;display:flex;align-items:center;gap:20px;flex-shrink:0;padding-bottom:4px}.equipment-controls button{width:48px;height:48px;border:1px solid #ffffff40;border-radius:50%;background:transparent;color:#f4f4f5;font-size:22px}.equipment-controls button:hover:not(:disabled){background:#c9b7ff;color:#111}.equipment-controls button:disabled{opacity:.25;cursor:default}.equipment-counter{font-size:.875rem;min-width:65px;text-align:center;font-variant-numeric:tabular-nums;color:#c3b9ce}
.equipment-scrubber{position:absolute;bottom:13px;left:4vw;right:4vw;height:32px;z-index:5}.equipment-scrubber input{width:100%;height:32px;margin:0;accent-color:#c9b7ff;cursor:pointer}.equipment-experience.show-grid{margin-bottom:24px}
@media(max-width:900px){.equipment-products .equipment-card{grid-column:span 6}.equipment-active-name{font-size:44px}}
@media(max-width:700px){.equipment-experience{margin-inline:-6vw;scroll-margin-top:80px}.equipment-view-bar{margin-inline:6vw;gap:12px;font-size:.75rem;letter-spacing:0}.equipment-view-bar>span{max-width:140px;line-height:1.5}.equipment-total{display:block;margin:0}.equipment-view-bar button{min-width:76px;padding:8px 12px}.equipment-stage-note{left:6vw;right:6vw;font-size:.75rem;top:18px}.equipment-stage-note>span:first-child{letter-spacing:.03em}.equipment-stage{height:calc(100svh - 78px);min-height:520px;max-height:900px}.equipment-scroll .equipment-stage{top:78px}.equipment-scroll .equipment-track{height:calc((var(--equipment-count) - 1)*300px + 100svh - 78px)}.equipment-orbit{inset:65px 0 255px;perspective:900px}.equipment-orbit-item{width:min(75vw,420px);max-height:350px;top:48%}.equipment-active{left:6vw;right:6vw;bottom:61px;display:block}.equipment-active-name{font-size:38px}.equipment-active-type{font-size:.75rem}.equipment-active-rate{font-size:.8125rem;gap:24px;margin-top:12px}.equipment-controls{position:absolute;right:0;bottom:0;gap:10px;padding:0}.equipment-controls button{width:44px;height:44px}.equipment-counter{font-size:.75rem;min-width:44px}.equipment-scrubber{left:6vw;right:6vw}.equipment-support{margin-top:38px}.equipment-support .equipment-text{min-height:150px}.equipment-products .equipment-card{grid-column:span 6}.equipment-products .equipment-caption h3{font-size:1.125rem}.equipment-products .equipment-caption p{font-size:.75rem}.equipment-products .equipment-caption a{font-size:.75rem}.equipment-products .equipment-image img{padding:0}.equipment-more p{font-size:1rem}}
@media(max-height:619px){.equipment-stage{height:590px;max-height:none;min-height:590px}.equipment-orbit{inset:50px 0 245px}.equipment-orbit-item{max-height:290px}.equipment-active-name{font-size:38px}}
.motion-off .equipment-image img{transition:none!important;transform:none!important}
