/* Tanmedia V23 - visual correction layer
   Intent: preserve V21 interaction/design DNA while improving readability and removing unwanted imagery. */

/* Headings: readable, deliberate, no disappearing outline text */
.page-hero .hero-title .outline,
.page-hero .hero-title .outline.long {
  display:block;
  margin-top:.10em;
  max-width:18ch;
  color:rgba(255,255,255,.76) !important;
  -webkit-text-fill-color:rgba(255,255,255,.76) !important;
  -webkit-text-stroke:0 !important;
  text-shadow:none !important;
  font-size:.50em;
  font-weight:520;
  line-height:1.02;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.page-hero .hero-title .outline.long{font-size:.46em;max-width:20ch}

/* Section heading second lines are now solid rather than faint outlines. */
.display em,
.contact-title em {
  color:#5a5751 !important;
  -webkit-text-fill-color:#5a5751 !important;
  -webkit-text-stroke:0 !important;
  text-shadow:none !important;
  font-style:normal;
}
.section-dark .display em,
.section-dark .contact-title em,
.people .display em,
.precision .display em,
.color-intro .display em {
  color:#a9a9a9 !important;
  -webkit-text-fill-color:#a9a9a9 !important;
}
.section-acid .display em,.why .display em{
  color:rgba(0,0,0,.62) !important;
  -webkit-text-fill-color:rgba(0,0,0,.62) !important;
}

.display,.split-copy h2,.hero-title{
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}
.split-copy h2{max-width:13ch;text-wrap:balance}
.section-head .display{max-width:13ch}

/* Cleaner home CMYK sequence: Yellow is a pure print-color panel, not a photo block. */
.color-panel.yellow-clean{position:relative;isolation:isolate;overflow:hidden}
.color-panel.yellow-clean::before{
  content:"";position:absolute;inset:-15%;z-index:-1;opacity:.16;
  background-image:radial-gradient(circle at center, rgba(0,0,0,.95) 0 1.6px, transparent 1.8px);
  background-size:18px 18px;transform:rotate(-6deg) scale(1.05);
}
.color-panel.yellow-clean::after{
  content:"YELLOW / 03";position:absolute;right:clamp(20px,4vw,70px);bottom:clamp(22px,4vw,58px);
  font-size:10px;font-weight:900;letter-spacing:.18em;color:rgba(0,0,0,.55);
}
.color-panel.yellow-clean .color-content{position:relative;z-index:2}
.color-panel.yellow-clean .channel-letter{color:#111!important}
.color-panel.yellow-clean .eyebrow,.color-panel.yellow-clean p{color:#111!important}

/* Editorial visuals replace stock / cluttered hall photography in generic content sections. */
.editorial-visual{min-height:560px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#111;color:#fff;display:grid;place-items:center;padding:clamp(28px,4vw,56px)}
.section:not(.section-dark) .editorial-visual{background:#f1eee7;color:#111;border-color:rgba(0,0,0,.12)}
.editorial-frame{position:relative;width:min(100%,560px);min-height:390px;border:1px solid currentColor;padding:32px;display:flex;flex-direction:column;justify-content:space-between}
.editorial-frame::before,.editorial-frame::after{content:"";position:absolute;width:18px;height:18px;border-color:currentColor;opacity:.45}
.editorial-frame::before{left:-9px;top:-9px;border-left:1px solid;border-top:1px solid}.editorial-frame::after{right:-9px;bottom:-9px;border-right:1px solid;border-bottom:1px solid}
.editorial-kicker{font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;opacity:.62}
.editorial-title{font-size:clamp(38px,4.2vw,66px);line-height:.92;letter-spacing:-.055em;max-width:9ch}
.editorial-lines{display:grid;border-top:1px solid currentColor}
.editorial-lines span{padding:12px 0;border-bottom:1px solid currentColor;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.editorial-mailing{background:linear-gradient(135deg,#111 0 63%,#ea1b85 63% 66%,#111 66%)}
.editorial-logistics{background:linear-gradient(135deg,#111 0 63%,#00b9ea 63% 66%,#111 66%)}
.editorial-dieline{background:linear-gradient(135deg,#111 0 63%,#ffd700 63% 66%,#111 66%)}
.editorial-dieline .editorial-frame::after{box-shadow:-130px -125px 0 -8px transparent}

/* More breathing room and a calmer hierarchy on long subpages. */
.section{scroll-margin-top:120px}
.service-signature{border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}
.page-hero .hero-bottom p{max-width:620px}

@media (max-width:900px){
  .page-hero .hero-title .outline,.page-hero .hero-title .outline.long{font-size:.54em;max-width:19ch}
  .editorial-visual{min-height:420px}
  .editorial-frame{min-height:320px}
}
@media (max-width:700px){
  .page-hero .hero-title .outline,.page-hero .hero-title .outline.long{font-size:.56em;line-height:1.08;max-width:17ch}
  .display{font-size:clamp(40px,11vw,60px)!important;line-height:.94!important}
  .split-copy h2{font-size:clamp(38px,10.7vw,52px);max-width:none}
  .editorial-visual{min-height:360px;padding:22px}
  .editorial-frame{min-height:290px;padding:24px}
  .editorial-title{font-size:42px}
}