:root{--ink:#171717;--paper:#f4f1ea;--muted:#706d66;--line:#cbc5ba;--accent:#9b4f32}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}header,main,footer{width:min(980px,calc(100% - 240px));margin:0 auto}header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(244,241,234,.96);z-index:10}.brand{display:flex;align-items:center;height:100%}.brand img{width:175px;max-height:78px;object-fit:contain}nav{display:flex;gap:28px}nav a{color:var(--ink);text-decoration:none;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.hero{min-height:235px;display:grid;grid-template-columns:minmax(0,1fr) 155px 125px;gap:28px;align-items:center;padding:24px 26px;border-bottom:1px solid var(--line)}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.18em;color:var(--accent)}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:.98;margin:.18em 0;letter-spacing:-.03em}h1{font-size:42px}h2{font-size:36px}.lead{font-size:15px;margin:14px 0 7px}.cred{color:var(--muted);font-size:12px;line-height:1.5;margin:0}.awards{display:flex;flex-direction:column;gap:12px;align-items:center}.awards img{display:block;max-width:130px;max-height:72px;object-fit:contain}.hero-photo{width:125px;height:155px;overflow:hidden;border:1px solid var(--line)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.section{padding:34px 26px 42px;border-bottom:1px solid var(--line)}.demos-section{padding-top:30px}.demos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.demos article{border-top:2px solid var(--ink);padding:12px 0}.demos h3{font-family:Georgia,serif;font-size:18px;margin:0 0 5px}.demos p,.about p,.studio p{font-size:11px;color:var(--muted);line-height:1.55}.demos p{min-height:20px}audio{width:100%;height:32px;margin-top:7px}.work-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.work-head h2{font-size:31px}.scroll-buttons{display:flex;gap:7px}.scroll-buttons button{width:32px;height:32px;border:1px solid var(--line);background:transparent;border-radius:50%;font-size:22px;line-height:1;cursor:pointer}.cover-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 2px 14px;scrollbar-width:thin}.cover-track img{flex:0 0 118px;width:118px;height:174px;object-fit:cover;scroll-snap-align:start;box-shadow:0 3px 8px rgba(0,0,0,.18);background:#fff}.about,.studio{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.studio img{width:100%;max-height:260px;object-fit:cover}blockquote{font-family:Georgia,serif;font-size:21px;margin:22px 0 4px}.quote-by{margin-top:0!important}.contact{text-align:center;padding:55px 26px}.contact h2{font-size:42px}.contact p{font-size:11px}.contact-note{color:var(--muted);margin-top:20px}footer{border-top:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:9px;text-align:center}@media(max-width:900px){header,main,footer{width:calc(100% - 40px)}.hero{grid-template-columns:minmax(0,1fr) 105px}.awards{grid-column:1;grid-row:2;flex-direction:row;justify-content:flex-start}.hero-photo{grid-column:2;grid-row:1 / span 2;width:92px;height:116px}.awards img{max-width:105px;max-height:55px}.section{padding-left:25px;padding-right:25px}}@media(max-width:600px){header,main,footer{width:100%}header{padding:0 18px;height:70px}.brand img{width:135px}nav{gap:12px}nav a:nth-child(2),nav a:nth-child(3){display:none}.hero{grid-template-columns:1fr 82px;padding:28px 22px;gap:16px}h1{font-size:34px}.hero-photo{width:78px;height:98px}.demos,.about,.studio{grid-template-columns:1fr}.cover-track img{flex-basis:105px;width:105px;height:155px}.section{padding:34px 22px}.contact{padding:48px 22px}}
/* V9 refinements */
.cover-track a{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:center;text-decoration:none;scroll-snap-align:start}
.cover-track img{width:auto;height:174px;max-width:150px;object-fit:contain;background:transparent}
.about h2{font-size:29px;line-height:1.05}
.about p{font-size:14px;line-height:1.6;color:#57544e}
.awards img{max-width:132px;max-height:78px}
.awards img[alt*="Earphones"]{max-height:70px}
@media(max-width:600px){.about h2{font-size:27px}.about p{font-size:14px}.cover-track img{height:155px;max-width:135px}}
/* V10: 20% narrower desktop page, verified full audiobook archive */
@media(min-width:901px){header,main,footer{width:min(784px,calc(100% - 240px))}}
.cover-track a{flex:0 0 118px;width:118px;height:118px;overflow:hidden;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.18)}
.cover-track img{display:block;width:118px!important;height:118px!important;max-width:none!important;object-fit:cover!important;box-shadow:none!important;background:#fff}
.awards img[alt*="Earphones"]{max-width:140px;max-height:84px}
@media(max-width:600px){.cover-track a{flex-basis:105px;width:105px;height:105px}.cover-track img{width:105px!important;height:105px!important}}

/* V11: landing + demos unified; award stack and original headshot matched */
@media(min-width:901px){
  .landing{grid-template-columns:minmax(0,1fr) 126px 126px;align-items:start;padding-top:24px;padding-bottom:30px}
  .landing .hero-copy{align-self:center}
  .landing .awards{height:190px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:5px}
  .landing .awards img{max-width:120px;max-height:58px;object-fit:contain}
  .landing .awards img[alt*="Earphones"]{max-width:120px;max-height:58px}
  .landing .hero-photo{width:126px;height:190px;align-self:start}
  .landing-demos{grid-column:1 / -1;margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
  .landing-demos h2{font-size:34px}
}
@media(max-width:900px){
  .landing-demos{grid-column:1 / -1;margin-top:20px;padding-top:24px;border-top:1px solid var(--line)}
}
@media(max-width:600px){
  .landing-demos{grid-column:1 / -1}
}

/* V12: clean Earphones winner treatment; not an official logo */
.earphones-mark{width:120px;height:58px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--ink)}
.headphones-icon{position:relative;width:35px;height:36px;flex:0 0 35px}
.headphones-icon .headband{position:absolute;left:4px;top:2px;width:27px;height:26px;border:4px solid var(--ink);border-bottom:0;border-radius:18px 18px 0 0}
.headphones-icon .ear{position:absolute;top:20px;width:7px;height:14px;background:var(--ink);border-radius:3px}
.headphones-icon .ear-left{left:1px}.headphones-icon .ear-right{right:1px}
.earphones-copy{display:flex;flex-direction:column;line-height:.9;font-family:Arial,Helvetica,sans-serif;text-align:left}
.earphones-copy strong{font-family:Georgia,'Times New Roman',serif;font-size:15px;font-weight:400}
.earphones-copy b{font-size:17px;font-weight:700}
.earphones-copy small{font-size:6px;line-height:1.1;margin-top:4px;white-space:nowrap;color:var(--muted)}
@media(max-width:900px){.earphones-mark{width:105px;height:55px}.headphones-icon{transform:scale(.88)}.earphones-copy strong{font-size:13px}.earphones-copy b{font-size:15px}}


/* V14: equal-width awards, matched stack/headshot height, single-line credential, stronger demo divider */
@media(min-width:901px){
  .landing{grid-template-columns:minmax(0,1fr) 126px 126px}
  .landing .awards{
    width:126px;
    height:240px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    gap:0;
  }
  .landing .awards img,
  .landing .awards img[alt*="Earphones"]{
    width:105px !important;
    max-width:105px !important;
    height:auto !important;
    max-height:78px !important;
    object-fit:contain;
  }
  .landing .hero-photo{
    width:126px;
    height:240px;
  }
  .landing .cred{
    white-space:nowrap;
    font-size:11px;
    letter-spacing:-.01em;
  }
  .landing{
    border-bottom:6px solid var(--ink);
  }
}

/* V15: Earphones award displayed at exactly the same width as the other award logos */
@media(min-width:901px){
  .landing .awards img[alt*="Earphones"]{
    width:105px !important;
    min-width:105px !important;
    max-width:105px !important;
  }
}

/* V16: use the same three clean Winner treatments shown in the approved visual direction. */
@media(min-width:901px){
  .landing .awards img{width:118px !important;max-width:118px !important;min-width:118px !important;height:auto !important;max-height:none !important;}
}

/* V17: exact award artwork cropped from the approved mockup; normalize visible widths. */
@media(min-width:901px){
  .landing .awards{height:240px;justify-content:space-between;}
  .landing .awards img,
  .landing .awards img[alt*="Earphones"]{
    display:block;
    width:118px !important;
    min-width:118px !important;
    max-width:118px !important;
    height:auto !important;
    max-height:76px !important;
    object-fit:contain;
  }
}

/* V19: expanded hero experience copy; V17 awards/headshot remain untouched. */
.hero-detail{font-family:Georgia,'Times New Roman',serif;font-size:14px;line-height:1.38;margin:12px 0 0;max-width:100%;}
@media(min-width:901px){
  .landing .hero-copy{min-width:0;}
  .landing .lead{font-size:16px;margin:12px 0 8px;}
  .landing .hero-detail{font-size:14px;line-height:1.34;margin-top:10px;}
}
@media(max-width:600px){.hero-detail{font-size:13px;line-height:1.4}}


/* V20: six user-supplied demos in a 3 x 2 desktop grid. */
.demos-six{grid-template-columns:repeat(3,1fr);gap:18px 18px;margin-top:24px;}
.demos-six article{border-top:2px solid var(--ink);padding:12px 0 0;}
.demos-six h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.demos-six audio{width:100%;}
@media(max-width:600px){.demos-six{grid-template-columns:1fr;}}

/* V21: keep Selected Work headline within the page width */
.selected-work .work-head > div:first-child { min-width: 0; width: 100%; }
.selected-work .work-head h2 { max-width: 100%; font-size: clamp(26px, 3.15vw, 38px); line-height: 1.08; overflow-wrap: normal; }
@media (min-width: 900px) { .selected-work .work-head h2 { white-space: nowrap; font-size: 29px; } }

/* V22 studio equipment */
.studio h3{margin:18px 0 8px;font-size:1rem;}
.equipment-list{margin:0;padding-left:1.25rem;line-height:1.65;}

/* V23: equipment copy matches the existing gray Remote Ready paragraph */
.studio h3,
.studio .equipment-list,
.studio .equipment-list li{
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:400;
  line-height:1.55;
  color:var(--muted);
}
.studio h3{margin:18px 0 8px;}
.studio .equipment-list{margin:0;padding-left:1.25rem;}


/* V24: bot-resistant email contact button */
.email-button{display:inline-block;margin-top:14px;padding:11px 20px;border:1px solid var(--ink);background:var(--ink);color:#fff;font:600 12px Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:2px;}
.email-button:hover,.email-button:focus{opacity:.82;}

/* V25: responsive mobile/tablet refinements. Desktop >= 901px intentionally unchanged. */
@media (max-width:900px){
  header,main,footer{width:min(100%,760px)}
  header{padding:0 24px}
  .landing{grid-template-columns:minmax(0,1fr) 118px;gap:22px;padding:30px 24px;border-bottom:5px solid var(--ink)}
  .landing .hero-copy{grid-column:1;grid-row:1}
  .landing .hero-photo{grid-column:2;grid-row:1;width:118px;height:190px;align-self:start}
  .landing .awards{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;align-items:center;justify-items:center;margin-top:2px}
  .landing .awards img,.landing .awards img[alt*="Earphones"]{width:auto;max-width:118px;max-height:70px;object-fit:contain}
  .landing-demos{grid-column:1 / -1;grid-row:3;margin-top:8px;padding-top:24px}
  .demos-six{grid-template-columns:repeat(2,minmax(0,1fr))}
  .demos-six h3{white-space:normal;overflow:visible;text-overflow:clip}
  .about,.studio{gap:28px}
}

@media (max-width:600px){
  html{scroll-padding-top:92px}
  header,main,footer{width:100%}
  header{height:auto;min-height:84px;padding:10px 18px;gap:10px;align-items:center;flex-wrap:wrap}
  .brand{height:auto;flex:1 1 150px}
  .brand img{width:min(175px,45vw);max-height:64px}
  nav{display:flex;gap:18px;flex:0 1 auto;margin-left:auto}
  nav a,nav a:nth-child(2),nav a:nth-child(3){display:block;font-size:10px;letter-spacing:.08em}
  .landing{display:grid;grid-template-columns:1fr;padding:26px 20px 30px;gap:22px;min-height:0}
  .landing .hero-copy{grid-column:1;grid-row:auto}
  .landing .hero-photo{grid-column:1;grid-row:auto;width:min(180px,52vw);height:auto;aspect-ratio:126/240;justify-self:center}
  .landing .awards{grid-column:1;grid-row:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
  .landing .awards img,.landing .awards img[alt*="Earphones"]{width:100%;max-width:105px;max-height:68px}
  .landing-demos{grid-column:1;grid-row:auto;margin-top:0;padding-top:24px}
  h1{font-size:clamp(36px,11vw,48px);line-height:1}
  h2{font-size:clamp(30px,9vw,38px)}
  .lead{font-size:16px;line-height:1.35}
  .hero-detail{font-size:14px;line-height:1.48}
  .demos-six{grid-template-columns:1fr;gap:14px;margin-top:20px}
  .demos-six article{padding-top:10px}
  .demos-six h3{font-size:18px;white-space:normal}
  audio{display:block;width:100%;max-width:100%;height:40px}
  .section{padding:32px 20px}
  .work-head{align-items:flex-start;gap:12px;margin-bottom:18px}
  .selected-work .work-head h2{white-space:normal;font-size:clamp(27px,8vw,34px);line-height:1.08}
  .scroll-buttons{flex:0 0 auto;margin-top:18px}
  .cover-track{gap:12px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
  .cover-track a{flex-basis:112px;width:112px;height:112px}
  .cover-track img{width:112px!important;height:112px!important}
  .about,.studio{grid-template-columns:1fr;gap:24px}
  .studio img{max-height:none;height:auto}
  .studio h3,.studio .equipment-list,.studio .equipment-list li,.studio p{font-size:14px;line-height:1.55}
  .contact{padding:44px 20px}
  .contact h2{font-size:clamp(34px,10vw,42px)}
  .contact p{font-size:13px;line-height:1.5}
  .email-button{padding:13px 22px;font-size:12px;min-height:44px}
  footer{padding:20px 16px;font-size:10px;line-height:1.45}
}

@media (max-width:390px){
  header{justify-content:center}
  .brand{flex:1 0 100%;justify-content:center}
  nav{margin:0 auto;gap:22px}
  .landing{padding-left:18px;padding-right:18px}
  .landing .awards{gap:6px}
  .landing .awards img,.landing .awards img[alt*="Earphones"]{max-width:96px}
}

/* V26: narrower mobile presentation for header and upper page. */
@media (max-width:600px){
  header,main,footer{width:calc(100% - 32px);margin-left:auto;margin-right:auto}
  header{padding-left:12px;padding-right:12px}
  .landing{padding-left:14px;padding-right:14px}
  .selected-work{padding-left:14px;padding-right:14px}
}
@media (max-width:390px){
  header,main,footer{width:calc(100% - 24px)}
  .landing{padding-left:12px;padding-right:12px}
  .selected-work{padding-left:12px;padding-right:12px}
}