@font-face{font-family:Lora;src:url('assets/Lora-Regular.ttf')}@font-face{font-family:Lora;src:url('assets/Lora-SemiBold.ttf');font-weight:600}@font-face{font-family:Lora;src:url('assets/Lora-Bold.ttf');font-weight:700}@font-face{font-family:Manrope;src:url('assets/Manrope-Regular.ttf')}@font-face{font-family:Manrope;src:url('assets/Manrope-SemiBold.ttf');font-weight:600}@font-face{font-family:Manrope;src:url('assets/Manrope-Bold.ttf');font-weight:700}
:root{--burgundy:#7A1822;--red:#B72A2F;--cream:#F4E9D6;--white:#FFFDF8;--brown:#33231F;--gold:#C28A2C;--green:#526345;--muted:#746863;--line:#dfd4c4;--page-w:210mm;--page-h:297mm}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e9e3da;color:var(--brown);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.bb-shell{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100vh}.bb-side{position:sticky;top:0;height:100vh;background:var(--brown);color:#fff;padding:28px 24px;overflow:auto}.bb-side img{width:205px;filter:brightness(0) invert(1)}.bb-kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#d6ad62;font-weight:700}.bb-side h1{font:600 25px/1.08 Lora,serif;margin:28px 0 8px}.bb-side p{font-size:12px;color:#d8cbc2;line-height:1.6}.bb-tools{display:grid;gap:8px;margin:22px 0}.bb-btn{border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:10px 12px;color:#fff;background:transparent;font-size:12px;font-weight:700;text-align:left;cursor:pointer}.bb-btn.primary{background:var(--red);border-color:var(--red)}.bb-btn:hover{background:rgba(255,255,255,.1)}.bb-search{width:100%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff;border-radius:8px;padding:11px 12px;outline:none}.bb-search::placeholder{color:#bdaea6}.bb-nav{margin-top:18px;display:grid;gap:2px}.bb-nav a{padding:8px 9px;border-radius:6px;font-size:11px;color:#d8cbc2}.bb-nav a:hover,.bb-nav a.active{background:rgba(255,255,255,.1);color:#fff}.bb-nav a[hidden]{display:none}.bb-main{min-width:0;padding:34px 28px 70px}.bb-progress{position:fixed;left:290px;right:0;top:0;height:4px;background:transparent;z-index:20}.bb-progress span{display:block;height:100%;width:0;background:var(--gold)}.brandbook-page{width:var(--page-w);min-height:var(--page-h);margin:0 auto 28px;background:var(--white);position:relative;overflow:hidden;padding:20mm 18mm 18mm;box-shadow:0 18px 55px rgba(51,35,31,.13)}.cover{padding:0;background:var(--burgundy);color:#fff}.cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 22%,rgba(194,138,44,.55) 0 8%,transparent 8.3%),repeating-linear-gradient(45deg,transparent 0 22px,rgba(255,255,255,.025) 22px 23px)}.cover-inner{position:absolute;inset:18mm;display:flex;flex-direction:column;justify-content:space-between}.cover-logo{width:105mm;filter:brightness(0) invert(1)}.cover h2{font:600 20mm/.98 Lora,serif;max-width:150mm;margin:0;letter-spacing:-.045em}.cover .concept{font:500 6mm/1.35 Lora,serif;color:#f0d9ae}.cover-meta{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.24);padding-top:7mm;font-size:3mm;color:#f5dfc5}.page-head{display:flex;justify-content:space-between;gap:10mm;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:7mm;margin-bottom:8mm}.chapter-no{font-size:3mm;color:var(--red);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.page-head h1,.page-head h2{font:600 11mm/1.02 Lora,serif;letter-spacing:-.04em;margin:2mm 0 0}.status{border:1px solid #d5a55d;color:#8b5c18;border-radius:99px;padding:2mm 3mm;font-size:2.5mm;white-space:nowrap}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:5mm}.topic{border:1px solid var(--line);border-radius:3mm;padding:5mm;min-height:40mm;background:linear-gradient(145deg,#fffdf8,#fbf5eb)}.topic .num{font-size:2.6mm;color:var(--red);font-weight:700;letter-spacing:.12em}.topic h3{font:600 5.4mm/1.18 Lora,serif;margin:2.4mm 0}.topic p{font-size:3.15mm;line-height:1.55;margin:0;color:#665b56}.feature{grid-column:1/-1;background:var(--cream);border:0;display:grid;grid-template-columns:1fr 1fr;gap:7mm}.feature strong{font:600 7mm/1.18 Lora,serif}.quote{font:600 9mm/1.12 Lora,serif;color:var(--burgundy);margin:8mm 0}.page-foot{position:absolute;bottom:7mm;left:18mm;right:18mm;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:3mm;font-size:2.5mm;color:#8c8078}.toc-list{columns:2;column-gap:10mm}.toc-item{break-inside:avoid;display:flex;gap:3mm;border-bottom:1px dotted var(--line);padding:2.2mm 0;font-size:3mm}.toc-item b{color:var(--red);width:7mm}.toc-item a{flex:1}.swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:4mm;margin-top:6mm}.swatch{border:1px solid var(--line);border-radius:3mm;overflow:hidden;display:grid;grid-template-columns:25mm 1fr;min-height:27mm}.swatch-color{height:100%}.swatch-info{padding:3mm}.swatch b{display:block;font:600 4mm Lora,serif}.swatch small{font-size:2.4mm;line-height:1.45;color:#6f625d}.category-row{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm;margin-top:5mm}.category{border-radius:2mm;padding:3mm;color:#fff;font-size:2.5mm;font-weight:700;min-height:17mm}.type-samples{display:grid;gap:5mm;margin-top:7mm}.display-sample{font:600 15mm/1 Lora,serif}.body-sample{font:4mm/1.7 Manrope,sans-serif;max-width:145mm}.label-sample{font:700 2.8mm Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}.pattern{height:48mm;border-radius:3mm;background-color:var(--burgundy);background-image:linear-gradient(30deg,transparent 40%,rgba(244,233,214,.18) 40% 44%,transparent 44% 56%,rgba(244,233,214,.18) 56% 60%,transparent 60%),linear-gradient(150deg,transparent 40%,rgba(244,233,214,.18) 40% 44%,transparent 44% 56%,rgba(244,233,214,.18) 56% 60%,transparent 60%);background-size:30mm 24mm}.mockups{display:grid;grid-template-columns:repeat(3,1fr);gap:4mm;margin-top:6mm}.mockup{border-radius:3mm;background:#f7efe2;padding:4mm;text-align:center}.mockup img{width:100%;height:82mm;object-fit:contain}.mockup b{font:600 3.7mm Lora,serif}.dos{display:grid;grid-template-columns:1fr 1fr;gap:5mm}.do,.dont{border-radius:3mm;padding:6mm;min-height:68mm}.do{background:#e6ecdf}.dont{background:#f2dfe0}.do h3,.dont h3{font:600 6mm Lora;margin:0 0 3mm}.notice{border-left:3px solid var(--gold);background:#fbf2df;padding:4mm;font-size:3mm;line-height:1.55}.chapter-links{width:var(--page-w);margin:0 auto;display:flex;justify-content:space-between}.chapter-links a{background:var(--brown);color:#fff;border-radius:8px;padding:11px 14px;font-size:12px;font-weight:700}.mobile-top{display:none}.no-print{}.search-empty{display:none;color:#fff;font-size:12px;margin-top:10px}
@page{size:A4;margin:0}@media print{html,body{background:#fff}.bb-shell{display:block}.bb-side,.mobile-top,.bb-progress,.chapter-links,.no-print{display:none!important}.bb-main{padding:0}.brandbook-page{width:210mm;min-height:297mm;margin:0;box-shadow:none;page-break-after:always;break-after:page}.brandbook-page:last-child{page-break-after:auto;break-after:auto}h1,h2,h3,figure,table,.swatch,.topic,.mockup,.keep-together{break-inside:avoid;page-break-inside:avoid}}
@media(max-width:1050px){.bb-shell{display:block}.bb-side{display:none}.mobile-top{display:flex;position:sticky;top:0;z-index:30;background:var(--brown);color:#fff;height:58px;padding:10px 16px;align-items:center;justify-content:space-between}.mobile-top img{width:150px;filter:brightness(0) invert(1)}.mobile-top button{border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:6px;padding:7px 10px}.bb-side.open{display:block;position:fixed;inset:58px 0 0;z-index:29;width:auto;height:auto}.bb-main{padding:18px 12px 50px}.bb-progress{left:0}.brandbook-page{transform-origin:top left;width:100%;min-height:auto;padding:7vw 6vw;margin-bottom:16px;box-shadow:none}.cover{aspect-ratio:210/297}.cover-inner{inset:8vw}.cover h2{font-size:10vw}.cover-logo{width:62vw}.topic-grid{grid-template-columns:1fr}.feature{grid-template-columns:1fr}.page-foot{position:static;margin-top:7vw}.toc-list{columns:1}.mockups{grid-template-columns:1fr 1fr}.mockup img{height:46vw}.chapter-links{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media print{html,body{background:#fff}.bb-shell{display:block}.bb-side,.mobile-top,.bb-progress,.chapter-links,.no-print{display:none!important}.bb-main{padding:0!important}.brandbook-page{width:210mm!important;min-height:297mm!important;height:297mm!important;margin:0!important;padding:20mm 18mm 18mm!important;box-shadow:none!important;break-after:page!important;page-break-after:always!important;transform:none!important}.brandbook-page.cover{padding:0!important}.brandbook-page:last-child{break-after:auto!important;page-break-after:auto!important}.page-foot{position:absolute!important;bottom:7mm!important;left:18mm!important;right:18mm!important;margin:0!important}.topic-grid{grid-template-columns:1fr 1fr!important}.feature{grid-template-columns:1fr 1fr!important}.toc-list{columns:2!important}.mockups{grid-template-columns:repeat(3,1fr)!important}.mockup img{height:82mm!important}}
.swatch{min-height:23mm}.swatch-info{padding:2.4mm 3mm}.swatch small{font-size:2.25mm;line-height:1.35}.category-row{gap:2mm;margin-top:3mm}.category{padding:2.3mm 3mm;font-size:2.3mm;min-height:12mm}