:root{--ink:#332622;--clay:#a96f5a;--sand:#d9c3a3;--linen:#f4f0e9;--paper:#fffdfa;--success:#355c45;--danger:#9d3d35;--radius:0;--line:#d8d0c5;--motion-fast:160ms;--motion-base:240ms;--motion-calm:480ms;--motion-ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}body{margin:0;background:var(--linen);color:var(--ink);font-family:"Futura PT",Futura,"Trebuchet MS",sans-serif;line-height:1.6}.brand-section,.brand-next{position:relative;padding:clamp(4.5rem,9vw,8rem) 0}.brand-section-content{position:relative;z-index:1}.brand-cover{position:relative;display:flex;align-items:end;min-height:100svh;isolation:isolate;background:var(--ink);color:var(--paper)}.brand-cover-content{position:relative;z-index:1;padding-block:clamp(7rem,16vh,11rem) 5rem}.brand-decoration{position:absolute;z-index:0;pointer-events:none}.brand-cover-background{inset:0;background:#332622}.brand-cover-orbit{top:9%;right:5%;width:min(43vw,610px);aspect-ratio:1;border:1px solid rgba(244,240,233,.46);border-radius:50%}.brand-cover-orbit::before,.brand-cover-orbit::after{position:absolute;inset:16%;border:1px solid rgba(244,240,233,.28);border-radius:50%;content:""}.brand-cover-orbit::after{inset:34%;background:rgba(217,195,163,.15)}.brand-eyebrow{margin:0;color:var(--clay);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.brand-cover .brand-eyebrow{color:var(--sand)}.brand-cover h1,h2{font-family:"Futura PT",Futura,"Trebuchet MS",sans-serif;font-weight:400}.brand-primary-logo{display:block;width:min(16rem,48vw);height:auto;margin-bottom:2rem;background:var(--paper);padding:.75rem}.brand-cover h1{max-width:920px;margin:1.1rem 0 1.75rem;font-size:clamp(3.4rem,8vw,7.3rem);line-height:.94;letter-spacing:-.06em;overflow-wrap:anywhere}.brand-cover .lead{max-width:570px;color:#f0e7dc;font-size:clamp(1.1rem,1.8vw,1.35rem)}h2{margin:.75rem 0 1.75rem;font-size:clamp(2.5rem,5vw,4.6rem);line-height:1;letter-spacing:-.05em}h3{margin-top:1rem;font-size:1.14rem}.brand-intro{max-width:720px;font-size:1.28rem}.btn{border-radius:var(--radius);font-weight:700;padding:.75rem 1.15rem;transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}.btn-primary{--bs-btn-bg:var(--clay);--bs-btn-border-color:var(--clay);--bs-btn-color:#fff;--bs-btn-hover-bg:#875343;--bs-btn-hover-border-color:#875343;--bs-btn-active-bg:#704335;--bs-btn-active-border-color:#704335}.btn-secondary{--bs-btn-bg:var(--ink);--bs-btn-border-color:var(--ink)}.btn-outline-primary{--bs-btn-color:var(--ink);--bs-btn-border-color:var(--ink);--bs-btn-hover-bg:var(--ink);--bs-btn-hover-border-color:var(--ink)}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px rgba(51,38,34,.16)}.btn:active:not(:disabled){transform:translateY(0)}.brand-scroll-cue{display:block;margin-top:3rem;padding:0;border:0;background:none;color:var(--paper);text-decoration:underline;text-underline-offset:.35em}.brand-progress{display:flex;gap:1rem;overflow:auto;margin:2rem 0 0;padding:2rem 0 0;border-top:1px solid var(--line);list-style:none}.brand-progress li{min-width:max-content;color:#81756d}.brand-progress .is-active{color:var(--ink);font-weight:700}.brand-progress .is-active::before{display:inline-block;width:.6rem;height:.6rem;margin-right:.4rem;border-radius:50%;background:var(--clay);content:""}.brand-foundations{background:var(--paper)}.brand-sticky{position:sticky;top:2rem}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;background:var(--paper);transition:transform var(--motion-base) var(--motion-ease),box-shadow var(--motion-base) var(--motion-ease)}.card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(51,38,34,.09)}.badge{border-radius:999px;padding:.48em .75em;transition:transform var(--motion-fast) var(--motion-ease)}.badge:hover{transform:translateY(-1px)}.brand-badge{background:var(--sand);color:var(--ink)}.brand-token-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.brand-token-grid div{padding:1rem;background:var(--paper)}.brand-token-grid small{display:block;color:#766961}.brand-token-grid strong{font-size:1.05rem}.brand-type-specimen{padding:2rem;border-left:3px solid var(--clay);background:var(--paper)}.brand-type-specimen strong{display:block;margin:1rem 0;font-family:"Futura PT",Futura,"Trebuchet MS",sans-serif;font-size:clamp(1.9rem,4vw,3.8rem);font-weight:400;line-height:1.02}.brand-colours{display:grid;grid-template-columns:1.15fr 1fr;gap:1rem}.brand-colours>div{min-height:170px;padding:1.25rem;border-radius:var(--radius);font-size:1.3rem;font-weight:700}.ink{background:var(--ink);color:#fff}.signal{background:var(--clay);color:#fff}.cloud{grid-column:span 2;border:1px solid var(--line);background:var(--paper)}.brand-applications{background:#ebe2d6}.breadcrumb{--bs-breadcrumb-divider:"/"}.breadcrumb a{color:var(--clay);transition:color var(--motion-fast) var(--motion-ease)}.breadcrumb a:hover{color:var(--ink)}.form-control{border-color:#a89b90;border-radius:var(--radius);transition:border-color var(--motion-base) var(--motion-ease),box-shadow var(--motion-base) var(--motion-ease)}.form-control:focus{border-color:var(--clay);box-shadow:0 0 0 .25rem rgba(169,111,90,.24)}.alert{border-radius:var(--radius);animation:alert-in var(--motion-base) var(--motion-ease) both}.alert-info{--bs-alert-bg:#e7eee9;--bs-alert-border-color:#b7c7bc;--bs-alert-color:#234334}.alert-warning{--bs-alert-bg:#f7efd9;--bs-alert-border-color:#ddc88d;--bs-alert-color:#604c1a}.alert-danger{--bs-alert-bg:#f5e5e3;--bs-alert-border-color:#d9aaa5;--bs-alert-color:#702c27}.brand-modal{animation:modal-in var(--motion-base) var(--motion-ease) both}.brand-sort{display:inline-block;color:var(--clay);transition:transform var(--motion-fast) var(--motion-ease)}th:hover .brand-sort{transform:translateY(-2px)}.page-link{color:var(--ink);border-radius:var(--radius)!important;transition:transform var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) var(--motion-ease)}.page-link:hover{transform:translateY(-1px);background:var(--sand);color:var(--ink)}.page-item.active .page-link{border-color:var(--ink);background:var(--ink)}.spinner-border{color:var(--clay)!important;animation-duration:.8s}.brand-skeleton{position:relative;height:1rem;overflow:hidden;border-radius:var(--radius);background:#e2d9ce}.brand-skeleton::after{position:absolute;inset:0;background:#f9f6f1;content:"";opacity:.7;transform:translateX(-100%);animation:shimmer 1.2s linear infinite}.brand-skeleton.short{width:64%;margin-top:.75rem}.brand-asset-figure{border:1px solid var(--line);background:var(--paper)}.brand-asset-figure img{display:block;width:100%;height:auto;background:var(--paper);padding:1.5rem}.brand-asset-figure figcaption{padding:1.25rem}.brand-asset-figure figcaption strong,.brand-asset-figure figcaption span{display:block}.brand-asset-figure figcaption span{color:#766961;font-size:.9rem}.brand-asset-figure figcaption p{margin:1rem 0 0}.brand-next{background:var(--ink);color:var(--paper)}.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--motion-calm) var(--motion-ease),transform var(--motion-calm) var(--motion-ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes shimmer{to{transform:translateX(100%)}}@keyframes alert-in{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes modal-in{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media(max-width:767px){.brand-cover-content{padding-block:7rem 4rem}.brand-cover h1{font-size:clamp(2.6rem,12vw,3.4rem)}.brand-cover-orbit{top:8%;right:0;width:63vw}.brand-progress{gap:.75rem}.brand-token-grid{grid-template-columns:repeat(2,1fr)}.brand-sticky{position:static}.row{margin-right:0;margin-left:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
@media(max-width:767px){.brand-cover-content{width:100%;max-width:100%}.brand-cover h1,.brand-cover .lead{max-width:100%;min-width:0}}