.audio-portfolio-page{--audio-orange:#ff8a48;--audio-cream:#f6f0e8;background:#11100f;color:var(--light-gray);min-width:320px}.audio-shell{max-width:1280px;margin:0 auto;padding:28px 22px 60px}.audio-navbar{position:relative!important;top:auto!important;right:auto!important;width:100%!important;margin-bottom:16px;border-radius:16px!important;background:rgba(31,30,29,.82);border:1px solid var(--jet);box-shadow:none!important}.audio-navbar .navbar-list{justify-content:flex-end}.audio-page-card{display:block!important;width:100%!important;padding:0!important;overflow:hidden;background:#191817;border:1px solid var(--jet);border-radius:24px}.audio-page-card section{border:0}.audio-hero{min-height:610px;padding:82px clamp(28px,7vw,100px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;background:radial-gradient(circle at 82% 15%,rgba(255,106,40,.19),transparent 32%),linear-gradient(130deg,#1b1a18,#141311)}.eyebrow{color:var(--audio-orange);font-size:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:600;margin-bottom:18px}.audio-hero h1{font-size:clamp(54px,8vw,112px);line-height:.95;letter-spacing:-.065em;color:var(--audio-cream);font-weight:600}.audio-hero h1 span,.audio-cta h2 span{color:var(--audio-orange)}.audio-lede{max-width:490px;margin:28px 0;color:#c1bbb4;font-size:18px;line-height:1.7}.audio-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:12px}.audio-button{display:inline-flex;align-items:center;gap:12px;border-radius:9px;padding:13px 17px;font-size:12px;font-weight:600;transition:.25s ease}.audio-button ion-icon{font-size:17px}.audio-button-primary{background:var(--audio-orange);color:#1b120d}.audio-button-primary:hover{background:#ffb078;transform:translateY(-2px)}.audio-button-quiet{color:var(--audio-cream);border:1px solid #4a4641}.audio-button-outline{border:1px solid var(--audio-orange);color:var(--audio-orange)}.audio-button-quiet:hover,.audio-button-outline:hover{background:rgba(255,138,72,.1)}.audio-hero-art{height:380px;position:relative;display:grid;place-items:center}.hero-orbit{position:absolute;border:1px solid rgba(255,138,72,.32);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:330px;height:170px}.orbit-two{width:270px;height:330px;transform:rotate(62deg)}.hero-wave{height:220px;display:flex;align-items:center;gap:6px;transform:rotate(-24deg)}.hero-wave i{display:block;width:6px;border-radius:5px;background:linear-gradient(#ffb37c,var(--audio-orange));height:var(--h);box-shadow:0 0 18px rgba(255,138,72,.25)}.hero-wave i:nth-child(3n){--h:150px}.hero-wave i:nth-child(3n+1){--h:76px}.hero-wave i:nth-child(3n+2){--h:205px}.hero-art-label{position:absolute;bottom:8px;right:0;color:#766f68;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.audio-section{padding:92px clamp(28px,7vw,100px);border-top:1px solid #302e2b!important}.audio-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;background:#201e1b}.audio-section h2{font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:-.04em;color:var(--audio-cream)}.audio-section h2 em{color:#8f8880;font-style:normal}.audio-intro-text{font-size:17px;line-height:1.8;color:#bdb6ae;max-width:510px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-index{color:#6f6963;font-size:11px;letter-spacing:.16em}.section-note{color:#8f8982;font-size:12px;line-height:1.6;text-align:right}.audio-work-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.audio-project{background:#24221f;border:1px solid #35322f;border-radius:15px;overflow:hidden}.audio-project-featured{grid-row:span 2}.project-visual{height:190px;position:relative;background:#141311;overflow:hidden}.audio-project-featured .project-visual{height:320px}.project-visual img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:.45s}.audio-project:hover img{transform:scale(1.035);opacity:1}.project-visual-radio img{object-position:center 35%}.visual-caption,.interactive-image span{position:absolute;left:16px;bottom:14px;padding:5px 8px;background:rgba(17,16,15,.8);color:#d8c9bc;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.project-body{padding:23px}.project-kicker{color:var(--audio-orange);font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.project-body h3,.system-card h3,.capability-grid h3{color:var(--audio-cream);font-size:20px;line-height:1.2;margin-bottom:10px}.project-body p,.system-card p,.capability-grid p,.interactive-copy p{font-size:13px;line-height:1.7;color:#aaa39c}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.tag-row span{border:1px solid #49443e;border-radius:99px;padding:5px 9px;color:#a9a099;font-size:10px}.text-link{display:inline-flex;gap:8px;align-items:center;margin-top:18px;color:var(--audio-orange);font-size:12px}.audio-samples{background:#1b1a18}.sample-list{border-top:1px solid #3c3935}.sample-row{display:grid;grid-template-columns:44px 1fr minmax(250px,45%);gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid #34312e}.sample-number{color:var(--audio-orange);font-size:11px}.sample-meta{display:flex;flex-direction:column;gap:4px}.sample-meta strong{font-size:13px;color:var(--audio-cream);font-weight:500}.sample-meta span{font-size:10px;color:#827b74}.sample-row audio{width:100%;height:34px;filter:sepia(.2) saturate(.7)}.systems-section{background:#201e1b}.systems-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.system-card{padding:32px;border:1px solid #3a3632;border-radius:15px;background:#292723}.system-card-dark{background:#121110;min-height:340px}.system-mark{color:var(--audio-orange);font-size:24px;letter-spacing:.12em;margin-bottom:56px}.system-mark span{color:#746b63;margin:0 12px}.routing-diagram{display:flex;align-items:center;gap:10px;min-height:88px;color:#aaa198;font-size:10px;letter-spacing:.12em}.routing-diagram b{color:var(--audio-orange);font-size:18px}.interactive-section{background:#171614}.interactive-copy{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.interactive-image{height:320px;position:relative;overflow:hidden;border-radius:13px;border:1px solid #3b3732}.interactive-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.muted-note{margin-top:18px!important;color:#77716b!important;font-size:11px!important}.capabilities-section{background:#201e1b}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.capability-grid>div{border-top:1px solid #49443e;padding-top:16px}.capability-no{color:var(--audio-orange);font-size:11px}.capability-grid h3{font-size:16px;margin-top:38px}.capability-grid p{font-size:12px}.audio-cta{padding:78px clamp(28px,7vw,100px);display:flex;justify-content:space-between;align-items:end;gap:35px;background:linear-gradient(120deg,#2a211c,#1b1917)}.audio-cta h2{font-size:clamp(42px,6vw,75px);line-height:.98;letter-spacing:-.05em;color:var(--audio-cream)}.audio-footer{display:flex;justify-content:space-between;padding:22px clamp(28px,7vw,100px);font-size:10px;color:#77716b;letter-spacing:.1em;text-transform:uppercase}.audio-footer a{color:var(--audio-orange)}
@media(max-width:800px){.audio-shell{padding:12px 10px 35px}.audio-navbar .navbar-list{justify-content:center;gap:15px;padding:0 10px}.audio-navbar .navbar-link{font-size:10px}.audio-hero{grid-template-columns:1fr;min-height:0;padding:64px 26px 30px}.audio-hero-art{height:240px}.hero-wave{transform:rotate(-18deg) scale(.72)}.audio-hero h1{font-size:65px}.audio-lede{font-size:15px}.audio-section{padding:62px 26px}.audio-intro,.interactive-copy{grid-template-columns:1fr;gap:28px}.audio-work-grid,.systems-layout{grid-template-columns:1fr}.audio-project-featured{grid-row:auto}.audio-project-featured .project-visual{height:230px}.sample-row{grid-template-columns:28px 1fr;gap:10px}.sample-row audio{grid-column:2;width:100%;margin-top:6px}.section-heading{align-items:start;flex-direction:column}.section-note{text-align:left}.capability-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.capability-grid h3{margin-top:22px}.audio-cta{padding:60px 26px;align-items:start;flex-direction:column}.audio-footer{padding:20px 26px}}
@media(max-width:440px){.audio-navbar .navbar-list{gap:9px}.audio-navbar .navbar-link{font-size:9px}.audio-hero h1{font-size:54px}.audio-actions,.cta-actions{align-items:stretch;flex-direction:column}.audio-button{justify-content:center}.capability-grid{grid-template-columns:1fr}.audio-footer{font-size:9px}}

/* The shared desktop layout reserves flex columns for the site's sidebar.
   This page has no sidebar: stack its top navigation above the full-width content. */
.audio-portfolio-page main.audio-shell{display:block;width:min(1280px,calc(100% - 32px));max-width:1280px;margin:0 auto}

/* Readable body copy; keep labels, tags and metadata compact. */
.audio-page-card .project-body>p:not(.project-kicker),.audio-page-card .system-card>p:not(.project-kicker),.audio-page-card .interactive-copy p:not(.muted-note){font-size:16px;line-height:1.75;max-width:680px}
.audio-page-card .audio-project,.audio-page-card .system-card{display:block}
.audio-page-card .audio-intro-text{font-size:18px;line-height:1.75}
.audio-page-card .capability-grid p{font-size:14px;line-height:1.7}
.audio-page-card .text-link{cursor:pointer;transition:transform .25s ease,color .25s ease}
.audio-page-card .text-link:hover{transform:translateX(4px);color:#ffb078}
.system-image{height:210px;margin:-32px -32px 30px;overflow:hidden;background:#161513;border-bottom:1px solid #3a3632}
.system-image img{width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:.88;transition:transform .45s ease,opacity .45s ease}
.system-card:hover .system-image img{transform:scale(1.035);opacity:1}
.system-card-featured{min-height:100%}
.routing-diagram-vertical{flex-direction:column;align-items:flex-start;gap:2px;min-height:210px;padding:4px 0 18px;color:#b8ada2}
.routing-diagram-vertical b{font-size:15px;line-height:1;color:var(--audio-orange);padding-left:8px}
.system-card-wwise{background:linear-gradient(160deg,#2c2722,#211f1c)}
.capability-link{color:inherit}.capability-link h3{transition:color .25s ease}.capability-cta{display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:var(--audio-orange);font-size:11px;transition:transform .25s ease}.capability-cta ion-icon{font-size:15px}.capability-link:hover h3{color:var(--audio-orange)}.capability-link:hover .capability-cta{transform:translateX(4px)}
@media(max-width:800px){.audio-page-card .project-body>p:not(.project-kicker),.audio-page-card .system-card>p:not(.project-kicker),.audio-page-card .interactive-copy p:not(.muted-note){font-size:15px;line-height:1.7}.audio-page-card .audio-intro-text{font-size:16px}.system-image{height:190px}.routing-diagram-vertical{min-height:180px}}
