/* Sensory positioning and product-led composition. */
.sensory-direction .hero { min-height:780px; padding-top:38px; padding-bottom:80px; overflow:hidden; }
.sensory-direction .hero-meta { font-size:10px; gap:32px; }
.sensory-direction .hero-title { grid-column:1 / 6; margin-top:48px; translate:none !important; scale:1 !important; max-width:240px; }
.sensory-direction .hero-wordmark { animation:none; opacity:1; transform:none; }
.sensory-direction .hero-intro { grid-column:1 / 6; max-width:560px; margin-top:44px; }
.sensory-direction .hero-intro .hero-thesis { margin:18px 0 24px; font-size:clamp(46px,5.1vw,78px); line-height:1.02; letter-spacing:-.055em; color:var(--ink); }
.sensory-direction .hero-intro .hero-thesis span { color:var(--accent-display); }
.sensory-direction .hero-subcopy { max-width:410px; font-size:17px; line-height:1.65; }
.sensory-direction .hero-actions { margin-top:28px; gap:22px; }
.sensory-direction .hero-conversion-actions { display:flex; align-items:flex-start; flex-direction:column; gap:18px; }
.sensory-direction .hero-primary-action { background:var(--ink); color:var(--surface); padding:16px 24px; }
.sensory-direction .hero-art { display:none; }
.sensory-direction .hero-intro .sensory-kicker { color:var(--muted); font-size:10px; line-height:1.4; letter-spacing:.14em; }
.sensory-listen { display:flex; align-items:center; gap:24px; width:max-content; }
.sensory-product { position:relative; z-index:2; grid-column:6 / -1; grid-row:2 / span 2; margin:40px 0 0 28px; align-self:center; min-width:0; }
.sensory-product::before { content:''; position:absolute; z-index:-1; inset:-100px -35px -40px; background:url('/assets/doidom-hero-art.svg') center/contain no-repeat; opacity:.055; transform:rotate(-18deg); }
.sensory-product img { width:100%; border-radius:8px; box-shadow:0 28px 60px #29251e26,0 2px 4px #29251e30; }
.sensory-product figcaption { display:flex; justify-content:space-between; margin-top:22px; padding-right:70px; color:var(--muted); font-size:12px; }
.sensory-product figcaption span:first-child { font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:.12em; }
.sensory-manifesto { border-top:1px solid var(--hairline); padding:90px 0; align-items:start; }
.sensory-manifesto > .technical-label { grid-column:1 / 4; }
.sensory-manifesto > div { grid-column:4 / 10; }
.sensory-manifesto h2 { margin:0 0 25px; font-size:clamp(36px,4.2vw,64px); line-height:1.07; letter-spacing:-.045em; }
.sensory-manifesto > div p { max-width:540px; font-size:18px; line-height:1.65; }
.sensory-margin-note { grid-column:11 / -1; font-size:12px; line-height:1.7; color:var(--muted); }
.sensory-direction .audio-proof { border-top:1px solid var(--hairline); }
.sensory-direction .audio-proof { scroll-margin-top:90px; }
.sensory-direction .audio-proof > .section-index { grid-column:1 / 2; grid-row:1; }
.sensory-direction .audio-header { grid-column:2 / 12; grid-row:1; text-align:center; }
.sensory-direction .audio-header h2 { max-width:none; }
.sensory-direction .audio-header > p { margin-left:auto; margin-right:auto; }
.sensory-direction .audio-console { grid-template-columns:minmax(0,1fr); }
.sensory-direction .audio-console .track-meta { justify-content:center; flex-wrap:wrap; text-align:center; }
.sensory-direction .audio-console .ab-control { width:min(100%,640px); margin:0 auto; grid-template-columns:76px minmax(0,1fr) 24px; }
.sensory-direction .audio-console .listen-notes { grid-column:1 / -1; text-align:center; }
.sensory-method { font-size:12px; color:var(--muted); justify-self:end; max-width:390px; }
.sensory-method summary { cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.sensory-method p { margin-top:16px; font-size:12px; line-height:1.7; }
.sensory-direction .audio-console { border-radius:4px; }
.sensory-direction .audio-console [data-audio-status]:empty { display:none; }
.sensory-direction [data-reveal], .sensory-direction .trust .section-lead h2, .sensory-direction .trust-list li, .sensory-direction .callout { opacity:1; transform:none; clip-path:none; }
.control-stories { width:min(1440px,calc(100% - (var(--outer) * 2))); margin:0 auto; padding:72px 0 32px; border-top:1px solid var(--hairline); scroll-margin-top:100px; }
.control-stories-heading { max-width:760px; margin-bottom:64px; }
.control-stories h2,.live-story h2 { margin:22px 0; font-size:clamp(38px,4.5vw,68px); line-height:1.08; letter-spacing:-.045em; }
.control-stories-heading > p:last-child { max-width:600px; font-size:18px; }
.control-family { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:64px; border-top:1px solid var(--hairline); padding:42px 0 56px; }
.control-family-intro h3 { font-size:30px; line-height:1.15; letter-spacing:-.035em; margin:22px 0; }
.control-family-intro > p:last-child { max-width:290px; font-size:15px; }
.control-entries { min-width:0; }
.control-entries details { border-bottom:1px solid var(--hairline); }
.control-entries summary { position:relative; display:grid; grid-template-columns:145px minmax(0,1fr); gap:18px; padding:23px 30px 23px 0; cursor:pointer; list-style:none; }
.control-entries summary::-webkit-details-marker { display:none; }
.control-entries summary::after { content:'+'; position:absolute; right:0; top:22px; font-size:20px; }
.control-entries details[open] summary::after { content:'−'; }
.control-entries summary > span { font:11px/1.5 'IBM Plex Mono',monospace; letter-spacing:.06em; color:var(--accent); }
.control-entries summary strong { font-size:19px; line-height:1.4; font-weight:500; }
.control-entries summary:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.control-story { padding:0 32px 25px 163px; }
.sensory-direction .control-story p { font-size:15px; line-height:1.75; margin:0 0 16px; }
.sensory-direction .control-story .control-listen { border-left:2px solid var(--accent); padding-left:16px; color:var(--ink); margin-top:22px; }
.live-story { width:min(1440px,calc(100% - (var(--outer) * 2))); background:var(--instrument-dark); color:var(--surface); padding:64px; margin:32px auto 64px; scroll-margin-top:100px; }
.sensory-direction .live-story p { color:var(--inverse-muted); }
.live-story > .technical-label { color:var(--inverse-accent); }
.live-story .live-intro { max-width:700px; font-size:22px; }
.live-reasons { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin:48px 0 36px; }
.live-reasons article { border-top:1px solid var(--inverse-hairline); padding-top:24px; }
.live-reasons .technical-label { font-size:10px; color:var(--inverse-accent); }
.live-reasons h3 { font-size:25px; line-height:1.25; letter-spacing:-.025em; margin:20px 0; }
.sensory-direction .live-reasons p { font-size:15px; }
.sensory-direction .live-story .live-note { max-width:850px; font-size:13px; border-top:1px solid var(--inverse-hairline); padding-top:24px; }
.live-story .text-action { color:var(--surface); margin-top:24px; display:inline-block; }
.limiter-story { width:min(1440px,calc(100% - (var(--outer) * 2))); margin:24px auto 64px; padding:52px 0; border-top:1px solid var(--hairline); display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:64px; }
.limiter-story h2 { font-size:clamp(36px,4vw,58px); line-height:1.1; letter-spacing:-.04em; margin:0 0 24px; }
.limiter-story > div { max-width:760px; }
.live-feedback { border-left:2px solid var(--inverse-accent); margin-top:36px; padding-left:24px; max-width:810px; }
.sensory-direction .live-feedback > p:nth-child(2) { font-size:24px; line-height:1.5; color:var(--surface); margin:16px 0; }
.sensory-direction .live-feedback .feedback-context { font-size:12px; max-width:680px; }
@media(max-width:1024px) {
 .sensory-direction .audio-proof > .section-index { grid-column:1 / -1; grid-row:1; }
 .sensory-direction .audio-header { grid-column:1 / -1; grid-row:2; }
 .control-family { gap:32px; }
 .control-entries summary { grid-template-columns:110px minmax(0,1fr); }
 .control-story { padding-left:128px; }
 .live-story { padding:40px; }
 .live-reasons { gap:24px; }
 .sensory-direction .hero-title,.sensory-direction .hero-intro { grid-column:1 / 4; max-width:none; }
 .sensory-product { grid-column:4 / -1; margin-left:24px; margin-right:-30px; }
 .sensory-direction .hero-meta { gap:18px; font-size:9px; }
 .sensory-manifesto > .technical-label { grid-column:1 / -1; margin-bottom:28px; }
 .sensory-manifesto > div { grid-column:1 / 5; }
 .sensory-margin-note { grid-column:5 / -1; }
}
@media(max-width:820px) {
 .limiter-story { grid-template-columns:1fr; gap:24px; margin-bottom:40px; padding:36px 0; }
 .sensory-direction .audio-console .ab-control { grid-template-columns:56px minmax(0,1fr) 18px; gap:12px; padding:16px 12px; }
 .sensory-direction .ab-play-control { width:52px; height:52px; }
 .sensory-direction .live-feedback > p:nth-child(2) { font-size:20px; }
 .control-stories { padding-top:44px; }
 .control-stories-heading { margin-bottom:36px; }
 .control-family { grid-template-columns:1fr; gap:12px; padding:30px 0; }
 .control-family-intro > p:last-child { max-width:520px; }
 .control-entries summary { grid-template-columns:1fr; gap:8px; }
 .control-story { padding-left:0; padding-right:12px; }
 .live-story { padding:30px 24px; margin-top:24px; }
 .live-reasons { grid-template-columns:1fr; gap:24px; margin-top:32px; }
 .live-story .live-intro { font-size:19px; }
 .sensory-direction .hero { min-height:0; padding-top:28px; padding-bottom:50px; }
 .sensory-direction .hero-title { grid-column:1 / -1; grid-row:2; margin-top:36px; max-width:230px; }
 .sensory-direction .hero-intro { grid-column:1 / -1; grid-row:3; margin-top:30px; }
 .sensory-direction .hero-intro .hero-thesis { font-size:clamp(48px,9vw,72px); }
 .sensory-direction .hero-subcopy { max-width:520px; font-size:16px; }
 .sensory-product { grid-column:1 / -1; grid-row:4; margin:52px 0 0; }
 .sensory-product figcaption { padding-right:0; }
 .sensory-manifesto { padding:48px 0; }
 .sensory-manifesto > div { grid-column:1 / -1; }
 .sensory-margin-note { grid-column:1 / -1; margin-top:20px; }
 .sensory-manifesto > div p { font-size:16px; }
 .sensory-method { justify-self:start; }
}

/* Instrument edition: large product typography, tactile detail, clear navigation. */
.sensory-direction .hero { padding-top:26px; padding-bottom:48px; min-height:0; overflow:visible; row-gap:0; }
.sensory-direction .hero-meta { grid-column:1 / -1; grid-row:1; justify-content:space-between; margin:0; }
.sensory-direction .hero-title { grid-column:1 / -1; grid-row:2; max-width:none; width:100%; margin:38px 0 32px; }
.sensory-direction .hero-wordmark { width:100%; max-width:none; height:auto; }
.sensory-direction .hero-intro { grid-column:1 / 5; grid-row:3; align-self:center; margin:0; padding:30px 0; }
.sensory-direction .hero-intro .hero-thesis { font-size:clamp(42px,4.1vw,64px); line-height:1.03; letter-spacing:-.055em; }
.sensory-direction .hero-subcopy { font-size:15px; max-width:350px; }
.sensory-direction .hero-actions { display:flex; flex-direction:column; align-items:flex-start; gap:24px; }
.sensory-direction .hero-primary-action { border-radius:3px; transition:background .2s,transform .2s; }
.sensory-direction .hero-primary-action:hover { background:var(--instrument-dark); transform:translateY(-2px); }
.sensory-product { grid-column:5 / -1; grid-row:3; margin:0 0 0 20px; align-self:stretch; display:flex; flex-direction:column; justify-content:center; background:transparent; padding:24px 0; border:0; border-radius:0; overflow:hidden; }
.sensory-product::before { display:none; }
.product-stage-index { position:absolute; top:22px; left:24px; font-size:9px; color:var(--muted); }
.sensory-product img { position:relative; margin:24px 0; width:100%; border-radius:6px; box-shadow:0 16px 28px -22px rgba(23,24,32,.35); }
.sensory-product figcaption { margin:0; padding:0; gap:16px; font-size:11px; }
.instrument-nav { width:min(1440px,calc(100% - (var(--outer) * 2))); margin:0 auto; display:flex; align-items:center; justify-content:center; gap:48px; border-top:0; border-bottom:1px solid var(--hairline); padding:18px 0 30px; }
.instrument-nav > span { font-size:9px; color:var(--muted); margin-right:auto; }
.instrument-nav a { font-size:12px; padding:5px 0; }
.instrument-nav a:hover { color:var(--accent); }
.sensory-direction .sensory-manifesto { border-top:0; padding:100px 0; }
.sensory-manifesto > div { grid-column:4 / 11; }
.sensory-manifesto h2 { font-size:clamp(42px,5.3vw,78px); }
.sensory-direction .audio-console { border-radius:16px; }
.sensory-direction .inspection { padding-top:90px; }
.sensory-direction .inspection-image { border-radius:12px; overflow:hidden; }
.sensory-direction .control-stories-heading { max-width:none; display:grid; grid-template-columns:1fr 2fr; column-gap:64px; }
.control-stories-heading > .technical-label { grid-column:1; grid-row:1 / 3; padding-top:25px; max-width:230px; line-height:1.7; }
.control-stories-heading h2,.control-stories-heading > p:last-child { grid-column:2; }
.control-family-intro h3 { max-width:310px; }
.control-family { padding-top:44px; }
.control-entries summary:hover strong { color:var(--accent); }
.meter-story { width:min(1440px,calc(100% - (var(--outer) * 2))); margin:40px auto 80px; padding:64px; background:var(--instrument-dark); color:var(--surface); border-radius:18px; scroll-margin-top:90px; overflow:hidden; }
.meter-heading { display:grid; grid-template-columns:1.4fr 1fr; column-gap:64px; align-items:end; }
.meter-heading > .technical-label { grid-column:1 / -1; color:var(--inverse-accent); font-size:10px; }
.meter-heading h2 { font-size:clamp(40px,5vw,72px); line-height:1.04; letter-spacing:-.045em; margin:28px 0 36px; }
.sensory-direction .meter-heading > p:last-child { color:var(--inverse-muted); font-size:17px; margin-bottom:40px; max-width:360px; }
.meter-detail { margin:16px 0 48px; }
.meter-detail-window { position:relative; aspect-ratio:3.8; overflow:hidden; border-radius:12px; background:var(--instrument-dark); }
.meter-detail-window img { position:absolute; width:100%; height:auto; max-width:none; bottom:0; left:0; }
.meter-detail figcaption { font-size:9px; letter-spacing:.1em; color:var(--inverse-muted); margin-top:16px; }
.meter-stories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
.meter-stories article { border-top:1px solid var(--inverse-hairline); padding-top:24px; }
.meter-stories .technical-label { color:var(--inverse-accent); font-size:10px; }
.meter-stories h3 { font-size:27px; line-height:1.15; font-weight:500; letter-spacing:-.025em; margin:24px 0 18px; }
.sensory-direction .meter-stories p { color:var(--inverse-muted); font-size:15px; line-height:1.75; }
.sensory-direction .meter-stories .meter-footnote { font-size:12px; line-height:1.6; }
.live-story { position:relative; border-radius:18px; padding:72px; overflow:hidden; }
.live-story h2 { font-size:clamp(48px,7vw,100px); max-width:900px; position:relative; z-index:1; }
.live-story::after { display:none; }
.live-story > p,.live-story > aside,.live-story > div,.live-story > a { position:relative; z-index:1; }
@media(max-width:1024px) {
 .sensory-direction .hero-intro { grid-column:1 / 4; }
 .sensory-product { grid-column:4 / -1; margin-left:10px; padding:24px 0; }
 .sensory-direction .hero-intro .hero-thesis { font-size:42px; }
 .sensory-product figcaption { flex-direction:column; gap:8px; }
 .meter-story,.live-story { padding:40px; }
 .meter-heading { gap:32px; }
 .meter-stories { gap:24px; }
 .sensory-direction .control-stories-heading { column-gap:32px; }
}
@media(max-width:820px) {
 .sensory-direction .hero-meta { flex-wrap:wrap; gap:10px 20px; font-size:8px; }
 .sensory-direction .hero-title { margin:30px 0 20px; }
 .sensory-product { grid-column:1 / -1; grid-row:3; min-height:0; margin:0; padding:0; border-radius:0; }
 .product-stage-index { top:14px; left:16px; font-size:8px; }
 .sensory-product img { margin:16px 0 18px; }
 .sensory-product figcaption { flex-direction:row; gap:12px; font-size:10px; }
 .sensory-product figcaption span:first-child { font-size:8px; }
 .sensory-direction .hero-intro { grid-column:1 / -1; grid-row:4; padding:30px 0 0; }
 .sensory-direction .hero-intro .hero-thesis { font-size:clamp(44px,9vw,68px); }
 .sensory-direction .hero-subcopy { max-width:580px; }
 .sensory-direction .hero-actions { flex-direction:row; flex-wrap:wrap; gap:26px; }
 .instrument-nav { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:12px 24px; padding-bottom:24px; }
 .instrument-nav > span { grid-column:1 / -1; }
 .instrument-nav a { font-size:10px; }
 .sensory-direction .sensory-manifesto { padding:56px 0; }
 .sensory-manifesto > div { grid-column:1 / -1; }
 .sensory-direction .control-stories-heading { display:block; }
 .control-stories-heading > .technical-label { max-width:none; }
 .meter-story { padding:32px 22px; margin-top:24px; margin-bottom:48px; border-radius:12px; }
 .meter-heading { display:block; }
 .meter-heading h2 { margin-bottom:22px; }
 .sensory-direction .meter-heading > p:last-child { margin-bottom:28px; }
 .meter-detail { margin-bottom:30px; }
 .meter-detail-window { aspect-ratio:2; }
 .meter-detail-window img { width:180%; left:auto; right:0; }
 .meter-detail figcaption { line-height:1.6; font-size:8px; }
 .meter-stories { grid-template-columns:1fr; gap:24px; }
 .meter-stories h3 { margin:16px 0; }
 .live-story { padding:36px 24px; border-radius:12px; }
 .live-story::after { opacity:.4; }
}
@media(prefers-reduced-motion:reduce) {
 .sensory-direction .hero-primary-action { transition:none; }
}

/* Quiet hierarchy: the instrument carries the visual detail. */
.sensory-direction .hero-meta { color:var(--muted); letter-spacing:.08em; }
.sensory-direction .hero-title { margin-top:44px; margin-bottom:44px; }
.sensory-direction .hero-intro .sensory-kicker { font-size:9px; letter-spacing:.09em; }
.sensory-product figcaption { color:var(--muted); }
.sensory-direction .sensory-manifesto h2,.sensory-direction .audio-header h2,.sensory-direction .control-stories h2,.sensory-direction .meter-heading h2,.sensory-direction .live-story h2 { font-weight:500; }
.meter-story { padding-top:76px; padding-bottom:76px; }
.meter-stories { gap:48px; }
.meter-stories article { border-top:0; padding-top:8px; }
.meter-detail { margin-bottom:60px; }
.live-feedback { border-left:1px solid var(--inverse-hairline); }
@media(max-width:820px) {
 .sensory-direction .hero-title { margin-top:26px; margin-bottom:24px; }
 .meter-story { padding:36px 24px; }
 .meter-stories { gap:32px; }
 .meter-stories article + article { border-top:1px solid var(--inverse-hairline); padding-top:24px; }
 .meter-detail { margin-bottom:36px; }
}

/* Editorial type hierarchy: one display moment, quieter supporting sections. */
.sensory-direction .hero-intro .hero-thesis { letter-spacing:-.035em; line-height:1.1; }
.sensory-direction h2 { font-weight:400; letter-spacing:-.028em; line-height:1.14; text-wrap:balance; }
.sensory-direction .audio-header h2,
.sensory-direction .inspection-copy h2,
.sensory-direction .control-stories h2,
.sensory-direction .meter-heading h2,
.sensory-direction .limiter-story h2,
.sensory-direction .section-lead h2,
.sensory-direction .license h2 { font-size:clamp(34px,3.6vw,52px); font-weight:400; letter-spacing:-.028em; line-height:1.14; }
.sensory-direction .sensory-manifesto h2 { font-size:clamp(38px,4.4vw,64px); font-weight:400; line-height:1.12; }
.sensory-direction .live-story h2 { font-size:clamp(42px,5vw,72px); font-weight:400; letter-spacing:-.03em; line-height:1.1; }
.sensory-direction .control-family-intro h3,
.sensory-direction .meter-stories h3,
.sensory-direction .live-reasons h3 { font-size:23px; font-weight:400; letter-spacing:-.015em; line-height:1.3; }
.sensory-direction .control-entries summary strong { font-size:18px; font-weight:400; letter-spacing:-.01em; line-height:1.5; }
.sensory-direction .control-entries summary { padding-top:25px; padding-bottom:25px; }
.sensory-direction .technical-label { font-weight:400; letter-spacing:.08em; }
.sensory-direction .hero-subcopy { font-size:15px; line-height:1.8; }
.sensory-direction .control-stories-heading > p:last-child,
.sensory-direction .sensory-manifesto > div p,
.sensory-direction .meter-heading > p:last-child { font-size:16px; line-height:1.8; max-width:50ch; }
.sensory-direction .live-story .live-intro { font-size:19px; line-height:1.75; max-width:58ch; }
.sensory-direction .live-feedback > p:nth-child(2) { font-size:20px; line-height:1.6; max-width:55ch; }
.sensory-direction .control-story p { max-width:62ch; }
.sensory-direction .control-stories { padding-top:96px; }
.sensory-direction .control-stories-heading { margin-bottom:72px; }
.sensory-direction .control-family { padding-top:40px; padding-bottom:48px; }
.sensory-direction .meter-heading h2 { margin-top:28px; margin-bottom:40px; }
.sensory-direction .live-reasons { margin-top:56px; gap:48px; }
@media(max-width:820px) {
 .sensory-direction .control-stories { padding-top:56px; }
 .sensory-direction .control-stories-heading { margin-bottom:40px; }
 .sensory-direction .control-family { padding-top:28px; padding-bottom:32px; }
 .sensory-direction .live-reasons { margin-top:36px; gap:28px; }
 .sensory-direction .control-entries summary strong { font-size:17px; }
}

/* Selected typographic opening; photographic paper texture, never behind controls. */
.sensory-direction { --editorial-indigo:#30394c; position:relative; isolation:isolate; }
.sensory-direction::before { content:''; position:absolute; z-index:-1; pointer-events:none; top:0; left:0; width:100%; height:1500px; background:url('/assets/editorial-paper.png') center top / cover no-repeat; opacity:.38; mask-image:linear-gradient(#000 0%,#000 48%,transparent 100%); }
.sensory-direction .hero { padding-top:76px; padding-bottom:40px; min-height:720px; }
.sensory-direction .hero-title { grid-row:1; margin:0; }
.sensory-direction .hero-intro { grid-column:1 / -1; grid-row:2; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); column-gap:100px; padding:0; margin-top:100px; align-items:start; }
.sensory-direction .hero-intro .sensory-kicker { display:none; }
.sensory-direction .hero-intro .hero-thesis { grid-column:1; font-size:clamp(44px,4.5vw,64px); line-height:1.13; margin:0; color:var(--editorial-indigo); }
.sensory-direction .hero-intro .hero-thesis span { color:inherit; }
.hero-detail { grid-column:2; justify-self:end; width:100%; max-width:400px; }
.sensory-direction .hero-subcopy { max-width:none; margin:0; }
.sensory-direction .hero-actions { margin-top:28px; gap:22px; }
.sensory-direction .hero-conversion-actions { gap:16px; }
.sensory-direction .hero-primary-action { background:var(--editorial-indigo); }
.sensory-direction .hero-meta { grid-row:3; margin-top:72px; font-size:9px; }
.sensory-direction .instrument-nav { justify-content:flex-end; gap:36px; padding:16px 0 24px; }
.sensory-direction .sensory-manifesto h2,
.sensory-direction .audio-header h2,
.sensory-direction .inspection-copy h2,
.sensory-direction .control-stories h2,
.sensory-direction .limiter-story h2,
.sensory-direction .section-lead h2,
.sensory-direction .license h2 { color:var(--editorial-indigo); }
.sensory-direction .control-entries summary > span { color:var(--muted); }
.sensory-direction .limiter-story { position:relative; isolation:isolate; }
.sensory-direction .limiter-story::before { content:''; position:absolute; z-index:-1; pointer-events:none; inset:-70px 0; background:url('/assets/editorial-paper.png') center / cover no-repeat; opacity:.22; mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent); }
@media(max-width:1024px) {
 .sensory-direction .hero-intro { grid-template-columns:1.1fr 1fr; column-gap:48px; }
 .sensory-direction .hero-intro .hero-thesis { font-size:44px; }
}
@media(max-width:820px) {
 .sensory-direction::before { height:1200px; opacity:.28; }
 .sensory-direction .hero { min-height:0; padding-top:40px; padding-bottom:32px; }
 .sensory-direction .hero-title { margin:0; grid-row:1; }
 .sensory-direction .hero-intro { grid-row:2; display:block; margin-top:48px; padding:0; }
 .sensory-direction .hero-intro .hero-thesis { font-size:clamp(42px,8vw,58px); margin-bottom:28px; }
 .hero-detail { max-width:520px; }
 .sensory-direction .hero-meta { grid-row:3; margin-top:48px; font-size:8px; }
 .sensory-direction .instrument-nav { justify-content:flex-start; gap:16px 24px; }
}
.sensory-direction .hero-intro { max-width:none; width:100%; }

/* A single editorial composition rather than competing display elements. */
.sensory-direction::before { opacity:.12; height:1100px; }
.sensory-direction .hero { padding-top:64px; padding-bottom:30px; min-height:680px; align-content:start; }
.sensory-direction .hero-title { grid-column:1 / 5; grid-row:1; width:clamp(210px,24vw,340px); margin:0; }
.sensory-direction .hero-intro { margin-top:74px; grid-template-columns:minmax(0,1.9fr) minmax(0,1fr); gap:64px; align-items:end; }
.sensory-direction .hero-intro .hero-thesis { font-size:clamp(68px,7.4vw,108px); letter-spacing:-.055em; line-height:1.02; font-weight:300; margin:0; }
.sensory-direction .hero-intro .hero-thesis span { color:#687181; }
.sensory-direction .hero-detail { max-width:370px; padding-bottom:4px; }
.sensory-direction .hero-subcopy { font-size:14px; line-height:1.8; }
.sensory-direction .hero-actions { display:grid; grid-template-columns:auto auto; align-items:start; column-gap:18px; row-gap:16px; margin-top:26px; }
.sensory-direction .hero-conversion-actions { display:contents; }
.sensory-direction .hero-conversion-actions > div { grid-column:1 / -1; grid-row:1; }
.sensory-direction .hero-primary-action { min-width:0; padding:14px 22px; font-size:13px; font-weight:500; border:0; }
.sensory-direction .hero-conversion-actions > a { grid-column:1; grid-row:2; font-size:12px; }
.sensory-direction .hero-actions .sensory-listen { grid-column:2; grid-row:2; font-size:12px; gap:12px; }
.sensory-direction .cta-microcopy { font-size:10px; margin-top:10px; }
.sensory-direction .hero-meta { margin-top:96px; padding-top:22px; border-top:1px solid var(--hairline); justify-content:space-between; gap:24px; }
.sensory-direction .instrument-nav { padding:0 0 28px; justify-content:flex-start; }
.sensory-direction .site-header .buy-link { color:var(--editorial-indigo); }
@media(min-width:1600px) { .sensory-direction .hero { padding-top:80px; } .sensory-direction .hero-intro { margin-top:90px; } }
@media(max-width:1100px) {
 .sensory-direction .hero-intro { grid-template-columns:1.5fr 1fr; gap:36px; }
 .sensory-direction .hero-intro .hero-thesis { font-size:clamp(54px,6.8vw,76px); }
 .sensory-direction .hero-actions { display:flex; flex-direction:column; gap:18px; }
 .sensory-direction .hero-conversion-actions { display:flex; flex-direction:column; gap:16px; }
}
@media(max-width:820px) {
 .sensory-direction .hero { padding-top:40px; min-height:0; padding-bottom:24px; }
 .sensory-direction .hero-title { width:clamp(190px,48vw,300px); grid-column:1 / -1; }
 .sensory-direction .hero-intro { display:block; margin-top:48px; }
 .sensory-direction .hero-intro .hero-thesis { font-size:clamp(48px,9vw,76px); line-height:1.06; letter-spacing:-.045em; margin-bottom:32px; }
 .sensory-direction .hero-detail { max-width:480px; }
 .sensory-direction .hero-actions { display:grid; grid-template-columns:auto auto; column-gap:18px; row-gap:16px; }
 .sensory-direction .hero-conversion-actions { display:contents; }
 .sensory-direction .hero-meta { margin-top:40px; gap:12px 24px; }
 .sensory-direction .instrument-nav { gap:14px 22px; padding-bottom:24px; }
}
.sensory-direction .hero { min-height:0; }
.sensory-direction .hero-primary-action { width:max-content; }
.sensory-direction .hero-meta { margin-top:80px; }
@media(max-width:820px) { .sensory-direction .hero-meta { margin-top:40px; } }

/* Preserve the oversized brand asset; tighten the composition beneath it. */
.sensory-direction .hero { padding-top:50px; }
.sensory-direction .hero-title { grid-column:1 / -1; width:100%; }
.sensory-direction .hero-intro { margin-top:58px; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:64px; align-items:start; }
.sensory-direction .hero-intro .hero-thesis { font-size:clamp(52px,5vw,72px); letter-spacing:-.04em; line-height:1.1; }
.sensory-direction .hero-detail { justify-self:start; max-width:410px; padding:3px 0 0; }
.sensory-direction .hero-meta { margin-top:56px; }
@media(max-width:820px) {
 .sensory-direction .hero { padding-top:32px; }
 .sensory-direction .hero-title { width:100%; }
 .sensory-direction .hero-intro { margin-top:38px; display:block; }
 .sensory-direction .hero-intro .hero-thesis { font-size:clamp(42px,8vw,60px); margin-bottom:26px; }
 .sensory-direction .hero-meta { margin-top:36px; }
}

/* Editorial chapters: paper / dark instrument and listening / paper controls. */
.listening-chapter { background:#191d27; color:#f0ede5; --ink:#f0ede5; --muted:#b9bbc1; --hairline:rgba(240,237,229,.18); --subtle-hairline:rgba(240,237,229,.08); --accent:#c0c6d4; padding-bottom:24px; margin-top:40px; }
.sensory-direction .listening-chapter h2 { color:#f0ede5; }
.sensory-direction .listening-chapter p { color:#b9bbc1; }
.sensory-direction .listening-chapter .technical-label { color:#b9bbc1; }
.sensory-direction .listening-chapter .sensory-manifesto { padding:96px 0 72px; }
.sensory-direction .listening-chapter .sensory-manifesto > div { grid-column:4 / 12; }
.sensory-direction .listening-chapter .sensory-manifesto h2 { font-size:clamp(40px,5.5vw,80px); max-width:900px; }
.sensory-direction .listening-chapter .sensory-margin-note { grid-column:1 / 4; grid-row:2; align-self:end; }
.sensory-direction .listening-chapter .inspection { padding-top:48px; padding-bottom:72px; }
.listening-chapter .inspection > .section-index { grid-column:1 / -1; margin-bottom:36px; }
.listening-chapter .inspection-copy { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; gap:0 80px; margin-bottom:44px; }
.sensory-direction .listening-chapter .inspection-copy h2 { font-size:clamp(36px,4vw,58px); grid-column:1; grid-row:1 / 3; margin:0; }
.listening-chapter .inspection-copy p { grid-column:2; margin:0 0 20px; max-width:480px; font-size:16px; }
.listening-chapter .inspection-copy > a { grid-column:2; justify-self:start; font-size:13px; }
.listening-chapter .inspection-visual { grid-column:1 / -1; position:relative; top:auto; }
.sensory-direction .listening-chapter .inspection-image { border-radius:0; }
.listening-chapter .inspection-image-media { border:0; border-radius:6px; background:transparent; }
.listening-chapter .inspection-image figcaption { margin-top:18px; font-size:9px; }
.listening-chapter .callout-list { grid-column:1 / -1; grid-template-columns:repeat(5,minmax(0,1fr)); gap:28px; padding-top:40px; }
.listening-chapter .callout { max-width:none; padding-top:18px; }
.listening-chapter .callout h3 { font-size:11px; line-height:1.5; letter-spacing:.03em; font-weight:400; }
.listening-chapter .callout p { font-size:12px; line-height:1.7; }
.sensory-direction .listening-chapter .audio-proof { padding-top:72px; padding-bottom:80px; }
.sensory-direction .listening-chapter .audio-header { text-align:left; grid-column:4 / -1; }
.sensory-direction .listening-chapter .audio-header > p { margin-left:0; max-width:600px; }
.sensory-direction .listening-chapter .audio-header h2 { font-size:clamp(40px,5vw,72px); }
.listening-chapter .audio-example { grid-column:1 / -1; margin-top:48px; }
.sensory-direction .listening-chapter .audio-console { background:#222733; border:1px solid var(--hairline); border-radius:6px; }
.sensory-direction .control-stories { border-top:0; padding-top:104px; }
.sensory-direction .meter-story { width:100%; border-radius:0; padding:90px max(var(--outer),calc((100% - 1440px) / 2)); margin-bottom:88px; background:#191d27; }
.sensory-direction .live-story { border-radius:0; margin-top:64px; margin-bottom:96px; }
.sensory-direction .license { border-top:1px solid var(--hairline); }
@media(max-width:820px) {
 .listening-chapter { margin-top:20px; }
 .sensory-direction .listening-chapter .sensory-manifesto { padding:56px 0 24px; }
 .sensory-direction .listening-chapter .sensory-manifesto > div { grid-column:1 / -1; }
 .sensory-direction .listening-chapter .sensory-margin-note { grid-column:1 / -1; grid-row:auto; }
 .listening-chapter .inspection-copy { display:block; }
 .listening-chapter .inspection-copy p { margin-top:24px; }
 .listening-chapter .callout-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
 .sensory-direction .listening-chapter .audio-header { grid-column:1 / -1; }
 .sensory-direction .listening-chapter .inspection { padding-bottom:48px; }
 .sensory-direction .listening-chapter .audio-proof { padding-top:48px; padding-bottom:40px; }
 .sensory-direction .control-stories { padding-top:56px; }
 .sensory-direction .meter-story { padding:56px var(--outer); margin-bottom:48px; }
 .sensory-direction .live-story { margin-top:32px; margin-bottom:48px; }
}

/* Original brand artwork: one quiet editorial signature. */
.sensory-direction .listening-chapter .sensory-manifesto { row-gap:28px; align-items:center; padding-top:88px; padding-bottom:88px; }
.sensory-direction .listening-chapter .sensory-manifesto > .technical-label { grid-column:6 / -1; grid-row:1; margin:0; }
.sensory-direction .listening-chapter .sensory-manifesto > .spatial-brand-art { grid-column:1 / 5; grid-row:1 / 4; width:100%; max-width:350px; height:auto; justify-self:start; }
.sensory-direction .listening-chapter .sensory-manifesto > div { grid-column:6 / -1; grid-row:2; }
.sensory-direction .listening-chapter .sensory-manifesto h2 { font-size:clamp(40px,4.4vw,64px); }
.sensory-direction .listening-chapter .sensory-margin-note { grid-column:6 / -1; grid-row:3; margin:0; }
@media(max-width:820px) {
 .sensory-direction .listening-chapter .sensory-manifesto { padding:56px 0; row-gap:28px; }
 .sensory-direction .listening-chapter .sensory-manifesto > .technical-label { grid-column:1 / -1; grid-row:1; }
 .sensory-direction .listening-chapter .sensory-manifesto > .spatial-brand-art { grid-column:1 / -1; grid-row:2; width:180px; justify-self:start; }
 .sensory-direction .listening-chapter .sensory-manifesto > div { grid-column:1 / -1; grid-row:3; }
 .sensory-direction .listening-chapter .sensory-margin-note { grid-column:1 / -1; grid-row:4; }
}