@font-face{font-family:SourceSans;src:url(../assets/source-sans-3-variable.ttf)}@font-face{font-family:Cormorant;src:url(../assets/CormorantGaramond-VariableFont.ttf)}
:root{--petrol:#0b3037;--petrol2:#174e57;--paper:#f7f4ed;--gold:#d5a742;--line:#d6dedb}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:SourceSans,Arial,sans-serif;color:#17343b}button,a{font:inherit}
.context-strip{min-height:64px;padding:14px clamp(20px,5vw,80px);display:flex;align-items:center;background:#243d5a;color:#fff}.context-strip div{display:grid}.context-strip span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#d2dceb}
.brochure-section{padding:clamp(56px,7vw,96px) clamp(20px,5vw,80px) 92px;background:linear-gradient(135deg,#092d34,#1a5961);color:#fff}.section-intro{max-width:860px;margin:0 auto 52px;text-align:center}.section-intro>p:first-child{margin:0 0 12px;color:var(--gold);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:750}.section-intro h1{margin:0;font:600 clamp(2.6rem,5vw,4.7rem)/.96 Cormorant,serif}.section-intro h1+p{max-width:720px;margin:22px auto 0;color:#d1dfdf;font-size:1.05rem;line-height:1.6}
.brochure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.5vw,56px);max-width:1460px;margin:auto}.brochure-card{min-width:0}.book-stage{position:relative;width:100%;aspect-ratio:1.08/1;display:block;border:0;background:transparent;cursor:pointer}.book-stage img{position:absolute;width:54%;max-height:100%;object-fit:contain;box-shadow:0 28px 50px #001b2275}.book-inside{right:4%;top:5%;transform:rotate(2deg)}.book-cover{left:7%;top:0;transform:rotate(-2deg);transition:transform .22s ease}.book-stage:hover .book-cover,.book-stage:focus-visible .book-cover{transform:translateY(-8px) rotate(0)}.book-stage>span{position:absolute;right:2%;top:2%;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--petrol);font-weight:800}
.brochure-copy{padding:4px 5px}.brochure-copy>p{margin:0;color:var(--accent);font-size:.72rem;letter-spacing:.11em;text-transform:uppercase}.brochure-copy h2{margin:8px 0 15px;font:600 clamp(1.7rem,2.5vw,2.45rem)/1 Cormorant,serif}.report-range{padding:12px 0;border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;display:grid;gap:3px}.report-range span{color:#c3d5d5;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.report-range strong{color:#f3d385;font:600 1.4rem/1.1 Cormorant,serif}.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.card-actions button,.card-actions a{border:1px solid #ffffff55;border-radius:999px;padding:10px 15px;background:transparent;color:#fff;text-decoration:none;cursor:pointer}.card-actions button{background:#fff;color:var(--petrol);border-color:#fff}.range-note{max-width:1460px;margin:38px auto 0;color:#b9cdce;font-size:.78rem;line-height:1.5}
.reader-dialog{width:min(96vw,1450px);height:min(94dvh,980px);padding:0;border:0;border-radius:14px;background:#102f36;box-shadow:0 30px 90px #0009}.reader-dialog::backdrop{background:#06191ed9}.dialog-bar{height:58px;padding:0 10px 0 22px;display:flex;align-items:center;justify-content:space-between;color:#fff}.dialog-bar button{width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#0b3037;font-size:1.6rem;cursor:pointer}.reader-dialog iframe{display:block;width:100%;height:calc(100% - 58px);border:0;background:#dfe7e5}
.reader-body{height:100dvh;overflow:hidden;background:#102f36}.reader{height:100%;display:grid;grid-template-rows:58px 1fr}.reader-bar{display:flex;align-items:center;justify-content:space-between;padding:7px 15px 7px 20px;background:#0b3037;color:#fff}.reader-bar>div:first-child{display:grid}.reader-bar span{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:#b9cccc}.reader-actions{display:flex;align-items:center;gap:8px}.reader-actions button,.reader-actions a{min-width:40px;height:40px;padding:0 13px;border:1px solid #ffffff44;border-radius:999px;background:#ffffff10;color:#fff;text-decoration:none;display:grid;place-items:center;cursor:pointer}.reader-actions output{min-width:62px;text-align:center}.reader-stage{position:relative;min-height:0;overflow:hidden;padding:14px;background:radial-gradient(circle at center,#47666c,#1a3c43)}.reader-stage img{display:none;position:absolute;inset:14px;margin:auto;width:auto;height:auto;max-width:calc(100% - 28px);max-height:calc(100% - 28px);object-fit:contain;box-shadow:0 16px 42px #0008}.reader-stage img.is-active{display:block}
@media(max-width:900px){.brochure-grid{grid-template-columns:1fr;max-width:650px}.book-stage{aspect-ratio:1.25/1}.book-stage img{width:46%}.book-cover{left:16%}.book-inside{right:13%}.reader-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;margin:0}.reader-bar>div:first-child strong{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-actions{gap:5px}.reader-actions button,.reader-actions a{min-width:38px;height:38px;padding:0 10px}}
.reader-bar h1{margin:0;color:#fff;font:inherit;font-weight:800}.reader-bar>div:first-child h1{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:480px){.reader{grid-template-rows:auto minmax(0,1fr)}.reader-bar{display:grid;gap:8px;padding:10px 16px}.reader-bar>div:first-child{min-width:0}.reader-bar>div:first-child h1{max-width:100%;white-space:normal;overflow-wrap:anywhere}.reader-actions{justify-content:space-between}.reader-actions button,.reader-actions a{min-width:44px;height:44px}.reader-actions output{min-width:52px}}