.core-brandos{gap:0;width:100%;padding:0}.section-brandos{padding:var(--space-128) 0;border-bottom:1px solid var(--neutral-border-components);width:100%;height:auto;display:grid;position:relative}@media (max-width:1200px){.section-brandos{padding:var(--space-80) 0}}.container-brandos{width:calc(100% - var(--space-256));gap:var(--space-80);margin:0 auto;display:grid}@media (max-width:1200px){.container-brandos{width:calc(100% - var(--space-64));gap:var(--space-32)}}.grid-brandos{gap:var(--space-32);display:grid}@media (max-width:1200px){.grid-brandos{gap:var(--space-24)}}@media (max-width:768px){.grid-brandos{gap:var(--space-20)}}@media (max-width:480px){.grid-brandos{gap:var(--space-16)}}
.footer-brandos-wrapper{gap:var(--space-32);flex-direction:column;display:flex}
.hero-brandos{align-items:flex-end;width:100%;min-height:70vh;display:flex;position:relative}.hero-brandos-content{gap:var(--space-32);z-index:9;flex-direction:column;display:flex;position:relative}.hero-brandos-image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.hero-brandos-image:after{content:"";background:linear-gradient(#0000 0%,#00000040 90%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-brandos-image img{object-fit:cover;width:100%;height:100%}.hero-static{color:#fff}
.content-brandos-element{gap:var(--space-16);flex-direction:column;display:flex}.content-brandos-image{border-radius:var(--radius-8);width:100%;height:auto;margin:0;padding:0;overflow:hidden}.content-brandos-image img{object-fit:cover;width:100%;height:100%;display:block}
.intro-brandos-wrapper{gap:var(--space-64);flex-direction:column;align-items:flex-start;display:flex}.intro-brandos-copy{gap:var(--space-24);flex-direction:column;display:flex}
.sticky-brandos{background-color:var(--neutral-surface-main);z-index:50;margin:0;padding:0;overflow:hidden}.sticky-brandos-nav{gap:var(--space-32);padding:var(--space-24) 0;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;display:flex;overflow:auto hidden}.sticky-brandos-nav::-webkit-scrollbar{display:none}.sticky-brandos-nav a{white-space:nowrap;flex:none;text-decoration:none;position:relative}.sticky-brandos-nav a:before{content:"";background-color:var(--neutral-border-components);width:100%;height:4px;transition:transform var(--speed-fast) var(--ease-custom);position:absolute;bottom:0;left:0;transform:translateY(28px)}.sticky-brandos-nav a:hover:before,.sticky-brandos-nav a[data-active=true]:before{background-color:var(--color-surface-primary);transform:translateY(24px)}
.next-brandos-wrapper{gap:var(--space-32);flex-direction:column;display:flex}.next-brandos-container{justify-content:space-between;align-items:center;gap:var(--space-32);cursor:pointer;flex-direction:row;display:flex}a.next-brandos-container{color:inherit;text-decoration:none}.next-brandos-container>svg{width:32px;height:32px;color:var(--neutral-border-icons);opacity:0;transition:all var(--speed-fast) var(--ease-custom);transform:translate(-100%)}.next-brandos-container:hover>svg{color:var(--primary-default);opacity:1;transform:translate(0)}
.table-of-content-brandos-wrapper{gap:var(--space-64);flex-direction:column;display:flex}.table-of-content-brandos-list{gap:var(--space-32);flex-direction:column;display:flex}a.table-of-content-brandos-container{color:inherit;text-decoration:none}.table-of-content-brandos-container{justify-content:space-between;align-items:center;gap:var(--space-32);cursor:pointer;flex-direction:row;display:flex}.table-of-content-brandos-container>svg{width:32px;height:32px;color:var(--neutral-border-icons);opacity:0;transition:all var(--speed-fast) var(--ease-custom);transform:translate(-100%)}.table-of-content-brandos-container:hover>svg{color:var(--primary-default);opacity:1;transform:translate(0)}
.iconography-brandos-grid{--stroke-icons:1.5;gap:var(--space-8);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}@media (max-width:1200px){.iconography-brandos-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:768px){.iconography-brandos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.iconography-brandos-cell{justify-content:center;align-items:center;gap:var(--space-12);padding:var(--space-64);border:1px solid var(--neutral-border-components);border-radius:var(--radius-8);flex-direction:column;display:flex}@media (max-width:1200px){.iconography-brandos-cell{padding:var(--space-32)}}@media (max-width:768px){.iconography-brandos-cell{padding:var(--space-24)}}.iconography-brandos-icon{width:48px;height:48px;color:var(--neutral-content-main-titles);justify-content:center;align-items:center;display:inline-flex}.iconography-brandos-icon svg{width:100%;height:100%}.iconography-brandos-icon-placeholder{border:1px dashed var(--neutral-border-components);border-radius:var(--radius-4);justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex}.iconography-brandos-label{text-align:center;color:var(--neutral-content-body);display:none}
.color-pick-brandos-element{gap:var(--space-32);flex-direction:column;display:flex}.color-pick-brandos-swatch{aspect-ratio:16/9;background-color:var(--neutral-surface-secondary);border:1px solid var(--neutral-border-components);border-radius:var(--radius-8);width:100%;position:relative;overflow:hidden}.color-pick-brandos-swatch[role=button]{cursor:none}.color-pick-brandos-cursor{color:var(--neutral-white);pointer-events:none;will-change:transform, opacity;z-index:1;background-color:#000c;border-radius:999px;align-items:center;gap:0;transition:gap .35s cubic-bezier(.16,1,.3,1),padding .35s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;top:0;left:0;padding:var(--space-24)!important}.theme-dark .color-pick-brandos-cursor{color:var(--neutral-black);background-color:#fffc}.color-pick-brandos-cursor[data-expanded=true]{padding:var(--space-16) var(--space-12);gap:var(--space-8)!important}.color-pick-brandos-cursor-icon{width:var(--space-20);height:var(--space-20);flex:none;display:inline-flex}.color-pick-brandos-cursor-icon svg{width:100%;height:100%}.color-pick-brandos-cursor-label{white-space:nowrap;color:inherit;display:inline-block;overflow:hidden}.color-pick-brandos-meta{gap:var(--space-16);flex-direction:column;display:flex}.color-pick-brandos-name{color:var(--neutral-content-main-titles)}.color-pick-brandos-specs{column-gap:var(--space-32);row-gap:var(--space-8);grid-template-columns:max-content 1fr;margin:0;display:grid}.color-pick-brandos-spec{display:contents}.color-pick-brandos-spec dt{color:var(--neutral-content-support)}.color-pick-brandos-spec dd{color:var(--neutral-content-main-titles);margin:0}
