:root{--page-gutter:clamp(20px,4vw,80px)}
/* Align section edges and let the equipment collection use the desktop width. */
header{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.hero-inner{max-width:none;padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.hero-bottom{left:var(--page-gutter);right:var(--page-gutter)}
.section{width:100%;max-width:none;padding:64px var(--page-gutter);margin:0}
.section-top{margin-bottom:28px;gap:32px;align-items:flex-end}
.section-top h2{font-size:clamp(34px,3.2vw,54px)}
.section-top p{max-width:390px}
.strip,.recordings,footer{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.cta{width:100%;max-width:none;padding:64px var(--page-gutter)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:18px}
.grid .card{min-width:0;align-self:start;padding:18px;transform:none}
.grid .card>img{width:100%;height:145px;margin:8px 0 18px;object-fit:contain}
.grid .card-head{font-size:9px;letter-spacing:1.4px}
.grid .card h3{font-size:22px;line-height:1.2;min-height:2.4em;margin:0;display:flex;align-items:flex-start}
.grid .card>p{font-size:12px;line-height:1.6;min-height:3.2em;margin:8px 0 0}
.grid .card .equipment-list-title{font-size:9px;letter-spacing:.8px;margin-top:18px}
.grid .card .equipment-list{margin-top:10px;padding-top:0}
.grid .card a.equipment-item{min-height:72px;gap:10px;padding:10px 0}
.grid .card .equipment-item img{width:48px;height:48px;margin:0;object-fit:contain}
.grid .card .equipment-item strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.grid .card .equipment-item>div{min-width:0}
.grid .card .equipment-empty{min-height:0}
.grid .card>a:last-child{padding-top:14px;margin-top:16px}
.equipment-expand{width:100%;min-height:40px;border:1px solid #D7C9AC;background:#FFF9EA;color:#79591D;border-radius:4px;padding:10px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;text-align:center;cursor:pointer;margin-top:12px}
.equipment-expand:hover{background:#D8B66F;color:#191919}
.equipment-expand:focus-visible{outline:3px solid #79591D;outline-offset:3px}
:root[data-hm-theme=night] .equipment-expand{border-color:#665332;background:#302819;color:#D8B66F}
@media(max-width:1299px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:999px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-top:48px;padding-bottom:48px}.grid .card h3{font-size:21px}}
@media(max-width:649px){.grid{grid-template-columns:minmax(0,1fr);gap:16px}.grid .card{padding:18px}.grid .card>img{height:135px;margin-bottom:12px}.grid .card h3{min-height:0;font-size:24px}.grid .card>p{min-height:0}.section-top p{max-width:none}.section-top{margin-bottom:24px}.grid .card .equipment-item img{width:54px;height:54px}.grid .card a.equipment-item{min-height:76px}.recordings,.cta{padding-top:45px;padding-bottom:45px}.filters{gap:7px}.filters button{padding:10px 14px}}

.picture-scene{transition:opacity .45s ease}.picture-scene{background:#121212}.picture-scene img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}@media(prefers-reduced-motion:reduce){.picture-scene{transition:none}}

.hero-fallback{object-fit:contain;object-position:center;background:#121212}

/* One unobtrusive playback bar replaces the horizontal picture index. */
.hero-bottom.compact-playback{justify-content:flex-end;align-items:center;bottom:28px;gap:0}.compact-playback .scene-tabs{display:none!important}.compact-playback .controls{display:flex;align-items:center;gap:3px;padding:5px 10px 5px 5px;border:1px solid #ffffff30;border-radius:999px;background:rgba(15,15,15,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:white}.compact-playback .controls button{width:42px;height:42px;min-width:42px;border:0;border-radius:50%;background:transparent!important;color:#fff!important;padding:0;font-family:inherit;font-size:19px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.compact-playback .controls button:hover{background:#ffffff1f!important}.compact-playback #pause{font-size:14px}.compact-playback #previous,.compact-playback #next{font-size:29px}.slide-position{min-width:50px;padding:0 8px 0 10px;border-left:1px solid #ffffff30;text-align:center;font-size:11px;font-weight:500;letter-spacing:.4px;font-variant-numeric:tabular-nums;color:#fff}.compact-playback .controls:focus-within{border-color:#D8B66F}@media(max-width:649px){.hero-bottom.compact-playback{bottom:22px}.compact-playback .controls button{width:40px;height:40px;min-width:40px}.compact-playback .controls{padding:3px 8px 3px 3px}.slide-position{font-size:11px;min-width:48px}.hero-inner{padding-bottom:130px}}

.social-section{padding:60px var(--page-gutter);display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;border-top:1px solid #D7C9AC;border-bottom:1px solid #D7C9AC;background:#F5F5F5}.social-copy h2{font-size:clamp(32px,3.2vw,48px)}.social-copy p{color:#625E55;font-size:13px;line-height:1.8;max-width:450px;margin:20px 0 0}.social-links{display:grid;grid-template-columns:1fr 1fr;gap:14px}.social-link{display:flex;align-items:center;gap:14px;padding:24px 20px;min-height:115px;border:1px solid #D7C9AC;border-radius:6px;background:#FFFFFF;color:#191919}.social-link svg{width:32px;height:32px;flex-shrink:0;color:#79591D}.social-link strong{display:block;font-size:17px}.social-link small{display:block;font-size:11px;color:#625E55;line-height:1.6;margin-top:6px}.social-arrow{margin-left:auto;color:#79591D}.social-link:hover{background:#FFF9EA;border-color:#79591D}:root[data-hm-theme=night] .social-section{background:#171717;border-color:#665332}:root[data-hm-theme=night] .social-link{background:#191919;border-color:#665332;color:#FFFFFF}:root[data-hm-theme=night] .social-link svg,:root[data-hm-theme=night] .social-arrow{color:#D8B66F}:root[data-hm-theme=night] .social-copy p,:root[data-hm-theme=night] .social-link small{color:#CACACA}:root[data-hm-theme=night] .social-link:hover{background:#302819}@media(max-width:999px){.social-section{grid-template-columns:1fr;gap:26px}}@media(max-width:649px){.social-section{padding-top:45px;padding-bottom:45px}.social-links{grid-template-columns:1fr}.social-link{min-height:90px;padding:18px}}

footer{align-items:flex-start;flex-wrap:wrap;gap:30px}.footer-business{display:flex;flex-direction:column;gap:7px;line-height:1.6;max-width:340px}.footer-business strong{color:#FFFFFF;font-size:13px}.footer-business span,.footer-business a{font-size:11px;color:#CACACA}.footer-business a{overflow-wrap:anywhere}.footer-links{max-width:550px;line-height:1.8}.footer-business a:hover{color:#D8B66F}

/* Compact Stay Connected tiles; the header remains available while scrolling. */
body>header{position:fixed;top:0;left:0;right:0;z-index:60;background:rgba(17,17,17,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 16px #0002}html{scroll-padding-top:120px}.connected-section{grid-template-columns:minmax(260px,.9fr) minmax(0,1.4fr);padding-top:44px;padding-bottom:44px;gap:36px}.connected-links{display:flex;flex-wrap:wrap;gap:10px}.connected-links .social-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:12px 17px;border-radius:6px;flex:0 0 auto}.connected-links .social-link svg{width:23px;height:23px}.connected-links .social-link strong{font-size:13px;line-height:1.3;font-weight:600;white-space:nowrap}.connected-links .social-link>span{display:contents}.connected-links .social-link small,.connected-links .social-arrow{display:none!important}.connected-section .social-copy h2{font-size:clamp(30px,3vw,43px)}.connected-section .social-copy p{margin-top:14px;max-width:440px}@media(max-width:999px){.connected-section{grid-template-columns:1fr;gap:22px}}@media(max-width:649px){html{scroll-padding-top:100px}.connected-section{padding-top:35px;padding-bottom:35px}.connected-links{gap:8px}.connected-links .social-link{min-height:48px;padding:11px 13px}.connected-links .social-link strong{font-size:12px}}

body>header .mobile-menu>div{top:100%;max-height:calc(100svh - 96px);overflow-y:auto}@media(max-width:800px){body>header .mobile-menu>div{max-height:calc(100svh - 82px)}}