:root { --paper:#f4f2ed; --ink:#171a19; --gold:#c6a15a; --muted:#7c8079; --line:rgba(23,26,25,.16); }
* { box-sizing:border-box; }
body.is-loading main, body.is-loading .site-footer, body.is-loading .floating-bar { visibility:hidden; }
html { background:var(--ink); scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.site-header { position:sticky; top:0; z-index:10; height:76px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(24px,5vw,72px); color:var(--paper); background:rgba(23,26,25,.88); border-bottom:1px solid rgba(244,242,237,.15); backdrop-filter:blur(20px); }
.brand { display:flex; align-items:center; width:92px; height:100%; overflow:hidden; }
.brand img { width:132%; max-width:none; filter:grayscale(1) contrast(1.5) brightness(1.35); mix-blend-mode:screen; }
nav { display:flex; gap:clamp(18px,3vw,46px); }
nav a,.eyebrow { font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
nav a { color:rgba(244,242,237,.76); transition:color .2s ease; }
nav a:hover { color:var(--gold); }
.intro { padding:clamp(104px,14vw,190px) clamp(24px,9vw,140px) clamp(88px,10vw,140px); color:var(--paper); background:var(--ink); }
.eyebrow { margin:0; color:var(--gold); font-weight:600; }
h1 { margin:28px 0 30px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(56px,9vw,138px); font-weight:400; letter-spacing:-.07em; line-height:.86; }
.intro-copy { max-width:460px; margin:0 0 34px; color:rgba(244,242,237,.7); font-size:16px; line-height:1.7; }
.download-button { display:inline-flex; align-items:center; gap:15px; min-height:50px; padding:0 22px; color:var(--ink); background:var(--gold); border:1px solid var(--gold); border-radius:2px; font-size:10px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease; }
.download-button:hover { color:var(--paper); background:transparent; box-shadow:0 8px 24px rgba(198,161,90,.12); transform:translateY(-2px); }
.download-button span { display:inline-block; font-size:18px; font-weight:400; line-height:1; }
.document { padding:clamp(64px,8vw,116px) clamp(20px,6vw,88px) 180px; background:var(--paper); }
.document-heading { display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-bottom:30px; border-bottom:1px solid var(--line); padding-bottom:20px; }
.document-heading p:last-child { margin:0; color:var(--muted); font-size:13px; }
.pdf-viewer { display:grid; gap:clamp(18px,3vw,34px); justify-items:center; }
.pdf-sheet { position:relative; width:min(100%,1240px); background:#fff; box-shadow:0 24px 70px rgba(23,26,25,.12); line-height:0; overflow:hidden; }
.pdf-sheet canvas { display:block; width:100%; height:auto; }
.pdf-link { position:absolute; z-index:2; display:block; cursor:pointer; }
.pdf-link:hover { background:rgba(198,161,90,.14); outline:1px solid rgba(198,161,90,.8); }
.report-cta { margin-top:clamp(48px,8vw,110px); padding:clamp(42px,6vw,80px); color:var(--paper); background:var(--ink); }
.report-cta h2 { margin:18px 0 28px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(34px,5vw,68px); font-weight:400; letter-spacing:-.05em; line-height:.95; }
.fallback { margin:16px 0 0; color:var(--muted); font-size:12px; }
.fallback a { color:var(--ink); text-decoration:underline; }
.floating-bar { position:fixed; left:50%; bottom:22px; z-index:20; display:flex; align-items:center; gap:22px; width:max-content; max-width:calc(100vw - 32px); padding:11px 17px 11px 20px; border:1px solid rgba(23,26,25,.18); border-radius:999px; color:var(--paper); background:rgba(23,26,25,.95); box-shadow:0 14px 38px rgba(23,26,25,.2); backdrop-filter:blur(14px); transform:translateX(-50%); }
.floating-bar span { font-size:12px; }
.floating-bar a { display:inline-flex; gap:8px; align-items:center; color:var(--gold); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; }
.floating-bar a span { font-size:16px; }
.site-footer { display:flex; justify-content:space-between; gap:18px; padding:24px clamp(20px,6vw,88px); color:var(--muted); background:var(--paper); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.copyright { display:block; opacity:.72; font-size:10px; letter-spacing:.08em; }
@media (max-width:700px) { .site-header { height:64px; padding-inline:18px; } .brand { width:70px; } nav { gap:12px; } nav a { font-size:8px; letter-spacing:.08em; } nav a:nth-child(1),nav a:nth-child(2) { display:none; } .intro { padding-top:80px; } h1 { font-size:clamp(52px,15vw,82px); } .document-heading { display:block; } .document-heading p:last-child { margin-top:12px; line-height:1.5; } .pdf-viewer { gap:14px; } .floating-bar { bottom:12px; gap:10px; padding:10px 14px 10px 16px; } .floating-bar > span { font-size:10px; } .floating-bar a { font-size:8px; } }