@font-face{font-family:"Nunito Sans";src:url("assets/nunito-400.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url("assets/nunito-700.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url("assets/nunito-900.ttf") format("truetype");font-weight:900;font-display:swap}

/* Shared brochure system. Reuse these roles and intervals on every inner page. */
:root{
  --navy:#191c27;--yellow:#ffdd6d;--paper:#f5f5f3;--viewer:#11141d;
  --ink:#fff;--muted:#bec2ce;--rule:rgba(255,255,255,.16);
  --space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;
  --space-6:3rem;--space-8:4rem;
  --page-gutter:clamp(2rem,4.45vw,4rem);
  --type-cover:clamp(4.5rem,6.65vw,6rem);
  --type-title:3.75rem;--type-subtitle:1.5rem;--type-body:1.125rem;
  --type-label:.875rem;--type-meta:.8125rem;--body-leading:1.6;
}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;background:var(--viewer);color:var(--ink);font:400 var(--type-body)/var(--body-leading) "Nunito Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}img{display:block;max-width:100%}
button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}
::selection{background:var(--yellow);color:var(--navy)}
.brochure{min-height:100svh;display:flex;flex-direction:column;padding-inline:clamp(1rem,2.8vw,2.5rem);background:var(--viewer)}
.viewer-header,.viewer-footer{width:100%;max-width:1440px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.viewer-header{min-height:80px;font-size:var(--type-label)}
.document-name{display:flex;align-items:center;gap:var(--space-2);color:var(--muted)}
.document-name strong{font-weight:700;color:var(--ink)}.document-name>span[aria-hidden]{opacity:.4}
.fullscreen-button{background:none;border:1px solid var(--rule);color:var(--ink);min-height:44px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:var(--type-label);cursor:pointer;transition:color .15s,border-color .15s}
.fullscreen-button:hover{color:var(--yellow);border-color:var(--yellow)}.fullscreen-button svg{width:18px;height:18px;flex:none}
.stage{flex:1;display:grid;align-items:center;width:100%;max-width:1440px;margin-inline:auto;padding-block:var(--space-2)}
.page{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;min-height:560px;overflow:hidden;background:var(--navy);padding:var(--page-gutter);display:flex;flex-direction:column;box-shadow:0 24px 70px #0003}
.page-top,.page-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);position:relative}
.brand-logo{width:136px;height:auto}.edition{font-size:var(--type-label);font-weight:700;color:#eff0f4;letter-spacing:.04em}
.cover-copy{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:var(--space-4);position:relative}
.eyebrow{display:flex;align-items:center;gap:var(--space-2);font-size:var(--type-label);font-weight:700;text-transform:uppercase;letter-spacing:.16em;margin-bottom:var(--space-3);color:var(--yellow)}
.eyebrow>span{width:32px;height:2px;background:var(--yellow)}
h1{font-size:var(--type-cover);font-weight:900;line-height:1.02;letter-spacing:-.045em}h1>span{color:var(--yellow)}
.cover-description{font-size:var(--type-body);line-height:var(--body-leading);color:var(--muted);margin-top:var(--space-3)}
.page-bottom{padding-top:var(--space-3);border-top:1px solid var(--rule);align-items:flex-end}
.brand-line{font-size:var(--type-label);font-weight:700;line-height:1.5;letter-spacing:.01em}.brand-line span{color:var(--yellow)}
.page-number{font-size:var(--type-body);font-weight:700;line-height:1.5;font-variant-numeric:tabular-nums}
.cover-image{position:absolute;inset:0 0 0 40%;z-index:-3;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 35%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%)}.cover-image img{height:100%;width:100%;object-fit:cover;object-position:43% center}
.image-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#191c27 0%,#191c27 24%,#191c27ef 39%,#191c273a 64%,#191c2700 85%),linear-gradient(0deg,#191c27 0%,#191c2730 30%,#191c2700 65%)}
.brand-curves{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;color:var(--yellow);opacity:.3}
.viewer-footer{min-height:64px;font-size:var(--type-meta);color:#a0a6b5;letter-spacing:.02em}.footer-divider{padding-inline:10px;color:#555d70}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:10;left:var(--space-2);top:-100px;background:var(--yellow);color:var(--navy);padding:12px 18px}.skip-link:focus{top:var(--space-2)}
.brochure:fullscreen{overflow:auto;padding-inline:clamp(1rem,3vw,3rem)}
.brochure:fullscreen .stage{max-width:min(1600px,calc((100vh - 176px) * 16 / 9))}
.brochure:fullscreen .page{min-height:0}
.brochure.focus-view{position:fixed;inset:0;z-index:100;overflow:auto}
@media(min-width:1600px){:root{--type-cover:6.5rem}.page{min-height:0}}
@media(max-width:900px){:root{--page-gutter:2rem;--type-cover:4.5rem}.page{min-height:540px}.cover-image{left:34%}.image-shade{background:linear-gradient(90deg,#191c27 0%,#191c27fa 28%,#191c27b8 54%,#191c273b 100%),linear-gradient(0deg,#191c27,transparent 62%)}.edition{font-size:var(--type-meta)}.brand-logo{width:112px}}
@media(max-width:600px){
 :root{--page-gutter:1.5rem;--type-cover:clamp(2.75rem,11.8vw,4.25rem);--type-title:2.25rem;--type-subtitle:1.25rem;--type-body:1rem}
 .brochure{padding-inline:1rem}.viewer-header{min-height:72px;gap:12px}.document-name{gap:8px;flex-wrap:wrap;line-height:1.3;font-size:.8125rem}.fullscreen-button{padding:10px;flex:none}.fullscreen-button>span{display:none}
 .stage{padding-block:0}.page{aspect-ratio:auto;min-height:720px;padding-block:var(--space-4)}.page-top{align-items:center}.brand-logo{width:100px}.edition{max-width:110px;text-align:right;font-size:.75rem}
 .cover-copy{justify-content:flex-start;padding-top:var(--space-8);padding-bottom:15rem}.eyebrow{font-size:.75rem;margin-bottom:var(--space-3)}.cover-description{margin-top:var(--space-3)}
 .cover-image{inset:24% 0 0 0;mask-image:linear-gradient(180deg,transparent,#000 26%,#000 72%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 26%,#000 72%,transparent)}.cover-image img{object-position:43% 65%}.image-shade{background:linear-gradient(180deg,#191c27 0%,#191c27 24%,#191c27c9 41%,#191c2726 67%,#191c27e8 92%,#191c27 100%)}
 .brand-curves{opacity:.22}.page-bottom{margin-top:auto}.viewer-footer{min-height:60px}.brochure:fullscreen .stage{max-width:100%}.brochure:fullscreen .page{min-height:720px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{body,.brochure{background:var(--navy)}.brochure{padding:0}.viewer-header,.viewer-footer,.skip-link{display:none}.stage{padding:0}.page{box-shadow:none;min-height:0;aspect-ratio:16/9} @page{size:A4 landscape;margin:0}}