/* tobago-biosphere-region.com — base styles (hand-written). Layout values per element are in /assets/css/pages/<page>.css
   (generated from the original Wix design) and the shared header/footer values in master.css (appended below). */

/* ---------- fonts (self-hosted, no Google requests) ----------
   Wix used Poppins (free, OFL) and Proxima Nova (commercial, licensed to Wix only).
   Proxima Nova is replaced by Figtree (free, OFL), scaled to the same width. */
@font-face{font-family:poppins;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/poppins-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:poppins;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/poppins-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:poppins;font-weight:400;font-style:italic;font-display:swap;src:url(/assets/fonts/poppins-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:poppins-semibold;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/poppins-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:poppins-semibold;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/poppins-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:poppins-semibold;font-weight:400;font-style:italic;font-display:swap;src:url(/assets/fonts/poppins-latin-600-italic.woff2) format("woff2")}
@font-face{font-family:poppins-semibold;font-weight:700;font-style:italic;font-display:swap;src:url(/assets/fonts/poppins-latin-600-italic.woff2) format("woff2")}
@font-face{font-family:poppins-extralight;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/poppins-latin-200-normal.woff2) format("woff2")}
@font-face{font-family:poppins-extralight;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/poppins-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:poppins-extralight;font-weight:400;font-style:italic;font-display:swap;src:url(/assets/fonts/poppins-latin-200-italic.woff2) format("woff2")}
@font-face{font-family:poppins-v2;font-weight:400;font-display:swap;src:url(/assets/fonts/poppins-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:proxima-n-w01-reg;font-weight:400;font-style:normal;font-display:swap;size-adjust:97.8%;src:url(/assets/fonts/figtree-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:proxima-n-w01-reg;font-weight:700;font-style:normal;font-display:swap;size-adjust:97.8%;src:url(/assets/fonts/figtree-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:proxima-n-w01-reg;font-weight:400;font-style:italic;font-display:swap;size-adjust:97.8%;src:url(/assets/fonts/figtree-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:proxima-n-w01-reg;font-weight:700;font-style:italic;font-display:swap;size-adjust:97.8%;src:url(/assets/fonts/figtree-latin-600-italic.woff2) format("woff2")}
@font-face{font-family:helvetica-w01-roman;src:local("Helvetica Neue"),local("HelveticaNeue"),local("Helvetica"),local("Arial")}
@font-face{font-family:helvetica-w01-bold;font-weight:700;src:local("Helvetica Neue Bold"),local("Helvetica Bold"),local("Arial Bold")}

/* ---------- base ---------- */
:root{--fs:1;--fsb:1;--blue:#0D4AB2;--navy:#092E6E}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
#SITE_HEADER,main,#SITE_FOOTER{overflow-x:clip}
body{margin:0;background:#fff;color:rgb(var(--color_15));font:var(--font_8);min-width:980px;overflow-x:clip}
img,video,svg{max-width:none}
a{color:inherit}
*:focus,*:focus-visible{outline:none!important}            /* site rule: no focus boxes */
.skip-link{position:absolute;left:-9999px;top:0;z-index:999;background:#fff;color:var(--blue);padding:8px 14px;font:600 16px poppins-semibold,sans-serif}
.skip-link:focus{left:8px;top:8px}
.wx-page,.wx-page>[data-mesh-id]{position:relative}
[data-mesh-id$="-gridContainer"]>*{pointer-events:auto}
[data-mesh-id$="inlineContent"]{position:relative}
[data-mesh-id*="-wedge-"]{visibility:hidden;pointer-events:none}

/* ---------- sections, strips, columns, boxes: background layers ---------- */
.wx-sec,.wx-strip,.wx-col,.wx-box,.wx-lightbox{position:relative}
.wx-sec{overflow:visible}
.wx-strip{display:flex}
.wx-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit}
.wx-bg-color{position:absolute;inset:0;background-color:var(--bg-overlay-color);background-image:var(--bg-gradient)}
.wx-sec>.wx-bg .wx-bg-color{background-color:var(--section-corvid-background-color,var(--bg-overlay-color))}
.wx-bg-media{position:absolute;inset:0;opacity:var(--fill-layer-image-opacity,1)}
.wx-bg-media img,.wx-bg-media video{display:block;width:100%;height:100%;object-fit:cover}
.wx-bg-video{opacity:var(--fill-layer-video-opacity,1)}
.wx-bg-overlay{display:none}
[data-bg-fx]>.wx-bg .wx-bg-media{will-change:transform}
[data-bg-fx="parallax"]>.wx-bg .wx-bg-media,[data-bg-fx="parallax"]>.wx-cols>.wx-col>.wx-bg .wx-bg-media{top:-10%;bottom:-10%}
.wx-sec>[data-mesh-id],.wx-col>[data-mesh-id],.wx-box>[data-mesh-id],.wx-lightbox>[data-mesh-id],.wx-form>[data-mesh-id]{position:relative}
.wx-cols{width:calc(100% - var(--padding,0px)*2);column-gap:var(--margin,0px);margin:0 auto;display:flex;position:relative}
.wx-cols>.wx-col{flex:var(--column-flex,1) 1 0%;min-width:0;margin-top:var(--padding,0px);margin-bottom:var(--padding,0px);position:relative}
/* Wix container skin (background, border, radius, shadow) */
.wx-box:not(.wx-msb):not(.wx-slide)::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-color:rgba(var(--bg,255,255,255),var(--alpha-bg,1));border:var(--brw,0px) solid rgba(var(--brd,9,46,110),var(--alpha-brd,1));
  border-radius:var(--rd,0px);box-shadow:var(--shd,none)}
.wx-slide{border-radius:var(--rd,0)}

/* ---------- section dividers (wave shapes) — same maths as Wix ---------- */
.wx-div{--divider-pin-height__:min(1,calc(var(--divider-layers-pin-factor__) + 1));--divider-pin-layer-height__:var(--divider-layers-pin-factor__);
  --divider-pin-border__:min(1,calc(var(--divider-layers-pin-factor__)/-1 + 1));width:100%;
  height:calc(var(--divider-height__) + var(--divider-pin-height__)*var(--divider-layers-size__)*var(--divider-layers-y__));position:absolute;left:0;pointer-events:none}
.wx-div .wx-dl{--divider-layer-i__:var(--divider-layer-i,0);width:100%;
  height:calc(var(--divider-height__) + var(--divider-pin-layer-height__)*var(--divider-layer-i__)*var(--divider-layers-y__));
  opacity:calc(1 - var(--divider-layer-i__)/(var(--divider-layer-i__) + 1));background-repeat:repeat-x;
  background-position:left calc(50% + var(--divider-offset-x__) + var(--divider-layers-x__)*var(--divider-layer-i__)) bottom;
  border-bottom-width:calc(var(--divider-pin-border__)*var(--divider-layer-i__)*var(--divider-layers-y__));border-bottom-style:solid;position:absolute;left:0}
.wx-div-top{--divider-height__:var(--divider-top-height,auto);--divider-offset-x__:var(--divider-top-offset-x,0px);--divider-layers-size__:var(--divider-top-layers-size,0);
  --divider-layers-y__:var(--divider-top-layers-y,0px);--divider-layers-x__:var(--divider-top-layers-x,0px);--divider-layers-pin-factor__:var(--divider-top-layers-pin-factor,0);
  transform:var(--divider-top-flip,scaleY(-1));opacity:var(--divider-top-opacity,1);border-top:var(--divider-top-padding,0) solid var(--divider-top-color,currentColor);top:0}
.wx-div-top .wx-dl{border-color:var(--divider-top-color,currentColor);background-image:var(--divider-top-image,none);background-size:var(--divider-top-size,contain);filter:var(--divider-top-filter,none);bottom:0}
.wx-div-top .wx-dl[data-divider-layer="1"]{display:var(--divider-top-layer-1-display,block)}
.wx-div-top .wx-dl[data-divider-layer="2"]{display:var(--divider-top-layer-2-display,block)}
.wx-div-top .wx-dl[data-divider-layer="3"]{display:var(--divider-top-layer-3-display,block)}
.wx-div-bottom{--divider-height__:var(--divider-bottom-height,auto);--divider-offset-x__:var(--divider-bottom-offset-x,0px);--divider-layers-size__:var(--divider-bottom-layers-size,0);
  --divider-layers-y__:var(--divider-bottom-layers-y,0px);--divider-layers-x__:var(--divider-bottom-layers-x,0px);--divider-layers-pin-factor__:var(--divider-bottom-layers-pin-factor,0);
  transform:var(--divider-bottom-flip,none);opacity:var(--divider-bottom-opacity,1);border-bottom:var(--divider-bottom-padding,0) solid var(--divider-bottom-color,currentColor);bottom:0}
.wx-div-bottom .wx-dl{border-color:var(--divider-bottom-color,currentColor);background-image:var(--divider-bottom-image,none);background-size:var(--divider-bottom-size,contain);filter:var(--divider-bottom-filter,none);bottom:0}
.wx-div-bottom .wx-dl[data-divider-layer="1"]{display:var(--divider-bottom-layer-1-display,block)}
.wx-div-bottom .wx-dl[data-divider-layer="2"]{display:var(--divider-bottom-layer-2-display,block)}
.wx-div-bottom .wx-dl[data-divider-layer="3"]{display:var(--divider-bottom-layer-3-display,block)}

/* ---------- rich text ---------- */
.wx-rt{word-wrap:break-word;overflow-wrap:break-word;text-align:start}
.wx-rt p,.wx-rt h1,.wx-rt h2,.wx-rt h3,.wx-rt h4,.wx-rt h5,.wx-rt h6,.wx-rt blockquote,.wx-rt div{margin:0}
.wx-rt a{color:inherit;text-decoration:none}
.wx-rt ul,.wx-rt ol{letter-spacing:normal;margin:0;margin-inline:.5em 0;padding:0;line-height:normal}
.wx-rt ul{list-style-type:disc}.wx-rt ol{list-style-type:decimal}
.wx-rt li{font-style:inherit;font-weight:inherit;line-height:inherit;letter-spacing:normal;margin-inline:1.3em 0}
.wx-rt>*>:first-child{vertical-align:top}

/* ---------- images, lines, anchors ---------- */
.wx-img{overflow:hidden}
.wx-img a{display:block;width:100%;height:100%}
.wx-img img{display:block;width:100%;height:100%}
.wx-img-round{border-radius:var(--rd,5px);box-shadow:var(--shd,0 1px 3px #00000080);border:var(--brw,2px) solid rgba(var(--brd,255,255,255),var(--alpha-brd,1));box-sizing:border-box;background:rgba(var(--brd,255,255,255),var(--alpha-brd,1))}
.wx-img-round img{border-radius:calc(var(--rd,5px) - var(--brw,2px))}
.wx-hline{box-sizing:border-box;border-top:var(--lnw,2px) solid rgba(var(--brd,var(--color_15)),var(--alpha-brd,1));height:0}
.wx-vline::before{content:"";position:absolute;top:0;bottom:0;left:0;min-width:2px;width:var(--lnw,6px);background-color:rgba(var(--clr,var(--color_15)),var(--alpha-clr,1));border-radius:7px;box-shadow:inset 1px 1px 1px 1px #00000040,1px 1px #ffffff1a}
.wx-anchor{height:0;scroll-margin-top:96px}.wx-anchor span{display:block;scroll-margin-top:96px}
.wx-vec svg{display:block;width:100%;height:100%;overflow:visible;fill:var(--fill);fill-opacity:var(--fill-opacity,1);stroke:var(--stroke);stroke-width:var(--stroke-width,0);stroke-opacity:var(--stroke-opacity,1)}
.wx-vec a{display:block;width:100%;height:100%}

/* ---------- buttons ---------- */
.wx-btn-in{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;box-sizing:border-box;cursor:pointer;text-decoration:none;
  border:0;padding:0 12px;font:inherit;transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}
.wx-btn-label{transition:color .4s ease;white-space:nowrap}
.wx-btn-icon{display:flex;align-items:center}
.wx-btn-icon svg{height:auto;fill:currentColor;transition:fill .4s ease}

/* ---------- form ---------- */
.wx-form{position:relative}
.wx-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.wx-input input{width:100%;height:100%;box-sizing:border-box;-webkit-appearance:none;appearance:none;margin:0}
.wx-input input::placeholder{color:rgb(var(--txt2,var(--color_15)));opacity:1}
.wx-form .wx-rt{visibility:hidden}
.wx-form.is-sent .wx-rt{visibility:visible}
.wx-form-msg{position:absolute;left:0;right:0;bottom:-28px;text-align:center;font:600 15px poppins-semibold,sans-serif;color:#b3261e;margin:0}

/* ---------- video player (click to play) ---------- */
.wx-vp{position:relative;overflow:hidden;background:#000;cursor:pointer;box-sizing:border-box;border:var(--borderSize,0px) solid rgba(var(--borderColor,0,0,0),var(--alpha-borderColor,1));box-shadow:var(--boxShadow,none)}
.wx-vp-poster,.wx-vp video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.wx-vp video{object-fit:contain;background:#000}
.wx-vp-play{position:absolute;left:50%;top:50%;width:80px;height:80px;margin:-40px 0 0 -40px;border:0;padding:0;background:none;cursor:pointer;transition:transform .2s}
.wx-vp:hover .wx-vp-play{transform:scale(1.08)}
.wx-vp.is-playing .wx-vp-play,.wx-vp.is-playing .wx-vp-poster{display:none}
.wx-vbox img{display:block;width:100%;height:auto}

/* ---------- tabs ---------- */
.wx-tablist{display:flex;justify-content:space-between;position:relative;z-index:1;margin-bottom:14px}
.wx-tablist [role=tab]{cursor:pointer;white-space:nowrap;transition:background-color .3s,color .3s;line-height:1;box-sizing:border-box}
.wx-panels [role=tabpanel][hidden]{display:none}
.wx-panels>[role=tabpanel]>.wx-box::before{background:#fff;border-radius:30px;box-shadow:rgba(0,0,0,.15) 2.83px 2.83px 15px 3px;border:0}
.wx-tablist [role=tab]{border:0;padding:10px 0;text-align:center}

/* ---------- header & navigation ---------- */
#SITE_HEADER{position:sticky;top:0;z-index:50;--wix-ads-height:0px;background-color:rgba(var(--bg,255,255,255),var(--alpha-bg,1));box-shadow:var(--shd,none)}
.m-header,.m-menu{display:none}
.wx-nav{display:flex;align-items:center;justify-content:flex-end;height:100%}
.wx-nav>ul{display:flex;list-style:none;margin:0;padding:0;gap:34px;height:100%;align-items:center}
.wx-nav>ul>li{position:static}
.wx-nav>ul>li>a{display:block;font:normal normal normal 18px/27px poppins-semibold,poppins,sans-serif;color:#fff;text-decoration:none;white-space:nowrap}
.wx-nav>ul>li>a:hover{color:#A5C3F8}
.wx-nav .nav-sub{position:absolute;left:0;top:calc(100% + 9px);width:100%;box-sizing:border-box;padding:10px;background:#fff;border-radius:10px;
  box-shadow:rgba(0,0,0,.61) .71px .71px 64px -15px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:60}
.wx-nav .has-sub:hover .nav-sub,.wx-nav .has-sub:focus-within .nav-sub,.wx-nav .has-sub.open .nav-sub{opacity:1;visibility:visible}
.wx-nav .nav-sub ul{list-style:none;margin:0;padding:0;columns:3;column-gap:16px}
.wx-nav .nav-sub li{break-inside:avoid;padding-bottom:8px}
.wx-nav .nav-sub a{display:block;padding:7px 15px;border-radius:10px;font:normal normal bold 16px/19px helvetica-w01-roman,"Helvetica Neue",Helvetica,Arial,sans-serif;
  letter-spacing:.8px;color:#0D4AB2;text-decoration:none;transition:background-color .2s,color .2s}
.wx-nav .nav-sub a:hover,.wx-nav .nav-sub a[aria-current]{background:#0D4AB2;color:#fff}

/* ---------- popup (welcome lightbox on the home page) ---------- */
.wx-popup{position:fixed;inset:0;z-index:100;display:grid;place-items:center}
.wx-popup[hidden]{display:none}
.wx-popup-overlay{position:absolute;inset:0;background:rgba(13,74,178,.55)}
.wx-lightbox{background-image:var(--bg-gradient);position:relative}
.wx-popup-close{border:0;background:none;padding:0;cursor:pointer;color:#0D4AB2}
.wx-popup-close svg{width:100%;height:100%;fill:currentColor;display:block}

/* ---------- PDF flipbook (booklet pages) ---------- */
.wx-flipbook{position:relative;background:transparent;user-select:none;height:var(--custom-element-height,682px)!important}
.fb-stage{position:absolute;inset:0 60px 40px;display:flex;align-items:center;justify-content:center;gap:0}
.fb-book{width:100%;height:100%;min-width:0!important;min-height:0!important}
.fb-page{background:#fbf8f1;overflow:hidden}
.fb-page canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.fb-page::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:multiply;opacity:.55;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .5 0 0 0 0 .42 0 0 0 .32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
  radial-gradient(ellipse at 50% 45%,rgba(255,250,235,0) 55%,rgba(120,100,70,.10) 100%)}
.fb-page::before{content:"";position:absolute;top:0;bottom:0;width:14%;z-index:3;pointer-events:none}
.fb-page.--left::before{right:0;background:linear-gradient(to left,rgba(0,0,0,.22),rgba(0,0,0,.06) 30%,rgba(0,0,0,0))}
.fb-page.--right::before{left:0;background:linear-gradient(to right,rgba(0,0,0,.18),rgba(0,0,0,.05) 30%,rgba(255,255,255,.06) 55%,rgba(0,0,0,0))}
.fb-shift{position:absolute;inset:0}
.fb-shift.is-ready{transition:transform .9s cubic-bezier(.45,.05,.25,1)}
.fb-gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}
.wx-flipbook .fb-prev,.wx-flipbook .fb-next{width:46px;height:46px;margin-top:-23px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.92);color:#0D4AB2;box-shadow:0 2px 10px rgba(9,46,110,.18);transition:background .2s,color .2s,box-shadow .2s,opacity .2s;font-size:0}
.wx-flipbook .fb-prev svg,.wx-flipbook .fb-next svg{width:24px;height:24px;display:block}
.wx-flipbook .fb-prev:not(:disabled):hover,.wx-flipbook .fb-next:not(:disabled):hover{background:#0D4AB2;color:#fff;box-shadow:0 4px 14px rgba(9,46,110,.28)}
.wx-flipbook .fb-prev:disabled,.wx-flipbook .fb-next:disabled{opacity:0;pointer-events:none}
.wx-flipbook .fb-prev{left:8px}.wx-flipbook .fb-next{right:8px}
@media (max-width:760px){.wx-flipbook .fb-prev,.wx-flipbook .fb-next{width:36px;height:36px;margin-top:-18px}.wx-flipbook .fb-prev{left:4px}.wx-flipbook .fb-next{right:4px}.wx-flipbook .fb-prev svg,.wx-flipbook .fb-next svg{width:20px;height:20px}}
.fb-loading{font:600 18px poppins-semibold,sans-serif;color:#0D4AB2}
.fb-prev,.fb-next{position:absolute;top:50%;margin-top:-40px;width:44px;height:60px;border:0;border-radius:8px;background:rgba(13,74,178,.85);color:#fff;font-size:40px;line-height:1;cursor:pointer}
.fb-prev{left:6px}.fb-next{right:6px}
.fb-prev:disabled,.fb-next:disabled{opacity:.3;cursor:default}
.fb-full{position:absolute;right:8px;bottom:4px;border:0;background:none;color:#0D4AB2;font-size:22px;cursor:pointer}
.fb-count{position:absolute;left:0;right:0;bottom:8px;text-align:center;font:500 14px poppins,sans-serif;color:#0D4AB2}
.wx-flipbook:fullscreen{background:#0b2f6e}
.wx-flipbook:fullscreen .fb-count,.wx-flipbook:fullscreen .fb-full{color:#fff}

/* ---------- entrance animations (Wix "Fade In", "Slide In"); shown only when JS runs ---------- */
.js [data-anim]{opacity:0}
.js [data-anim].in{animation:wx-fade var(--ad,1000ms) cubic-bezier(.445,.05,.55,.95) var(--adl,0ms) both}
.js [data-anim^="slide"].in{animation-name:wx-slide-left;animation-timing-function:cubic-bezier(.77,0,.175,1)}
@keyframes wx-fade{from{opacity:0}to{opacity:1}}
@keyframes wx-slide-left{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-100%)}to{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
[data-tilt]{transition:transform .25s ease-out;transform-style:preserve-3d;will-change:transform}
@media (prefers-reduced-motion:reduce){.js [data-anim]{opacity:1!important;animation:none!important}html{scroll-behavior:auto}}

/* Wix "site button" (used in the sign-up forms): colours come from per-button variables */
.wx-btn-site .wx-btn-in{border-radius:var(--rd,0);box-shadow:var(--shd,0 1px 4px #0009);background-color:rgba(var(--bg,var(--color_17)),var(--alpha-bg,1));
  border:var(--brw,0) solid rgba(var(--brd,var(--color_15)),var(--alpha-brd,1));font:var(--fnt,var(--font_5));color:rgb(var(--txt,var(--color_15)));padding:0}
.wx-btn-site .wx-btn-in:hover{background-color:rgba(var(--bgh,var(--color_18)),var(--alpha-bgh,1));border-color:rgba(var(--brdh,var(--color_15)),var(--alpha-brdh,1));color:rgb(var(--txth,var(--color_15)))}
.wx-btn-site .wx-btn-in:disabled{opacity:.7;cursor:wait}
/* Wix text input: colours from per-input variables (no focus box: site rule) */
.wx-input input{font:var(--fnt,var(--font_8));color:rgb(var(--txt,var(--color_15)));background-color:rgba(var(--bg,255,255,255),var(--alpha-bg,1));
  border:var(--brw,1px) solid rgba(var(--brd,227,227,227),var(--alpha-brd,1));border-radius:var(--rd,0);box-shadow:var(--shd,none);padding:var(--textPadding,0 0 0 10px)}
.wx-input input:hover,.wx-input input:focus{border-color:rgba(var(--brd,227,227,227),var(--alpha-brd,1));box-shadow:var(--shd,none)}

.nf{max-width:760px;margin:80px auto 120px;padding:0 20px;text-align:center;color:#0D4AB2}.nf h1{font:normal 48px/1.2 poppins-semibold,sans-serif;margin:0 0 20px}.nf p{font:20px/1.6 proxima-n-w01-reg,sans-serif}.nf a{color:inherit}

/* Campy: invisible until he flies in; the hit area covers only the bird */
.wx-campy{position:relative}
.wx-campy img{visibility:hidden}
.wx-campy.flying img,.wx-campy.landed img{visibility:visible}
.wx-vbox:not(.wx-campy){pointer-events:none}
.wx-campy{z-index:2}
.campy-hit{z-index:3;position:absolute;left:30%;top:20.5%;width:65%;height:57%;cursor:pointer;display:none}
.wx-campy.flying .campy-hit,.wx-campy.landed .campy-hit{display:block}
/* Welcome Remarks: "Read more..." opens the full text in place */
.wx-readmore .rm-toggle{cursor:pointer;color:inherit}
.wx-readmore .rm-full[hidden],.wx-readmore .rm-short[hidden]{display:none}
.wx-msb.rm-open,.wx-msb.rm-open .wx-slide{height:auto!important}
/* header animations only on the first page of a visit */
.hdr-seen #SITE_HEADER [data-anim]{opacity:1!important;animation:none!important}
.wx-readmore .rm-toggle{font:inherit;color:inherit;white-space:nowrap}

/* ===== 31 Oct (2): smoother navigation, calmer menu, Campy tweaks ===== */
@font-face{font-family:poppins;font-weight:500;font-style:normal;font-display:swap;src:url(/assets/fonts/poppins-latin-500-normal.woff2) format("woff2")}
/* page changes: the header stays put, the page content cross-fades (Chrome, Edge, Safari 18+) */
@view-transition{navigation:auto}
#SITE_HEADER{view-transition-name:site-header}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
::view-transition-group(site-header){animation:none}
/* desktop menu: slightly lighter type, dropdown opens after a short pause and stays open a moment longer */
.wx-nav>ul>li>a{font:normal normal 500 18px/27px poppins,sans-serif;letter-spacing:.1px;transition:color .25s ease}
.wx-nav .nav-sub{opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .22s ease .28s,transform .22s ease .28s,visibility 0s linear .5s}
.wx-nav .has-sub:hover .nav-sub,.wx-nav .has-sub:focus-within .nav-sub,.wx-nav .has-sub.open .nav-sub{opacity:1;visibility:visible;transform:none;
  transition:opacity .22s ease .08s,transform .22s ease .08s,visibility 0s linear .08s}
.wx-nav .nav-sub::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}   /* bridge over the gap below the menu item */
.wx-nav .nav-sub a{font:normal normal 500 15px/19px poppins,sans-serif;letter-spacing:.1px;transition:background-color .25s ease,color .25s ease}
/* Campy: speech bubble lower and further left, so it sits beside him; a branch he flies to */
#comp-lt2t50pj,#comp-lt2t6bkl,#comp-lt2t93ez,#comp-lt2tazwd,#comp-lt2tdgit{translate:-110px 235px}
.campy-branch{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.wx-campy img{position:relative;z-index:1}

/* Campy (3): dots of the thought bubble lead to his head; the branch reveals from the video frame to the right */
#comp-lt2t50pj{overflow:visible}
.bubble-dots{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.bubble-dots ellipse{fill:#fff;stroke:#000;stroke-width:3.5;filter:drop-shadow(1px 2px 2px rgba(0,0,0,.35))}
#comp-ls8s6dfi{position:relative;z-index:5}
.campy-branch{clip-path:inset(0 100% 0 0);transition:clip-path 1.1s cubic-bezier(.65,0,.35,1)}
.wx-campy.branch-in .campy-branch{clip-path:inset(-40px -60px -40px -40px)}
@media (prefers-reduced-motion:reduce){.campy-branch{clip-path:none;transition:none}}

/* Header "Booklets" button: centre the label (hide the 0-width icon + gap) and add depth/hover like the Wix original */
div#comp-mbs0mh9u .wx-btn-icon{display:none}
div#comp-mbs0mh9u .wx-btn-in{gap:0;padding:0;box-shadow:rgba(0,0,0,.4) 3px 3px 8px 3px inset,rgba(255,255,255,.9) -2px -2px 4px 1px inset,0 1px 0 rgba(255,255,255,.35);transition:box-shadow .3s ease,background-color .3s ease}
div#comp-mbs0mh9u .wx-btn-in:hover{background:#dde5f6;box-shadow:rgba(13,74,178,.55) 4px 4px 9px 3px inset,rgba(255,255,255,.9) -2px -2px 4px 1px inset,0 1px 0 rgba(255,255,255,.35)}
div#comp-mbs0mh9u .wx-btn-in:active{box-shadow:rgba(13,74,178,.7) 5px 5px 11px 4px inset}
div#comp-mbs0mh9u .wx-btn-label{display:inline-block;transition:transform .25s ease,color .3s ease}
div#comp-mbs0mh9u .wx-btn-in:hover .wx-btn-label{transform:translate(1px,1px) scale(.93)}
div#comp-mbs0mh9u .wx-btn-in:active .wx-btn-label{transform:translate(1px,2px) scale(.9)}
/* Header intro: the blue menu bar and its breaking wave crest are one long image (assets/img/header-bar-wave-2.svg) that slides in from the left and then simply stays (no swap, no blink); plays on a fresh load or reload, not when clicking between pages */
.js #comp-lf5t4lg4[data-anim].in{animation:none;opacity:1}
#comp-lf5t4lg4{overflow:visible;clip-path:inset(-20px 0 -20px 0)}
#comp-lf5t4lg4::after{content:"";position:absolute;top:0;left:0;height:100%;width:calc(100% * 1493 / 1240);background:url(/assets/img/header-bar-wave-2.svg) left top/100% 100% no-repeat;opacity:0;pointer-events:none}
.js #comp-lf5t4lg4.in img{animation:wv-img 1s linear both}
.js #comp-lf5t4lg4.in::after{animation:wv-slide var(--ad,1800ms) cubic-bezier(.45,.05,.55,.95) var(--adl,0ms) both}
@keyframes wv-img{from,to{opacity:0}}
@keyframes wv-slide{from{transform:translateX(-100%);opacity:1}to{transform:translateX(0);opacity:1}}
.js #comp-lf5rw7jk{animation:wv-fade .7s ease 1.3s both}
@keyframes wv-fade{from{opacity:0}to{opacity:1}}
.hdr-seen #comp-lf5t4lg4 img,.hdr-seen #comp-lf5t4lg4::after,.hdr-seen #comp-lf5rw7jk{animation:none!important}
/* page-to-page: show the bar in its finished state straight away (wave image, not the plain bar) and keep the header still while the page changes */
.hdr-seen #comp-lf5t4lg4 img{opacity:0!important}
.hdr-seen #comp-lf5t4lg4::after{opacity:1!important;transform:none!important}
@view-transition{navigation:auto}
#SITE_HEADER{view-transition-name:site-header}
::view-transition-group(site-header),::view-transition-old(site-header),::view-transition-new(site-header){animation:none}
::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}
@media (prefers-reduced-motion:reduce){.js #comp-lf5t4lg4 img,.js #comp-lf5t4lg4::after,.js #comp-lf5rw7jk{animation:none!important}}
/* Campy (4): branch in front of the bird (just under his feet), "Get to know me" cloud after he has landed */
.wx-campy .campy-branch{z-index:2}
.wx-campy .campy-know{position:absolute;left:4.07%;top:.84%;width:46.3%;height:auto;z-index:3;opacity:0;pointer-events:none;cursor:pointer;transition:opacity .7s ease}
.wx-campy.know .campy-know{visibility:visible;opacity:1;pointer-events:auto}
#comp-lt2sn1ll.campy-on .campy-know{opacity:0;pointer-events:none}
/* ---------- theme + header/footer layout (from the Wix design) ---------- */
:root{--site-width:980px;
--color_0:255,255,255;
--color_1:9,46,110;
--color_2:13,74,178;
--color_3:15,57,130;
--color_4:239,238,231;
--color_5:255,168,5;
--color_6:255,255,255;
--color_7:165,195,248;
--color_8:74,135,240;
--color_9:16,84,200;
--color_10:9,46,110;
--color_11:255,255,255;
--color_12:165,195,248;
--color_13:74,135,240;
--color_14:13,74,178;
--color_15:9,46,110;
--color_16:156,190,248;
--color_17:57,125,241;
--color_18:13,74,178;
--color_19:9,49,119;
--color_20:4,25,59;
--color_21:190,211,247;
--color_22:124,166,240;
--color_23:59,122,232;
--color_24:23,86,195;
--color_25:15,57,130;
--color_26:247,247,243;
--color_27:239,238,231;
--color_28:192,188,161;
--color_29:141,135,94;
--color_30:71,68,47;
--color_31:255,211,130;
--color_32:255,168,5;
--color_33:195,127,0;
--color_34:130,85,0;
--color_35:65,42,0;
--color_36:255,255,255;
--color_37:9,46,110;
--color_38:165,195,248;
--color_39:74,135,240;
--color_40:13,74,178;
--color_41:13,74,178;
--color_42:59,122,232;
--color_43:255,211,130;
--color_44:239,238,231;
--color_45:13,74,178;
--color_46:255,255,255;
--color_47:13,74,178;
--color_48:13,74,178;
--color_49:13,74,178;
--color_50:255,255,255;
--color_51:255,255,255;
--color_52:13,74,178;
--color_53:13,74,178;
--color_54:74,135,240;
--color_55:74,135,240;
--color_56:255,255,255;
--color_57:255,255,255;
--color_58:13,74,178;
--color_59:13,74,178;
--color_60:13,74,178;
--color_61:13,74,178;
--color_62:255,255,255;
--color_63:255,255,255;
--color_64:74,135,240;
--color_65:74,135,240;
--font_0:normal normal normal 22px/1.41em poppins-semibold,poppins,sans-serif;
--font_1:normal normal normal 14px/1.79em proxima-n-w01-reg,sans-serif;
--font_2:normal normal normal 28px/1.38em poppins-semibold,poppins,sans-serif;
--font_3:normal normal normal 88px/1.2em poppins-semibold,poppins,sans-serif;
--font_4:normal normal normal 72px/1.25em poppins-semibold,poppins,sans-serif;
--font_5:normal normal normal 50px/1.34em poppins-semibold,poppins,sans-serif;
--font_6:normal normal normal 18px/1.35em poppins-semibold,poppins,sans-serif;
--font_7:normal normal normal 20px/1.67em poppins-extralight,poppins,sans-serif;
--font_8:normal normal normal 18px/1.75em poppins-extralight,poppins,sans-serif;
--font_9:normal normal normal 15px/1.875em proxima-n-w01-reg,sans-serif;
--font_10:normal normal normal 14px/1.79em proxima-n-w01-reg,sans-serif;
}
.color_0{color:rgb(var(--color_0))}.backcolor_0{background-color:rgb(var(--color_0))}
.color_1{color:rgb(var(--color_1))}.backcolor_1{background-color:rgb(var(--color_1))}
.color_2{color:rgb(var(--color_2))}.backcolor_2{background-color:rgb(var(--color_2))}
.color_3{color:rgb(var(--color_3))}.backcolor_3{background-color:rgb(var(--color_3))}
.color_4{color:rgb(var(--color_4))}.backcolor_4{background-color:rgb(var(--color_4))}
.color_5{color:rgb(var(--color_5))}.backcolor_5{background-color:rgb(var(--color_5))}
.color_6{color:rgb(var(--color_6))}.backcolor_6{background-color:rgb(var(--color_6))}
.color_7{color:rgb(var(--color_7))}.backcolor_7{background-color:rgb(var(--color_7))}
.color_8{color:rgb(var(--color_8))}.backcolor_8{background-color:rgb(var(--color_8))}
.color_9{color:rgb(var(--color_9))}.backcolor_9{background-color:rgb(var(--color_9))}
.color_10{color:rgb(var(--color_10))}.backcolor_10{background-color:rgb(var(--color_10))}
.color_11{color:rgb(var(--color_11))}.backcolor_11{background-color:rgb(var(--color_11))}
.color_12{color:rgb(var(--color_12))}.backcolor_12{background-color:rgb(var(--color_12))}
.color_13{color:rgb(var(--color_13))}.backcolor_13{background-color:rgb(var(--color_13))}
.color_14{color:rgb(var(--color_14))}.backcolor_14{background-color:rgb(var(--color_14))}
.color_15{color:rgb(var(--color_15))}.backcolor_15{background-color:rgb(var(--color_15))}
.color_16{color:rgb(var(--color_16))}.backcolor_16{background-color:rgb(var(--color_16))}
.color_17{color:rgb(var(--color_17))}.backcolor_17{background-color:rgb(var(--color_17))}
.color_18{color:rgb(var(--color_18))}.backcolor_18{background-color:rgb(var(--color_18))}
.color_19{color:rgb(var(--color_19))}.backcolor_19{background-color:rgb(var(--color_19))}
.color_20{color:rgb(var(--color_20))}.backcolor_20{background-color:rgb(var(--color_20))}
.color_21{color:rgb(var(--color_21))}.backcolor_21{background-color:rgb(var(--color_21))}
.color_22{color:rgb(var(--color_22))}.backcolor_22{background-color:rgb(var(--color_22))}
.color_23{color:rgb(var(--color_23))}.backcolor_23{background-color:rgb(var(--color_23))}
.color_24{color:rgb(var(--color_24))}.backcolor_24{background-color:rgb(var(--color_24))}
.color_25{color:rgb(var(--color_25))}.backcolor_25{background-color:rgb(var(--color_25))}
.color_26{color:rgb(var(--color_26))}.backcolor_26{background-color:rgb(var(--color_26))}
.color_27{color:rgb(var(--color_27))}.backcolor_27{background-color:rgb(var(--color_27))}
.color_28{color:rgb(var(--color_28))}.backcolor_28{background-color:rgb(var(--color_28))}
.color_29{color:rgb(var(--color_29))}.backcolor_29{background-color:rgb(var(--color_29))}
.color_30{color:rgb(var(--color_30))}.backcolor_30{background-color:rgb(var(--color_30))}
.color_31{color:rgb(var(--color_31))}.backcolor_31{background-color:rgb(var(--color_31))}
.color_32{color:rgb(var(--color_32))}.backcolor_32{background-color:rgb(var(--color_32))}
.color_33{color:rgb(var(--color_33))}.backcolor_33{background-color:rgb(var(--color_33))}
.color_34{color:rgb(var(--color_34))}.backcolor_34{background-color:rgb(var(--color_34))}
.color_35{color:rgb(var(--color_35))}.backcolor_35{background-color:rgb(var(--color_35))}
.color_36{color:rgb(var(--color_36))}.backcolor_36{background-color:rgb(var(--color_36))}
.color_37{color:rgb(var(--color_37))}.backcolor_37{background-color:rgb(var(--color_37))}
.color_38{color:rgb(var(--color_38))}.backcolor_38{background-color:rgb(var(--color_38))}
.color_39{color:rgb(var(--color_39))}.backcolor_39{background-color:rgb(var(--color_39))}
.color_40{color:rgb(var(--color_40))}.backcolor_40{background-color:rgb(var(--color_40))}
.color_41{color:rgb(var(--color_41))}.backcolor_41{background-color:rgb(var(--color_41))}
.color_42{color:rgb(var(--color_42))}.backcolor_42{background-color:rgb(var(--color_42))}
.color_43{color:rgb(var(--color_43))}.backcolor_43{background-color:rgb(var(--color_43))}
.color_44{color:rgb(var(--color_44))}.backcolor_44{background-color:rgb(var(--color_44))}
.color_45{color:rgb(var(--color_45))}.backcolor_45{background-color:rgb(var(--color_45))}
.color_46{color:rgb(var(--color_46))}.backcolor_46{background-color:rgb(var(--color_46))}
.color_47{color:rgb(var(--color_47))}.backcolor_47{background-color:rgb(var(--color_47))}
.color_48{color:rgb(var(--color_48))}.backcolor_48{background-color:rgb(var(--color_48))}
.color_49{color:rgb(var(--color_49))}.backcolor_49{background-color:rgb(var(--color_49))}
.color_50{color:rgb(var(--color_50))}.backcolor_50{background-color:rgb(var(--color_50))}
.color_51{color:rgb(var(--color_51))}.backcolor_51{background-color:rgb(var(--color_51))}
.color_52{color:rgb(var(--color_52))}.backcolor_52{background-color:rgb(var(--color_52))}
.color_53{color:rgb(var(--color_53))}.backcolor_53{background-color:rgb(var(--color_53))}
.color_54{color:rgb(var(--color_54))}.backcolor_54{background-color:rgb(var(--color_54))}
.color_55{color:rgb(var(--color_55))}.backcolor_55{background-color:rgb(var(--color_55))}
.color_56{color:rgb(var(--color_56))}.backcolor_56{background-color:rgb(var(--color_56))}
.color_57{color:rgb(var(--color_57))}.backcolor_57{background-color:rgb(var(--color_57))}
.color_58{color:rgb(var(--color_58))}.backcolor_58{background-color:rgb(var(--color_58))}
.color_59{color:rgb(var(--color_59))}.backcolor_59{background-color:rgb(var(--color_59))}
.color_60{color:rgb(var(--color_60))}.backcolor_60{background-color:rgb(var(--color_60))}
.color_61{color:rgb(var(--color_61))}.backcolor_61{background-color:rgb(var(--color_61))}
.color_62{color:rgb(var(--color_62))}.backcolor_62{background-color:rgb(var(--color_62))}
.color_63{color:rgb(var(--color_63))}.backcolor_63{background-color:rgb(var(--color_63))}
.color_64{color:rgb(var(--color_64))}.backcolor_64{background-color:rgb(var(--color_64))}
.color_65{color:rgb(var(--color_65))}.backcolor_65{background-color:rgb(var(--color_65))}
.font_0{font:var(--font_0);color:rgb(var(--color_45));letter-spacing:0em}
.font_1{font:var(--font_1);color:rgb(var(--color_15));letter-spacing:0em}
.font_2{font:var(--font_2);color:rgb(var(--color_45));letter-spacing:0em}
.font_3{font:var(--font_3);color:rgb(var(--color_45));letter-spacing:0em}
.font_4{font:var(--font_4);color:rgb(var(--color_45));letter-spacing:0em}
.font_5{font:var(--font_5);color:rgb(var(--color_45));letter-spacing:0em}
.font_6{font:var(--font_6);color:rgb(var(--color_46));letter-spacing:0em}
.font_7{font:var(--font_7);color:rgb(var(--color_15));letter-spacing:0em}
.font_8{font:var(--font_8);color:rgb(var(--color_15));letter-spacing:0em}
.font_9{font:var(--font_9);color:rgb(var(--color_15));letter-spacing:0em}
.font_10{font:var(--font_10);color:rgb(var(--color_15));letter-spacing:0em}
#SITE_FOOTER{--pinned-layer-in-container:51;--above-all-in-container:49}
#SITE_HEADER{z-index:calc(var(--pinned-layers-in-page, 0) + 52);--above-all-in-container:10000}
#SITE_FOOTER{--shd:none;--bg:var(--color_43);--brwt:0px;--brd:var(--color_43);--brwb:0px;--boxShadowToggleOn-shd:none;--alpha-bg:0.02;--alpha-brd:0;--backdrop-filter:none;--rd:0px 0px 0px 0px}
#SITE_FOOTER{left:0;margin-left:0;width:100%;min-width:0}
[data-mesh-id=SITE_FOOTERinlineContent]{height:auto;width:100%}
[data-mesh-id=SITE_FOOTERinlineContent-gridContainer]{position:static;display:grid;height:auto;width:100%;min-height:auto;grid-template-rows:1fr;grid-template-columns:100%}
[data-mesh-id=SITE_FOOTERinlineContent-gridContainer] > [id="comp-lkf46nj9"]{position:relative;margin:11px 0px 16px calc((100% - 980px) * 0.5);left:162px;grid-area:1 / 1 / 2 / 2;justify-self:start;align-self:start}
[data-mesh-id=SITE_FOOTERinlineContent-gridContainer] > [id="comp-lkf3yzdt"]{position:relative;margin:1px 0px 2px calc((100% - 980px) * 0.5);left:356px;grid-area:1 / 1 / 2 / 2;justify-self:start;align-self:start}
[data-mesh-id=SITE_FOOTERinlineContent-gridContainer] > [id="comp-lt3mqyyx"]{position:relative;margin:3px 0px 0px calc((100% - 980px) * 0.5);left:572px;grid-area:1 / 1 / 2 / 2;justify-self:start;align-self:start}
[data-mesh-id=SITE_FOOTERinlineContent-gridContainer] > [id="comp-lt3mqybs"]{position:relative;margin:3px 0px 0px calc((100% - 980px) * 0.5);left:656px;grid-area:1 / 1 / 2 / 2;justify-self:start;align-self:start}
#SITE_FOOTER{--shc-mutated-brightness:128,106,65;--bg-overlay-color:rgba(var(--color_43), 0.02);--bg-gradient:none}
#comp-lkf46nj9{--contentPaddingLeft:0px;--contentPaddingRight:0px;--contentPaddingTop:0px;--contentPaddingBottom:0px}
#comp-lkf46nj9{width:173px;height:71px}
#comp-lkf46nj9{--height:71px;--width:173px}
#comp-lkf3yzdt{--contentPaddingLeft:0px;--contentPaddingRight:0px;--contentPaddingTop:0px;--contentPaddingBottom:0px}
#comp-lkf3yzdt{width:209px;height:95px}
#comp-lkf3yzdt{--height:95px;--width:209px;--mask-image:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' data-bbox='20 20 160 160' viewBox='20 20 160 160' height='200' width='200' xmlns='http://www.w3.org/2000/svg' data-type='shape'%3E%3Cg%3E%3Cpath d='M180 20v160H20V20h160z'/%3E%3C/g%3E%3C/svg%3E%0A");--mask-position:0% 0%;--mask-size:100% 100%;--mask-repeat:no-repeat}
#comp-lt3mqyyx{--contentPaddingLeft:0px;--contentPaddingRight:0px;--contentPaddingTop:0px;--contentPaddingBottom:0px}
#comp-lt3mqyyx{width:71px;height:95px}
#comp-lt3mqyyx{--height:95px;--width:71px;--mask-image:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' data-bbox='20 20 160 160' viewBox='20 20 160 160' height='200' width='200' xmlns='http://www.w3.org/2000/svg' data-type='shape'%3E%3Cg%3E%3Cpath d='M180 20v160H20V20h160z'/%3E%3C/g%3E%3C/svg%3E%0A");--mask-position:0% 0%;--mask-size:100% 100%;--mask-repeat:no-repeat}
#comp-lt3mqybs{--contentPaddingLeft:0px;--contentPaddingRight:0px;--contentPaddingTop:0px;--contentPaddingBottom:0px}
#comp-lt3mqybs{width:160px;height:95px}
#comp-lt3mqybs{--height:95px;--width:160px;--mask-image:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' data-bbox='20 20 160 160' viewBox='20 20 160 160' height='200' width='200' xmlns='http://www.w3.org/2000/svg' data-type='shape'%3E%3Cg%3E%3Cpath d='M180 20v160H20V20h160z'/%3E%3C/g%3E%3C/svg%3E%0A");--mask-position:0% 0%;--mask-size:100% 100%;--mask-repeat:no-repeat}
#SITE_HEADER{--bg:var(--color_11);--shd:none;--brwt:0px;--brd:var(--color_36);--brwb:0px;--bgctr:var(--color_11);--rd:0px;--alpha-bgctr:1;--alpha-brd:0;--alpha-bg:1;--backdrop-filter:none;--boxShadowToggleOn-shd:none}
#SITE_HEADER{left:0;margin-left:0;width:100%;min-width:0}
[data-mesh-id=SITE_HEADERinlineContent]{height:auto;width:100%}
[data-mesh-id=SITE_HEADERinlineContent-gridContainer]{position:static;display:grid;height:auto;width:100%;min-height:auto;grid-template-rows:1fr;grid-template-columns:100%}
[data-mesh-id=SITE_HEADERinlineContent-gridContainer] > [id="comp-jnx3wl4k"]{position:relative;margin:0px 0px 0px calc((100% - 980px) * 0.5);left:0px;grid-area:1 / 1 / 2 / 2;justify-self:start;align-self:start}
#SITE_HEADER{--bg-overlay-color:rgb(var(--color_36));--bg-gradient:none;--shc-mutated-brightness:128,128,128;position:sticky !important;top:var(--wix-ads-height)}
#comp-jnx3wl4k{left:0;margin-left:0;width:100%;min-width:980px}
[data-mesh-id=comp-jnx3wl4k1inlineContent-gridContainer] > [id="comp-lsbq051s"]{position:relative;margin:22px 0px -21px calc((100% - 980px) * 0.5);left:-36px;grid-area:1 / 1 / 2 / 2;justify-self:start;align-self:start}
[data-mesh-id=comp-jnx3wl4k1inlineContent-gridContainer] > [id="comp-lt3mmkr1"]{position:relative;margin:22px 0px -21px calc((100% - 980px) * 0.5);left:93px;grid-area:1 / 1 / 2 / 2;justify-self:start;align-self:start}
[data-mesh-id=comp-jnx3wl4k1inlineContent-gridContainer] > [id="comp-lf5t4lg4"]{position:relative;margin:1px 0px 0px calc((100% - 980px) * 0.5);left:628px;grid-area:1 / 1 / 5 / 2;justify-self:start;align-self:start}
[data-mesh-id=comp-jnx3wl4k1inlineContent-gridContainer] > [id="comp-lf5rw7jk"]{position:relative;margin:23px 0px -24px calc((100% - 980px) * 0.5);left:391px;grid-area:1 / 1 / 2 / 2;justify-self:start;align-self:start}
[data-mesh-id=comp-jnx3wl4k1inlineContent-gridContainer] > [id="comp-jnx3wl4k3"]{position:relative;margin:21px 0px 0 calc((100% - 980px) * 0.5);left:163px;grid-area:1 / 1 / 2 / 2;justify-self:start;align-self:start}
[data-mesh-id=comp-jnx3wl4k1inlineContent-gridContainer] > [id="comp-lsbq3bwr"]{position:relative;margin:0px 0px 20px calc((100% - 980px) * 0.5);left:291px;grid-area:2 / 1 / 3 / 2;justify-self:start;align-self:start}
[data-mesh-id=comp-jnx3wl4k1inlineContent-gridContainer] > [id="comp-mbs0mh9u"]{position:relative;margin:31px 0px 30px calc((100% - 980px) * 0.5);left:1037px;grid-area:1 / 1 / 4 / 2;justify-self:start;align-self:start}
#comp-jnx3wl4k{--divider-bottom-image:url("data:image/svg+xml,%3Csvg id='comp-jnx3wl4k-bottom' preserveAspectRatio='none' data-bbox='0 100 1920 200' viewBox='0 100 1920 200' height='100%25' width='100%25' xmlns='http://www.w3.org/2000/svg' data-type='shape'%3E%3Cdefs%3E%3Cstyle%3E%23comp-jnx3wl4k-bottom %7B fill: %231D67CD; %7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath d='M1914.392 288.326c-110.231-4.798-134.428-121.68-301.124-121.68s-190.894 116.883-301.124 121.68h-15.779c-132.623-3.764-163.287-72.283-366.071-72.283s-233.445 68.519-366.071 72.283h-8.154C384.543 282.678 408.027 100 281.156 100c-123.98 0-102.173 182.678-274.845 188.326H0V300h1920v-11.674h-5.608z'/%3E%3C/g%3E%3C/svg%3E");--divider-bottom-size:50.00% 100%;--divider-bottom-height:20px;--divider-bottom-offset-x:-491px;--divider-bottom-padding:0px;--divider-bottom-color:#1D67CD;--divider-bottom-opacity:0.3;--divider-bottom-flip:scale(1, 1);--divider-bottom-layers-size:1;--divider-bottom-layers-y:0px;--divider-bottom-layers-x:50%;--divider-bottom-layers-pin-factor:0;--divider-bottom-filter:none;--divider-bottom-layer-1-display:block;--divider-bottom-layer-2-display:none;--divider-bottom-layer-3-display:none;--bg-overlay-color:transparent;--bg-gradient:none;--padding:0px;--margin:0px;min-width:980px;--direction:ltr}
#comp-jnx3wl4k1{width:980px}
#comp-jnx3wl4k1{--bg-overlay-color:transparent;--bg-gradient:none;width:100%;--column-width:980px;--column-flex:980}
#comp-lsbq051s{--contentPaddingLeft:0px;--contentPaddingRight:0px;--contentPaddingTop:0px;--contentPaddingBottom:0px}
#comp-lsbq051s{width:106px;height:47px}
#comp-lsbq051s{--height:47px;--width:106px;--mask-image:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' data-bbox='20 20 160 160' viewBox='20 20 160 160' height='200' width='200' xmlns='http://www.w3.org/2000/svg' data-type='shape'%3E%3Cg%3E%3Cpath d='M180 20v160H20V20h160z'/%3E%3C/g%3E%3C/svg%3E%0A");--mask-position:0% 0%;--mask-size:100% 100%;--mask-repeat:no-repeat}
#comp-lt3mmkr1{--contentPaddingLeft:0px;--contentPaddingRight:0px;--contentPaddingTop:0px;--contentPaddingBottom:0px}
#comp-lt3mmkr1{width:51px;height:47px}
#comp-lt3mmkr1{--height:47px;--width:51px;--mask-image:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' data-bbox='20 20 160 160' viewBox='20 20 160 160' height='200' width='200' xmlns='http://www.w3.org/2000/svg' data-type='shape'%3E%3Cg%3E%3Cpath d='M180 20v160H20V20h160z'/%3E%3C/g%3E%3C/svg%3E%0A");--mask-position:0% 0%;--mask-size:100% 100%;--mask-repeat:no-repeat}
#comp-lf5t4lg4{--contentPaddingLeft:0px;--contentPaddingRight:0px;--contentPaddingTop:0px;--contentPaddingBottom:0px}
#comp-lf5t4lg4{width:1240px;height:95px}
#comp-lf5t4lg4{--height:95px;--width:1240px;--mask-image:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' data-bbox='20 20 160 160' viewBox='20 20 160 160' height='200' width='200' xmlns='http://www.w3.org/2000/svg' data-type='shape'%3E%3Cg%3E%3Cpath d='M180 20v160H20V20h160z'/%3E%3C/g%3E%3C/svg%3E%0A");--mask-position:0% 0%;--mask-size:100% 100%;--mask-repeat:no-repeat}
#comp-lf5rw7jk{width:619px;height:49px}
#comp-lf5rw7jk{--is-animated:1;--position-box-z-index:47;--menu-flex-wrap:nowrap;--subsubmenu-box-display:block;--subsubmenu-box-position:static;--white-space:normal;--label-word-wrap:break-word}
#comp-jnx3wl4k3{--backgroundColor:0,0,0;--alpha-backgroundColor:0;--blendMode:normal;--textShadow:0px 0px transparent;--textOutline:0px 0px transparent}
#comp-jnx3wl4k3{width:454px;height:auto}
#comp-jnx3wl4k3{--min-height:24px;--text-direction:var(--wix-opt-in-direction)}
#comp-lsbq3bwr{--backgroundColor:0,0,0;--alpha-backgroundColor:0;--blendMode:normal;--textShadow:0px 0px transparent;--textOutline:0px 0px transparent}
#comp-lsbq3bwr{width:198px;height:auto}
#comp-lsbq3bwr{--min-height:24px;--text-direction:var(--wix-opt-in-direction)}
#comp-mbs0mh9u{width:114px;height:35px}
#comp-mbs0mh9u .wx-btn-in{background:rgb(255, 255, 255);border:0px none rgb(0, 0, 0);border-radius:20px;box-shadow:rgb(212, 212, 212) 2.83px 2.83px 8px 3px inset;color:rgb(13, 74, 178);font-family:poppins-semibold, poppins, sans-serif;font-size:17px;font-weight:400;font-style:normal;letter-spacing:1.7px;text-decoration:none}#comp-mbs0mh9u .wx-btn-icon svg{fill:rgb(255, 255, 255);width:0px}
/* ---------- small screens (< 1000 px): the fixed 980 px Wix layout is turned into one readable column ---------- */
@media (max-width:999px){
  :root{--fs:.85;--fsb:.55}
  body{min-width:0}
  /* every layout grid becomes a simple vertical flow */
  [data-mesh-id$="-gridContainer"]{display:flex!important;flex-direction:column;align-items:center;width:100%!important;height:auto!important;min-height:0!important}
  [data-mesh-id$="-gridContainer"]>*{position:relative!important;left:auto!important;top:auto!important;right:auto!important;margin:0 0 18px!important;
    grid-area:auto!important;max-width:100%;box-sizing:border-box;transform:none}
  [data-mesh-id$="-gridContainer"]>*:last-child{margin-bottom:0!important}
  [data-mesh-id$="inlineContent"],[data-mesh-id$="-rotated-wrapper"]{width:100%!important;height:auto!important;min-height:0!important;margin:0!important}
  [data-mesh-id*="-wedge-"]{display:none!important}
  .wx-sec,.wx-strip,.wx-col{min-width:0!important;width:100%!important;height:auto!important;min-height:0!important}
  .wx-sec>[data-mesh-id$="inlineContent"],.wx-col>[data-mesh-id$="inlineContent"]{padding:28px 20px;box-sizing:border-box}
  .wx-strip{flex-direction:column}
  .wx-cols{flex-direction:column;width:100%!important;column-gap:0}
  .wx-cols>.wx-col{margin:0!important;flex:none}
  .wx-rt{width:100%!important;height:auto!important;min-height:0!important}
  .wx-rt p,.wx-rt h1,.wx-rt h2,.wx-rt h3,.wx-rt h4,.wx-rt h5,.wx-rt h6,.wx-rt li{line-height:1.5!important}
  .wx-img{height:auto!important;max-width:100%}
  .wx-img img{height:auto;width:100%}
  .wx-msb .wx-img-round{width:110px!important}
  .wx-box{width:100%!important;height:auto!important;min-height:0!important}
  .wx-box>[data-mesh-id$="inlineContent"]{padding:16px;box-sizing:border-box}
  .wx-btn{max-width:100%;height:auto!important;min-height:44px}
  .wx-btn-in{min-height:44px;padding:8px 18px;white-space:normal}
  .wx-btn-label{white-space:normal;text-align:center}
  .wx-hline{width:80%!important}
  .wx-vline,.wx-campy,[id="comp-lt2sn1ll"]{display:none!important}
  .wx-vp{width:100%!important;height:auto!important;aspect-ratio:16/9}
  .wx-anchor{margin:0!important}
  .wx-div{--divider-top-height:24px;--divider-bottom-height:24px;--divider-top-layers-y:6px;--divider-bottom-layers-y:6px}
  /* first section of a page (hero image with title) */
  .wx-page>[data-mesh-id]>[data-mesh-id]>.wx-sec:first-child>[data-mesh-id$="inlineContent"],
  .wx-page>[data-mesh-id]>[data-mesh-id]>.wx-sec:first-child{min-height:190px!important}
  .wx-page>[data-mesh-id]>[data-mesh-id]>.wx-sec:first-child>[data-mesh-id$="inlineContent"]{display:flex;align-items:center;padding-top:40px;padding-bottom:40px}
  .page-home .wx-page>[data-mesh-id]>[data-mesh-id]>.wx-sec:first-child{min-height:62vh!important}
  .wx-sec:has(>.wx-div-top)>[data-mesh-id$="inlineContent"]{padding-top:60px}
  .wx-sec:has(>.wx-div-bottom)>[data-mesh-id$="inlineContent"]{padding-bottom:50px}
  /* sections whose background picture is split (text on one side, photo on the other): on phones the photo becomes a block under the text */
  .wx-sec:has(.col-media){display:flex;flex-direction:column}
  .wx-sec:has(.col-media)>.wx-bg{position:relative;order:2;height:260px;inset:auto;flex:none}
  .wx-sec:has(.col-media)>.wx-bg .wx-bg-media{inset:0;transform:none!important}
  .wx-sec:has(.col-media)>.wx-bg .wx-bg-media img{width:200%;margin-left:-100%;object-position:right center!important}
  .wx-sec:has(.wx-cols>.col-media:first-child)>.wx-bg .wx-bg-media img{margin-left:0;object-position:left center!important}
  .wx-sec:has(.col-media)>[data-mesh-id]{order:1}
  .wx-sec:has(.col-media)>.wx-div{z-index:1}
  .wx-sec:has(.col-media) .col-media{display:none}
  /* home: statistic tiles */
  .wx-cols>.wx-col>.wx-bg~[data-mesh-id$="inlineContent"]{min-height:200px;display:flex;align-items:center}
  /* tabs */
  .wx-tablist{flex-direction:column;gap:10px;align-items:stretch;width:100%}
  .wx-tablist [role=tab]{width:100%!important}
  .wx-tabs{width:100%!important;height:auto!important}
  /* booklet viewer */
  .wx-flipbook{height:72vh!important;width:100%!important}
  .fb-stage{inset:0 46px 34px}
  /* forms */
  .wx-form{width:100%!important;height:auto!important}
  .wx-input{width:100%!important;height:44px!important}
  .wx-form .wx-rt{text-align:center}
  /* typography: titles centred, paragraphs justified */
  .rt-title,.rt-title *{text-align:center!important}
  .rt-body p,.rt-body li{text-align:justify!important;-webkit-hyphens:auto;hyphens:auto}
  .rt-body p[style*="text-align:center"]{text-align:center!important}
  .wx-rt.rt-title{margin-bottom:12px!important}
  /* lines: centred, only between content (not first/last in a block) */
  .wx-hline{margin-left:auto!important;margin-right:auto!important;width:60%!important;max-width:320px}
  [data-mesh-id$="-gridContainer"]>.wx-hline:first-child,[data-mesh-id$="-gridContainer"]>.wx-hline:last-child,
  [data-mesh-id$="-gridContainer"]>.wx-anchor:first-child+.wx-hline{display:none!important}
  /* softer section spacing */
  .wx-sec>[data-mesh-id$="inlineContent"],.wx-col>[data-mesh-id$="inlineContent"]{padding:32px 22px}
  .wx-anchor{height:0!important}
  [data-mesh-id$="-gridContainer"]>.wx-anchor{margin:0!important}
  .wx-msb .wx-img-round{border-radius:50%!important}
  .wx-msb .wx-img-round img{border-radius:50%}
  .wx-msb .wx-slide>[data-mesh-id] [data-mesh-id$="-gridContainer"]{align-items:center}
  .wx-tablist [role=tab]{min-height:46px}
  .wx-btn-in{border-radius:24px}
  /* footer */
  #SITE_FOOTER [data-mesh-id$="-gridContainer"]{flex-direction:row!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;padding:18px 10px}
  #SITE_FOOTER [data-mesh-id$="-gridContainer"]>*{margin:0!important;width:auto!important;height:auto!important}
  #SITE_FOOTER .wx-img img{height:40px;width:auto}

}
@media (max-width:999px){
  /* Welcome Remarks: photo, name and role centred */
  .wx-msb .rt-name,.wx-msb .rt-name *{text-align:center!important}
  .wx-msb .wx-img{margin-left:auto!important;margin-right:auto!important}
  /* hero titles stay readable on photos and video */
  .wx-page h1{text-shadow:0 0 18px rgba(255,255,255,.85),0 0 4px rgba(255,255,255,.9)}
}
@media (max-width:999px){
  /* link lists (Resources): left-aligned, compact */
  .rt-list,.rt-list *{text-align:left!important}
  .rt-list p{line-height:1.45!important;margin-bottom:6px!important}
  .rt-list p[data-gap]{display:none}
  /* buttons and the sign-up form */
  .wx-btn-styl .wx-btn-in{font-size:16px!important;line-height:1.35!important}
  .wx-form [data-mesh-id$="-gridContainer"]>.wx-btn,.wx-form [data-mesh-id$="-gridContainer"]>.wx-input{width:100%!important}
  .wx-form .wx-btn-in{border-radius:24px!important}
  /* empty spacer strips from the desktop layout */
  .wx-sec:not(:has(.pc,.wx-rt,.wx-img,.wx-btn,.wx-form,.wx-vp,.wx-box,.wx-tabs,.wx-flipbook,.wx-div,.wx-bg-media img,.wx-bg-media video,.wx-strip)){display:none}
}
@media (max-width:999px){[data-mesh-id$="-gridContainer"]>.wx-img{margin-left:auto!important;margin-right:auto!important}}
.wx-form .wx-rt{position:relative}
.wx-privacy{position:absolute;left:0;right:0;top:0;margin:0;visibility:visible;text-align:center;font:400 14px/1.4 proxima-n-w01-reg,sans-serif;color:#0b4fb5}
.wx-form.is-sent .wx-privacy{visibility:hidden}

/* Welcome dialog: the close control belongs to the card, outside its scroll area. */
body.welcome-open{overflow:hidden}
#dtxs1{padding:16px;box-sizing:border-box}
#dtxs1 #comp-lsrmcgot{width:min(862px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:0;left:auto;border-radius:12px;box-shadow:0 16px 60px rgba(9,46,110,.3)}
#dtxs1 .wx-lightbox>[data-mesh-id$="inlineContent"]{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border-radius:inherit}
#dtxs1 .wx-popup-close{position:absolute!important;top:10px!important;right:10px!important;left:auto!important;margin:0!important;width:44px!important;height:44px!important;padding:12px;box-sizing:border-box;z-index:3;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(9,46,110,.18)}
#dtxs1 .wx-popup-close:hover{background:#e6edfc}
#dtxs1 .wx-popup-close,#dtxs1 .wx-popup-close:focus,#dtxs1 .wx-popup-close:focus-visible,#dtxs1 .wx-popup-close:active{outline:none!important;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 10px rgba(9,46,110,.18)}
@media (max-width:999px){
  #dtxs1 #comp-lsrmcgot{max-width:600px}
  #dtxs1 .wx-lightbox [data-mesh-id$="-gridContainer"]{padding:64px 24px 24px;box-sizing:border-box}
  #dtxs1 #comp-lsrmhaia{width:min(440px,100%)!important}
  #dtxs1 #comp-lsrmcgox6 span{font-size:clamp(24px,4.3vw,36px)!important;line-height:1.15!important}
  #dtxs1 #comp-lsrmn8g3{width:180px!important}
  #dtxs1 #comp-lsrmmi87{width:min(420px,100%)!important}
  /* Space content inside sections, not between their coloured backgrounds. */
  .wx-page>[data-mesh-id]>[data-mesh-id$="-gridContainer"]>.wx-sec{margin:0!important}
  #comp-mbs1o4uf,#comp-mbs23ue0{align-self:center!important;margin-left:auto!important;margin-right:auto!important}
  #comp-mbs1o4uf .wx-btn-icon,#comp-mbs23ue0 .wx-btn-icon{display:none}
  #comp-mbs1o4uf .wx-btn-in,#comp-mbs23ue0 .wx-btn-in{gap:0}
}

/* Use the compact navigation before the wide desktop header starts clipping. */
@media (max-width:1399px){
  /* header: UNESCO + Biosphere Reserve logos on the left, menu button on the right */
  #SITE_HEADER>[data-mesh-id]{display:none}
  #SITE_HEADER{background:#fff!important}
  .m-header{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;height:64px;padding:0 54px 0 14px;background:rgba(255,255,255,.96);
    -webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);box-shadow:0 1px 0 rgba(13,74,178,.12),0 6px 18px rgba(9,46,110,.08)}
  .m-logo{display:flex;align-items:center;gap:9px;text-decoration:none;min-width:0}
  .m-logo img{display:block;width:auto;flex:none}
  .m-logo img:first-child{height:22px}
  .m-logo img:nth-child(2){height:34px;border-radius:3px}
  .m-title{font:600 11.5px/1.2 poppins-semibold,poppins,sans-serif;color:#0D4AB2;border-left:1px solid rgba(13,74,178,.25);padding-left:9px;white-space:nowrap}
  @media (max-width:439px){.m-title{display:none}}
  .m-burger{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;background:none;padding:12px 10px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;flex:none}
  .m-burger span{display:block;height:2.5px;border-radius:2px;background:#0D4AB2;transition:transform .3s ease,opacity .2s}
  .m-burger span:nth-child(2){width:70%;margin-left:auto}
  .menu-open .m-burger span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}
  .menu-open .m-burger span:nth-child(2){opacity:0}
  .menu-open .m-burger span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}
  .m-menu{display:block;position:fixed;top:64px;left:0;right:0;bottom:0;overflow:auto;overscroll-behavior:contain;background:linear-gradient(170deg,#0D4AB2 0%,#092E6E 100%);
    padding:20px 24px 48px;opacity:0;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s;visibility:hidden}
  .menu-open .m-menu{opacity:1;transform:none;visibility:visible;transition:opacity .25s ease,transform .25s ease}
  .menu-open{overflow:hidden}
  .m-menu-title{margin:0 0 14px;color:rgba(255,255,255,.75);font:500 13px/1.4 poppins,sans-serif;text-transform:uppercase;letter-spacing:.8px}
  .m-menu-title small{text-transform:none;letter-spacing:0;font-size:13px}
  .m-menu ul{list-style:none;margin:0;padding:0}
  .m-menu>ul>li{border-bottom:1px solid rgba(255,255,255,.14)}
  .m-menu>ul>li>a,.m-row>a{display:block;color:#fff;text-decoration:none;font:500 21px/1.3 poppins,sans-serif;padding:14px 0}
  .m-row{display:flex;align-items:center;justify-content:space-between}
  .m-toggle{width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;display:grid;place-items:center}
  .m-toggle svg{width:16px;height:16px;transition:transform .3s ease}
  .m-open .m-toggle svg{transform:rotate(180deg)}
  .m-menu .nav-sub{position:static;opacity:1;visibility:visible;transform:none;background:none;box-shadow:none;padding:0;width:auto;
    display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
  .m-menu .nav-sub::before{display:none}
  .m-menu .m-open .nav-sub{grid-template-rows:1fr}
  .m-menu .nav-sub ul{overflow:hidden;columns:1;padding:0 0 0 14px;border-left:2px solid rgba(255,255,255,.3);margin-bottom:0}
  .m-menu .m-open .nav-sub ul{margin-bottom:12px}
  .m-menu .nav-sub li{padding:0}
  .m-menu .nav-sub a{display:block;color:#fff;background:none;text-decoration:none;font:400 16px/1.3 poppins,sans-serif;letter-spacing:0;padding:9px 0;border-radius:0}
  .m-menu a[aria-current]{color:#A5C3F8}
  .m-booklets{display:inline-block;margin-top:22px;background:#fff;color:#0D4AB2;text-decoration:none;border-radius:22px;padding:10px 26px;font:600 15px poppins-semibold,sans-serif;letter-spacing:1.5px}
}

/* Let lifted paper overhang vertically without moving the reading scale or layout.
   The larger canvas is visual only; controls and nearby text stay clickable. */
.wx-flipbook.is-3d{overflow:visible;z-index:1}
.wx-flipbook.is-3d .fb-stage{overflow:visible;touch-action:pan-y}
.wx-flipbook.is-3d .fb-gl{right:auto;bottom:auto;pointer-events:none}
.wx-flipbook.is-3d .fb-prev,.wx-flipbook.is-3d .fb-next,.wx-flipbook.is-3d .fb-full,.wx-flipbook.is-3d .fb-count{z-index:2}

/* Transparent targets over the booklet's printed bird-call icons. */
.wx-flipbook .fb-birdcall{position:absolute;z-index:4;min-width:44px;min-height:44px;transform:translate(-50%,-50%);padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation}
.wx-flipbook .fb-birdcall[hidden]{display:none}
.wx-flipbook .fb-birdcall:hover{background:rgba(255,255,255,.12);outline:2px solid rgba(13,74,178,.5)}
.wx-flipbook .fb-birdcall:focus-visible{outline:3px solid #0d4ab2;box-shadow:0 0 0 3px white}
.fb-audio-dialog{box-sizing:border-box;width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:24px 16px 16px;border:0;border-radius:16px;background:#fff;color:#123d77;overflow:auto;user-select:text}
.fb-audio-dialog::backdrop{background:rgba(3,20,43,.65)}
.fb-audio-dialog h2{font-size:clamp(18px,4vw,24px);line-height:1.3;margin:0 48px 16px 0;text-align:left}
.fb-audio-dialog .fb-audio-close{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;border-radius:50%;background:#eef3fb;color:#123d77;font-size:30px;cursor:pointer}
.fb-audio-player iframe{display:block;width:100%;height:510px;border:0;background:white}
.fb-audio-dialog p{font-size:14px;line-height:1.5;margin:12px 0 0;text-align:center}
.fb-audio-dialog a{color:#0d4ab2;text-decoration:underline}
@media(max-width:480px){.fb-audio-dialog{padding:20px 10px 12px}.fb-audio-player iframe{height:440px}}

/* Click-to-enlarge images (site.js: .wx-img-round diagrams + [data-zoom]) */
.zoomable{cursor:pointer}
.zoomable:focus-visible{outline:3px solid #9cc0ff;outline-offset:3px}
.wx-img-round:has(>.zoomable){transition:box-shadow .25s ease,transform .25s ease}
@media (hover:hover){.wx-img-round:has(>.zoomable:hover){box-shadow:0 6px 18px rgba(13,74,178,.3);transform:translateY(-2px)}}
dialog.img-zoom{padding:0;border:0;margin:auto;background:transparent;max-width:none;max-height:none;overflow:visible}
dialog.img-zoom::backdrop{background:rgba(3,20,43,.72);animation:img-zoom-in .3s ease}
dialog.img-zoom.closing::backdrop{animation:img-zoom-out .24s ease forwards}
@keyframes img-zoom-in{from{opacity:0}}
@keyframes img-zoom-out{to{opacity:0}}
.img-zoom-fig{margin:0;position:relative}
.img-zoom-fig img{display:block;width:auto;height:auto;max-width:92vw;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);border-radius:10px;background:#fff;box-shadow:0 24px 64px rgba(0,0,0,.45);transform-origin:center}
.img-zoom-close{position:absolute;right:0;top:-56px;width:44px;height:44px;padding:11px;box-sizing:border-box;border:0;border-radius:50%;background:#fff;color:#0D4AB2;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.25);transition:background-color .2s,transform .2s}
.img-zoom-close svg{display:block;width:100%;height:100%}
.img-zoom-close:hover{background:#e6edfc;transform:scale(1.06)}
.img-zoom-close:focus{outline:none}
.img-zoom-close:focus-visible{box-shadow:0 0 0 4px #9cc0ff,0 2px 10px rgba(0,0,0,.25)}
.img-zoom.closing .img-zoom-close{opacity:0;transition:opacity .15s}

/* Header pictures (all pages except home): blurred colour preview, then the photo fades in */
.hero-media::before{content:"";position:absolute;inset:0;background:var(--lqip) center/cover no-repeat;filter:blur(14px);transform:scale(1.12)}
.hero-media .hero-img{position:relative}
.js .hero-img{opacity:0;transition:opacity .7s ease}
.js .hero-img.in{opacity:1}
@media (prefers-reduced-motion:reduce){.js .hero-img{transition:none}}

/* Home: 3D poster carousel (site.js: .pc). Drag, arrows, dots or tap a side poster; tap the front poster to enlarge. */
.pc{--w:440px;position:relative;user-select:none;-webkit-user-select:none}
.pc-stage{position:relative;height:calc(var(--w) * 1.346 + 20px);perspective:1700px;touch-action:pan-y;cursor:grab;outline:none}
.pc-stage.dragging{cursor:grabbing}
.pc-item{position:absolute;left:50%;top:10px;width:var(--w);margin-left:calc(var(--w) / -2);transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.75,.25,1),opacity .45s ease,filter .45s ease;will-change:transform}
.pc-stage.dragging .pc-item{transition:none}
.pc-card{border-radius:6px;box-shadow:0 18px 40px rgba(2,22,60,.42);cursor:pointer;background:#fff}
.pc-card img{display:block;width:100%;height:auto;border-radius:6px;pointer-events:none}
.pc-item:not(.is-front) .pc-card{filter:brightness(.82) saturate(.9)}
.pc-item:not(.is-front):hover .pc-card{filter:none}
.pc-item.is-front .pc-card{cursor:zoom-in}
.pc-nav{position:absolute;top:calc(var(--w) * .673 - 12px);z-index:30;width:52px;height:52px;padding:13px;box-sizing:border-box;border:0;border-radius:50%;background:#fff;color:#0D4AB2;cursor:pointer;box-shadow:0 3px 14px rgba(0,0,0,.28);transition:background-color .2s,transform .2s}
.pc-nav svg{display:block;width:100%;height:100%}
.pc-prev{left:0}
.pc-next{right:0}
.pc-nav:hover{background:#e6edfc;transform:scale(1.08)}
.pc-nav:focus{outline:none}
.pc-nav:focus-visible{box-shadow:0 0 0 4px #9cc0ff,0 3px 14px rgba(0,0,0,.28)}
.pc-dots{display:flex;justify-content:center;gap:10px;margin-top:22px}
.pc-dots button{width:12px;height:12px;padding:0;border:2px solid #fff;border-radius:50%;background:transparent;cursor:pointer;transition:background-color .2s,transform .2s}
.pc-dots button[aria-selected="true"]{background:#fff;transform:scale(1.2)}
.pc-dots button:focus{outline:none}
.pc-dots button:focus-visible{box-shadow:0 0 0 3px #9cc0ff}
.pc-hint{margin:14px 0 0;text-align:center;color:#fff;font:400 15px/1.4 proxima-n-w01-reg,proxima-n-w05-reg,sans-serif;opacity:.85}
@media (prefers-reduced-motion:reduce){.pc-item{transition:none}}
@media (max-width:999px){
  #comp-mbqpn5sh.pc{width:100%!important;--w:min(64vw,360px);overflow:visible}
  .pc-nav{width:44px;height:44px;padding:11px}
  .pc-prev{left:-6px}.pc-next{right:-6px}
  .pc-hint{font-size:14px}
  #comp-mbqpm27h>[data-mesh-id$="inlineContent"]{overflow:hidden}
}
