/* Customer revision, 2026-10-28. Original typefaces and brown/gold palette. */
.brand-logo { display:block; width:218px; flex:0 0 auto; line-height:0; }
.brand-logo img { display:block; width:100%; height:auto; }
.site-header.is-fixed .brand-logo { width:196px; }
.footer .brand-logo { width:244px; }
.hero-photo img { object-position:50% 50%; }
.hero-number { display:none; }
.hero-shade { background:linear-gradient(90deg,#24120ad9 0%,#30201580 35%,#29190f08 72%),linear-gradient(0deg,#2b180fd9,transparent 28%,transparent 78%,#26160d55); }
.hero-resonance { opacity:.15; }
.about-image>img { aspect-ratio:725/823; filter:none; object-fit:contain; }
.about-copy .lead { font-size:clamp(25px,2.3vw,36px); }
.about-copy>p:not(.lead) { font-size:14px; }
.feel-visual { background:#b2b6b3; }
.feel-visual>img { object-fit:contain; filter:none; object-position:center; }
.feel-overlay { background:linear-gradient(0deg,#2b190fbd,transparent 28%); }
.feel-word { font-size:clamp(42px,5vw,82px); bottom:11%; }
.feel-photo-caption { bottom:5%; }
.feel-content { align-self:center; }
#feel-title { line-height:1.85; }
.experience-heading h2,.check-text,#result-title { color:var(--ink); }
#result-copy { color:var(--ink); }
.check-text { overflow-wrap:anywhere; text-wrap:balance; }
.sound-check { min-height:112px; }
.check-text small { font-size:9px; }
#result-title { font-size:clamp(20px,2.1vw,27px); line-height:1.9; min-height:0; text-wrap:balance; }
#result-copy { font-size:14px; line-height:2; }
.structure-heading { grid-template-columns:1.35fr .65fr; gap:30px; }
#structure-title { font-size:clamp(28px,2.8vw,46px); line-height:1.8; }
#structure-title>span { font-size:.73em; }
.structure-tabs { gap:12px; }
.structure-tabs>button { white-space:normal; line-height:1.8; font-size:12px; }
#structure-copy-title { white-space:pre-line; font-size:clamp(20px,2vw,28px); line-height:1.9; }
#structure-copy { line-height:2.1; }
.try-visual { display:flex; flex-direction:column; justify-content:center; min-height:0; padding:36px 24px; gap:24px; }
.try-visual>img { position:relative; inset:auto; width:100%; height:auto; object-fit:contain; object-position:center; filter:none; z-index:0; }
.try-photo-copy { position:relative; inset:auto; padding:0 10px; }
.try-photo-copy>span { font-size:25px; }
.try-photo-copy>small { margin-top:8px; }
.try-content { padding-top:64px; padding-bottom:64px; }
#try-title { font-size:clamp(26px,2.5vw,39px); line-height:1.75; }
#try-point-copy { font-size:14px; line-height:2.05; }
.voices-section .section-row { gap:25px; align-items:end; }
.voices-section .section-row h2 { font-size:clamp(29px,3vw,48px); }
.portrait.product-poster { aspect-ratio:967/1365; width:100%; margin-top:35px; background:#231f20; }
.portrait.product-poster>img { object-fit:contain; height:auto; }
.signature { white-space:normal; }
.encore-tags { flex-wrap:wrap; }
@media(min-width:641px) {
  .hero { height:max(720px,54vw); min-height:720px; max-height:1000px; }
  .hero-photo img { object-fit:contain; }
  .hero-content { top:45%; transform:translateY(-45%); }
}
@media(max-width:1100px) {
  .brand-logo { width:190px; }
  .desktop-nav { gap:18px; }
  .header-tools { gap:16px; }
  .structure-heading { display:block; }
  .structure-heading>p { margin-top:24px; }
  .try-content { padding:45px 30px; }
}
@media(max-width:640px) {
  .brand-logo { width:177px; }
  .site-header.is-fixed .brand-logo { width:163px; }
  .header-tools { gap:10px; }
  .sound-control { gap:6px; }
  .sound-label { font-size:7px; }
  .hero { padding-top:calc(96px + 53.8vw); justify-content:flex-start; min-height:0; gap:24px; }
  .hero-photo { top:66px; bottom:auto; height:auto; aspect-ratio:1530/823; }
  .hero-photo img { object-fit:contain; object-position:50% 50%; animation-duration:1.25s; }
  .hero-shade { background:linear-gradient(0deg,#2b190f 0%,#2b190f 53%,transparent 67%); }
  .hero-resonance,.hero-frame { display:none; }
  .hero .eyebrow { font-size:10px; margin-bottom:15px; }
  .hero h1 { font-size:clamp(36px,10vw,51px); line-height:1.5; }
  .hero-description { font-size:13px; margin-top:16px; }
  .hero-actions { margin-top:21px; }
  .hero-bottom { margin-top:0; }
  .hero-number { font-size:45px; }
  .about-copy { padding-left:0; }
  .about-copy .lead { font-size:27px; }
  .about-copy>p:not(.lead),.about-copy .small-copy { font-size:14px; }
  .about-image { margin-right:0; }
  .feel-visual { height:auto; min-height:0; aspect-ratio:788/655; }
  .feel-visual>img { position:relative; height:auto; }
  .feel-word { font-size:47px; bottom:11%; }
  .feel-photo-caption { bottom:5%; }
  #feel-title { font-size:20px; }
  .sound-check { min-height:116px; gap:12px; }
  .score-card { overflow-x:clip; }
  .check-live-staff .mini-staff { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; }
  .mini-staff>i { min-width:0; font-size:18px; text-align:center; }
  .check-text { font-size:15px; line-height:1.8; }
  .check-text small { font-size:8px; letter-spacing:.07em; }
  #result-title { font-size:23px; }
  #result-copy { font-size:14px; }
  #structure-title { font-size:27px; }
  #structure-title>span { font-size:19px; }
  .structure-tabs { gap:13px; }
  .structure-tabs>button { font-size:11px; min-height:83px; }
  #structure-copy-title { font-size:22px; }
  .try-visual { padding:24px; gap:20px; }
  .try-photo-copy { padding:0; }
  .try-photo-copy>span { font-size:23px; }
  .try-content { padding:38px 24px 48px; }
  #try-title { font-size:27px; }
  #try-title br { display:none; }
  #try-point-copy { font-size:14px; }
  .voices-section .section-row h2 { font-size:29px; }
  .story-aside { grid-template-columns:minmax(135px,.9fr) 1fr; gap:0 20px; }
  .portrait.product-poster { width:100%; margin:0; align-self:start; }
  .signature { font-size:22px; margin-top:16px; line-height:1.8; }
  .signature small { font-size:12px; }
  .portrait-label { font-size:7px; line-height:1.8; }
  .footer .brand-logo { width:220px; }
}
@media(max-width:360px) {
  .brand-logo { width:150px; }
  .site-header.is-fixed .brand-logo { width:150px; }
  .header-tools { gap:5px; }
  .hero { padding-top:calc(90px + 53.8vw); }
  .hero-photo { top:64px; height:auto; }
  .hero h1 { font-size:35px; }
  .check-text { font-size:14px; }
  .story-aside { grid-template-columns:132px 1fr; gap:0 16px; }
  .signature { font-size:20px; }
}