.brandbook-page{padding:clamp(2rem,5vw,4.5rem) 0 clamp(5rem,9vw,8rem);overflow:hidden}.brandbook-container{gap:clamp(4.5rem,9vw,8rem);display:grid}.brandbook-hero{min-height:540px;box-shadow:var(--ambient-shadow);background:radial-gradient(circle at 88% 15%,#0066ff2e,#0000 30%),linear-gradient(145deg,#fff 0%,#f7f8fc 60%,#eef4ff 100%);border:1px solid #c2c6d8b3;border-radius:clamp(1.5rem,3vw,2.5rem);grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:center;gap:clamp(2.5rem,6vw,6rem);padding:clamp(2.25rem,5vw,5rem);display:grid;position:relative}.brandbook-hero:before{background:var(--color-primary);content:"";border-radius:0 6px 6px 0;width:5px;position:absolute;inset:1.25rem auto 1.25rem 0}.brandbook-hero__copy{z-index:1;position:relative}.brandbook-eyebrow{color:var(--color-primary);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1rem;font-size:.8rem;font-weight:800}.brandbook-hero h1{max-width:760px;font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-size:clamp(2.65rem,6vw,5.3rem);font-weight:750;line-height:.98}.brandbook-lead{max-width:680px;color:var(--color-text-secondary);margin:1.75rem 0 0;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.7}.brandbook-actions{flex-wrap:wrap;gap:.85rem;margin-top:2.25rem;display:flex}.brandbook-button{min-height:62px;font-family:var(--font-display);border:1px solid #0000;border-radius:14px;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:.1rem .65rem;padding:.72rem 1.15rem;font-size:.98rem;font-weight:750;line-height:1.2;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-grid}.brandbook-button svg{grid-row:1/3}.brandbook-button span{opacity:.76;font-size:.74rem;font-weight:600}.brandbook-button--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 12px 26px #0050cb33}.brandbook-button--secondary{color:var(--color-text-primary);background:#ffffffd1;border-color:#c2c6d8d9}.brandbook-button:hover,.brandbook-button:focus-visible,.brandbook-contact:hover,.brandbook-contact:focus-visible{transform:translateY(-2px)}.brandbook-button:focus-visible,.brandbook-contact:focus-visible{outline-offset:3px;outline:3px solid #0050cb40}.brandbook-hero__mark{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff9e;border:1px solid #ffffffd6;border-radius:2rem;flex-direction:column;justify-content:center;align-items:center;gap:1.8rem;min-height:370px;padding:2rem;display:flex;position:relative;box-shadow:0 22px 60px #1b376e1a}.brandbook-hero__mark img{filter:drop-shadow(0 18px 28px #1f3b7c2e);width:min(210px,55%);height:auto}.brandbook-wordmark{color:var(--color-text-secondary);font-family:var(--font-display);letter-spacing:-.055em;white-space:nowrap;align-items:baseline;font-size:clamp(2.3rem,4vw,4rem);line-height:1;display:inline-flex}.brandbook-wordmark strong{color:var(--color-text-primary);font-weight:750}.brandbook-wordmark span{font-weight:400}.brandbook-section{gap:2.25rem;display:grid}.brandbook-section__heading{max-width:780px}.brandbook-section__heading h2{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1.08}.brandbook-section__heading>p:last-child{color:var(--color-text-secondary);margin:1rem 0 0;font-size:1.08rem;line-height:1.7}.brandbook-logo-grid,.brandbook-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.brandbook-logo-sample{background:#fff;border:1px solid #c2c6d8b3;border-radius:1.5rem;align-content:space-between;gap:2rem;min-height:270px;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.brandbook-logo-sample__label{color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:750}.brandbook-lockup{justify-content:center;align-items:center;gap:clamp(.85rem,2.5vw,1.5rem);padding-bottom:1.5rem;display:flex}.brandbook-lockup>img{width:clamp(72px,10vw,116px);height:auto}.brandbook-wordmark--compact{font-size:clamp(2rem,5vw,4rem)}.brandbook-usage{background:var(--surface-container-low);border-radius:2rem;padding:clamp(2rem,5vw,4rem)}.brandbook-rule-card{background:#ffffffd1;border:1px solid #c2c6d8b3;border-radius:1.4rem;padding:clamp(1.5rem,3vw,2.25rem)}.brandbook-rule-card h3{font-family:var(--font-display);align-items:center;gap:.65rem;margin:0 0 1.25rem;font-size:1.15rem;display:flex}.brandbook-rule-card--allowed h3 svg{color:#087f5b}.brandbook-rule-card--restricted h3 svg{color:#b42318}.brandbook-rule-card ul{color:var(--color-text-secondary);gap:.85rem;margin:0;padding-left:1.15rem;display:grid}.brandbook-rule-card li{padding-left:.2rem;line-height:1.65}.brandbook-rights-note{background:linear-gradient(135deg,#0050cb14,#ffffffe6);border:1px solid #0050cb29;border-radius:1.4rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.brandbook-rights-note h3{font-family:var(--font-display);margin:0 0 .8rem;font-size:1.2rem}.brandbook-rights-note p{max-width:900px;color:var(--color-text-secondary);margin:0;line-height:1.7}.brandbook-rights-note p+p{margin-top:.75rem}.brandbook-contact{background:var(--color-text-primary);color:#fff;min-height:52px;font-family:var(--font-display);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.1rem;font-size:.88rem;font-weight:750;text-decoration:none;transition:transform .2s;display:inline-flex}@media (max-width:1024px){.brandbook-hero{grid-template-columns:1fr}.brandbook-hero__mark{min-height:320px}.brandbook-rights-note{grid-template-columns:1fr}.brandbook-contact{width:-moz-fit-content;width:fit-content}}@media (max-width:768px){.brandbook-container{gap:4rem}.brandbook-hero{min-height:auto;padding:2rem 1.4rem 1.4rem}.brandbook-hero:before{border-radius:4px;width:48px;height:4px;inset:1.25rem auto auto 1.4rem}.brandbook-hero__copy{padding-top:1rem}.brandbook-actions,.brandbook-button,.brandbook-contact{width:100%}.brandbook-button{justify-content:center}.brandbook-hero__mark{min-height:270px;padding:1.5rem}.brandbook-hero__mark img{width:138px}.brandbook-logo-grid,.brandbook-rule-grid{grid-template-columns:1fr}.brandbook-logo-sample{min-height:220px}.brandbook-usage{border-radius:1.5rem;padding:1.5rem 1rem}}@media (prefers-reduced-motion:reduce){.brandbook-button,.brandbook-contact{transition:none}}