@font-face{font-family:'DM Serif Display';src:url('fonts/serif.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:'DM Serif Display';src:url('fonts/serif-italic.ttf') format('truetype');font-display:swap;font-weight:400;font-style:italic}
@font-face{font-family:'DM Sans';src:url('fonts/dm-sans-regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:'DM Sans';src:url('fonts/dm-sans-medium.ttf') format('truetype');font-display:swap;font-weight:500 800}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--rr-paper);color:var(--rr-ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:var(--rr-navy);text-underline-offset:4px}button{font:inherit;cursor:pointer}h1,h2,h3{color:var(--rr-navy);font-family:'DM Serif Display',Georgia,serif;font-weight:400;line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(48px,6.4vw,88px);margin:24px 0}h2{font-size:clamp(32px,3.4vw,48px);margin:10px 0 24px}h3{font-size:26px;margin:12px 0}p{margin:0 0 16px}small,.small{font-size:14px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rr-gold-text)}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.mast{background:white;border-bottom:1px solid var(--rr-line)}.mast .wrap{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:18px 0}.mast img{width:210px;height:70px;object-fit:contain}.mast nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.hero{padding:64px 0 72px;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.hero .lede{font-size:19px;max-width:570px;color:var(--rr-muted)}.hero-art{background:var(--rr-navy);border-radius:16px;padding:36px;aspect-ratio:1;display:grid;place-content:center;position:relative;overflow:hidden}.hero-art:after{content:'';position:absolute;inset:20px;border:1px solid #e9d8ad40;border-radius:50%}.hero-art img{width:100%;height:auto;position:relative;z-index:1}.hero-art p{color:var(--rr-gold-light);text-align:center;font-size:12px;letter-spacing:.16em;margin:28px 0 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border:1px solid var(--rr-navy);border-radius:8px;background:var(--rr-navy);color:white;text-decoration:none;font:600 14px/1.5 'DM Sans',Arial,sans-serif}.button:hover{background:var(--rr-navy-hover);color:white}.button.secondary{background:white;color:var(--rr-navy)}.button.gold{background:var(--rr-gold-light);color:var(--rr-navy);border-color:var(--rr-gold-light)}.button:disabled{background:var(--rr-surface);border-color:var(--rr-line);color:var(--rr-muted);cursor:not-allowed}.index{border-block:1px solid var(--rr-line);background:white;position:sticky;top:0;z-index:4}.index .wrap{display:flex;gap:24px;overflow:auto;padding:16px 0;white-space:nowrap;font-size:14px}.index a{text-decoration:none}.section{padding:64px 0;border-bottom:1px solid var(--rr-line);scroll-margin-top:72px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:28px}.section-head p{color:var(--rr-muted);align-self:center;max-width:540px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:white;border:1px solid var(--rr-line);border-radius:12px;overflow:hidden}.card-body{padding:24px}.card-body p{color:var(--rr-muted)}.number{display:block;font:14px 'DM Sans',sans-serif;color:var(--rr-gold-text);margin-bottom:20px}.logo-stage{height:210px;display:grid;place-items:center;padding:32px;background:white}.logo-stage.dark{background:var(--rr-navy)}.logo-stage img{max-width:100%;max-height:150px;object-fit:contain}.logo-stage.emblem img{max-height:140px}.swatch{height:120px;border-bottom:1px solid var(--rr-line)}code{font-size:13px;color:var(--rr-navy);background:var(--rr-surface);padding:3px 6px;border-radius:4px;overflow-wrap:anywhere}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:6px 10px;border:1px solid var(--rr-line);border-radius:6px;font-size:12px;background:white}.rule{border-left:3px solid var(--rr-gold);padding:16px 24px;background:white;margin:24px 0}.good,.avoid{padding:24px;border-radius:12px;background:white;border:1px solid var(--rr-line)}.good strong,.avoid strong{display:block;color:var(--rr-navy);margin-bottom:10px}.specimen{font:400 48px/1.1 'DM Serif Display',Georgia,serif;margin:20px 0}.sans-specimen{font:500 36px/1.2 'DM Sans',Arial,sans-serif;margin:20px 0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;background:white}th,td{padding:16px;text-align:left;border-bottom:1px solid var(--rr-line);vertical-align:top}th{color:var(--rr-navy);font-weight:600;background:var(--rr-surface)}td:first-child{font-weight:500}.component{padding:28px;background:white;border:1px solid var(--rr-line);border-radius:12px}.component label{display:block;font-weight:500;margin-bottom:8px}.component input{width:100%;border:1px solid var(--rr-control);border-radius:8px;background:white;padding:12px;font:inherit;color:var(--rr-ink)}.component small{display:block;color:var(--rr-muted);margin-top:8px}.status{padding:12px 16px;border-left:3px solid;border-radius:6px;margin:12px 0;font-size:14px}.success{color:var(--rr-success);background:var(--rr-success-bg)}.warning{color:var(--rr-warning);background:var(--rr-warning-bg)}.danger{color:var(--rr-danger);background:var(--rr-danger-bg)}.info{color:var(--rr-info);background:var(--rr-info-bg)}.progress-track{height:8px;border-radius:8px;background:var(--rr-line);margin:14px 0 12px}.progress-track span{display:block;width:40%;height:100%;background:var(--rr-navy);border-radius:8px}.art-preview{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.template-preview{width:100%;height:auto;display:block}.dark-panel{padding:32px;background:var(--rr-navy);border-radius:12px;color:white}.dark-panel h3{color:white}.dark-panel p{color:#e8ecee}.asset-list a{display:block;padding:12px 0;border-bottom:1px solid var(--rr-line)}.foot{padding:32px 0 60px;color:var(--rr-muted);font-size:14px}.screen-label{font:600 14px 'DM Sans',Arial,sans-serif;color:var(--rr-navy)}:focus-visible{outline:3px solid var(--rr-gold-text);outline-offset:4px}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px}.skip:focus{top:10px;z-index:10}li{margin:8px 0}blockquote{font:28px/1.35 'DM Serif Display',serif;margin:20px 0}.ratio{display:flex;height:54px;border-radius:8px;overflow:hidden;border:1px solid var(--rr-line);margin:24px 0}.ratio span{display:grid;place-items:center;font-size:12px}.ratio span:nth-child(1){width:80%;background:white}.ratio span:nth-child(2){width:15%;background:var(--rr-navy);color:white}.ratio span:nth-child(3){width:5%;background:var(--rr-gold);color:var(--rr-navy)}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.mast .wrap{align-items:flex-start}.mast img{width:160px;height:auto}.mast nav{gap:8px;flex-direction:column}.hero{grid-template-columns:1fr;padding:40px 0;gap:24px}.hero-art{max-width:420px;width:100%;margin:auto}.section{padding:40px 0}.section-head{grid-template-columns:1fr;gap:0}.grid,.grid.two{grid-template-columns:1fr}.specimen{font-size:38px}.index .wrap{gap:20px}.card-body{padding:20px}.section-head h2{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{@page{size:A4;margin:16mm}html{font-size:10pt}body{background:white;font-size:10pt;line-height:1.45}.wrap{width:100%}.mast nav,.index,.actions,.skip,.no-print{display:none!important}.mast img{width:160px}.hero{padding:20px 0;grid-template-columns:1.2fr .8fr;gap:24px}.hero h1{font-size:40pt}.hero .lede{font-size:12pt}.hero-art{padding:20px}.section{break-before:page;padding:12px 0;border:0}.section-head{gap:20px;margin-bottom:16px}h2{font-size:27pt}h3{font-size:17pt}.grid{gap:12px}.card,.component,.good,.avoid,tr,.rule{break-inside:avoid}.card-body{padding:12px}.card p{font-size:9pt}.swatch{height:55px}.logo-stage{height:140px;padding:20px}.logo-stage img{max-height:100px}table{font-size:9pt}td,th{padding:9px}.art-preview{max-height:170px}a{color:inherit}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.asset-list a{font-size:9pt}.foot{padding:20px 0}.screen-grid{grid-template-columns:repeat(2,1fr)}.ratio{height:36px}}
