.brand-intro{--bi-navy: #1a2340;--bi-orange: #ff7500;--bi-sand: #d3c4a4;--bi-neutral: #4c4d4f;--bi-radius-brand: 24px;--bi-radius-card: 20px;--bi-section-y: 56px;--bi-header-offset: 96px;color:var(--bi-navy)}.brand-intro__page{width:100%;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media(min-width:768px){.brand-intro__page{padding-left:3rem;padding-right:3rem}}@media(min-width:1024px){.brand-intro__page{padding-left:4rem;padding-right:4rem}}.brand-intro__title{display:flex;align-items:center;gap:12px;margin:0;font-family:var(--font-heading);font-size:26px;font-weight:700;line-height:1.2;color:var(--bi-navy)}@media(min-width:768px){.brand-intro__title{font-size:28px}}.brand-intro__title-mark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;position:relative}.brand-intro__title-mark:before{content:"";position:absolute;width:14px;height:14px;border:1px solid #989a5f;transform:rotate(45deg);opacity:.45}.brand-intro__title-mark:after{content:"";width:7px;height:7px;background:#989a5f;transform:rotate(45deg)}.brand-intro__rule{height:1px;background:linear-gradient(90deg,transparent,#e0e0e0 20%,#e0e0e0 80%,transparent);margin:0 20px}.brand-hero{position:relative;background:var(--color-background, #fcf9f8);z-index:1}.brand-hero__stage{position:relative;width:100%}.brand-hero{--hero-overlap: clamp(5rem, 14vh, 7rem);--hero-pin-spacer: clamp(220px, 36vh, 420px)}@media(min-width:768px){.brand-hero{--hero-overlap: clamp(6rem, 16vh, 9rem);--hero-pin-spacer: clamp(280px, 42vh, 480px)}}.brand-hero__sticky{position:sticky;top:var(--bi-header-offset);z-index:1;height:clamp(320px,52vh,560px);overflow:hidden}.brand-hero__pin-spacer{height:var(--hero-pin-spacer)}.brand-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.brand-hero__bg img,.brand-hero__bg-placeholder{width:100%;height:100%;object-fit:cover;object-position:center}.brand-hero__bg-placeholder{display:block;background:linear-gradient(135deg,#e5e2e1,#dcd9d9,#c9c7b7)}.brand-hero__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(26,35,64,.1),transparent,rgba(26,35,64,.35));pointer-events:none}.brand-hero__panel-slot{position:relative;z-index:10;margin-top:calc(-1 * (var(--hero-pin-spacer) + var(--hero-overlap)));padding-bottom:var(--bi-section-y)}.brand-hero__panel{position:relative;z-index:10;background:#fff;border-radius:var(--bi-radius-brand);border:1px solid #e0e0e0;box-shadow:0 -8px 32px #1a234012;padding:12px 24px 40px}@media(min-width:768px){.brand-hero__panel{padding:16px 48px 56px}}.brand-hero__panel-inner{text-align:center;max-width:640px;margin:0 auto}.brand-hero__logo{display:block;margin:0 auto;height:78px;width:auto;max-width:275px;object-fit:contain}@media(min-width:768px){.brand-hero__logo{height:122px;max-width:428px}}.brand-hero__logo-placeholder{display:flex;align-items:center;justify-content:center;margin:0 auto;height:78px;max-width:275px;background:#f6f3f2;border:1px dashed #c9c7b7;border-radius:8px;color:var(--bi-neutral);font-size:12px;letter-spacing:.08em;text-transform:uppercase}@media(min-width:768px){.brand-hero__logo-placeholder{height:122px;max-width:428px}}.brand-hero__divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0 24px}@media(min-width:768px){.brand-hero__divider{margin:12px 0 32px}}.brand-hero__divider-line{height:1px;flex:1;max-width:72px;background:#c9c7b7}.brand-hero__divider .material-symbols-outlined{color:#989a5f;font-size:22px}.brand-hero__story{font-size:15px;line-height:26px;color:var(--bi-neutral);text-align:left}@media(min-width:768px){.brand-hero__story{text-align:center}}.brand-hero__story p{margin:0 0 1rem}.brand-hero__story p:last-child{margin-bottom:0}.brand-hero__cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:32px;padding:12px 20px;background:#989a5f;color:#fff;font-family:var(--font-heading);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;border-radius:8px;transition:background .2s ease}.brand-hero__cta:hover{background:#5f612d;color:#fff}.brand-hero__cta .material-symbols-outlined{font-size:18px}@media(prefers-reduced-motion:reduce){.brand-hero__bg{transform:none!important}}.brand-usp{position:relative;z-index:2;padding:var(--bi-section-y) 0;background:#f6f3f2}.brand-usp__header{margin-bottom:32px}.brand-usp__grid{display:flex;flex-direction:column;gap:16px}@media(min-width:768px){.brand-usp__grid{display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:1fr 1fr;gap:20px;min-height:580px}}.brand-usp__card{position:relative;overflow:hidden;border-radius:var(--bi-radius-card);border:1px solid #e0e0e0;background:#fff}.brand-usp__card--tall{min-height:440px}@media(min-width:768px){.brand-usp__card--tall{grid-row:span 2;min-height:0}}.brand-usp__card--tall .brand-usp__media{position:absolute;top:0;right:0;bottom:0;left:0}.brand-usp__card--tall .brand-usp__media img,.brand-usp__card--tall .brand-usp__placeholder{width:100%;height:100%;object-fit:cover}.brand-usp__card--tall .brand-usp__media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.25),transparent);pointer-events:none}.brand-usp__card--tall .brand-usp__copy{position:absolute;bottom:16px;left:16px;right:16px}.brand-usp__copy-box{background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.6)}.brand-usp__card--side{display:grid;grid-template-columns:1fr;min-height:240px}@media(min-width:768px){.brand-usp__card--side{grid-template-columns:1fr 1fr}}.brand-usp__card--side .brand-usp__copy{order:2;padding:20px;display:flex;flex-direction:column;justify-content:center;background:#d3c4a459}@media(min-width:768px){.brand-usp__card--side .brand-usp__copy{order:1;padding:24px}}.brand-usp__card--side .brand-usp__media{position:relative;order:1;min-height:180px}@media(min-width:768px){.brand-usp__card--side .brand-usp__media{order:2;min-height:100%}}.brand-usp__card--side .brand-usp__media img,.brand-usp__card--side .brand-usp__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.brand-usp__placeholder{display:block;background:linear-gradient(135deg,#eae7e7,#dcd9d9)}.brand-usp__heading{margin:0 0 8px;font-family:var(--font-heading);font-size:17px;font-weight:700;line-height:1.3;color:var(--bi-navy)}.brand-usp__card--side .brand-usp__heading{font-size:15px}@media(min-width:768px){.brand-usp__heading{font-size:18px}.brand-usp__card--side .brand-usp__heading{font-size:16px}}.brand-usp__desc{margin:0;font-size:14px;line-height:23px;color:var(--bi-neutral)}.brand-usp__card--side .brand-usp__desc{font-size:13px;line-height:21px}.brand-usp__icon{display:block;margin-bottom:8px;color:var(--bi-navy);font-size:28px;line-height:1}.why-choose{position:relative;z-index:2;padding:var(--bi-section-y) 0 20px;background:var(--color-background, #fcf9f8)}@media(min-width:768px){.why-choose{padding-bottom:40px}}.why-choose__layout{display:flex;flex-direction:column}@media(min-width:768px){.why-choose__layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:32px;align-items:stretch}}@media(min-width:1024px){.why-choose__layout{gap:48px}}.why-choose__media{overflow:hidden;border-radius:var(--bi-radius-brand);margin-bottom:32px}@media(min-width:768px){.why-choose__media{margin-bottom:0;display:flex;min-height:0}}.why-choose__media img,.why-choose__media-placeholder{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:top;display:block}.why-choose__media-placeholder{background:linear-gradient(160deg,#e5e2e1,#dcd9d9)}@media(min-width:768px){.why-choose__media img,.why-choose__media-placeholder{flex:1 1 auto;aspect-ratio:auto;height:100%;min-height:440px}}.why-choose__intro{margin-bottom:20px}.why-choose__lede{margin:12px 0 0;max-width:520px;font-size:15px;line-height:24px;color:var(--bi-neutral)}.why-choose__cards{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:640px){.why-choose__cards{grid-template-columns:1fr 1fr;gap:16px}}@media(min-width:768px){.why-choose__content{display:flex;flex-direction:column;min-height:440px}.why-choose__cards{flex:1 1 auto;grid-template-rows:1fr 1fr;align-content:stretch}}.why-choose__card{background:#fff;border-radius:var(--bi-radius-card);padding:16px;border:1px solid #e0e0e0;display:flex;flex-direction:column}.why-choose__card-media{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;margin-bottom:12px;background:#f6f3f2}.why-choose__card-media img,.why-choose__card-media .why-choose__card-placeholder{width:100%;height:100%;object-fit:cover;display:block}.why-choose__card-placeholder{background:linear-gradient(135deg,#eae7e7,#dcd9d9)}.why-choose__card-icon{display:block;margin-bottom:8px;color:#989a5f;font-size:22px;line-height:1}.why-choose__card-title{margin:0 0 6px;font-family:var(--font-heading);font-size:14px;font-weight:700;line-height:1.3;color:var(--bi-navy)}.why-choose__card-desc{margin:0;font-size:13px;line-height:19px;color:var(--bi-neutral)}.shop-by-function{position:relative;z-index:2;padding:20px 0 16px;background:#f6f3f2}@media(min-width:768px){.shop-by-function{padding:40px 0 32px}}.shop-by-function__header{margin-bottom:16px}@media(min-width:768px){.shop-by-function__header{margin-bottom:24px}}.shop-by-function__scroller{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;-webkit-overflow-scrolling:touch;padding:0 0 4px;scrollbar-width:none}.shop-by-function__card:first-child{margin-left:20px}.shop-by-function__card:last-child{margin-right:20px}.shop-by-function__scroller-wrap{padding-left:0;padding-right:0}.shop-by-function__scroller::-webkit-scrollbar{display:none}.shop-by-function__card{flex:0 0 calc(40% - 8px);min-width:calc(40% - 8px);scroll-snap-align:start;text-align:center;text-decoration:none;color:inherit}.shop-by-function__link{display:block;text-decoration:none;color:inherit}.shop-by-function__editor-spare{margin:8px 20px 0;padding:8px 10px;border:1px dashed #c4c0b8;border-radius:8px;font-size:12px;line-height:1.4;color:#6b675f;background:#fff}.shop-by-function__media{overflow:hidden;border-radius:var(--bi-radius-card);border:1px solid #e0e0e0;background:#fff;aspect-ratio:4 / 5;margin-bottom:8px;transition:border-color .2s ease}.shop-by-function__card:hover .shop-by-function__media{border-color:var(--bi-orange)}.shop-by-function__media img,.shop-by-function__placeholder{width:100%;height:100%;object-fit:cover;display:block}.shop-by-function__placeholder{background:linear-gradient(135deg,#eae7e7,#dcd9d9)}.shop-by-function__label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-height:1.35;min-height:2.7em;font-family:var(--font-heading);font-size:12px;font-weight:600;color:var(--bi-navy)}@media(min-width:768px){.shop-by-function__scroller-wrap{padding-left:3rem;padding-right:3rem}.shop-by-function__scroller{display:grid;grid-template-columns:repeat(var(--function-cols, 4),minmax(0,1fr));overflow:visible;scroll-snap-type:none;gap:16px;padding:0}.shop-by-function__card,.shop-by-function__card:first-child,.shop-by-function__card:last-child{flex:none;min-width:0;margin-left:0;margin-right:0}.shop-by-function__media{aspect-ratio:4 / 3}.shop-by-function__label{font-size:13px}}@media(min-width:1024px){.shop-by-function__scroller-wrap{padding-left:4rem;padding-right:4rem}}.shop-by-range{padding:var(--bi-section-y) 0;background:#f6f3f2}.shop-by-range__header{margin-bottom:24px}.shop-by-range__list{display:flex;flex-direction:column;gap:16px}.shop-by-range__item{display:block}.shop-by-range__banner{position:relative;display:block;overflow:hidden;border-radius:var(--bi-radius-card);border:1px solid rgba(224,224,224,.5);text-decoration:none;color:inherit}.shop-by-range__banner-inner{display:flex;flex-direction:column}.shop-by-range__copy{padding:16px 16px 12px;display:flex;flex-direction:column;justify-content:center}.shop-by-range__heading{display:flex;align-items:center;gap:10px;padding-right:40px}.shop-by-range__icon{width:2.25rem;height:2.25rem;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #1a234014}.shop-by-range__icon .material-symbols-outlined{color:var(--bi-navy);font-size:20px}.shop-by-range__title{margin:0;font-family:var(--font-heading);font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1.1;color:var(--bi-navy)}.shop-by-range__subtitle{margin:10px 0 0;font-family:var(--font-heading);font-size:15px;font-weight:600;line-height:1.4;color:var(--bi-navy)}.shop-by-range__desc{margin:8px 0 0;font-size:13px;font-weight:400;line-height:1.45;color:#1a2340ad}.shop-by-range__media{position:relative;width:100%;height:148px;flex-shrink:0;background:#fff}.shop-by-range__media img,.shop-by-range__placeholder{position:absolute;top:8px;right:8px;bottom:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;display:block}.shop-by-range__placeholder{background:linear-gradient(135deg,#eae7e7,#dcd9d9)}.shop-by-range__arrow{position:absolute;top:.75rem;right:.75rem;width:2.25rem;height:2.25rem;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #1a23401f;transition:transform .2s ease;pointer-events:none}.shop-by-range__banner:hover .shop-by-range__arrow{transform:translate(2px)}.shop-by-range__arrow .material-symbols-outlined{color:var(--bi-navy);font-size:18px}@media(min-width:768px){.shop-by-range__banner-inner{flex-direction:row;min-height:180px}.shop-by-range__copy{flex:1 1 auto;padding:24px 28px}.shop-by-range__heading{padding-right:48px;gap:12px}.shop-by-range__icon{width:2.5rem;height:2.5rem}.shop-by-range__icon .material-symbols-outlined{font-size:22px}.shop-by-range__title{font-size:26px;line-height:1}.shop-by-range__subtitle{margin-top:12px;font-size:16px;max-width:28rem}.shop-by-range__desc{margin-top:8px;font-size:13px;line-height:1.5;max-width:28rem}.shop-by-range__media{width:34%;height:auto;align-self:stretch}.shop-by-range__media img,.shop-by-range__placeholder{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.shop-by-range__arrow{top:auto;bottom:.75rem}}.brand-video{padding:var(--bi-section-y) 0;background:var(--color-background, #fcf9f8)}.brand-video__header{margin-bottom:24px}.brand-video__frame{position:relative;overflow:hidden;border-radius:var(--bi-radius-brand);border:1px solid #e0e0e0;aspect-ratio:16 / 9;background:var(--bi-navy)}.brand-video__frame video,.brand-video__frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.brand-video__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.6}.brand-video__poster-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a2340,#4c4d4f);opacity:.85}.brand-video__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;z-index:2}.brand-video__play-icon{width:64px;height:64px;min-width:48px;min-height:48px;border-radius:999px;background:#fffffff2;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0003;transition:transform .2s ease}.brand-video__play:hover .brand-video__play-icon{transform:scale(1.05)}.brand-video__play-icon .material-symbols-outlined{color:var(--bi-navy);font-size:36px;margin-left:4px;font-variation-settings:"FILL" 1}.brand-video__caption{position:absolute;bottom:16px;left:16px;right:16px;margin:0;font-size:12px;color:#ffffffe6;text-align:center;z-index:2;pointer-events:none}.brand-video__frame.is-playing .brand-video__play,.brand-video__frame.is-playing .brand-video__poster,.brand-video__frame.is-playing .brand-video__poster-placeholder,.brand-video__frame.is-playing .brand-video__caption{display:none}
/*# sourceMappingURL=/cdn/shop/t/12/assets/brand-intro.css.map */