/*
Theme Name: Dr Balboni Radiologia
Theme URI: https://drbalboni.it
Author: Dr Michele Balboni
Description: Tema medico moderno per radiologia, ecografia e senologia.
Version: 2.8.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: dr-balboni
*/

:root {
  --ink: #102d3a;
  --petrol: #0b5968;
  --aqua: #58b4b3;
  --mist: #edf7f6;
  --white: #fff;
  --shadow: 0 18px 55px rgba(7, 37, 47, .16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #f7fbfb; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; }
body.menu-open { overflow: hidden; }
a { color: inherit; }
img { max-width: 100%; height: auto; }
.wrap { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.skip-link { position: fixed; top: -100px; left: 20px; z-index: 9999; background: #fff; padding: 10px 16px; }
.skip-link:focus { top: 20px; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 100; color: #fff; transition: background .25s, box-shadow .25s; }
.site-header.scrolled, body:not(.home) .site-header { background: rgba(8, 48, 59, .96); box-shadow: 0 8px 30px rgba(0,0,0,.12); backdrop-filter: blur(10px); }
.header-inner { min-height: 82px; display: flex; align-items: center; gap: 30px; }
.brand { margin-right: auto; text-decoration: none; line-height: 1.05; }
.brand strong { display: block; font-family: Georgia, serif; font-size: 1.75rem; font-weight: 500; letter-spacing: .02em; }
.brand span { display: block; margin-top: 7px; color: #cfeceb; font-size: .7rem; text-transform: uppercase; letter-spacing: .15em; }
.top-nav > ul { display: flex; align-items: center; gap: 25px; list-style: none; margin: 0; padding: 0; }
.top-nav li { position: relative; list-style: none; }
.top-nav a { color: #fff; text-decoration: none; font-size: .93rem; }
.top-nav a:hover { color: #aee1de; }
.top-nav .sub-menu { position: absolute; top: calc(100% + 15px); left: -22px; z-index: 20; width: 310px; margin: 0; padding: 10px; border-radius: 11px; background: rgba(7,48,58,.98); box-shadow: 0 18px 45px rgba(0,0,0,.25); opacity: 0; visibility: hidden; transform: translateY(-7px); transition: opacity .2s, transform .2s, visibility .2s; }
.top-nav .sub-menu::before { content: ""; position: absolute; inset: -18px 0 auto; height: 18px; }
.top-nav .sub-menu li { border-bottom: 1px solid rgba(255,255,255,.12); }
.top-nav .sub-menu li:last-child { border: 0; }
.top-nav .sub-menu a { display: block; padding: 11px 12px; font-size: .88rem; line-height: 1.35; }
.top-nav .menu-item-has-children:hover > .sub-menu, .top-nav .menu-item-has-children:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.top-nav .menu-item-has-children > a::after { content: "⌄"; margin-left: 6px; color: #b9dbd9; }
.tirads-header-link { flex: 0 0 auto; border: 1px solid rgba(255,255,255,.7); border-radius: 999px; padding: 9px 15px; color: #fff; text-decoration: none; font-size: .78rem; font-weight: 800; letter-spacing: .08em; }
.tirads-header-link:hover { background: #fff; color: var(--petrol); }
.menu-toggle { width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; background: rgba(255,255,255,.08); color: #fff; cursor: pointer; display: grid; place-items: center; }
.menu-toggle span, .menu-toggle span::before, .menu-toggle span::after { display: block; width: 20px; height: 2px; background: currentColor; content: ""; position: relative; transition: transform .2s; }
.menu-toggle span::before { position: absolute; top: -6px; }
.menu-toggle span::after { position: absolute; top: 6px; }

.drawer { position: fixed; inset: 0; z-index: 300; visibility: hidden; }
.drawer.is-open { visibility: visible; }
.drawer-shade { position: absolute; inset: 0; background: rgba(5,22,28,.65); opacity: 0; transition: opacity .3s; }
.drawer.is-open .drawer-shade { opacity: 1; }
.drawer-panel { position: absolute; inset: 0 auto 0 0; width: min(410px, 90vw); padding: 55px 45px; background: #0b3e4a; color: #fff; transform: translateX(-100%); transition: transform .3s ease; overflow-y: auto; }
.drawer.is-open .drawer-panel { transform: none; }
.drawer-close { position: absolute; top: 22px; right: 24px; border: 0; background: none; color: #fff; font-size: 2rem; cursor: pointer; }
.drawer-title { font-family: Georgia, serif; font-size: 1.6rem; margin: 30px 0; }
.drawer ul { list-style: none; margin: 0; padding: 0; }
.drawer li { border-top: 1px solid rgba(255,255,255,.16); }
.drawer li:last-child { border-bottom: 1px solid rgba(255,255,255,.16); }
.drawer a { display: block; padding: 17px 4px; color: #fff; text-decoration: none; font-size: 1.05rem; }
.drawer .menu-item-has-children { position: relative; }
.drawer .submenu-toggle { position: absolute; top: 8px; right: 0; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: transparent; color: #fff; cursor: pointer; }
.drawer .submenu-toggle::before { content: "+"; font-size: 1.25rem; }
.drawer .submenu-open > .submenu-toggle::before { content: "−"; }
.drawer .sub-menu { display: none; margin: 0 0 10px 14px; border-left: 2px solid rgba(88,180,179,.6); }
.drawer .submenu-open > .sub-menu { display: block; }
.drawer .sub-menu li { border: 0; }
.drawer .sub-menu a { padding: 10px 12px; color: #cfe4e3; font-size: .91rem; }
.drawer-note { margin-top: 35px; color: #b9d9d8; font-size: .9rem; }

.hero { min-height: 100svh; display: grid; place-items: center; position: relative; color: #fff; background: #174f5c url('assets/sfondo-home-radiologia.webp') center center / cover no-repeat; isolation: isolate; }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(5,35,45,.78), rgba(8,55,65,.43) 50%, rgba(5,35,45,.58)); }
.hero::after { content: ""; position: absolute; inset: auto 0 0; height: 35%; z-index: -1; background: linear-gradient(transparent, rgba(5,35,45,.65)); }
.hero-content { text-align: center; padding: 145px 20px 110px; text-shadow: 0 3px 25px rgba(0,0,0,.35); }
.eyebrow { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 20px; text-transform: uppercase; letter-spacing: .22em; font-size: .73rem; font-weight: 700; }
.eyebrow::before, .eyebrow::after { content: ""; width: 34px; height: 1px; background: currentColor; opacity: .8; }
.hero h1 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.8rem, 6.4vw, 6.2rem); line-height: .98; font-weight: 400; letter-spacing: -.03em; }
.hero-subtitle { margin: 25px 0 0; font-size: clamp(1rem, 2vw, 1.35rem); letter-spacing: .17em; text-transform: uppercase; }
.hero-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 38px; }
.button { display: inline-block; border-radius: 999px; padding: 13px 25px; background: var(--petrol); color: #fff; text-decoration: none; font-weight: 650; border: 1px solid var(--petrol); transition: transform .2s, background .2s; }
.button:hover { transform: translateY(-2px); background: #073f4b; }
.button-light { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.75); backdrop-filter: blur(6px); }

.quick-nav { position: relative; z-index: 3; margin-top: -44px; }
.quick-grid { display: grid; grid-template-columns: repeat(3, 1fr); background: #fff; border-radius: 12px; box-shadow: var(--shadow); overflow: hidden; }
.quick-card { padding: 27px 30px; text-decoration: none; border-right: 1px solid #dcebea; position: relative; }
.quick-card:last-child { border: 0; }
.quick-card small { display: block; color: #4c747d; text-transform: uppercase; letter-spacing: .12em; font-size: .67rem; }
.quick-card strong { display: block; margin-top: 4px; font-family: Georgia, serif; font-size: 1.32rem; font-weight: 500; }
.quick-card:hover { background: var(--mist); }

.section { padding: 105px 0; }
.section-soft { background: var(--mist); }
.section-heading { max-width: 740px; margin-bottom: 44px; }
.section-heading h2, .content-card h1 { font-family: Georgia, serif; font-weight: 400; font-size: clamp(2.3rem, 4vw, 4rem); line-height: 1.1; margin: 8px 0 18px; }
.section-heading p { font-size: 1.08rem; color: #42636b; }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.service-card { background: #fff; border-radius: 12px; padding: 36px; box-shadow: 0 10px 35px rgba(14,70,82,.08); border-top: 3px solid var(--aqua); }
.service-number { color: var(--aqua); font-weight: 700; letter-spacing: .12em; }
.service-card h3 { font-family: Georgia, serif; font-size: 1.65rem; font-weight: 500; margin: 14px 0 10px; }
.service-card p { color: #4b6a71; }
.text-link { color: var(--petrol); font-weight: 700; text-decoration: none; }
.profile-heading { text-align: center; margin-bottom: 28px; }
.profile-heading h2 { margin: 7px 0 0; color: var(--petrol); font: 400 clamp(2.3rem, 4vw, 3.8rem)/1.1 Georgia, serif; }
.about-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: center; }
.portrait-placeholder { aspect-ratio: 4 / 5; border-radius: 12px; overflow: hidden; background: #dfe9e8; box-shadow: var(--shadow); }
.portrait-placeholder img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.profile-intro { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; margin-bottom: 18px; }
.portrait-small { flex: 0 0 145px; width: 145px; aspect-ratio: 23 / 30; overflow: hidden; border: 4px solid #dbe9e7; border-radius: 16px; background: #dfe9e8; box-shadow: 0 10px 30px rgba(14,70,82,.12); }
.portrait-small img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.about-copy h3 { margin: 0 0 6px; color: var(--petrol); font: 400 clamp(1.8rem, 3vw, 2.5rem)/1.15 Georgia, serif; }
.profile-role { margin: 0 0 24px; color: var(--aqua); font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.about-copy .editable-copy { max-width: 760px; }
.editable-copy { font-size: 1.08rem; color: #395b63; }
.booking-box { border-radius: 16px; background: #0c4d5a; color: #fff; padding: 55px; display: grid; grid-template-columns: 1.3fr .7fr; gap: 40px; align-items: center; box-shadow: var(--shadow); }
.booking-box h2 { font-family: Georgia, serif; font-size: clamp(2rem, 4vw, 3.6rem); font-weight: 400; line-height: 1.08; margin: 6px 0 16px; }
.booking-box p { color: #c8e4e3; }
.booking-actions { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.booking-actions .button { text-align: center; background: #fff; color: #0b4d59; border-color: #fff; }
.booking-actions .button-outline { background: transparent; color: #fff; }

.page-hero { min-height: 440px; padding: 160px 0 85px; display: flex; align-items: end; color: #fff; background: linear-gradient(rgba(5,38,47,.7), rgba(5,38,47,.82)), url('assets/radiologia-sfondo-v2.webp') center / cover; }
.page-hero h1 { font: 400 clamp(2.8rem, 6vw, 5rem)/1.05 Georgia, serif; margin: 8px 0; }
.content-shell { margin-top: -48px; position: relative; padding-bottom: 90px; }
.content-card { max-width: 950px; margin: auto; background: #fff; border-radius: 14px; padding: clamp(30px, 6vw, 70px); box-shadow: var(--shadow); }
.entry-content h2 { margin-top: 2em; color: var(--petrol); font-family: Georgia, serif; font-weight: 500; }
.entry-content a { color: var(--petrol); }
.patient-intro { font-size: 1.16rem; color: #365d66; }
.patient-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 30px 0; }
.patient-card { padding: 28px; border-radius: 12px; background: var(--mist); border-left: 4px solid var(--aqua); }
.patient-card h3 { margin-top: 0; font-family: Georgia, serif; font-size: 1.45rem; font-weight: 500; }
.patient-note { margin-top: 30px; padding: 20px 24px; border-radius: 10px; background: #fff6df; border: 1px solid #ead6a1; color: #58491f; }
.sources { margin-top: 45px; padding-top: 20px; border-top: 1px solid #dce9e8; color: #587177; font-size: .82rem; }
.locations-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; margin: 35px 0; }
.location-card { display: flex; flex-direction: column; padding: 30px; border-radius: 12px; background: #fff; border: 1px solid #d8e8e7; box-shadow: 0 10px 30px rgba(14,70,82,.07); }
.location-card h3 { margin: 5px 0 15px; color: var(--ink); font: 500 1.5rem/1.2 Georgia, serif; }
.location-card p { margin: 4px 0; }
.location-card .location-label { color: var(--aqua); font-size: .7rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.location-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: auto; padding-top: 20px; }
.location-actions a { border: 1px solid #b9d8d6; border-radius: 999px; padding: 8px 14px; text-decoration: none; font-size: .88rem; font-weight: 700; }
.location-actions a:first-child { background: var(--petrol); border-color: var(--petrol); color: #fff; }
.profile-lead { font: 400 clamp(1.45rem, 2.7vw, 2.1rem)/1.4 Georgia, serif; color: var(--petrol); }
.profile-highlights { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 35px 0; }
.profile-highlight { padding: 22px; border-radius: 10px; background: var(--mist); }
.profile-highlight strong { display: block; color: var(--petrol); font: 500 1.25rem Georgia, serif; }
.profile-highlight span { display: block; margin-top: 7px; color: #4b6a71; font-size: .9rem; }
.thyroid-section { margin-top: 65px; padding-top: 20px; border-top: 3px solid var(--aqua); }
.tirads-box { margin: 30px 0; padding: 30px; border-radius: 12px; color: #e5f5f4; background: linear-gradient(135deg, #0c4d5a, #0a6672); }
.tirads-box h3 { margin-top: 0; color: #fff; font: 500 1.55rem Georgia, serif; }
.tirads-box ul { margin-bottom: 0; columns: 2; column-gap: 35px; }
.tirads-calculator { margin: 45px 0 20px; padding: clamp(24px, 4vw, 42px); border-radius: 16px; background: #f2f9f8; border: 1px solid #cce2e0; }
.tirads-calculator > h3 { margin: 0 0 8px; color: var(--petrol); font: 500 clamp(1.7rem, 3vw, 2.35rem) Georgia, serif; }
.tirads-calculator-intro { margin: 0 0 28px; color: #466970; }
.tirads-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 22px; }
.tirads-field { padding: 18px; border-radius: 10px; background: #fff; border: 1px solid #d9e8e7; }
.tirads-field label, .tirads-field legend { display: block; margin-bottom: 8px; color: var(--ink); font-weight: 750; }
.tirads-field select, .tirads-field input[type="number"] { width: 100%; min-height: 45px; padding: 9px 12px; border: 1px solid #aac8c7; border-radius: 7px; background: #fff; color: var(--ink); font: inherit; }
.tirads-fieldset { grid-column: 1 / -1; border: 0; }
.tirads-checks { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px 18px; }
.tirads-checks label { display: flex; gap: 9px; align-items: flex-start; margin: 0; font-weight: 500; }
.tirads-checks input { margin-top: 5px; accent-color: var(--petrol); }
.tirads-result { margin-top: 24px; padding: 25px; border-radius: 12px; background: #0b4f5b; color: #e5f5f4; }
.tirads-result-top { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 20px; }
.tirads-category { color: #fff; font: 500 2rem Georgia, serif; }
.tirads-points { font-weight: 800; }
.tirads-recommendation { margin: 12px 0 0; font-size: 1.05rem; }
.tirads-result-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 20px; }
.tirads-result-card { padding: 18px; border-radius: 9px; background: rgba(255,255,255,.1); }
.tirads-result-card small { display: block; color: #b9dbd9; font-size: .68rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.tirads-result-card strong { display: block; margin-top: 8px; color: #fff; font-size: 1.04rem; line-height: 1.35; }
.tirads-warning { margin: 18px 0 0; color: #587177; font-size: .82rem; }
.tirads-reset { margin-top: 18px; border: 1px solid #9abfbd; border-radius: 999px; padding: 9px 16px; background: transparent; color: var(--petrol); font-weight: 750; cursor: pointer; }
.tirads-cta { margin: 32px 0; padding: 25px; border-radius: 12px; background: linear-gradient(135deg, #0c4d5a, #0a6672); color: #e5f5f4; }
.tirads-cta strong { display: block; margin-bottom: 8px; color: #fff; font: 500 1.35rem Georgia, serif; }
.tirads-cta .button { margin-top: 10px; background: #fff; border-color: #fff; color: var(--petrol); }
.breast-ultrasound-section { margin-top: 10px; }
.breast-ultrasound-section > p:first-of-type { font: 400 clamp(1.3rem, 2.4vw, 1.75rem)/1.5 Georgia, serif; color: var(--petrol); }
.senology-methods { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin: 34px 0; }
.senology-method { padding: clamp(24px, 4vw, 36px); border-radius: 14px; background: var(--mist); border-top: 4px solid var(--aqua); }
.senology-method h2 { margin-top: 0; }
.senology-method .button { margin-top: 10px; }
.mammography-section > p:first-of-type { font: 400 clamp(1.3rem, 2.4vw, 1.75rem)/1.5 Georgia, serif; color: var(--petrol); }
.mammography-note { margin: 30px 0; padding: 25px; border-radius: 12px; background: var(--mist); border-left: 4px solid var(--aqua); }
.biopsy-section > p:first-of-type { font: 400 clamp(1.3rem, 2.4vw, 1.75rem)/1.5 Georgia, serif; color: var(--petrol); }
.biopsy-section h2 { margin-top: 42px; }
.biopsy-section h3 { margin-top: 30px; color: var(--petrol); }
.biopsy-tirads-link { margin: 25px 0; }
.procedure-index { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 32px 0 45px; }
.procedure-index a { display: flex; flex-direction: column; gap: 7px; padding: 22px; border-radius: 11px; background: var(--mist); border-top: 3px solid var(--aqua); color: var(--petrol); text-decoration: none; }
.procedure-index a:hover { background: #e5f2f1; }
.procedure-index small { color: #52737a; }
.procedure-placeholder { margin: 20px 0 40px; padding: 24px; border: 1px dashed #83b6b3; border-radius: 12px; background: #f7fbfa; color: #45666e; }
.prostate-explainer { margin: 35px 0; padding: clamp(25px, 4vw, 40px); border-radius: 15px; background: linear-gradient(145deg, #0c4d5a, #0b6873); color: #e5f5f4; }
.prostate-explainer h2 { margin-top: 0; color: #fff; }
.prostate-explainer strong { color: #fff; }
.symptom-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 25px 0; }
.symptom-item { padding: 16px 18px; border-radius: 9px; background: rgba(255,255,255,.1); }
.prostate-cta { margin: 35px 0; padding: 25px; border-radius: 12px; border: 1px solid #cce2e0; background: var(--mist); }
.prostate-cta strong { display: block; margin-bottom: 7px; color: var(--petrol); font: 500 1.35rem Georgia, serif; }
.prostate-cta .button { margin-top: 12px; background: #fff; border-color: var(--petrol); color: var(--petrol); }
.prostate-cta .button:hover { background: #f7fbfa; color: #073f4b; }
.ultrasound-scope { margin: 40px 0; }
.scope-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.scope-card { padding: 24px; border-radius: 11px; background: var(--mist); border-top: 3px solid var(--aqua); }
.scope-card h3 { margin: 0 0 8px; color: var(--petrol); font: 500 1.35rem Georgia, serif; }
.scope-card p { margin: 0; color: #45666e; }
.abdominal-ultrasound-image { margin: 25px 0 32px; }
.abdominal-ultrasound-image img { display: block; width: 100%; height: auto; max-height: 680px; object-fit: cover; object-position: center; border-radius: 16px; box-shadow: 0 16px 42px rgba(7,48,58,.16); }
.abdominal-ultrasound-image figcaption { margin-top: 10px; color: #607c82; font-size: .85rem; text-align: center; }
.sport-intro { font: 400 clamp(1.35rem, 2.4vw, 1.8rem)/1.5 Georgia, serif; color: var(--petrol); }
.sport-highlight { margin: 30px 0; padding: 28px; border-radius: 13px; background: var(--mist); border-left: 4px solid var(--aqua); }
.sport-cta { margin: 35px 0; padding: 25px; border-radius: 12px; color: #e5f5f4; background: linear-gradient(135deg, #0c4d5a, #0a6672); }
.sport-cta strong { display: block; margin-bottom: 7px; color: #fff; font: 500 1.35rem Georgia, serif; }
.sport-cta .button { margin-top: 12px; background: #fff; border-color: #fff; color: var(--petrol); }

.site-footer { padding: 55px 0 25px; background: #072f39; color: #d0e4e4; }
.footer-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 50px; }
.site-footer h3 { color: #fff; font-family: Georgia, serif; font-weight: 400; }
.footer-menu { list-style: none; padding: 0; columns: 2; }
.footer-menu a { color: #d0e4e4; text-decoration: none; }
.copyright { margin-top: 40px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.12); font-size: .82rem; }

@media (max-width: 900px) {
  .top-nav { display: none; }
  .quick-grid, .service-grid { grid-template-columns: 1fr; }
  .quick-card { border-right: 0; border-bottom: 1px solid #dcebea; }
  .about-grid, .booking-box, .footer-grid { grid-template-columns: 1fr; }
  .patient-grid { grid-template-columns: 1fr; }
  .locations-grid { grid-template-columns: 1fr; }
  .profile-highlights { grid-template-columns: 1fr; }
  .tirads-box ul { columns: 1; }
  .tirads-form-grid, .tirads-checks { grid-template-columns: 1fr; }
  .tirads-result-grid { grid-template-columns: 1fr; }
  .symptom-grid { grid-template-columns: 1fr; }
  .scope-grid { grid-template-columns: 1fr; }
  .senology-methods { grid-template-columns: 1fr; }
  .procedure-index { grid-template-columns: 1fr; }
  .about-grid { gap: 38px; }
  .portrait-placeholder { max-width: 430px; width: 100%; margin: 0 auto; }
  .about-copy { text-align: center; }
  .about-copy .editable-copy { text-align: left; }
  .profile-intro { justify-content: center; }
}
@media (max-width: 600px) {
  .wrap { width: min(100% - 28px, 1180px); }
  .header-inner { min-height: 70px; }
  .brand strong { font-size: 1.38rem; }
  .brand span { font-size: .6rem; }
  .tirads-header-link { padding: 8px 10px; font-size: .67rem; }
  .hero-content { padding-top: 120px; }
  .hero-subtitle { letter-spacing: .09em; }
  .quick-nav { margin-top: -25px; }
  .section { padding: 75px 0; }
  .service-card, .booking-box { padding: 30px 25px; }
  .profile-intro { align-items: center; }
  .portrait-small { flex-basis: 112px; width: 112px; }
  .drawer-panel { padding-inline: 28px; }
}