/* Product-first demo and richer interactive details. */
.product-landing{--paper:#efefeb;--ink:#161817;--accent:#e14c32;--display:'Manrope',sans-serif}.product-landing .brand{font-size:36px;font-weight:800}.audio-hero{padding-top:42px}.audio-heading{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:60px;margin-bottom:45px}.audio-heading h1{font-size:clamp(46px,5.8vw,88px);font-weight:600}.audio-heading p{max-width:350px;font-size:17px;margin-bottom:25px}.audio-photo{height:640px;position:relative;overflow:hidden;background:#d8d9d4}.audio-photo>img{height:100%;width:100%;object-fit:cover;object-position:50% 50%}.audio-word{position:absolute;bottom:-.14em;left:30px;font:800 clamp(120px,22vw,340px)/1 'Manrope';letter-spacing:-.08em;color:white;mix-blend-mode:difference;pointer-events:none}.audio-caption{position:absolute;right:32px;bottom:35px;color:#fff;font-size:15px;background:#161817c9;padding:14px 20px}.audio-spec-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:35px 0}.audio-spec-strip span{font-size:13px;color:#656863}.audio-spec-strip strong{display:block;font:500 40px/1.3 'Manrope';color:#161817;letter-spacing:-.04em}.audio-design{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.audio-design .copy{position:sticky;top:30px}.audio-design figure{margin:0}.audio-design figure img{width:100%;height:740px;object-fit:cover}.audio-design figcaption{font-size:13px;margin-top:16px;color:#656863}.audio-materials{display:grid;gap:25px;margin-top:15px}.audio-materials h3{font-size:21px;margin-bottom:8px}.audio-materials p{font-size:15px}.audio-modes{background:#171a19;color:#f3f4ef}.mode-buttons{display:flex;gap:10px;flex-wrap:wrap}.mode-buttons button{padding:12px 15px;min-height:44px;background:none;border:1px solid #7c827e;color:white}.mode-buttons button[aria-pressed=true]{background:#e14c32;border-color:#e14c32}.sound-stage{padding:50px 35px;background:#272d2a}.sound-bars{height:220px;display:flex;align-items:center;gap:5px;margin-bottom:35px}.sound-bars i{flex:1;height:calc(12% + mod(var(--n)*17,80)*1%);min-height:18px;max-height:95%;background:#e14c32;border-radius:5px;animation:audio-pulse 1.8s ease-in-out infinite alternate;animation-delay:calc(var(--n)*-.13s);transform-origin:center}.sound-stage p{margin:15px 0 22px;color:#d3d9d5}.sound-stage>span{font-size:12px;letter-spacing:.08em}.sound-stage.street .sound-bars i{background:#7da9dc}.sound-stage.home .sound-bars i{background:#e6c983}@keyframes audio-pulse{to{transform:scaleY(.25)}}.spec-layout{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.spec-product img{width:100%;height:540px}.spec-list{margin:0}.spec-list>div{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;padding:25px 0;border-bottom:1px solid #c7cac4}.spec-list dt{font-weight:600}.spec-list dd{margin:0;color:#5c635c}.audio-config{background:#dce0d7}.audio-config .copy>img{width:100%;height:320px;object-fit:cover}.audio-config form{background:#f8f8f3;padding:42px;gap:24px}.audio-config h3{font-size:34px}.audio-config fieldset{padding:0;border:0;margin:0}.audio-config legend{margin-bottom:14px}.kit-option{display:flex;align-items:center;gap:15px;border:1px solid #bec5b9;padding:18px;margin-bottom:12px;cursor:pointer}.kit-option:has(input:checked){border-color:#161817;background:#e6eae0}.kit-option input{width:18px;min-height:18px;accent-color:#161817}.kit-option span{flex:1}.kit-option small{display:block;font-size:12px}.kit-option b{font-size:15px}.config-total{display:flex;justify-content:space-between;align-items:center}.config-total strong{font-size:28px}.audio-ending{background:#171a19;color:#f3f4ef;padding:100px 0}.audio-ending h2{font-size:clamp(50px,7vw,105px);margin:22px 0 35px}
.delivery-line{display:flex;justify-content:space-between;gap:18px;padding:10px 0;font-size:14px}.confirmation-number{font:500 32px "DM Sans";margin:24px 0}
/* Institutional: process and people without fictional endorsements. */
.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.process-track article{padding-top:25px;border-top:3px solid #34534b}.process-track span{font-size:13px;color:#627065}.process-track h3{margin:18px 0}.process-track p{font-size:15px}.studio-team{background:#cfd6cc}.role-list{display:grid;gap:26px}.role-list article{padding-bottom:22px;border-bottom:1px solid #a4afa0}.role-list p{margin-top:12px}.project-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.project-meta span{font-size:13px;color:#68705f}.project-meta strong{display:block;color:#252b21;margin-top:5px}.project-nav{display:flex;justify-content:space-between;margin-top:30px}
/* Catalog. */
.catalog-editorial{background:#162435;color:#fff;padding:60px 0}.catalog-editorial img{width:100%;height:330px;object-fit:contain}.catalog-editorial p{margin:20px 0;color:#cfdae4}.vehicle .vehicle-version{font-size:12px;color:#5b6b7e;display:block;margin-top:8px}.catalog-detail-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.catalog-detail-tabs button{min-height:44px;padding:10px 18px;background:none;border:1px solid #a9b6c4}.catalog-detail-tabs button[aria-pressed=true]{background:#162435;color:#fff}.catalog-specs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.catalog-specs>div{padding:18px;background:#e5ebf0}.catalog-specs small{display:block;color:#5d6b78;margin-bottom:7px}.inquiry-summary{background:#e5ebf0;padding:20px;margin-bottom:20px}.filter-tags{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.filter-tags span{font-size:12px;background:#dae5ef;padding:7px 10px}
/* Reservations: visible date range and transparent breakdown. */
.booking-calendar{padding-top:65px;display:grid;grid-template-columns:.85fr 1fr;gap:9vw;align-items:center}.booking-calendar h2{font-size:54px}.booking-calendar p{margin:18px 0 24px}.calendar-box{background:#fff;padding:26px}.calendar-top{display:flex;justify-content:space-between;align-items:center}.calendar-top button{border:1px solid #b6c0b3;min-width:44px;height:44px;background:none}.calendar-top strong{font-family:'DM Sans';font-size:17px}.calendar-box #calendar-hint{font-size:13px;color:#60705c;margin:18px 0}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.calendar-week{font-size:12px;color:#6c7568;margin-bottom:12px}.calendar-days button{aspect-ratio:1;min-height:40px;border:0;background:#f1f3ed;font-size:14px;padding:0}.calendar-days button.selected{background:#435b48;color:white}.calendar-days button.in-range{background:#dfe8d7}.calendar-days button:disabled{background:none;color:#9b9f96}.calendar-days button.today{box-shadow:inset 0 0 0 1px #435b48}.booking-experiences img{height:280px;width:100%;object-fit:cover}.booking-experiences h3{font-size:32px;margin:20px 0 12px}.booking-experiences p{font-size:15px}.room-status{font-size:12px;padding:6px 10px;display:inline-block;background:#e2e8d9;color:#31452c;margin-top:12px}.room-unavailable{color:#765643;background:#eee3d6}.reservation-summary{background:#e1e7db;padding:24px;margin:20px 0}.reservation-summary .delivery-line{border-bottom:1px solid #bcc9b5}.reservation-extras label{display:flex;align-items:center;gap:12px;padding:12px 0;cursor:pointer}.reservation-extras input{width:18px;min-height:18px;accent-color:#435b48}.reservation-extras small{display:block}.reservation-total{font:500 26px 'DM Sans';margin:20px 0}.reservation-policy{font-size:13px;color:#5f6c59}.booking-progress{display:flex;gap:15px;font:13px 'DM Sans';margin:20px 0}.booking-progress span{padding:9px 12px;background:#e4e9df}.booking-progress .active{background:#435b48;color:white}.booking-form .form-result{margin:0}
@media(max-width:950px){.audio-heading{grid-template-columns:1fr;gap:25px}.audio-heading p{max-width:530px}.audio-photo{height:500px}.audio-design{gap:35px}.audio-design figure img{height:600px}.process-track{grid-template-columns:1fr 1fr}.booking-calendar{gap:35px}.shop-editorial h2{font-size:50px}.audio-config form{padding:28px}.audio-config .split{gap:30px}}
@media(max-width:650px){.audio-hero{padding-top:25px}.audio-heading{margin-bottom:30px;gap:24px}.audio-heading h1{font-size:44px}.audio-heading p{font-size:16px}.audio-photo{height:420px}.audio-caption{right:12px;bottom:20px;font-size:11px;padding:10px}.audio-word{left:12px;font-size:128px;bottom:15px}.audio-spec-strip{grid-template-columns:1fr 1fr;gap:25px}.audio-spec-strip strong{font-size:34px}.audio-design,.spec-layout{grid-template-columns:1fr;gap:30px}.audio-design .copy{position:static}.audio-design figure img{height:440px}.sound-stage{padding:28px 22px}.sound-bars{height:160px}.spec-product img{height:300px}.spec-list>div{padding:20px 0;font-size:14px}.audio-config form{padding:24px}.kit-option{padding:13px;gap:10px;flex-wrap:wrap}.kit-option b{font-size:13px}.audio-config .copy>img{height:240px}.audio-ending{padding:65px 0}.audio-ending h2{font-size:58px}.product-landing .nav nav{gap:12px}.product-landing .nav .btn{padding:8px 12px}.shop .nav nav{gap:10px}.nav-favorites{font-size:12px}.shop-editorial{display:block;padding-bottom:50px}.shop-editorial h2{font-size:46px}.shop-editorial p{margin:22px 0}.shop-service-strip{gap:8px;font-size:11px}.product-card .save-product{width:36px;height:36px;right:8px;top:8px}.coupon-line{flex-wrap:wrap}.process-track{grid-template-columns:1fr;gap:25px}.project-meta{grid-template-columns:1fr 1fr}.catalog-specs{grid-template-columns:1fr 1fr;font-size:13px}.catalog-editorial img{height:240px}.booking-calendar{grid-template-columns:1fr;gap:25px;padding-top:45px}.booking-calendar h2{font-size:44px}.calendar-box{padding:18px}.calendar-days{gap:3px}.calendar-days button{min-height:38px}.calendar-top strong{font-size:15px}.booking-experiences img{height:250px}.reservation-summary{padding:18px}.reservation-total{font-size:23px}.booking-progress{font-size:11px;gap:7px}.booking-progress span{padding:8px}}
@media(prefers-reduced-motion:reduce){.sound-bars i{animation:none}.audio-design .copy{position:static}}