@import url('/assets/scrollbar.css');
@font-face{font-family:Onest;src:url('/assets/onest.woff2') format('woff2'),url('/assets/onest.ttf') format('truetype');font-display:swap}@font-face{font-family:Playfair;src:url('/assets/playfair-display.woff2') format('woff2'),url('/assets/playfair-display.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#081321;color:#f5efdf;font:16px/1.8 Onest,system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:#d9b85c}a:focus-visible,summary:focus-visible{outline:2px solid #d9b85c;outline-offset:5px}.skip{position:absolute;top:-80px;left:20px;background:#102438;padding:10px;z-index:2}.skip:focus{top:10px}header,main,footer{max-width:1120px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #9ab4c040}.brand img{display:block;width:180px;height:60px;object-fit:contain;filter:brightness(0) invert(1)}nav{display:flex;align-items:center;gap:25px}nav a{text-decoration:none;font-size:14px}nav a.lang{display:inline-grid;place-items:center;min-width:40px;min-height:40px;border:1px solid #9ab4c040;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em}nav a.lang:hover{border-color:#d9b85c}.button{display:inline-block;border-radius:12px;background:#d9b85c;color:#162d29!important;padding:12px 22px;text-decoration:none;font-weight:600}.button:hover{background:#e6c975}.breadcrumb{font-size:12px;color:#b2c5ce;margin:28px 0 65px}.eyebrow{font-size:11px;letter-spacing:2px;color:#d9b85c}h1,h2{font-family:Playfair,Georgia,serif;font-weight:500;line-height:1.15}h1{font-size:clamp(38px,5.5vw,68px);max-width:930px;letter-spacing:-1.5px;margin:20px 0 28px}.lead{font-size:21px;color:#c4d3d8;max-width:790px;margin-bottom:64px}.content{max-width:790px}section{margin:50px 0}h2{font-size:32px;margin:0 0 20px}p{color:#c4d3d8}figure{margin:40px 0}figure img{width:100%;height:auto;border-radius:18px}figcaption{font-size:12px;color:#b2c5ce}details{border-top:1px solid #9ab4c040;padding:18px 0}summary{cursor:pointer;color:#f5efdf;font-weight:500}details p{font-size:15px}.cta{background:#102438;border-radius:22px;padding:30px}.cta a+a{display:block;margin-top:20px}aside{border-top:1px solid #9ab4c040;padding-top:40px;margin:65px 0 30px}.related{display:flex;flex-wrap:wrap;gap:16px 28px;font-size:14px}footer{border-top:1px solid #9ab4c040;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;padding-bottom:40px}@media(max-width:600px){header,main,footer{padding-inline:22px}header{gap:14px}.brand img{width:110px;height:40px}nav{gap:12px}nav a{font-size:12px}nav .button{padding:9px 12px}nav a:first-child{display:none}.breadcrumb{margin:20px 0 40px;overflow-wrap:anywhere}h1{font-size:40px;letter-spacing:-1px}.lead{font-size:18px;margin-bottom:40px}h2{font-size:27px}.cta{padding:22px}section{margin:38px 0}.related{flex-direction:column;gap:12px}footer{font-size:12px}}

/* No blue browser chrome anywhere: no tap flash, no default focus ring after a tap and no blue autofill fill.
   Keyboard focus keeps a gold ring; the site's own focus styles take precedence over this zero-specificity default. */
*,*::before,*::after{-webkit-tap-highlight-color:transparent}
:where(*):focus:not(:focus-visible){outline:none}
:where(*):focus-visible{outline:2px solid #d9b85c;outline-offset:3px}
:where(input,textarea,select):-webkit-autofill{-webkit-text-fill-color:currentColor;transition:background-color 600000s 0s,color 600000s 0s}
/* Day theme, chosen on the site. */
html[data-theme=light] body{background:#263f35;color:#f2eedf}
html[data-theme=light] p{color:#dfe3d3}
html[data-theme=light] :is(.breadcrumb,figcaption){color:#b8c3b0}
html[data-theme=light] :is(.cta,.skip){background:#2d4a3e}
html[data-theme=light] :is(header,details,aside,footer){border-color:#e1e4d533}
