/* Preterm Birth page styles. Same fonts, spacing and rules as the home page; its own purple colour family. */
@font-face { font-family: "Josefin Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/josefin-sans-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Josefin Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/josefin-sans-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/montserrat-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/montserrat-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/montserrat-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/montserrat-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/montserrat-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/montserrat-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
:root {
  --hero: #26C281;
  --strip: #7ED957;
  --green: #7ED957;
  --orange: #FEB14C;
  --orange-2: #FFA857;
  --coral: #FF6B57;
  --pink: #FDB3FD;
  --hotpink: #FF66C4;
  --yellow: #FFDF5B;
  --cyan: #0CC0DF;
  --cyan-card: #5CE1E6;
  --sky: #38B6FF;
  --blue: #176BFD;
  --aqua-text: #43D2EB;
  --grey-head: #A6A6A6;
  --white: #FFFFFF;
  --black: #000000;
  --ink: #10123A;
  --display: "Josefin Sans", "Montserrat", Arial, sans-serif;
  --body: "Montserrat", Arial, sans-serif;
  color-scheme: light;
}
.clips { position: absolute; width: 0; height: 0; overflow: hidden; }
.skip { position: absolute; left: 12px; top: -60px; background: var(--black); color: var(--white); padding: 10px 16px; border-radius: 8px; z-index: 100; font-weight: 700; }
.skip:focus { top: 12px; }
.galabar { background: var(--black); color: var(--white); font-size: 15px; line-height: 1.4; text-align: center; padding: 9px max(16px, env(safe-area-inset-right, 0px)) 9px max(16px, env(safe-area-inset-left, 0px)); }
.galabar a { color: var(--yellow); font-weight: 700; }
.countrybar { background: var(--strip); display: flex; justify-content: flex-end; padding: 5px max(16px, calc(35 * 100vw / 1366)) 5px max(16px, env(safe-area-inset-left, 0px)); }
.countrybar ul { display: flex; gap: 22px; font-size: 15px; font-weight: 700; }
.countrybar a { text-underline-offset: 3px; }
.countrybar [aria-current="page"] { text-decoration: none; }
.site-footer { background: var(--blue); color: var(--white); font-size: 12px; line-height: 1.5; font-weight: 500; display: grid; grid-template-columns: 1fr 1fr; gap: 16px 48px; max-width: 1366px; margin: 0 auto; padding: 22px max(24px, calc(77 * 100vw / 1366)) 22px max(24px, calc(77 * 100vw / 1366)); }
.site-footer { max-width: none; }
@media (max-width: 759px) { .site-footer { grid-template-columns: 1fr; } }
.site-footer p { margin: 0; }
.site-footer p + p { margin-top: 6px; }
.site-footer a { color: var(--white); }
.galabar { font-weight: 500; }
* { box-sizing: border-box; } img { max-width:100%; } p,h1,h2,h3,ul{margin:0}

:root{--ink:#10123A;--green:#26C281;--coral:#FF6B57;--orange:#FEB14C;--yellow:#FFDF5B;--cream:#FFF4E2;--pink:#FDB3FD;--cyan:#0CC0DF;--blue:#176BFD;--gut:clamp(20px,5vw,80px)}
body{margin:0;background:#fff;color:var(--ink);font-family:Montserrat,Arial,sans-serif}
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--gut);box-sizing:content-box}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
h1,h2,h3{font-family:"Josefin Sans",Montserrat,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.02em;line-height:1.02;margin:0}
h1{font-size:clamp(40px,5.2vw,72px)} h2{font-size:clamp(32px,3.6vw,52px)} h3{font-size:clamp(20px,1.7vw,24px);line-height:1.15}
p{margin:0;font-size:clamp(16px,1.35vw,19px);line-height:1.55}
.lead{font-size:clamp(19px,1.8vw,26px);line-height:1.4;font-weight:500}
.y{background:linear-gradient(transparent 44%,var(--yellow) 44%,var(--yellow) 82%,transparent 82%);padding:0 .06em}
.sec{padding:clamp(56px,8vw,112px) 0}
.stack>*+*{margin-top:20px}
.stack>h2+*,.stack>h1+*{margin-top:28px}
.btns{display:flex;gap:16px;flex-wrap:wrap;margin-top:36px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 30px;border-radius:999px;font-weight:600;font-size:18px;color:var(--ink);text-decoration:none}
.b-coral{background:var(--coral)} .b-orange{background:var(--orange)} .b-ink{background:var(--ink);color:#fff} .b-line{border:2px solid var(--ink)}
.soon{border:2px dashed var(--ink);font-weight:500}
.topbar{padding:22px 0}
.topbar img{height:40px;width:auto}
.ph{border-radius:28px;overflow:hidden} .ph img{width:100%;height:100%;object-fit:cover;display:block}
.soc{display:flex;gap:26px;list-style:none;padding:0;margin:0;align-items:center}
.soc img,.soc svg{height:28px;width:auto;display:block} .soc img{filter:brightness(0)} .soc svg path{fill:var(--ink)}
a{color:inherit}
.sci a{font-weight:700;text-underline-offset:.14em}
.soon-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--pink);font-weight:700;text-transform:uppercase;text-align:center;font-size:clamp(18px,2vw,28px);line-height:1.15;padding:0 12%}
.soon-cover small{font-size:.55em;text-transform:none;font-weight:500}
.fr{border-radius:0} .fr img{clip-path:var(--clip)} .f-hero{--clip:url(#clip-hero)} .f-b1{--clip:url(#clip-b1)} .f-b2{--clip:url(#clip-b2)} .f-b4{--clip:url(#clip-b4)} .f-b5{--clip:url(#clip-b5)} .f-heart{--clip:url(#clip-heart)} .f-arch{--clip:url(#clip-arch)} .f-pp{--clip:url(#clip-pp)} .f-bowl{--clip:url(#clip-bowl)}
ul{list-style:none;padding:0} .cov.soon-cover{display:flex} 
.label{font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#4a4c6a}

:root{--ink:#000;--u:calc(100vw / 1366);--purple:#A038F2;--deep:#4A1584;--grey:#F1F1EE;--lav:#EBDDFD}
/* purple sections: white text (4.84:1); highlighted words in yellow, large text only (3.67:1) */
/* highlighted words: the home page's marker underline, in pale purple (24 Oct 2026) */
:root{--pale:#D9BDFB}
.y{background:linear-gradient(transparent 44%,var(--pale) 44%,var(--pale) 82%,transparent 82%);padding:0 .06em}
.on-purple{color:#fff} .on-purple .y{background:none;padding:0;color:#fff} /* purple sections: white headings, no highlight (24 Oct 2026) */ .on-purple a{color:#fff}
.b-yellow,.on-purple .b-yellow{background:var(--yellow);color:#000} .on-purple .b-line{border-color:#fff;color:#fff}
.countrybar{background:var(--lav)} .site-footer{background:var(--deep)} .site-footer a{color:#fff}
.rec{color:#000!important}
body{color:#000} .soc svg path{fill:#000}
.galabar p{font-size:15px;line-height:1.4} .site-footer p{font-size:12px;line-height:1.5}
.sec{padding:max(56px, calc(80 * var(--u))) 0;position:relative;overflow:hidden}
.stack>h2+*,.stack>h1+*{margin-top:max(24px, calc(48 * var(--u)))} .stack>p+p{margin-top:max(16px, calc(24 * var(--u)))}
.two{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.f-cloud{--clip:url(#clip-cloud)}
.deco{position:absolute;pointer-events:none;z-index:0} .wrap{position:relative;z-index:1}
/* hero */
.hero{background:var(--purple);position:relative;overflow:hidden}
.hero .grid{display:grid;grid-template-columns:6fr 5fr;gap:56px;align-items:center;padding:16px 0 96px}
.hero .lead{margin-top:24px} .hero .note{margin-top:20px;max-width:560px}
.hero .ph{aspect-ratio:3/4;max-width:430px;margin-left:auto}
.hero .d1{width:150px;right:2%;bottom:6%;opacity:.55;filter:brightness(1.45) saturate(.6)}
.hero .d2{width:190px;left:-30px;bottom:-40px;opacity:.5;filter:brightness(1.35) saturate(.7)}
.b-line{border:2px solid #000}
/* journey */
.journey{background:var(--grey)} .journey .ph{aspect-ratio:3/2}
.cities{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;list-style:none;padding:0}
.cities li{background:var(--lav);border-radius:999px;padding:10px 20px;font-family:"Josefin Sans",sans-serif;font-weight:700;text-transform:uppercase;font-size:18px;letter-spacing:.02em}
.journey p a{text-underline-offset:.15em}
/* gift */
.gift{background:#fff;text-align:center} .gift .inner{max-width:820px;margin:0 auto}
.gift .d3{width:170px;right:5%;top:12%;opacity:.9} .gift .d4{width:150px;left:4%;bottom:10%;opacity:.9}
.gift .btns{justify-content:center}
.gift .small{font-size:16px}
/* record */
.record{background:var(--purple);text-align:center} .record .inner{max-width:820px;margin:0 auto}
.recs{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:36px}
.rec{display:inline-flex;align-items:center;gap:14px;min-height:64px;padding:0 28px;border-radius:999px;background:#fff;text-decoration:none;font-weight:600;font-size:18px}
.rec .yr{font-family:"Josefin Sans",sans-serif;font-weight:700;font-size:26px}
.rec .pdf{font-size:13px;font-weight:700;border:2px solid #000;border-radius:6px;padding:2px 6px}
.record .after{margin-top:28px}
.contact{background:var(--lav)} .contact .two{grid-template-columns:5fr 6fr;gap:80px} .contact .ph{aspect-ratio:3/2}
.cstack{text-align:center} .cstack .soc{justify-content:center;margin-top:max(16px, calc(28 * var(--u)));gap:calc(36 * var(--u))}
.cstack h2{margin-bottom:max(32px, calc(72 * var(--u)))} .cstack .k{font-size:clamp(16px,1.76vw,24px)} .cstack .email{font-size:clamp(18px,1.95vw,27px);font-weight:500;margin-top:max(12px, calc(24 * var(--u)))}
.cstack .k2{margin-top:max(24px, calc(48 * var(--u)))} .cstack .soc img,.cstack .soc svg{height:max(24px, calc(30 * var(--u)))}
/* give */
.give{background:var(--grey)} .give .ph{aspect-ratio:3/2}
@media(max-width:760px){
 header.hero,main{text-align:center} .btns{justify-content:center} .topbar{text-align:center}
 .hero .grid,.two{grid-template-columns:1fr;gap:36px} .hero .ph{margin:0 auto;max-width:300px} .hero .note{margin-left:auto;margin-right:auto}
 .cities{justify-content:center} .cities li{font-size:15px;padding:8px 14px}
 .deco{display:none} .two>.ph{order:2}
 .contact .two{grid-template-columns:1fr;gap:36px} .contact .ph{max-width:340px;width:100%;margin:0 auto}
 .cstack .soc{justify-content:space-between;max-width:300px;margin-left:auto;margin-right:auto;gap:0} .cstack .soc a{display:flex;align-items:center;justify-content:center;width:48px;height:48px} .cstack .soc img,.cstack .soc svg{height:28px}
}

.mapcard{margin-top:max(40px, calc(64 * var(--u)));background:#fff;border-radius:32px;padding:40px;text-align:center}
.mapcard h3{margin-bottom:24px}
.mapscroll{overflow-x:auto;-webkit-overflow-scrolling:touch} .swipe{display:none}
.tmap{width:100%;max-width:760px;height:auto;display:block;margin:0 auto}
.tmap .arc,.legend .arc{fill:none;stroke:#7A1FC9;stroke-width:3.5;stroke-linecap:round}
.tmap .arc.exp,.legend .arc.exp{stroke:#A038F2;stroke-width:1.5;opacity:.55;stroke-dasharray:4 4}
.dT{fill:#A038F2;stroke:#fff;stroke-width:3} .dU{fill:#fff;stroke:#A038F2;stroke-width:3} .dM{fill:#7a7a7a} .dP{fill:#fff;stroke:#7a7a7a;stroke-width:2}
.lT{font-family:"Josefin Sans",sans-serif;font-weight:700;font-size:17px;text-transform:uppercase;fill:#000}
.lU{font-family:Montserrat,sans-serif;font-weight:600;font-size:13px;fill:#000}
.lM{font-family:Montserrat,sans-serif;font-weight:400;font-size:12px;fill:#000}
.lT,.lU,.lM{paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}
.legend{list-style:none;padding:0;margin:24px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;max-width:900px}
.legend li{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.4}
.mapnote{font-size:12px;margin:16px auto 0;max-width:640px}
.routes{margin-top:12px;font-size:12px} .routes summary{cursor:pointer;font-weight:600;text-decoration:underline;text-underline-offset:.15em}
.routes ul{margin-top:10px;padding-left:18px;display:grid;gap:6px}
@media(max-width:760px){.mapcard{padding:20px 0}.mapcard h3,.legend,.mapnote,.routes{padding-left:20px;padding-right:20px}.tmap{width:640px;max-width:none}.swipe{display:block;font-size:12px;margin:0 0 8px}.legend{justify-content:flex-start;max-width:300px}.routes ul{text-align:left}}

/* final, 24 Oct 2026 */
.skip{position:absolute;left:12px;top:-60px;background:#000;color:#fff;padding:10px 16px;border-radius:8px;z-index:100;font-weight:700}
.skip:focus{top:12px}
a:focus-visible{outline:3px solid #000;outline-offset:3px;box-shadow:0 0 0 6px #fff}
.on-purple a:focus-visible{outline-color:#fff;box-shadow:0 0 0 6px #4A1584}
.mapscroll:focus-visible{outline:3px solid #000;outline-offset:3px}
/* Serbian pages: footer in one centred column */
.site-footer.sr-foot{grid-template-columns:1fr;text-align:center;justify-items:center}
.hero h1.sr{font-size:clamp(34px,4.7vw,64px)}
/* audit fixes, 24 Oct 2026: logo link as tall as the logo (touch target) */
.topbar a{display:inline-block}
.routes summary{padding:6px 0}
/* decision 25 Oct 2026: shorter lines */
.gift .inner{max-width:680px} .mapnote{max-width:480px}