:root{--cream:#f3efdf;--paper:#faf8f0;--blue:#005172;--navy:#0b3142;--orange:#ed7417;--ink:#122f3a;--line:rgba(18,47,58,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}.viewer-header{height:74px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(243,239,223,.94);backdrop-filter:blur(12px);z-index:10}.back,.monogram,footer a{color:inherit;text-decoration:none}.back{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.monogram{font:600 25px "Fraunces",serif}.monogram span{color:var(--orange)}.page-status{text-align:right;font-size:12px;letter-spacing:.12em}.viewer-intro{padding:11vh 8vw 9vh;display:grid;grid-template-columns:.65fr 2fr 1fr;gap:4vw;align-items:end}.viewer-intro p,.viewer-intro span{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.viewer-intro h1{font:500 clamp(48px,7vw,104px)/.96 "Fraunces",serif;letter-spacing:-.045em;margin:0}.document-stack{background:var(--navy);padding:80px max(4vw,20px);display:flex;flex-direction:column;align-items:center;gap:55px}.doc-page{margin:0;width:min(100%,900px)}.doc-page img{display:block;width:100%;height:auto;background:white;box-shadow:0 24px 70px rgba(0,0,0,.24)}.doc-page figcaption{color:rgba(255,255,255,.7);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:12px}footer{padding:30px 4vw;display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.logo-grid{padding:70px 6vw 110px;display:grid;grid-template-columns:repeat(2,1fr);gap:28px;background:var(--navy)}.logo-sheet{margin:0;background:white;min-height:380px;display:flex;align-items:center;justify-content:center;padding:55px;position:relative}.logo-sheet:nth-child(3n+2){background:#f1a22f}.logo-sheet:nth-child(3n){background:#d8eef1}.logo-sheet img{max-width:100%;max-height:280px;object-fit:contain}.logo-sheet figcaption{position:absolute;left:20px;bottom:16px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.logo-note{max-width:760px;margin:0 auto;padding:0 6vw 80px;font:500 26px/1.35 "Fraunces",serif}@media(max-width:760px){.viewer-header{grid-template-columns:1fr auto}.monogram{display:none}.viewer-intro{grid-template-columns:1fr;padding:70px 6vw}.viewer-intro h1{font-size:50px}.document-stack{padding:45px 14px;gap:36px}.logo-grid{grid-template-columns:1fr;padding:30px 14px 70px}.logo-sheet{min-height:260px;padding:32px}footer{flex-direction:column;gap:12px}}