/* Approved concept A. The five illustrated links are the entry points to the clinical guides. */
.home #ear-header-utility { display: none; }
.home #ear-header-inner { max-width: 1600px; }
@media(min-width:1100px) {
  .home #ear-header-inner { height:clamp(88px,7.5vw,112px); }
  .home #ear-header-inner > .wp-block-image { flex-basis:clamp(215px,21.5vw,332px); }
  .home #ear-header-inner > .wp-block-image img { width:100%; }
  .home #ear-header-inner nav { font-size:clamp(16px,1.4vw,21px); }
  .home #ear-header-inner nav > .wp-block-navigation__responsive-container ul.wp-block-navigation__container { font-size:inherit; justify-content:space-evenly; column-gap:clamp(8px,1vw,16px); }
  .home #ear-header-inner > .wp-block-buttons .wp-block-button__link { min-width:clamp(110px,10.5vw,160px); min-height:54px; font-size:19px; }
}
.home #ear-main { --a-orange: #ea6b08; --a-ink: #202124; --a-gutter: clamp(24px, 5.4vw, 96px); color: var(--a-ink); }
.home .a-inner, .home .a-cover-inner, .home .a-cranio-grid, .home .a-band-inner {
  width: min(100%, 1680px); margin: 0 auto; padding-inline: var(--a-gutter);
}
.home #ear-main :is(.a-cover,.a-symptoms,.a-structure,.a-cranio,.a-philosophy,.a-first,.a-articles) :is(h1,h2,h3) { font-weight: 810; letter-spacing: -.052em; }
.home #ear-main :is(.a-cover-copy h1,.a-symptoms h2,.a-structure h2,.a-philosophy h2,.a-first h2,.a-articles h2) { position: relative; }
.home #ear-main :is(.a-cover-copy h1,.a-symptoms h2,.a-structure h2,.a-philosophy h2,.a-first h2,.a-articles h2)::before {
  content: ""; position: absolute; width: 4px; height: 1.15em; background: var(--a-orange); left: -.42em; top: .1em;
}
#ear-hero.a-cover { background: linear-gradient(105deg,#fff 8%,#f8fafb 56%,#e8edf1); }
.a-cover-inner { position: relative; min-height: clamp(415px, min(44.8vw, calc(100svh - clamp(88px,7.5vw,112px) - clamp(110px,13.1vw,194px) - 4px)), 710px); display: flex; align-items: center; isolation: isolate; }
.a-cover-copy { position: relative; z-index: 2; width: 49%; padding-block: 34px; }
#ear-main #ear-hero.a-cover h1 { font-size: clamp(40px, 5.35vw, 85px) !important; line-height: 1.22 !important; margin: 0 0 22px; color: #202124; }
#ear-hero.a-cover .a-subjects { font-size: clamp(16px,1.75vw,26px); font-weight: 550; color: #434449; line-height: 1.6; margin: 0 0 34px; }
#ear-hero.a-cover .wp-block-image { position: absolute; inset: 0 0 0 auto; width: 68%; height: 100%; min-height: 0; z-index: -1; overflow: hidden; mask-image: linear-gradient(90deg,transparent,#000 22%); }
#ear-hero.a-cover .wp-block-image img { width: 100%; height: 100%; object-fit: cover; object-position: 56% center; }
#ear-hero.a-cover .wp-block-image:has(.ear-anatomy) {container-type:size; --crop-x:56%; --crop-y:50%}
#ear-hero.a-cover .wp-block-image:has(.ear-anatomy) img {object-position:var(--crop-x) var(--crop-y)}
/* Match the illustration's 3:2 cover crop and its existing scroll offset. */
#ear-hero .ear-anatomy {
  position:absolute; z-index:1; left:var(--crop-x); top:var(--crop-y);
  width:max(100cqw,150cqh); height:max(100cqh,66.666667cqw); margin:0; padding:0;
  transform:translate(calc(0% - var(--crop-x)),calc(0% - var(--crop-y) + var(--ear-shift,0px)));
  color:#512c1c; font:650 clamp(.8125rem,1.1vw,1rem)/1.35 var(--wp--preset--font-family--body,sans-serif);
  text-align:left; pointer-events:none;
}
.ear-anatomy svg {display:block; width:100%; height:100%; overflow:visible}
.ear-anatomy path {fill:none; stroke:#8e410f; stroke-width:1.6px; stroke-linejoin:round; vector-effect:non-scaling-stroke; filter:drop-shadow(0 1px 1px white)}
.ear-anatomy circle {fill:#8e410f; stroke:#fff; stroke-width:1.5px; vector-effect:non-scaling-stroke}
.ear-anatomy span {
  position:absolute; transform:translate(-100%,-50%); padding:.18em .53em; white-space:nowrap;
  border:1px solid #b39b87; border-radius:3px; background:#fffcf7;
}
.ear-canal-label {left:67.333333%; top:31.333333%}
.ear-cochlea-label {left:72.666667%; top:66.333333%}
@media(min-width:782px) and (prefers-reduced-motion:no-preference) {
  .ear-anatomy path {stroke-dasharray:1; animation:ear-draw-leader .5s ease-out backwards}
  .ear-anatomy span {animation:ear-show-label .16s ease-out .34s backwards}
}
@keyframes ear-draw-leader {from {stroke-dashoffset:1} to {stroke-dashoffset:0}}
@keyframes ear-show-label {from {opacity:0} to {opacity:1}}
#ear-hero.a-cover .wp-block-image::after {
  content: ""; position: absolute; top: 50%; left: 14%; width: 36%; height: 19%; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 66' preserveAspectRatio='none'%3E%3Cpath d='M0 34h41l4-2 3 4 4-7 4 10 6-18 5 30 6-44 7 55 7-45 6 25 4-14 4 10 4-5h7l4-12 5 22 5-17 4 9 5-3h8l4-7 4 10 4-4h70' fill='none' stroke='%23ff9228' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
.home #ear-main .a-cover .wp-block-button__link { min-width: clamp(118px,15vw,226px); min-height: clamp(50px,4.65vw,72px); border-radius: 4px; padding-inline: 20px; }
.home #ear-main .a-cover .wp-block-button:first-child .wp-block-button__link { background: #dc6108; color: white; font-size:19px; }
.home #ear-main .a-cover .is-style-outline .wp-block-button__link { background: #ffffffd9; }
#ear-topics.a-band { background: linear-gradient(95deg,#e66905,#e76c09 65%,#e36706); }
.home .a-band-inner { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); padding: 0 clamp(10px,2.2vw,36px); }
#ear-topics .a-topic { margin: 0; display: flex; align-items: center; position: relative; }
.a-topic + .a-topic::before { content:""; position:absolute; left:0; height:62%; width:1px; background: #ffffff80; }
.a-topic a { width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-height:clamp(110px,13.1vw,194px); color:white; font-size:clamp(1.1875rem,2.05vw,1.875rem); font-weight:750; line-height:1.35; text-decoration:none; padding:10px 5px; }
.a-topic a span { display:none; }
.a-topic a:is(:hover,:focus-visible) { background:#a7490a; color:white; }
.a-topic a:focus-visible { outline:3px solid white; outline-offset:-5px; }
.a-topic a::before,.a-symbol::before,.a-step a::before {
  content:""; display:block; flex:none; width:var(--icon-size,clamp(48px,5.8vw,86px)); aspect-ratio:1;
  background:currentColor; mask: url("a-symbols.svg") var(--icon-pos,0%) center/1000% 100% no-repeat;
}
.a-topic-hearing,.a-sym-hearing {--icon-pos:11.1111%}.a-topic-vertigo,.a-sym-vertigo {--icon-pos:22.2222%}
.a-topic-craniosacral,.a-sym-craniosacral {--icon-pos:33.3333%}.a-topic-temporal,.a-sym-temporal {--icon-pos:44.4444%}
.a-sym-spine {--icon-pos:55.5556%}.a-sym-sacrum {--icon-pos:66.6667%}.a-step-calendar {--icon-pos:77.7778%}.a-step-chat {--icon-pos:88.8889%}.a-step-check {--icon-pos:100%}
#ear-symptoms.a-symptoms .a-inner { padding-block: clamp(38px,4.2vw,68px); }
#ear-symptoms.a-symptoms h2 { font-size:clamp(30px,3.65vw,57px); line-height:1.16; margin:0 0 clamp(22px,2.2vw,36px); }
.a-symptom-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.a-symptom-card { text-align:center; padding:0 clamp(8px,1.5vw,22px); }
.a-symptom-card + .a-symptom-card { border-left:1px solid #d9dfdf; }
.a-symptom-card::before { content:""; display:block; height:clamp(120px,15.5vw,250px); background: url("/wp-content/main_hero_imgs/ear-symptoms.webp") var(--plate,0%) center/300% auto no-repeat; }
.a-card-hearing {--plate:50%}.a-card-vertigo {--plate:100%}
#ear-symptoms.a-symptoms h3 { margin:4px 0 0; font-size:clamp(24px,2.6vw,39px); }
#ear-symptoms.a-symptoms .a-symptom-card p { margin:0; }
.a-symptom-card p a,.a-read a { min-height:44px; display:inline-flex; align-items:center; color:#a64705; font-weight:650; text-underline-offset:4px; }
.a-structure-grid, .home .a-cranio-grid { display:grid; align-items:center; grid-template-columns: 50% 50%; }
#ear-structure.a-structure { background:#eaf0f3; }
#ear-structure.a-structure .wp-block-image img { height:clamp(265px,30.2vw,490px); min-height:0; width:100%; object-fit:cover; object-position:48% 45%; }
.a-structure-copy { padding:26px clamp(20px,4.4vw,66px); }
#ear-structure.a-structure h2 { font-size:clamp(26px,3.2vw,50px); margin:0 0 22px; }
.a-symbols { display:flex; align-items:center; flex-wrap:wrap; }
#ear-main .a-symbols p { --icon-size:clamp(42px,5.2vw,73px); flex:1; margin:0; text-align:center; font-weight:670; font-size:clamp(14px,1.8vw,24px); color:inherit; }
.a-symbols p + p {border-left:1px solid #8b939440;}
.a-symbol::before,.a-step a::before { margin:0 auto 6px; }
.a-symbol:first-child::before,.a-cranio .a-symbol::before,.a-step a::before { color:#b6520c; }
#ear-structure.a-structure .a-read {margin:10px 0 0; text-align:center;}
#ear-craniosacral.a-cranio { background:#222328; }
.home .a-cranio-grid { padding-right:0; grid-template-columns:34% 66%; min-height:clamp(245px,29.6vw,480px); overflow:hidden; }
#ear-craniosacral.a-cranio .wp-block-image { height:100%; }
#ear-craniosacral.a-cranio .wp-block-image img { width:100%; height:100%; object-fit:cover; aspect-ratio:2.24; mask-image:linear-gradient(90deg,transparent,#000 9%); }
.a-cranio-copy { padding-block:24px; }
#ear-craniosacral.a-cranio h2 { font-size:clamp(33px,4.1vw,64px); margin:0 0 22px; color:#fff; }
#ear-craniosacral.a-cranio .a-symbols { margin:0 0 16px; color:#fff; }
.a-cranio .a-symbol::before {color:#ffab50;}
#ear-main .a-cranio .wp-block-button__link { min-height:44px; padding:9px 20px; }
.a-philosophy .a-inner,.a-first .a-inner,.a-articles-head { display:flex; align-items:center; justify-content:space-between; gap:32px; }
.a-philosophy .a-inner { padding-block:clamp(34px,4.25vw,72px); }
.a-philosophy h2,.a-first h2,.a-articles-head h2 { margin:0; font-size:clamp(26px,3.4vw,53px); }
.a-philosophy-link { display:flex; align-items:center; gap:clamp(15px,3vw,48px); }
#ear-philosophy.a-philosophy .wp-block-image img { width:clamp(64px,6vw,95px); }
#ear-first.a-first {background:#edf2f4;}
.a-first .a-inner {padding-block:clamp(28px,3.4vw,60px);}
.a-steps { flex:1; display:flex; align-items:center; max-width:55%; }
#ear-first .a-step { flex:1; margin:0; text-align:center; }
.a-step a { --icon-size:clamp(34px,3.7vw,55px); display:block; color:var(--a-ink); text-decoration:none; font-weight:680; }
.a-step a:hover {text-decoration:underline;}
#ear-articles.a-articles .a-inner {padding-block:clamp(34px,4vw,60px);}
#ear-articles.a-articles .wp-block-columns {margin-top:22px;gap:26px;}
#ear-articles.a-articles .wp-block-image {margin:0 0 12px;}
#ear-articles.a-articles .wp-block-image img {aspect-ratio:2.15;object-fit:cover;}
#ear-articles.a-articles h3 {font-size:clamp(19px,2vw,29px);margin:0 0 5px;}
#ear-articles.a-articles .wp-block-column p {margin:4px 0;}
#ear-symptoms.a-symptoms h3 a, #ear-articles.a-articles h3 a, #ear-articles.a-articles .wp-block-column p a {
  display:inline-flex; align-items:center; min-height:44px; min-width:44px;
}
#ear-symptoms.a-symptoms h3 a {justify-content:center;}
#ear-articles.a-articles .wp-block-column p {font-size:1rem;line-height:1.7;}
.a-channels {display:flex;flex-wrap:wrap;gap:8px;margin:0;}
.a-channels a {display:inline-flex;align-items:center;min-height:44px;padding:5px 12px;border:1px solid #ccd0cf;border-radius:3px;text-decoration:none;font-size:15px;font-weight:620;color:#263337;}
.home #ear-location-inner {padding-block:clamp(36px,4.2vw,66px);}
.home #ear-location .wp-block-column:first-child h2 {font-size:clamp(32px,4vw,60px);}
.home #ear-location .wp-block-column:first-child p:nth-of-type(2) a {color:#b94e05;}
@media(min-width:782px) and (max-width:1000px){.a-cover-copy {width:52%}.a-philosophy .a-inner,.a-first .a-inner,.a-articles-head {gap:16px}.a-channels a{padding-inline:7px;}}
@media(max-width:781px) {
  .home #ear-main {--a-gutter:24px;}
  .home .a-cover-inner {min-height:0;display:grid;padding:0;grid-template-columns:minmax(0,1fr);}
  .a-cover-copy {width:100%;padding:24px var(--a-gutter) 5px;}
  #ear-main #ear-hero.a-cover h1 {font-size:clamp(31px,7.9vw,46px)!important;margin:0 0 10px;}
  #ear-hero.a-cover .a-subjects {font-size:1rem;line-height:1.55;margin:0 0 12px;}
  .home #ear-main .a-cover .wp-block-button__link {min-height:44px;padding:9px 16px;min-width:104px;font-size:15px;}
  #ear-hero.a-cover .wp-block-image {position:relative;inset:auto;z-index:0;width:100%;height:clamp(120px,39vw,235px);mask-image:linear-gradient(180deg,transparent,#000 13%);}
  #ear-hero.a-cover .wp-block-image img {object-position:50% 49%;}
  #ear-hero.a-cover .wp-block-image:has(.ear-anatomy) {--crop-x:50%; --crop-y:49%}
  .home .a-band-inner {grid-template-columns:repeat(6,minmax(0,1fr));padding:0;}
  .a-topic {grid-column:span 2;}
  .a-topic:nth-child(n+4) {grid-column:span 3;border-top:1px solid #ffffff60;}
  .a-topic:nth-child(4)::before {display:none;}
  .a-topic a {--icon-size:30px;min-height:64px;font-size:19px;gap:1px;padding:5px 3px;}
  #ear-main .a-cover-copy h1::before {left:-12px;width:3px;}
  .a-symptom-card {padding:0 4px;}
  .a-symptom-card::before {height:clamp(70px,18vw,112px);}
  #ear-symptoms.a-symptoms h3 {font-size:19px;}
  .a-symptom-card p a {font-size:.9375rem;line-height:1.5;}
  .a-structure-grid,.home .a-cranio-grid {grid-template-columns:1fr;}
  #ear-structure.a-structure .wp-block-image img {height:clamp(160px,48vw,280px);}
  .a-structure-copy {padding:26px var(--a-gutter) 18px;}
  .home .a-cranio-grid {padding:18px var(--a-gutter) 0;}
  .a-cranio-copy {padding:9px 0 0;}
  #ear-craniosacral.a-cranio .wp-block-image img {max-height:220px;object-fit:contain;mask-image:none;}
  .a-philosophy .a-inner,.a-first .a-inner,.a-articles-head {display:grid;gap:18px;}
  .a-steps {max-width:100%;width:100%;}
  .a-philosophy-link {gap:18px;}
  #ear-articles.a-articles .wp-block-columns {gap:20px;}
  .home #ear-location .wp-block-column:first-child h2 {font-size:32px;}
}
.home #ear-main .guide-jumps {width:min(calc(100% - 2 * var(--ear-gutter)),var(--ear-wide));margin:32px auto;padding-block:24px;border-block:1px solid #d6dfda;}
.home .guide-jumps h2 {font-size:clamp(22px,2vw,28px);line-height:1.4;margin:0 0 12px;}
.home .guide-jump-links {display:flex;flex-wrap:wrap;gap:8px 12px;}
.home .guide-jump-links p {margin:0;}
.home .guide-jump-links a {display:inline-flex;align-items:center;min-height:44px;padding:6px 14px;border:1px solid #b9ccc6;border-radius:8px;color:#214841;font-weight:650;line-height:1.5;text-decoration:none;}
.home .guide-jump-links a:hover {background:#edf4f1;}
.home #ear-philosophy .a-inner>p {max-width:44em;font-size:17px;line-height:1.8;margin:20px 0;}