@media (max-width: 1280px){.desktop-br{display:none}}.style-guide-main__container{max-width:1920px;display:flex;flex-direction:column;padding:1rem}@media (max-width: 640px){.style-guide-main__container{padding:.5rem}}.style-guide-main__content{display:flex;flex-direction:column;gap:3rem}@media (max-width: 768px){.style-guide-main__content{gap:2.5rem}}@media (max-width: 640px){.style-guide-main__content{gap:2rem}}.style-guide-header__section{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}@media (max-width: 1280px){.style-guide-header__section{flex-direction:column;align-items:stretch;gap:3rem}}@media (max-width: 768px){.style-guide-header__section{gap:2.5rem}}@media (max-width: 640px){.style-guide-header__section{gap:2rem}}.style-guide-header__text{display:flex;padding:4rem 3rem;background-color:#f3f5f5;border-radius:3.5rem;flex-direction:column;box-shadow:0 0 8px #dae1e6;gap:1.5rem;flex:1.25}@media (max-width: 1280px){.style-guide-header__text{flex:0;padding:2.5rem 2rem;border-radius:3rem;text-align:center;align-items:center;gap:1.5rem}}@media (max-width: 768px){.style-guide-header__text{padding:2rem 1.5rem}}@media (max-width: 640px){.style-guide-header__text{padding:2rem 1.5rem;border-radius:2.5rem;gap:1rem}}.style-guide-header__text h1{font-family:Ofelia Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:4.5rem;font-weight:700;color:#122d3f;margin-bottom:1rem;line-height:1.3}@media (max-width: 1280px){.style-guide-header__text h1{font-size:2.5rem;margin-bottom:.5rem;line-height:1.2}}@media (max-width: 768px){.style-guide-header__text h1{font-size:2.5rem;line-height:1.15}}@media (max-width: 640px){.style-guide-header__text h1{font-size:1.75rem;margin-bottom:.25rem}}.style-guide-header__text p{font-size:1rem;font-weight:500;line-height:1.3;color:#122d3f}@media (max-width: 1280px){.style-guide-header__text p{font-size:1rem;line-height:1.6;max-width:90%}}@media (max-width: 768px){.style-guide-header__text p{max-width:100%}}@media (max-width: 640px){.style-guide-header__text p{font-size:.875rem;line-height:1.3}}.hero__cta{padding:1rem 3rem;background:#122d3f;font-size:1rem;font-weight:600;color:#fff;margin-left:0;align-self:flex-start;height:auto;transition:.3s ease;text-decoration:none;display:inline-block;cursor:pointer}@media (max-width: 1280px){.hero__cta{padding:1.5rem 3rem;font-size:1.125rem;min-width:200px;margin:0 auto;align-self:auto}}@media (max-width: 640px){.hero__cta{padding:1rem 2.5rem;font-size:1rem;width:auto;max-width:280px;text-align:center}}.hero__cta:hover{background:#071117!important;color:#fff;box-shadow:none!important;transform:translateY(-2px)}.hero__cta:active{transform:translateY(0)}.style-guide-header__images{border-top-left-radius:3.5rem;border-top-right-radius:3.5rem;flex:1;max-width:500px;display:flex;flex-direction:column;gap:1.5rem;align-self:stretch}@media (max-width: 1280px){.style-guide-header__images{flex:1;max-width:100%;gap:1.5rem;border-radius:3rem;min-height:400px;align-self:stretch}}@media (max-width: 768px){.style-guide-header__images{min-height:350px;gap:1rem}}@media (max-width: 640px){.style-guide-header__images{gap:1rem;border-radius:2.5rem;min-height:300px}}.style-guide-header__images div{background-color:#122d3f;flex:1;display:flex;position:relative;min-height:0;overflow:hidden;border-radius:.75rem}@media (max-width: 1280px){.style-guide-header__images div{min-height:180px}}@media (max-width: 640px){.style-guide-header__images div{min-height:140px}}.style-guide-header__images img{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:contain;border-radius:.5rem;transform:translate(-50%,-50%)}@media (max-width: 1280px){.style-guide-header__images img{object-fit:cover}}.style-guide-header__images div:first-child{border-top-left-radius:3.5rem;border-top-right-radius:3.5rem}@media (max-width: 1280px){.style-guide-header__images div:first-child{border-top-left-radius:3rem;border-top-right-radius:3rem}}@media (max-width: 640px){.style-guide-header__images div:first-child{border-top-left-radius:2.5rem;border-top-right-radius:2.5rem}}.style-guide-header__images div:first-child img{padding:.5rem;border-top-left-radius:3.5rem;border-top-right-radius:3.5rem}@media (max-width: 1280px){.style-guide-header__images div:first-child img{border-top-left-radius:3rem;border-top-right-radius:3rem;padding:.25rem}}@media (max-width: 640px){.style-guide-header__images div:first-child img{border-top-left-radius:2.5rem;border-top-right-radius:2.5rem}}.style-guide-header__images div:nth-child(2){border-radius:.5rem;background-color:transparent;align-items:center;justify-content:center;padding:0 2.5rem}@media (max-width: 1280px){.style-guide-header__images div:nth-child(2){padding:0 2rem;border-radius:.75rem}}@media (max-width: 640px){.style-guide-header__images div:nth-child(2){padding:0 1.5rem;border-radius:.5rem}}.style-guide-header__images div:nth-child(2)>div{background-color:#122d3f;border-radius:.5rem;padding:1rem;display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:static}@media (max-width: 1280px){.style-guide-header__images div:nth-child(2)>div{padding:1.5rem;border-radius:.75rem}}@media (max-width: 640px){.style-guide-header__images div:nth-child(2)>div{padding:1rem;border-radius:.5rem}}.style-guide-header__images div:nth-child(2)>div img{position:static;transform:none;width:auto;height:auto;max-height:100%;max-width:100%;object-fit:contain;border-radius:.5rem}@media (max-width: 1280px){.style-guide-header__images div:nth-child(2)>div img{max-height:90%;max-width:90%}}.style-guide-welcome__section{padding:0 1.5rem}@media (max-width: 1280px){.style-guide-welcome__section{padding:0 2rem 2rem;text-align:center}}@media (max-width: 640px){.style-guide-welcome__section{padding:0 1.5rem 1.5rem}}.style-guide-welcome__section h2{margin-bottom:1rem;font-family:Ofelia Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:2.5rem;line-height:1.2;color:#00e1ff}@media (max-width: 1280px){.style-guide-welcome__section h2{font-size:1.5rem;margin-bottom:1rem;line-height:1.2}}@media (max-width: 640px){.style-guide-welcome__section h2{font-size:1.25rem;margin-bottom:.5rem}}.style-guide-welcome__section p{font-size:1rem;line-height:1.6;color:#122d3f;max-width:1024px}@media (max-width: 1280px){.style-guide-welcome__section p{font-size:1rem;max-width:100%;line-height:1.6;margin:0 auto}}@media (max-width: 640px){.style-guide-welcome__section p{font-size:.875rem;line-height:1.3}}