.iat{--iat-text:#c8c6c0;--iat-muted:#779091;--iat-line:#252726;--iat-accent:#9ecccc;--iat-serif:'orpheus-pro', 'Cormorant Garamond', Georgia,serif;box-sizing:border-box;background:#000;color:var(--iat-text);width:100%;max-width:1640px;margin:0 auto;padding:72px 32px;font-family:var(--iat-serif)}
.iat *{box-sizing:border-box}.iat [hidden]{display:none!important}
.iat .iat__header{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;margin-bottom:64px}
.iat .iat__eyebrow,.iat .iat__subtitle,.iat .iat__number,.iat .iat__time{font-family:'Gill Sans',Arial,sans-serif;font-weight:400;color:var(--iat-muted)}
.iat .iat__eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;margin:0 0 28px}
.iat .iat__heading{font-family:var(--iat-serif);font-weight:400;font-size:clamp(30px,2.6vw,42px);line-height:1.2;color:var(--iat-text);margin:0;letter-spacing:0;text-transform:none}
.iat .iat__description{font-size:clamp(18px,1.5vw,23px);line-height:1.65;margin:12px 0 0;color:#a3abaa}
.iat .iat__track{display:grid;grid-template-columns:46px 80px minmax(230px,1.1fr) minmax(180px,1.6fr) 114px;gap:32px;align-items:center;border-top:1px solid var(--iat-line);padding:40px 20px;min-height:165px}
.iat .iat__track:last-child{border-bottom:1px solid var(--iat-line)}
.iat .iat__number{font-size:13px;letter-spacing:2px}
.iat .iat__play{display:grid;place-items:center;width:80px;height:80px;min-width:0;padding:0;border:1px solid #626763;border-radius:50%;background:transparent;color:#eeeee8;cursor:pointer;box-shadow:none;transition:border-color .2s,color .2s;appearance:none}
.iat .iat__play:hover{border-color:var(--iat-accent);color:var(--iat-accent);background:transparent}.iat .iat__play:focus-visible,.iat .iat__seek:has(.iat__range:focus-visible){outline:2px solid var(--iat-accent);outline-offset:7px}
.iat .iat__play svg{width:24px;height:24px;fill:currentColor}.iat .iat__pause{display:none}.iat .is-playing .iat__pause{display:block}.iat .is-playing .iat__triangle{display:none}
.iat .iat__title{font-family:var(--iat-serif);font-weight:400;font-size:clamp(24px,2vw,34px);line-height:1.25;margin:0 0 15px;color:var(--iat-text);letter-spacing:0;text-transform:none}
.iat .iat__subtitle{font-size:10px;line-height:1.7;letter-spacing:2px;text-transform:uppercase;margin:0}.iat .iat__subtitle:empty{display:none}
.iat .iat__seek{position:relative;height:76px;min-width:0}.iat .iat__wave{display:block;width:100%;height:100%;fill:#444744}.iat .iat__wave rect.is-played{fill:var(--iat-accent)}
.iat .iat__range{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.iat .iat__range:disabled{cursor:default}
.iat .iat__time{font-size:13px;letter-spacing:1.5px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.iat .iat__error{display:block;font:13px/1.5 Arial,sans-serif;color:#d1ada1}.iat .iat__error:empty{display:none}.iat .iat__audio{width:100%;grid-column:2/-1}
@media(max-width:1100px){.iat .iat__track{grid-template-columns:28px 62px minmax(200px,1fr) minmax(150px,1fr) 100px;gap:20px;padding:32px 0}.iat .iat__play{width:62px;height:62px}.iat .iat__header{gap:40px}}
@media(max-width:900px){
  .iat{padding:36px 20px}
  .iat .iat__header{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:28px}
  .iat .iat__eyebrow{font-size:10px;letter-spacing:2.5px;margin-bottom:14px}
  .iat .iat__heading{font-size:clamp(28px,5.5vw,36px);line-height:1.15;overflow-wrap:anywhere}
  .iat .iat__description{font-size:18px;line-height:1.5;margin:0;max-width:44ch}
  .iat .iat__track{grid-template-columns:48px minmax(0,1fr);column-gap:16px;row-gap:12px;padding:24px 0;min-height:0}
  .iat .iat__number{display:none}
  .iat .iat__play{grid-column:1;grid-row:1;width:48px;height:48px}
  .iat .iat__play svg{width:20px;height:20px}
  .iat .iat__copy{grid-column:2;grid-row:1;min-width:0}
  .iat .iat__title{font-size:clamp(22px,4.8vw,28px);line-height:1.2;margin:0 0 6px;overflow-wrap:anywhere}
  .iat .iat__subtitle{font-size:10px;line-height:1.5;letter-spacing:1.3px;overflow-wrap:anywhere}
  .iat .iat__seek{grid-column:1/-1;grid-row:2;height:48px;margin-top:4px}
  .iat .iat__time{grid-column:1/-1;grid-row:3;font-size:11px;line-height:1.2;letter-spacing:1px;margin-top:-6px}
  .iat .iat__audio{grid-column:1/-1}
}
@media(max-width:380px){.iat{padding:28px 16px}.iat .iat__track{column-gap:12px}.iat .iat__description{font-size:17px}}
@media(prefers-reduced-motion:reduce){.iat .iat__play{transition:none}}

/* Featured panel only when one valid audio attachment is rendered. */
.iat.iat--single .iat__track{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;gap:0 24px;min-height:0;padding:76px 40px 36px;border:0;background:radial-gradient(ellipse at 50% 0%,#315e60 0%,#122c2d 58%,#061011 100%)}
.iat.iat--single .iat__track::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.74),rgba(0,0,0,.76) 48%,rgba(0,0,0,.94))}
.iat.iat--single .iat__track:not(:has(.iat__cover))::before{background:linear-gradient(transparent,rgba(0,0,0,.8))}
.iat.iat--single .iat__cover{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--iat-cover-position,center);border:0;border-radius:0;margin:0;padding:0;pointer-events:none}
.iat.iat--single .iat__number{display:none}
.iat.iat--single .iat__play{grid-column:1/-1;grid-row:1;justify-self:center;width:96px;height:96px;margin:0 0 40px;border-color:#829494;background:rgba(0,0,0,.08)}
.iat.iat--single .iat__play svg{width:28px;height:28px}
.iat.iat--single .iat__copy{grid-column:1/-1;grid-row:2;min-width:0;text-align:center;margin:0 0 56px}
.iat.iat--single .iat__title{font-size:clamp(24px,2.2vw,36px);line-height:1.45;letter-spacing:.23em;text-transform:uppercase;margin:0 0 18px;overflow-wrap:anywhere;color:#e0e4de}
.iat.iat--single .iat__subtitle{color:#a4b8b7;font-size:11px;letter-spacing:.25em;line-height:1.7;overflow-wrap:anywhere}
.iat.iat--single .iat__seek{grid-column:2;grid-row:3;height:70px;margin:0}
.iat.iat--single .iat__wave{fill:#697675}
.iat.iat--single .iat__wave rect.is-played{fill:var(--iat-accent)}
.iat.iat--single .iat__time,.iat.iat--single .iat__elapsed{grid-row:3;margin:0;font:13px/1.4 'Gill Sans',Arial,sans-serif;letter-spacing:1px;font-variant-numeric:tabular-nums;color:#a4b8b7;white-space:nowrap}
.iat.iat--single .iat__elapsed{grid-column:1;text-align:left}
.iat.iat--single .iat__time{grid-column:3;text-align:right}
.iat.iat--single .iat__audio{grid-column:1/-1;grid-row:4;min-width:0}
@media(max-width:900px){
  .iat.iat--single .iat__track{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:36px 20px 24px;gap:0;}
  .iat.iat--single .iat__play{width:72px;height:72px;margin-bottom:26px}
  .iat.iat--single .iat__copy{margin-bottom:28px}
  .iat.iat--single .iat__title{font-size:clamp(20px,4vw,28px);letter-spacing:.12em;line-height:1.4;margin-bottom:12px}
  .iat.iat--single .iat__subtitle{font-size:10px;letter-spacing:.15em}
  .iat.iat--single .iat__seek{grid-column:1/-1;grid-row:3;height:54px;margin:0 0 10px}
  .iat.iat--single .iat__elapsed,.iat.iat--single .iat__time{grid-row:4;font-size:11px}
  .iat.iat--single .iat__time{grid-column:2}
  .iat.iat--single .iat__audio{grid-row:5}
}

/* No section header or outer top gap. */
.iat{padding-top:0}

/* Compact demos list; separate selectors keep featured artwork full width. */
.iat:not(.iat--single){max-width:1040px}
.iat:not(.iat--single) .iat__track{grid-template-columns:24px 48px minmax(150px,1fr) minmax(160px,1.25fr) 82px;gap:16px;padding:22px 8px;min-height:96px}
.iat:not(.iat--single) .iat__play{width:48px;height:48px}
.iat:not(.iat--single) .iat__play svg{width:18px;height:18px}
.iat:not(.iat--single) .iat__title{font-size:clamp(18px,1.3vw,22px);margin-bottom:6px}
.iat:not(.iat--single) .iat__subtitle{font-size:9px;letter-spacing:1.2px}
.iat:not(.iat--single) .iat__number,.iat:not(.iat--single) .iat__time{font-size:10px;letter-spacing:1px}
.iat:not(.iat--single) .iat__seek{height:44px}

/* Smaller foreground, retaining the featured panel's desktop footprint. */
.iat.iat--single .iat__track{min-height:463px;align-content:center;grid-template-columns:minmax(48px,1fr) minmax(0,980px) minmax(48px,1fr)}
.iat.iat--single .iat__play{width:64px;height:64px;margin-bottom:30px}
.iat.iat--single .iat__play svg{width:20px;height:20px}
.iat.iat--single .iat__copy{margin-bottom:40px}
.iat.iat--single .iat__title{font-size:clamp(20px,1.6vw,26px);letter-spacing:.18em;margin-bottom:12px}
.iat.iat--single .iat__subtitle{font-size:10px;letter-spacing:.2em}
.iat.iat--single .iat__seek{height:46px}
.iat.iat--single .iat__elapsed,.iat.iat--single .iat__time{font-size:11px}
.iat.iat--single .iat__elapsed{justify-self:end}
.iat.iat--single .iat__time{justify-self:start}
@media(max-width:900px){
  .iat:not(.iat--single) .iat__track{grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:10px;padding:20px 0;min-height:0}
  .iat:not(.iat--single) .iat__play{width:44px;height:44px}
  .iat:not(.iat--single) .iat__title{font-size:20px}
  .iat:not(.iat--single) .iat__seek{height:40px}
  .iat.iat--single .iat__track{min-height:340px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .iat.iat--single .iat__play{width:56px;height:56px;margin-bottom:22px}
  .iat.iat--single .iat__title{font-size:20px;letter-spacing:.1em}
  .iat.iat--single .iat__copy{margin-bottom:24px}
  .iat.iat--single .iat__seek{height:40px}
  .iat.iat--single .iat__elapsed{justify-self:start}
  .iat.iat--single .iat__time{justify-self:end}
}

/* Further compact list typography and waveform, without changing featured players. */
.iat:not(.iat--single) .iat__track{grid-template-columns:24px 44px minmax(150px,1fr) minmax(120px,.9fr) 76px;padding:17px 8px;min-height:80px}
.iat:not(.iat--single) .iat__play{width:44px;height:44px}
.iat:not(.iat--single) .iat__title{font-size:17px;line-height:1.3;margin-bottom:4px}
.iat:not(.iat--single) .iat__subtitle{font-size:8px;letter-spacing:1px}
.iat:not(.iat--single) .iat__seek{height:30px}
@media(max-width:900px){
  .iat:not(.iat--single) .iat__track{grid-template-columns:44px minmax(0,1fr);padding:16px 0;min-height:0;row-gap:8px}
  .iat:not(.iat--single) .iat__title{font-size:17px}
  .iat:not(.iat--single) .iat__subtitle{font-size:9px}
  .iat:not(.iat--single) .iat__seek{height:30px}
}

/* Approved A: fine, softly coloured bars in both layouts. */
.iat .iat__wave,.iat.iat--single .iat__wave{fill:#434d4c}
.iat .iat__wave rect.is-played,.iat.iat--single .iat__wave rect.is-played{fill:#80aaa8}

/* Quiet loading feedback, occupying the waveform slot without blocking seeking. */
.iat .iat__wave-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;font:11px/1.3 Arial,sans-serif;letter-spacing:.4px;color:#94aaa8;pointer-events:none}
.iat .iat--wave-pending .iat__wave{visibility:hidden}
.iat .iat--wave-loading .iat__wave-status::before{content:'';width:12px;height:12px;flex:0 0 12px;border:1px solid #344341;border-top-color:#80aaa8;border-radius:50%;animation:iat-wave-spin 1s linear infinite}
@keyframes iat-wave-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.iat .iat--wave-loading .iat__wave-status::before{animation:none}}