/* Ten distinct editorial pages in the existing brochure reader. */
.hs-brochure { --mag-navy:#102f3d; --mag-teal:#087d7f; --mag-paper:#f8f6f0; --mag-pink:#bc426b; }
.hs-brochure .mag-page { background: var(--mag-paper); font-size: clamp(12px,.95vw,15px); line-height: 1.55; }
.hs-brochure .mag-page p, .hs-brochure .mag-page h2, .hs-brochure .mag-page h3, .hs-brochure .mag-page figure, .hs-brochure .mag-page blockquote { margin: 0; }
.hs-brochure .mag-page h2 { color: inherit; font: 400 clamp(30px,3.05vw,50px)/1.02 'DM Serif Display', Georgia, serif; letter-spacing: -.025em; text-wrap: balance; }
.hs-brochure .mag-page h3 { color: inherit; font: 800 1em/1.3 Manrope,Arial,sans-serif; }
.hs-brochure .mag-page a { color: inherit; text-decoration: none; }
.hs-brochure .mag-page img { display:block; max-width:100%; width:100%; height:100%; object-fit:cover; }
.hs-brochure .mag-page-body { height:100%; min-height:0; display:flex; flex-direction:column; gap:clamp(10px,1.45vh,18px); padding:clamp(20px,2.8vw,44px); padding-block:clamp(16px,2.1vh,26px); }
.hs-brochure .mag-masthead { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-shrink:0; padding-bottom:11px; border-bottom:1px solid #a5b8b6; font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.hs-brochure .mag-masthead>span:last-child { color:var(--mag-teal); letter-spacing:.04em; text-align:end; }
.hs-brochure .mag-kicker { font-size:10px; letter-spacing:.13em; text-transform:uppercase; font-weight:800; color:var(--mag-teal); }
.hs-brochure .mag-heading { flex-shrink:0; }
.hs-brochure .mag-heading p { margin-top:10px; max-width:49ch; color:#46606a; line-height:1.5; }
.hs-brochure .mag-lead { font:400 clamp(18px,1.6vw,25px)/1.25 'DM Serif Display',Georgia,serif; }
.hs-brochure .mag-folio { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:8px; margin-top:auto; border-top:1px solid #ccd6d2; flex-shrink:0; color:#4c646b; font-size:9px; line-height:1.35; }
.hs-brochure .mag-folio>span:last-child { margin-inline-start:auto; color:var(--mag-navy); font-size:13px; font-weight:800; }
.hs-brochure .mag-photo { position:relative; min-width:0; min-height:0; overflow:hidden; background:#d3e0de; }
.hs-brochure .mag-photo figcaption { position:absolute; inset:auto 0 0; padding:24px 16px 12px; color:#fff; font-size:11px; font-weight:700; background:linear-gradient(transparent,rgba(6,28,40,.84)); }
.hs-brochure .mag-note { color:#46606a; font-size:.9em; line-height:1.5; }
.hs-brochure .mag-text-link { width:fit-content; border-bottom:1px solid var(--mag-teal); padding-bottom:3px; font-weight:800; font-size:12px; }

.hs-brochure .mag-page section { padding:0; margin:0; background:transparent; color:inherit; overflow:visible; }

/* 01 — immersive cover, typography anchored below the faces. */














/* 02 — opening editorial, one large photograph and a compact two-column essay. */







/* 03 — nine image-led entries, no icon cards or duplicated specialty lists. */
.hs-brochure .mag-specialties .mag-page-body { gap:12px; }
.hs-brochure .mag-specialties .mag-heading { display:grid; grid-template-columns:1.1fr 1fr; align-items:end; gap:16px; }
.hs-brochure .mag-specialties .mag-heading h2 { font-size:clamp(30px,2.7vw,44px); }
.hs-brochure .mag-specialties .mag-heading p { margin:0; font-size:12px; }
.hs-brochure .mag-specialties { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:repeat(3,minmax(0,1fr)); gap:16px 12px; flex:1; min-height:0; }
.hs-brochure .mag-page.mag-specialties { display:block; }
.hs-brochure .mag-specialty { min-width:0; min-height:0; display:flex; flex-direction:column; gap:7px; }
.hs-brochure .mag-specialty>img { min-height:45px; height:0; flex:1 1 0; }
.hs-brochure .mag-specialty h3 { font-size:clamp(11px,.93vw,14px); line-height:1.24; }
.hs-brochure .mag-specialty p { margin-top:4px; color:#50666c; font-size:clamp(10px,.79vw,12px); line-height:1.3; }
.hs-brochure .mag-specialty:hover h3 { color:var(--mag-teal); }

/* 04 — technical reportage, one dominant image and two supporting photographs. */
.hs-brochure .mag-clinics { background:#e9f0ed; }
.hs-brochure .mag-clinics .mag-heading h2 { font-size:clamp(30px,2.8vw,46px); }
.hs-brochure .mag-clinic-hero { flex:1.4 1 0; min-height:140px; }
.hs-brochure .mag-clinic-secondary { display:grid; grid-template-columns:1fr 1fr; gap:12px; flex:1 1 0; min-height:90px; }
.hs-brochure .mag-clinic-secondary figure { height:100%; }
.hs-brochure .mag-clinic-note { font-size:.94em; }

/* 05 — a continuous six-step timeline alongside a vertical photographic sequence. */
.hs-brochure .mag-journey-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:24px; min-height:0; flex:1; }
.hs-brochure .mag-journey-photo { height:100%; }
.hs-brochure .mag-journey-photo img { object-position:38% center; }
.hs-brochure .mag-timeline { display:flex; flex-direction:column; justify-content:space-between; gap:10px; margin:0; padding:0; list-style:none; position:relative; }
.hs-brochure .mag-timeline::before { content:''; position:absolute; inset-block:20px; inset-inline-start:17px; border-inline-start:1px solid #b2ceca; }
.hs-brochure .mag-timeline li { position:relative; display:grid; grid-template-columns:36px 1fr; gap:11px; }
.hs-brochure .mag-step-number { align-self:start; padding-block:4px; background:var(--mag-paper); color:var(--mag-teal); font:400 27px/1 'DM Serif Display',Georgia,serif; z-index:1; }
.hs-brochure .mag-timeline h3 { margin-bottom:4px; }
.hs-brochure .mag-timeline p { font-size:.92em; color:#45606b; line-height:1.4; }

/* 06 — the human story, generous portrait and two short paragraphs. */
.hs-brochure .mag-human { background:#103945; color:#fff; }
.hs-brochure .mag-human .mag-masthead { border-color:#517078; }
.hs-brochure .mag-human .mag-masthead>span:last-child { color:#91d6cc; }
.hs-brochure .mag-human-photo { flex:1; min-height:160px; margin-inline:-18px; }
.hs-brochure .mag-human-photo img { object-position:50% 15%; }
.hs-brochure .mag-human-text { display:grid; grid-template-columns:1fr 1fr; gap:24px; color:#d9e8e7; font-size:.96em; }
.hs-brochure .mag-human .mag-lead { color:#94d7cb; }
.hs-brochure .mag-human .mag-folio { color:#b4cfce; border-color:#456670; }
.hs-brochure .mag-human .mag-folio>span:last-child { color:#fff; }

/* 07 — three photographs form a single travel reportage. */
.hs-brochure .mag-travel-report { display:grid; grid-template-columns:1.25fr 1fr; grid-template-rows:1fr 1fr; gap:8px; flex:1; min-height:180px; }
.hs-brochure .mag-hotel { grid-row:1/3; }
.hs-brochure .mag-hotel img { object-position:55% center; }
.hs-brochure .mag-travel-copy { display:grid; grid-template-columns:1fr 1fr; gap:13px 24px; }
.hs-brochure .mag-travel-copy h3 { color:var(--mag-teal); margin-bottom:5px; }
.hs-brochure .mag-travel-copy p { font-size:.93em; }

/* 08 — destination feature using attributed real photographs of Monastir. */
.hs-brochure .mag-tunisia { background:#eaf2f0; }
.hs-brochure .mag-tunisia .mag-heading h2 { color:#075969; }
.hs-brochure .mag-destination-hero { flex:1.3; min-height:150px; margin-inline:-18px; }
.hs-brochure .mag-destination-pair { display:grid; grid-template-columns:1.1fr 1fr; gap:10px; flex:1; min-height:115px; }
.hs-brochure .mag-tunisia .mag-note { border-inline-start:2px solid var(--mag-pink); padding-inline-start:12px; }

/* 09 — four editorial strips, no numerical claims or unapproved testimonial. */
.hs-brochure .mag-why .mag-heading h2 { font-size:clamp(29px,2.8vw,46px); }
.hs-brochure .mag-commitments { flex:1; min-height:0; display:grid; grid-template-rows:repeat(4,minmax(0,1fr)); gap:12px; }
.hs-brochure .mag-commitments section { display:grid; grid-template-columns:34% 1fr; gap:18px; min-height:0; align-items:center; border-bottom:1px solid #d4ddda; padding-bottom:12px; }
.hs-brochure .mag-commitments section:last-child { border:0; padding:0; }
.hs-brochure .mag-commitments img { min-height:0; }
.hs-brochure .mag-commitments h3 { margin-bottom:6px; color:var(--mag-teal); }
.hs-brochure .mag-commitments p { font-size:.94em; }
.hs-brochure .mag-trust-line { font:400 clamp(20px,1.7vw,27px)/1.2 'DM Serif Display',Georgia,serif; color:var(--mag-pink); padding-block:6px; }
.hs-brochure .mag-testimonial { padding:14px; background:#e6efea; }
.hs-brochure .mag-testimonial blockquote { font:400 17px/1.3 'DM Serif Display',Georgia,serif; margin-block:7px; }
.hs-brochure .mag-testimonial figcaption, .hs-brochure .mag-testimonial p { font-size:10px; }

/* 10 — a direct invitation, working contact links and locally generated QR. */
.hs-brochure:has(.mag-contact:not([hidden])) .hs-brochure__book { min-width:0; }
.hs-brochure .mag-contact { height:auto; min-height:min-content; color:#fff; background:#103945; }
.hs-brochure .mag-contact .mag-page-body { height:auto; min-height:calc(100dvh - 112px); }
.hs-brochure .mag-contact .mag-heading p { color:#c5dddb; }
.hs-brochure .mag-contact .mag-masthead { border-color:#517078; }
.hs-brochure .mag-contact .mag-masthead>span:last-child { color:#91d6cc; }
.hs-brochure .mag-study { display:flex; justify-content:center; align-items:center; text-align:center; padding:14px 18px; background:#bc426b; color:#fff!important; font-weight:800; font-size:14px; min-height:48px; }
.hs-brochure .mag-study:hover { background:#a93159; }
.hs-brochure .mag-contact-main { display:grid; grid-template-columns:minmax(0,1fr) 140px; gap:24px; align-items:center; }
.hs-brochure .mag-address { min-width:0; margin:0; font-style:normal; display:flex; flex-direction:column; gap:12px; }
.hs-brochure .mag-address a { display:block; width:fit-content; line-height:1.4; }
.hs-brochure .mag-address span { display:flex; align-items:center; gap:7px; font-size:10px; color:#a7d2cc; letter-spacing:.04em; }
.hs-brochure .mag-address i { font-size:13px; line-height:1; flex-shrink:0; }
.hs-brochure .mag-address bdi { font-size:16px; font-weight:600; }
.hs-brochure .mag-address p { font-size:12px; color:#d2e4e1; }
.hs-brochure .mag-qr { text-align:center; display:flex; align-items:center; flex-direction:column; gap:7px; }
.hs-brochure .mag-qr>a:first-child { background:#fff; padding:12px; width:128px; height:128px; display:block; }
.hs-brochure .mag-qr [data-brochure-qr] { display:block; width:104px; height:104px; }
.hs-brochure .mag-qr img, .hs-brochure .mag-qr canvas { width:104px!important; height:104px!important; image-rendering:pixelated; }
.hs-brochure .mag-qr p { font-size:10px; line-height:1.35; }
.hs-brochure .mag-qr>a:last-child { font-size:9px; direction:ltr; text-decoration:underline; }
.hs-brochure .mag-contact-photo { flex:0 0 auto; min-height:0; width:100%; display:block; background:transparent; }
.hs-brochure .mag-contact-photo img { width:100%; height:auto; aspect-ratio:1280/459; object-fit:contain; }
.hs-brochure .mag-contact-photo figcaption { position:static; padding:5px 0 0; background:none; font-size:10px; text-align:center; }
.hs-brochure .mag-contact-note { font-size:11px; color:#c3dcd9; }
.hs-brochure .mag-contact .mag-folio { color:#b4cfce; border-color:#456670; }
.hs-brochure .mag-contact .mag-folio>span:last-child { color:#fff; }
/* Arabic follows the same reading order; photographs are never mirrored. */
.hs-brochure[dir=rtl] .mag-page { font-family:Tahoma,Arial,sans-serif; }
.hs-brochure[dir=rtl] .mag-page h2 { font-family:Tahoma,Arial,sans-serif; font-weight:500; line-height:1.3; letter-spacing:0; font-size:clamp(28px,2.65vw,43px); }

.hs-brochure[dir=rtl] .mag-page h3 { font-family:Tahoma,Arial,sans-serif; }
.hs-brochure[dir=rtl] .mag-masthead,.hs-brochure[dir=rtl] .mag-kicker { letter-spacing:0; }
.hs-brochure[dir=rtl] .mag-lead { font-family:Tahoma,Arial,sans-serif; font-size:20px; line-height:1.5; }

@media(min-width:900px) and (max-height:800px) {
.hs-brochure .mag-page-body { gap:10px; padding:16px 26px; }
.hs-brochure .mag-page { font-size:12px; }
.hs-brochure .mag-page h2 { font-size:34px; }
.hs-brochure .mag-heading p { margin-top:7px; font-size:12px; }
.hs-brochure .mag-masthead { padding-bottom:7px; }




.hs-brochure .mag-specialties .mag-page-body { gap:10px; }
.hs-brochure .mag-specialties .mag-heading h2, .hs-brochure .mag-clinics .mag-heading h2, .hs-brochure .mag-why .mag-heading h2 { font-size:32px; }
.hs-brochure .mag-specialties { gap:12px 10px; }
.hs-brochure .mag-specialty h3 { font-size:12px; }
.hs-brochure .mag-specialty p { font-size:10px; }

.hs-brochure .mag-lead { font-size:19px; }
.hs-brochure .mag-timeline { gap:8px; }
.hs-brochure .mag-timeline p { font-size:11.5px; }
.hs-brochure .mag-contact-main { grid-template-columns:minmax(0,1fr) 120px; gap:12px; }
.hs-brochure .mag-address { gap:8px; }
.hs-brochure .mag-address bdi { font-size:14px; }
.hs-brochure .mag-qr>a:first-child { width:112px; height:112px; padding:8px; }
.hs-brochure .mag-qr [data-brochure-qr], .hs-brochure .mag-qr img, .hs-brochure .mag-qr canvas { width:96px!important; height:96px!important; }
.hs-brochure .mag-study { padding:10px 12px; font-size:12px; min-height:44px; }
.hs-brochure .mag-commitments { gap:8px; }
.hs-brochure .mag-commitments section { padding-bottom:8px; }
  .hs-brochure[dir=rtl] .mag-page h2 { font-size:30px; }

}
@media(min-width:900px) and (max-height:650px) {
.hs-brochure .mag-page-body { padding:12px 22px; gap:8px; }
.hs-brochure .mag-page h2, .hs-brochure .mag-specialties .mag-heading h2, .hs-brochure .mag-clinics .mag-heading h2, .hs-brochure .mag-why .mag-heading h2 { font-size:27px; }
.hs-brochure .mag-masthead { font-size:8px; }



.hs-brochure .mag-clinic-hero { min-height:90px; }
.hs-brochure .mag-clinic-secondary { min-height:65px; }
.hs-brochure .mag-journey-layout { gap:16px; }
.hs-brochure .mag-timeline p { font-size:11px; }
.hs-brochure .mag-timeline li { gap:6px; }
.hs-brochure .mag-human-photo { min-height:90px; }
.hs-brochure .mag-travel-report { min-height:110px; }
.hs-brochure .mag-destination-hero { min-height:100px; }
.hs-brochure .mag-destination-pair { min-height:85px; }
.hs-brochure .mag-address { gap:5px; }
  .hs-brochure[dir=rtl] .mag-page h2 { font-size:26px; }
}

/* Mobile: ten single pages. Short screens use one reader scroll surface, never a scrollable card. */
@media(max-width:899px) {
.hs-brochure .mag-page { height:auto; min-height:calc(100dvh - 104px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); font-size:14px; }
.hs-brochure .mag-page-body { min-height:inherit; height:calc(100dvh - 104px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); padding:18px 22px; gap:13px; }
.hs-brochure .mag-page h2 { font-size:38px; }
.hs-brochure .mag-masthead { font-size:8px; gap:10px; }
.hs-brochure .mag-heading p { font-size:13px; }









.hs-brochure .mag-lead { font-size:22px; }




.hs-brochure .mag-specialties .mag-page-body { min-height:720px; }
.hs-brochure .mag-specialties .mag-heading { display:block; }
.hs-brochure .mag-specialties .mag-heading h2 { font-size:34px; }
.hs-brochure .mag-specialties .mag-heading h2 br { display:none; }
.hs-brochure .mag-specialties .mag-heading p { font-size:12px; margin-top:8px; }
.hs-brochure .mag-specialties { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(4,minmax(90px,1fr)) 85px; gap:12px; }
.hs-brochure .mag-specialty { gap:5px; }
.hs-brochure .mag-specialty h3 { font-size:12px; }
.hs-brochure .mag-specialty p { font-size:10.5px; margin-top:3px; }
.hs-brochure .mag-specialty:last-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:12px; }
.hs-brochure .mag-specialty:last-child>img { height:100%; min-height:0; }
.hs-brochure .mag-clinics .mag-page-body { min-height:640px; }
.hs-brochure .mag-clinics .mag-heading h2 { font-size:34px; }
.hs-brochure .mag-clinic-hero { min-height:160px; }
.hs-brochure .mag-clinic-secondary { min-height:115px; }
.hs-brochure .mag-journey .mag-page-body { min-height:690px; }
.hs-brochure .mag-journey-layout { grid-template-columns:1fr; grid-template-rows:120px 1fr; gap:14px; }
.hs-brochure .mag-journey-photo img { object-position:center 42%; }
.hs-brochure .mag-timeline { gap:12px; }
.hs-brochure .mag-timeline h3 { font-size:13px; }
.hs-brochure .mag-timeline p { font-size:12px; }
.hs-brochure .mag-timeline li { grid-template-columns:36px 1fr; }
.hs-brochure .mag-human .mag-page-body { min-height:650px; }
.hs-brochure .mag-human-photo { flex:0 0 auto; min-height:0; aspect-ratio:7/5; margin-inline:-22px; }
.hs-brochure .mag-human-text { grid-template-columns:1fr; gap:10px; font-size:13px; }
.hs-brochure .mag-travel .mag-page-body { min-height:680px; }
.hs-brochure .mag-travel-copy { gap:14px; }
.hs-brochure .mag-travel-copy h3 { font-size:13px; }
.hs-brochure .mag-travel-copy p { font-size:12px; }
.hs-brochure .mag-travel-report { min-height:225px; }
.hs-brochure .mag-tunisia .mag-page-body { min-height:640px; }
.hs-brochure .mag-destination-hero { min-height:200px; margin-inline:-22px; }
.hs-brochure .mag-destination-pair { min-height:125px; }
.hs-brochure .mag-why .mag-page-body { min-height:650px; }
.hs-brochure .mag-why .mag-heading h2 { font-size:33px; }
.hs-brochure .mag-commitments section { gap:14px; }
.hs-brochure .mag-commitments h3 { font-size:13px; }
.hs-brochure .mag-commitments p { font-size:12px; }
.hs-brochure .mag-trust-line { font-size:22px; }
.hs-brochure .mag-contact .mag-page-body { min-height:max(660px,calc(100dvh - 104px - env(safe-area-inset-top) - env(safe-area-inset-bottom))); }
.hs-brochure .mag-contact-main { grid-template-columns:minmax(0,1fr) 114px; gap:10px; }
.hs-brochure .mag-address bdi { font-size:13px; }
.hs-brochure .mag-address { gap:10px; }
.hs-brochure .mag-qr>a:first-child { width:112px; height:112px; padding:8px; }
.hs-brochure .mag-qr [data-brochure-qr], .hs-brochure .mag-qr img, .hs-brochure .mag-qr canvas { width:96px!important; height:96px!important; }
.hs-brochure .mag-qr>a:last-child { font-size:8px; }
.hs-brochure .mag-study { font-size:13px; padding:12px; }
.hs-brochure .mag-folio { font-size:8px; }
  .hs-brochure[dir=rtl] .mag-page h2 { font-size:34px; }
  .hs-brochure[dir=rtl] .mag-specialties .mag-heading h2 { font-size:29px; }

}
@media(max-width:360px) {
.hs-brochure:has(.mag-contact:not([hidden])) .hs-brochure__dots button { width:18px; }
.hs-brochure .mag-page-body { padding-inline:16px; }
.hs-brochure .mag-page h2 { font-size:34px; }
.hs-brochure .mag-masthead { font-size:7px; }
.hs-brochure .mag-contact-main { grid-template-columns:minmax(0,1fr) 112px; }
.hs-brochure .mag-address bdi { font-size:11.5px; }
.hs-brochure .mag-study { font-size:12px; }
.hs-brochure .mag-human-photo, .hs-brochure .mag-destination-hero { margin-inline:-16px; }
}



/* Keep both participants visible and the masthead clear of their faces. */



@media(min-width:900px) and (max-height:650px) {
 .hs-brochure .mag-contact .mag-page-body { gap:6px; }
 .hs-brochure .mag-contact .mag-heading p { margin-top:4px; font-size:11px; }
 .hs-brochure .mag-contact-note { font-size:10.5px; }
}
@media(max-width:899px) {
 .hs-brochure__book { display:block; }
 .hs-brochure .mag-clinics .mag-page-body { min-height:700px; }
 .hs-brochure .mag-travel .mag-page-body { min-height:720px; }


}

/* Opening spread — one coherent set of rules for pages 01–02. */
.hs-brochure:has(.mag-about:not([hidden])) .hs-brochure__identity img { height:auto; aspect-ratio:1200/472; padding:0; background:none; }
.hs-brochure .mag-cover { background:linear-gradient(#d5e6eb,#102f3d 65%); color:#fff; }
.hs-brochure .mag-cover .mag-cover-photo { position:absolute; inset:0 0 auto; width:100%; height:65%; object-fit:cover; object-position:100% center; }
.hs-brochure .mag-cover-shade { position:absolute; inset:0; background:linear-gradient(180deg,transparent 36%,rgba(16,47,61,.12) 47%,rgba(16,47,61,.9) 59%,#102f3d 65%); }
.hs-brochure .mag-cover-layout { position:relative; min-height:0; height:100%; display:flex; flex-direction:column; gap:12px; padding:34px 40px 24px; }
.hs-brochure .mag-cover-brand { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.hs-brochure .mag-cover .mag-cover-brand>img { display:block; width:185px; max-width:54%; height:auto; aspect-ratio:1200/472; object-fit:contain; padding:0; margin:0; background:none; border:0; border-radius:0; box-shadow:none; }
.hs-brochure .mag-cover-brand>span { max-width:210px; padding:6px 9px; color:#e2f4f0; background:rgba(8,31,42,.72); border-inline-start:2px solid #72d5c8; border-radius:0 4px 4px 0; box-shadow:0 3px 12px rgba(4,20,27,.16); font-size:9px; line-height:1.45; font-weight:800; letter-spacing:.12em; text-shadow:0 1px 2px rgba(0,0,0,.28); }
.hs-brochure .mag-cover-copy { margin-top:auto; }
.hs-brochure .mag-cover .mag-kicker { color:#a7e3d9; font-size:10px; }
.hs-brochure .mag-cover-copy h2 { font-size:clamp(46px,4.8vw,72px); line-height:1.02; letter-spacing:-.035em; color:#fff; margin-block:14px 18px; }
.hs-brochure .mag-cover-copy>p:last-child { max-width:31ch; color:#e5efef; font-size:clamp(15px,1.2vw,18px); line-height:1.55; }
.hs-brochure .mag-cover-bottom { display:flex; justify-content:space-between; gap:20px; border-top:1px solid #62838b; padding-top:13px; margin-top:16px; font-size:10px; line-height:1.5; }
.hs-brochure .mag-about .mag-page-body { display:flex; gap:14px; padding:25px 40px 22px; }
.hs-brochure .mag-about-masthead { display:flex; justify-content:space-between; align-items:center; gap:16px; border-bottom:1px solid #b5c5c0; padding-bottom:12px; flex-shrink:0; }
.hs-brochure .mag-about-masthead .mag-kicker { font-size:9px; letter-spacing:.09em; line-height:1.5; }
.hs-brochure .mag-about-masthead>span { font-size:8px; color:#586d74; text-align:end; }
.hs-brochure .mag-about .mag-heading h2 { font-size:clamp(34px,3.35vw,50px); }
.hs-brochure .mag-about .mag-heading .mag-about-intro { margin-top:12px; color:#425e67; font-size:14px; line-height:1.55; max-width:55ch; }
.hs-brochure .mag-about-photo { flex:1 1 0; min-height:190px; margin-block:2px; }
.hs-brochure .mag-about-photo img { object-fit:cover; object-position:82% center; }
.hs-brochure .mag-about-photo figcaption { padding:28px 17px 13px; font-size:11px; }
.hs-brochure .mag-about-commitments { display:flex; flex-direction:column; flex-shrink:0; }
.hs-brochure .mag-about-commitment { display:grid; grid-template-columns:1fr 1.35fr; gap:20px; align-items:start; padding:11px 0; border-bottom:1px solid #d5dfd9; }
.hs-brochure .mag-about-commitment:first-child { padding-top:0; }
.hs-brochure .mag-about-commitment:last-child { padding-bottom:0; border-bottom:0; }
.hs-brochure .mag-about-commitment h3 { font-size:13px; line-height:1.4; color:#086f74; letter-spacing:0; }
.hs-brochure .mag-about-commitment p { font-size:12px; line-height:1.5; color:#38545e; }
.hs-brochure .mag-about-reassurance { border-inline-start:2px solid #bc426b; padding-inline-start:12px; font-size:12px; line-height:1.45; color:#173a48; flex-shrink:0; }
.hs-brochure .mag-about .mag-folio { margin-top:0; font-size:8px; }
.hs-brochure[dir=rtl] .mag-cover-brand { align-items:flex-end; }
.hs-brochure[dir=rtl] .mag-cover-copy h2 { font-family:Tahoma,Arial,sans-serif; font-weight:500; font-size:clamp(44px,4.7vw,70px); line-height:1.3; letter-spacing:0; }
.hs-brochure[dir=rtl] .mag-about .mag-heading h2 { font-family:Tahoma,Arial,sans-serif; font-weight:500; font-size:clamp(30px,2.85vw,44px); line-height:1.3; }
.hs-brochure[dir=rtl] .mag-about-masthead .mag-kicker { letter-spacing:0; }
@media(min-width:900px) and (max-height:800px) {
 .hs-brochure .mag-cover-layout { padding:26px 30px 20px; gap:10px; }
 .hs-brochure .mag-cover .mag-cover-photo { inset-block-start:0; height:66%; }
 .hs-brochure .mag-cover .mag-cover-brand>img { width:185px; }
 .hs-brochure .mag-cover-brand { gap:9px; }
 .hs-brochure .mag-cover-copy h2 { font-size:55px; margin-block:10px 12px; }
 .hs-brochure .mag-cover-copy>p:last-child { font-size:15px; }
 .hs-brochure .mag-cover-bottom { margin-top:10px; padding-top:10px; }
 .hs-brochure .mag-about .mag-page-body { padding:18px 26px; gap:11px; }
 .hs-brochure .mag-about .mag-heading h2 { font-size:37px; }
 .hs-brochure .mag-about .mag-heading .mag-about-intro { font-size:12px; margin-top:8px; }
 .hs-brochure .mag-about-photo { min-height:145px; }
 .hs-brochure .mag-about-commitment { gap:16px; padding-block:9px; }
 .hs-brochure .mag-about-commitment h3 { font-size:12px; }
 .hs-brochure .mag-about-commitment p { font-size:11.5px; }
 .hs-brochure .mag-about-reassurance { font-size:11.5px; }
 .hs-brochure[dir=rtl] .mag-cover-copy h2 { font-size:52px; }
 .hs-brochure[dir=rtl] .mag-about .mag-heading h2 { font-size:32px; }
}
@media(min-width:900px) and (max-height:650px) {
 .hs-brochure .mag-cover-layout { padding:20px 24px 16px; gap:8px; }
 .hs-brochure .mag-cover .mag-cover-brand>img { width:150px; }
 .hs-brochure .mag-cover-brand>span { font-size:9px; }
 .hs-brochure .mag-cover .mag-cover-photo { inset-block-start:0; }
 .hs-brochure .mag-cover-copy h2 { font-size:43px; margin-block:8px 10px; }
 .hs-brochure .mag-cover-copy>p:last-child { font-size:13px; }
 .hs-brochure .mag-cover-bottom { font-size:9px; margin-top:5px; padding-top:7px; }
 .hs-brochure .mag-about .mag-page-body { padding:12px 22px; gap:8px; }
 .hs-brochure .mag-about-masthead { padding-bottom:7px; }
 .hs-brochure .mag-about-masthead>span { display:none; }
 .hs-brochure .mag-about .mag-heading h2 { font-size:30px; }
 .hs-brochure .mag-about .mag-heading .mag-about-intro { font-size:11px; line-height:1.4; }
 .hs-brochure .mag-about-photo { min-height:115px; }
 .hs-brochure .mag-about-commitment { padding-block:7px; gap:12px; }
 .hs-brochure .mag-about-commitment h3 { font-size:11px; }
 .hs-brochure .mag-about-commitment p { font-size:10.5px; line-height:1.4; }
 .hs-brochure .mag-about-reassurance { font-size:10.5px; }
 .hs-brochure[dir=rtl] .mag-cover-copy h2 { font-size:42px; }
 .hs-brochure[dir=rtl] .mag-about .mag-heading h2 { font-size:27px; }
}
@media(max-width:899px) {
 .hs-brochure .mag-cover { height:calc(100dvh - 104px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); min-height:570px; }
 .hs-brochure .mag-cover-layout { padding:24px 24px 18px; gap:10px; }
 .hs-brochure .mag-cover .mag-cover-brand>img { width:185px; max-width:60%; }
 .hs-brochure .mag-cover-brand { gap:11px; }
 .hs-brochure .mag-cover-brand>span { font-size:9px; letter-spacing:.07em; }
 .hs-brochure .mag-cover .mag-cover-photo { inset-block-start:80px; height:53%; object-position:100% center; mask-image:linear-gradient(transparent,black 13%,black 78%,transparent); }
 .hs-brochure .mag-cover-shade { background:linear-gradient(180deg,transparent 35%,rgba(16,47,61,.05) 42%,rgba(16,47,61,.87) 59%,#102f3d 68%); }
 .hs-brochure .mag-cover-copy h2 { font-size:49px; margin-block:12px 14px; }
 .hs-brochure .mag-cover-copy>p:last-child { font-size:15px; }
 .hs-brochure .mag-cover-bottom { margin-top:10px; padding-top:12px; font-size:9px; }
 .hs-brochure .mag-about { height:auto; min-height:100%; }
 .hs-brochure .mag-about .mag-page-body { height:auto; min-height:max(740px,calc(100dvh - 104px - env(safe-area-inset-top) - env(safe-area-inset-bottom))); padding:18px 22px; gap:13px; }
 .hs-brochure .mag-about-masthead { padding-bottom:10px; }
 .hs-brochure .mag-about-masthead .mag-kicker { font-size:8px; }
 .hs-brochure .mag-about-masthead>span { display:none; }
 .hs-brochure .mag-about .mag-heading h2 { font-size:38px; }
 .hs-brochure .mag-about .mag-heading .mag-about-intro { font-size:13px; line-height:1.5; margin-top:10px; }
 .hs-brochure .mag-about-photo { min-height:220px; }
 .hs-brochure .mag-about-photo img { object-position:88% center; }
 .hs-brochure .mag-about-photo figcaption { padding:25px 12px 10px; font-size:10px; }
 .hs-brochure .mag-about-commitment { grid-template-columns:1fr 1.1fr; gap:13px; padding-block:10px; }
 .hs-brochure .mag-about-commitment h3 { font-size:12px; line-height:1.45; }
 .hs-brochure .mag-about-commitment p { font-size:11.5px; line-height:1.5; }
 .hs-brochure .mag-about-reassurance { font-size:11.5px; }
 .hs-brochure .mag-about .mag-folio { font-size:7.5px; gap:9px; }
 .hs-brochure[dir=rtl] .mag-cover-copy h2 { font-size:52px; }
 .hs-brochure[dir=rtl] .mag-about .mag-heading h2 { font-size:33px; }
}
@media(max-width:360px) {
 .hs-brochure .mag-cover-layout { padding-inline:20px; }
 .hs-brochure .mag-cover .mag-cover-brand>img { width:165px; }
 .hs-brochure .mag-cover-copy h2 { font-size:42px; }
 .hs-brochure .mag-about .mag-page-body { min-height:795px; padding-inline:18px; }
 .hs-brochure .mag-about .mag-heading h2 { font-size:34px; }
 .hs-brochure .mag-about-commitment { grid-template-columns:1fr; gap:4px; padding-block:9px; }
 .hs-brochure .mag-about-photo { min-height:200px; }
}

/* A dimensional reading stage and a real, two-sided page turn. */
.hs-brochure__backdrop {
 background:radial-gradient(ellipse at 50% 44%,#173d49 0,#0d2a36 54%,#071923 100%);
}
.hs-brochure__book {
 position:relative;
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 width:min(calc(100% - clamp(32px,8vw,128px)),1480px);
 overflow:auto;
 overscroll-behavior:contain;
 scrollbar-width:thin;
 border:1px solid rgba(255,255,255,.2);
 border-radius:4px;
 background:#e6e0d5;
 box-shadow:0 24px 70px rgba(0,0,0,.42),0 5px 14px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.14);
 perspective:2400px;
 transform-style:preserve-3d;
}
.hs-brochure__book::after {
 content:'';
 position:absolute;
 z-index:4;
 inset:0 auto 0 50%;
 width:30px;
 transform:translateX(-50%);
 pointer-events:none;
 background:linear-gradient(90deg,transparent,rgba(12,35,43,.11) 35%,rgba(12,35,43,.18) 50%,rgba(12,35,43,.08) 65%,transparent);
}
.hs-brochure__page { backface-visibility:hidden; }
.hs-brochure__turn-underlay {
 position:absolute;
 z-index:7;
 top:0;
 height:100%;
 overflow:hidden;
 pointer-events:none;
}
.hs-brochure__turn-sheet {
 position:absolute;
 z-index:8;
 top:0;
 height:100%;
 transform:rotateY(0deg);
 transform-style:preserve-3d;
 transition:transform 920ms cubic-bezier(.2,.72,.18,1);
 will-change:transform;
 pointer-events:none;
}
.hs-brochure__turn-sheet.is-flipped { transform:rotateY(var(--turn-angle)); }
.hs-brochure__turn-face {
 position:absolute;
 inset:0;
 overflow:hidden;
 background:#f8f6f0;
 backface-visibility:hidden;
}
.hs-brochure__turn-face--front { transform:rotateY(0deg) translateZ(.5px); }
.hs-brochure__turn-face--back { transform:rotateY(180deg) translateZ(.5px); }
.hs-brochure__turn-face > .hs-brochure__page,
.hs-brochure__turn-face > .hs-brochure__page[hidden] {
 display:block!important;
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 min-height:0;
}
.hs-brochure__turn-face--front::after,
.hs-brochure__turn-face--back::after {
 content:'';
 position:absolute;
 inset:0;
 pointer-events:none;
}
.hs-brochure__turn-face--front::after {
 background:linear-gradient(90deg,transparent 76%,rgba(5,22,29,.2));
}
.hs-brochure__turn-face--back::after {
 background:linear-gradient(270deg,transparent 76%,rgba(5,22,29,.18));
}
.hs-brochure__turn-sheet.is-forward::before,
.hs-brochure__turn-sheet.is-backward::before {
 content:'';
 position:absolute;
 z-index:2;
 inset-block:0;
 width:24px;
 opacity:.5;
 transform:translateZ(2px);
}
.hs-brochure__turn-sheet.is-forward::before {
 inset-inline-end:0;
 background:linear-gradient(270deg,rgba(8,24,30,.28),transparent);
}
.hs-brochure__turn-sheet.is-backward::before {
 inset-inline-start:0;
 background:linear-gradient(90deg,rgba(8,24,30,.28),transparent);
}
.hs-brochure__book.is-turning::after { opacity:.72; }
@media(max-width:899px) {
 .hs-brochure__book {
  display:block;
  width:calc(100% - 20px);
  overflow:auto;
  border-radius:3px;
  touch-action:pan-y;
 }
 .hs-brochure__book::after { display:none; }
 .hs-brochure__turn-underlay { display:none; }
 .hs-brochure__turn-sheet { max-width:100%; }
 .hs-brochure__turn-face { inset:0 0 auto; height:100%; }
 .hs-brochure__turn-face > .hs-brochure__page,
 .hs-brochure__turn-face > .hs-brochure__page[hidden] {
  position:relative;
  inset:auto;
  height:auto;
  min-height:100%;
 }
}
@media(prefers-reduced-motion:reduce) {
 .hs-brochure__turn-sheet { transition:none; }
}
