:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}
.wp-block-quote{box-sizing:border-box;overflow-wrap:break-word}.wp-block-quote>cite{display:block}
.wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media not (prefers-reduced-motion){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-overlay .wp-lightbox-navigation-button-next[hidden],.wp-lightbox-overlay .wp-lightbox-navigation-button-prev[hidden]{display:none}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay.active{visibility:visible}@media not (prefers-reduced-motion){.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}
.wp-block-button__link{align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:initial;background-image:none}
.wp-block-buttons{box-sizing:border-box}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons .wp-block-button__link{width:100%}.wp-block-button.aligncenter{text-align:center}
.wp-block-columns{box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns{align-items:normal!important}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}
.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}
.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-height:240px;min-width:320px}.wp-block-group.is-layout-flex .wp-block-embed{flex:1 1 0%;min-width:0}.wp-block-embed{overflow-wrap:break-word}.wp-block-embed :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}
@charset "UTF-8";.wp-block-separator{border:none;border-top:2px solid}:root :where(.wp-block-separator.is-style-dots){height:auto;line-height:1;text-align:center}:root :where(.wp-block-separator.is-style-dots):before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}.wp-block-separator.is-style-dots{background:none!important;border:none!important}
.wp-block-spacer{clear:both}
.wp-block-video{box-sizing:border-box}.wp-block-video video{height:auto;vertical-align:middle;width:100%}@supports (position:sticky){.wp-block-video [poster]{object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video :where(figcaption){margin-bottom:1em;margin-top:.5em}:root{--color-primary:#252525}.color-primary{color:#252525}:root{--color-red:#c8102e}.color-red{color:#c8102e}:root{--color-dark-red:#991026}:root{--color-red-10:#d73535}:root{--color-gold:#d8b868}.background-gold{background-color:#d8b868}:root{--color-gray-1:#6b6b6b}.color-gray-1{color:#6b6b6b}:root{--color-gray-2:#e6e6e6}:root{--color-light-red-1:#f6f2f0}.background-light-red-1{background-color:#f6f2f0}:root{--color-light-red-2:#ddd4d0}:root{--color-light-red-3:#b1a29a}:root{--color-light-red-4:#fffcfb}.background-light-red-4{background-color:#fffcfb}:root{--color-light-red-5:#f6f2f0}:root{--color-taupe:#7a6a62}.color-taupe{color:#7a6a62}:root{--color-pale-silver:#cdc6c1}:root{--color-dark-1:#001923}:root{--color-dark-10:#494a58}:root{--color-dark-gray:#2e2e2f}:root{--color-dark-blue:#002a3d}:root{--color-light:#fff}.color-light{color:#fff}.background-light{background-color:#fff}:root{--color-transparent-black:linear-gradient(180deg,transparent 63.64%,rgba(0,0,0,.5))}:root{--color-grey-100:#f8f9fa}:root{--color-grey-200:#e9ecef}:root{--color-grey-300:#dee2e6}:root{--color-grey-400:#ced4da}:root{--color-grey-500:#6b6b6b}:root{--color-dark:#001923}:root{--color-black-100:#000}[data-animation=fade-up]{opacity:0;transform:translateY(50px)}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:initial}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:initial;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:initial}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.wp-block-group.has-background:first-child{margin-top:0}@media(max-width:439px){.wp-block-button{width:100%}}.wp-block-button.has-red-color a:hover{background:#991026!important;background:var(--color-dark-red)!important;color:#fff!important;color:var(--color-light)!important}.wp-element-button{font-weight:800}@media(max-width:439px){.wp-element-button{width:100%}}.wp-element-button.has-red-color a:hover{background:#991026!important;background:var(--color-dark-red)!important;color:#fff!important;color:var(--color-light)!important}.wp-element-button svg{stroke:currentColor;height:16px;margin-left:12px;width:16px}.wp-block-button.c-button--simple a:hover{background:transparent!important;color:#001923!important;color:var(--color-dark)!important}figure.wp-block-video{border-radius:10px;min-width:0;overflow:hidden;position:relative;width:100%}figure.wp-block-video video{cursor:pointer;height:auto;vertical-align:middle;width:100%}figure.wp-block-video video.is-playing~svg.wp-block-video__overlay{opacity:0;pointer-events:none}figure.wp-block-video svg.wp-block-video__overlay{fill:#fff;fill:var(--color-light);fill-opacity:.7;cursor:pointer;height:87px;left:50%;min-width:80px;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.2s ease-in-out;width:80px;z-index:5}@media(max-width:639px){figure.wp-block-video svg.wp-block-video__overlay{height:61px;min-width:56px;width:56px}}.is-style-outline.c-button--white-bordered a{transition:.2s ease-in-out}.is-style-outline.c-button--white-bordered a:hover{background:#fff!important;background:var(--color-light)!important;border-color:#fff!important;border-color:var(--color-light)!important;color:#001923!important;color:var(--color-dark)!important}@media(max-width:767px){body{--wp--preset--spacing--max:58px}}.has-large-font-size{line-height:1.4}ul.wp-block-list{list-style:none}ul.wp-block-list li{padding-left:20px;position:relative}ul.wp-block-list li:before{content:"•";font-size:20px;left:6px;line-height:1;position:absolute;top:2px;z-index:0}ol.wp-block-list{list-style-position:inside}@media(max-width:767px){.video--full-mobile .wp-block-video{border-radius:0;margin:0 calc(var(--wp--custom--gutter)*-1)!important;overflow:hidden;width:100vw!important}.video--full-mobile .wp-block-column *{max-width:100vw!important}}@media(max-width:767px){.reverse-order--mobile>.wp-block-columns{flex-direction:column-reverse!important}.text-refactor--center-mobile .has-large-font-size{font-weight:700!important}.text-refactor--center-mobile .has-large-font-size+p{font-weight:400!important}.text-refactor--center-mobile .wp-block-list li{padding-left:0;position:relative}.text-refactor--center-mobile .wp-block-list li:before{content:none}.text-refactor--center-mobile .has-red-color.has-text-color{font-weight:700!important}}@media(max-width:767px){.wp-block-column *{max-width:100%!important}}.wp-block-button__link.has-red-color.has-text-color.has-border-color.wp-element-button:hover{background:#c8102e!important;background:var(--color-red)!important;border-color:#c8102e!important;border-color:var(--color-red)!important;color:#fff!important;color:var(--color-light)!important}.main>.wp-block-group{clear:both}.wp-block-group a:not(.wp-block-button__link){color:#c8102e;color:var(--color-red);text-decoration:underline}.resp-menu-backdrop{background:rgba(0,25,35,.42);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .45s cubic-bezier(.22,1,.36,1),visibility .45s cubic-bezier(.22,1,.36,1);visibility:hidden;z-index:79}@media(min-width:1024px){.resp-menu-backdrop{display:none!important}}body.menu-open .resp-menu-backdrop{opacity:1;pointer-events:auto;visibility:visible}.resp-menu{background-color:#fff;bottom:0;display:flex;flex-direction:column;left:auto;position:fixed;right:-300px;top:0;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease;width:300px;will-change:transform;z-index:80}@media(max-width:639px){.resp-menu{right:-100%;width:100%}}.resp-menu__meta{align-items:center;display:flex;gap:24px}.resp-menu .resp-buttons{align-items:center;display:flex;margin-left:0}.resp-menu .resp-buttons .menu-toggle__lines:after,.resp-menu .resp-buttons .menu-toggle__lines:before{background:#001923;background:var(--color-dark)}.resp-menu__header{display:flex;justify-content:space-between;padding:16px}.menu-open .resp-menu{box-shadow:0 10px 36px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.06);overflow-y:auto;transform:translateX(-300px)}@media(max-width:639px){.menu-open .resp-menu{transform:translateX(-100%)}}.resp-menu__socials{padding:16px 16px 20px}.resp-menu__socials .social{justify-content:center}.resp-menu .header__cart,.resp-menu .resp-menu__cart-wrap{cursor:pointer;height:24px;min-width:24px;position:relative;width:24px}.resp-menu__cart-counter{align-items:center;background-color:#c8102e;background-color:var(--color-red);border-radius:50%;color:#fff;color:var(--color-light);display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 5px;position:absolute;right:-5px;top:-5px}.resp-menu__cart-counter.hidden{display:none}@keyframes resp-menu-fade-rise{0%{opacity:0;transform:translate3d(0,-10px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes resp-menu-item-in{0%{opacity:0;transform:translate3d(16px,0,0)}to{opacity:1;transform:translateZ(0)}}@media(max-width:1023px){body.menu-open .resp-menu__header{animation:resp-menu-fade-rise .42s cubic-bezier(.22,1,.36,1) .05s both}body.menu-open .resp-menu__socials{animation:resp-menu-fade-rise .42s cubic-bezier(.22,1,.36,1) .38s both}}@media(prefers-reduced-motion:reduce){.resp-menu,.resp-menu-backdrop{transition-duration:.01ms!important}body.menu-open .resp-menu__header,body.menu-open .resp-menu__socials{animation:none!important}}.breadcrumbs__svg,.header svg:not([width]),.header__icons svg:not([width]),.header__menu svg:not([width]),.product-card svg:not([width]),.top-header svg:not([width]){height:16px;width:16px}.header__menu{align-items:center;contain:layout;display:flex;min-height:44px;white-space:nowrap}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-padding-top:7rem}@media(min-width:640px){html{scroll-padding-top:8.25rem}}body{margin:0;padding:0;width:100%}img{display:block;height:auto;max-width:100%;width:auto}figure{margin:0}body:not(.wp-admin){font-family:Montserrat,Montserrat-fallback,sans-serif;font-size:.9375rem;line-height:1.75}@media screen and (min-width:23.43rem){body:not(.wp-admin){font-size:calc(.91838rem + .08162vw)}}@media screen and (min-width:100rem){body:not(.wp-admin){font-size:1rem}}body:not(.wp-admin){color:#252525;color:var(--color-primary)}@media(max-width:767px){body:not(.wp-admin){line-height:1.6}}a{background-color:transparent;text-decoration:none}span[style*="text-decoration: underline"] a{text-decoration:underline}span[style*="text-decoration: underline"] a:hover{text-decoration:none}ol,p,ul{margin:0 0 16px;padding:0}ol:last-child,p:last-child,ul:last-child{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,Georgia,Times New Roman,Times,serif;font-weight:400;line-height:1.2;margin:0 0 24px}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}.h1,h1{font-weight:400;letter-spacing:-.01em;line-height:1}@media(max-width:767px){.h1,h1{line-height:1.2}}.h2,.h3,h2,h3{line-height:1.12}.h4,h4{line-height:1.266}@media(max-width:767px){.h4,h4{line-height:1.333}}.h5,h5{letter-spacing:.03em;line-height:1.583}@media(max-width:767px){.h5,h5{line-height:1.333}}.h6,h6{font-weight:400;line-height:1.4}.h1,h1{font-size:2.1875rem}@media screen and (min-width:23.43rem){.h1,h1{font-size:calc(1.90063rem + 1.22437vw)}}@media screen and (min-width:100rem){.h1,h1{font-size:3.125rem}}.h2,h2{font-size:1.875rem}@media screen and (min-width:23.43rem){.h2,h2{font-size:calc(1.6455rem + .9795vw)}}@media screen and (min-width:100rem){.h2,h2{font-size:2.625rem}}.h3,h3{font-size:1.5625rem}@media screen and (min-width:23.43rem){.h3,h3{font-size:calc(1.35213rem + .89787vw)}}@media screen and (min-width:100rem){.h3,h3{font-size:2.25rem}}.h4,h4{font-size:1.125rem}@media screen and (min-width:23.43rem){.h4,h4{font-size:calc(.8955rem + .9795vw)}}@media screen and (min-width:100rem){.h4,h4{font-size:1.875rem}}.h5,h5{font-size:1.125rem}@media screen and (min-width:23.43rem){.h5,h5{font-size:calc(1.01025rem + .48975vw)}}@media screen and (min-width:100rem){.h5,h5{font-size:1.5rem}}.h6,h6{font-size:1rem}@media screen and (min-width:23.43rem){.h6,h6{font-size:calc(.9235rem + .3265vw)}}@media screen and (min-width:100rem){.h6,h6{font-size:1.25rem}}.h1-desktop{font-size:2.1875rem}@media screen and (min-width:23.43rem){.h1-desktop{font-size:calc(1.51814rem + 2.85686vw)}}@media screen and (min-width:100rem){.h1-desktop{font-size:4.375rem}}.h1-desktop{letter-spacing:-.01em;line-height:1.24}@media(max-width:767px){.h1-desktop{line-height:1.285}}.body-small{font-size:.9rem}@media screen and (min-width:23.43rem){.body-small{font-size:calc(.88853rem + .04897vw)}}@media screen and (min-width:100rem){.body-small{font-size:.9375rem}}.body-small{line-height:1.6}.blog-heading{font-size:1.25rem}@media screen and (min-width:23.43rem){.blog-heading{font-size:calc(1.13525rem + .48975vw)}}@media screen and (min-width:100rem){.blog-heading{font-size:1.625rem}}.blog-heading{line-height:1.39}.small-title{font-size:.875rem}@media screen and (min-width:23.43rem){.small-title{font-size:calc(.83675rem + .16325vw)}}@media screen and (min-width:100rem){.small-title{font-size:1rem}}.small-title{letter-spacing:.1em;line-height:1.33}@media(max-width:767px){.small-title{line-height:1.428}}.footer-title{font-size:1rem}@media screen and (min-width:23.43rem){.footer-title{font-size:1rem}}@media screen and (min-width:100rem){.footer-title{font-size:1rem}}.footer-title{font-weight:800;line-height:1.375}.grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}@media(min-width:1024px){.grid{gap:24px}}.grid>*{grid-column:1/-1}.text-center{text-align:center}.text-uppercase{text-transform:uppercase}.radius-20{border-radius:20px}.radius-50{border-radius:50px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extra-bold{font-weight:800}.font-black{font-weight:900}.box-shadow{box-shadow:0 20px 30px 0 rgba(0,0,0,.149)}.relative{position:relative}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.justify-self-end{justify-self:end}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-baseline{align-items:baseline}.align-stretch{align-items:stretch}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.flex-col{flex-direction:column}.mb-0{margin-bottom:0}.mt-1{margin-top:8px}.mb-1{margin-bottom:8px}.z-10{z-index:10}.mt-2{margin-top:16px}.mb-2{margin-bottom:16px}.mt-3{margin-top:24px}.ml-3{margin-left:24px}.z-30{z-index:30}.mb-4{margin-bottom:32px}.ml-4{margin-left:32px}.p-4{padding:32px}.z-40{z-index:40}.mb-5{margin-bottom:40px}.mt-6{margin-top:48px}.mt-8{margin-top:64px}.mt-10{margin-top:80px}.pointer{cursor:pointer}:root{--wp--preset--spacing--xxl:50px}@media(min-width:640px){:root{--wp--preset--spacing--xxl:80px}}@media(min-width:1024px){:root{--wp--preset--spacing--xxl:100px}}@media(max-width:639px){:root{--wp--preset--spacing--xl:2rem}}@media(max-width:767px){:root{--wp--preset--font-size--large:1rem}}@media(max-width:639px){:root{--wp--custom--block-gap:50px}}.content-block{margin-top:56px}@media(min-width:480px){.content-block{margin-top:calc(17.17647px + 8.08824vw)}}@media(min-width:1024px){.content-block{margin-top:100px}}.content-block:first-child{margin-top:0}.content-block.has-background{padding-top:49.952px}@media(min-width:480px){.content-block.has-background{padding-top:calc(5.792px + 9.2vw)}}@media(min-width:1024px){.content-block.has-background{padding-top:100px}}.content-block.has-background{padding-bottom:89.04px}@media(min-width:480px){.content-block.has-background{padding-bottom:calc(79.36941px + 2.01471vw)}}@media(min-width:1024px){.content-block.has-background{padding-bottom:100px}}.content-block.has-background{margin-top:0}.wrapper{margin:0 auto;max-width:1520px;padding:0 max(16px,min(2.75vw,40px));width:100%}.wrapper--md{max-width:1276px}.wrapper--narrow{max-width:1084px}.wrapper .wrapper{padding:0}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.has-global-padding{padding:0 16px}@media(max-width:767px){.wp-block-group figure{max-width:none}}.header{contain:layout;padding:16px 0;position:sticky;position:-webkit-sticky;top:0;z-index:1000}@media(min-width:640px){.header{min-height:97px;padding-bottom:13px;padding-top:16px}}.header .main-navigation .sub-menu{border-radius:0 0 10px 10px;padding:0!important}.header .main-navigation .sub-menu .menu-item a{border-left:8px solid transparent;padding:15px 20px 20px;position:relative;transition:.2s ease-in-out}.header .main-navigation .sub-menu .menu-item a:hover{background-color:#f6f2f0;background-color:var(--color-light-red-1);border-color:#c8102e;border-color:var(--color-red)}.header .main-navigation .sub-menu .menu-item:last-child a{border-radius:0 0 10px 10px}.header .main-navigation ul ul{display:flex;flex-direction:column;left:0;opacity:0;padding:0;position:absolute;top:100%;visibility:hidden;white-space:nowrap;z-index:10}.header .main-navigation ul ul li{position:relative}.header .main-navigation ul ul li:after{background-color:transparent;content:"";height:100%;position:absolute;top:0;width:100%;z-index:-1}.header .main-navigation ul ul ul{flex-direction:column;left:calc(100% + 3px);right:auto;top:0;white-space:nowrap;z-index:100}.header .main-navigation ul li:hover>ul{background-color:#fff;background-color:var(--color-light);box-shadow:0 0 12px hsla(0,0%,51%,.22);cursor:pointer;display:flex;opacity:1;padding:14px 0;visibility:visible}.header--site{box-shadow:0 10px 20px 0 rgba(0,0,0,.1)}.header__icons{display:flex;margin-left:auto;transform:translateY(3px)}@media(max-width:1023px){.header__icons{gap:10px}}.header__cart svg,.header__search{cursor:pointer;height:24px;width:24px}.header__cart{position:relative}.header__cart-counter{align-items:center;background-color:#c8102e;background-color:var(--color-red);border-radius:50%;color:#fff;color:var(--color-light);display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;padding:0 5px;position:absolute;right:-5px;top:-5px}.header__cart-counter.hidden{display:none}.header .wrapper{align-items:center;display:flex;gap:8px;z-index:10}.header__logo{flex:0 0 auto}.header__logo-link{display:inline-block}.header__logo-link img,.header__logo-link svg{display:block;height:auto;max-width:65px;width:100px}@media(min-width:768px){.header__logo-link img,.header__logo-link svg{max-width:80px}}@media(min-width:1024px){.header__logo-link img,.header__logo-link svg{max-width:100px}}.header__menu{display:none}@media(min-width:1024px){.header__menu{display:flex;flex:1;justify-content:center}.header .resp-buttons{display:none}}.header__search-form{display:none;margin:0 auto;max-width:1520px;padding:16px 16px 0;position:relative;width:100%}.header__search-form form,.header__search-form input{width:100%}.header__search-form button,.header__search-form input[type=submit]{display:none}.header__country-changer-wrapper{position:relative}.header__country-changer-wrapper.is-open .header__country-changer,.header__country-changer-wrapper:hover .header__country-changer{display:flex}.header__country-changer{background-color:#fff;background-color:var(--color-light);border-radius:4px;box-shadow:0 0 12px hsla(0,0%,51%,.22);display:none;flex-direction:column;gap:8px;left:50%;padding:10px;position:absolute;top:100%;transform:translateX(-50%);z-index:1000}.header__country-changer-item{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;gap:8px;padding:0;text-align:left;transition:.2s ease-in-out;width:100%}.header__country-changer-image{height:16px;min-width:16px;width:16px}.header__country-changer-text{color:#001923;color:var(--color-dark);font-size:12px;font-weight:400;white-space:nowrap}body.search-open #content,body.search-open #footer{filter:blur(10px);opacity:.2}#content,#footer{transition:.2s ease-in-out}.js-country-changer{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;height:24px;padding:0;transition:filter .5s ease-in-out;width:24px}.js-country-changer>.header__country-changer--ca,.js-country-changer>.header__country-changer--us,.js-country-changer>svg{display:none}html:not([data-country]) .js-country-changer>svg{display:block}html[data-country=CA] .js-country-changer{filter:none}html[data-country=CA] .js-country-changer>.header__country-changer--ca{display:block;text-decoration:underline}html[data-country=US] .js-country-changer{filter:none}html[data-country=US] .js-country-changer>.header__country-changer--us{display:block;text-decoration:underline}.top-header{contain:strict;height:44px;overflow:hidden;padding:0}.top-header__meta:not(.swiper-initialized) .swiper-slide~.swiper-slide{display:none}.top-header__meta .swiper-wrapper{align-items:center;box-sizing:border-box;display:flex;min-height:44px}.top-header__meta .swiper-slide{align-items:center;align-self:center;box-sizing:border-box;display:flex;height:auto;justify-content:center}.top-header__meta .swiper-slide .top-header__shipping{align-items:center;justify-content:center;width:100%}.top-header>.wrapper{align-items:center;min-height:44px}@media(max-width:767px){.top-header>.woocommerce-tabs,.top-header>.wrapper,body.woocommerce-account .top-header>.woocommerce:first-child{justify-content:center;padding:0}}.promo-banner{min-height:44px;text-align:center;width:100%}.promo-banner__inner{padding:0}.promo-banner__message{padding:.25rem;text-align:center}.promo-banner__message a{color:inherit}.promo-banner__message a:focus,.promo-banner__message a:hover{color:inherit;opacity:.85}.promo-banner__message a em{background-color:#fff;color:#000;font-style:normal;font-weight:800;padding:.15rem .25rem;text-decoration:none}.promo-banner__message p{font-size:calc(.64925rem + .16325vw);font-weight:700;letter-spacing:.02em;line-height:1.5;text-transform:uppercase}@media screen and (min-width:100rem){.promo-banner__message p{font-size:.8125rem}}.promo-banner__message p:last-child{margin-bottom:0}.site-container{transition:.3s ease-out}.menu-open .site-container{filter:blur(3px);pointer-events:none}.menu{list-style:none;padding:0}.menu--footer-menu{display:flex;flex-direction:column;gap:15px;width:-moz-fit-content;width:fit-content}@media(max-width:767px){.menu--footer-menu{align-items:center}}.menu--footer-menu .menu-item{margin-bottom:5px;margin-right:10px;width:-moz-fit-content;width:fit-content}@media(min-width:640px){.menu--footer-menu .menu-item{margin-right:0}}.menu--footer-menu .menu-item a{color:#252525;color:var(--color-primary);position:relative;transition:color .3s,background-color .3s}.resp-buttons{display:block;margin-left:24px;position:relative;transition:.3s ease-in-out}@media(min-width:1024px){.resp-buttons{display:none}}.menu-toggle{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;cursor:pointer;display:flex;height:24px;justify-content:center;margin-left:auto;outline:none;transition:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:24px}.menu-toggle>*{display:block}.menu-toggle:focus,.menu-toggle:hover{outline:none}.menu-toggle::-moz-focus-inner{border:0}.menu-toggle__lines{position:relative}.menu-toggle__lines,.menu-toggle__lines:after,.menu-toggle__lines:before{background:#252525;background:var(--color-primary);border-radius:20px;display:inline-block;height:2px;transition:.3s;width:27px}.menu-toggle__lines:after,.menu-toggle__lines:before{content:"";left:0;position:absolute;transform-origin:1.7142857143px center;width:100%}.menu-toggle__lines:before{top:8px}.menu-toggle__lines:after{top:-8px}.menu-toggle--active .menu-toggle__lines{transform:scale3d(.8,.8,.8)}.menu-toggle--xbutterfly .menu-toggle__lines:after,.menu-toggle--xbutterfly .menu-toggle__lines:before{transform-origin:50% 50%;transition:top .3s ease .6s,transform .3s ease}.menu-toggle--xbutterfly.menu-toggle--active .menu-toggle__lines{background:transparent}.menu-toggle--xbutterfly.menu-toggle--active .menu-toggle__lines:after,.menu-toggle--xbutterfly.menu-toggle--active .menu-toggle__lines:before{top:0;transition:top .3s ease,transform .3s ease .5s;width:24px}.menu-toggle--xbutterfly.menu-toggle--active .menu-toggle__lines:before{transform:rotate(45deg)}.menu-toggle--xbutterfly.menu-toggle--active .menu-toggle__lines:after{transform:rotate(-45deg)}.searchform{position:relative}.searchform input#s,.searchform input[name=s]{border:1px solid #ddd4d0!important;border:1px solid var(--color-light-red-2)!important;border-radius:10px;box-shadow:none;line-height:1.75!important;padding:8px 16px}.c-button{background-image:none;border-radius:23px;cursor:pointer;display:inline-block;font-size:16px;font-weight:800;line-height:1.336!important;margin-bottom:0;padding:11px 18px 8px;text-align:center;touch-action:manipulation;transition:.3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.c-button,.c-button:focus{color:#001923;color:var(--color-dark)}.c-button:focus{text-decoration:none}.c-button:hover{background:#fefefe;color:#001923;color:var(--color-dark)}.c-button:last-child{margin-right:0}.c-button span{display:inline-block}.c-button span:first-child{position:relative;z-index:20}.c-button.has-icon{align-items:center;display:inline-flex;gap:8px}.c-button__icon{display:inline-flex!important;position:relative;vertical-align:text-top;z-index:10}.c-button__icon svg{stroke:currentColor;height:16px;margin:auto;transition:.3s ease-in-out;width:16px}.c-button--bordered{background:transparent;border:1px solid #000;color:#000}.c-button--bordered:hover{background:#000;color:#fff}.c-button--primary{background-color:#fff;background-color:var(--color-light);color:#c8102e;color:var(--color-red);padding:12px 59px}.c-button--primary:focus,.c-button--primary:hover{background-color:#991026;background-color:var(--color-dark-red);color:#fff;color:var(--color-light)}.c-button--primary-lg{border:2px solid #c8102e;border:2px solid var(--color-red);padding:10px 20px;transition:all .3s ease-in;white-space:normal;width:100%}.c-button--primary-lg:hover{background-color:transparent;border:2px solid #252525;border:2px solid var(--color-primary);color:#252525;color:var(--color-primary)}.c-button--secondary{background-color:#c8102e;background-color:var(--color-red);color:#fff;color:var(--color-light)}.c-button--secondary:focus,.c-button--secondary:hover{background-color:#991026;background-color:var(--color-dark-red);color:#fff;color:var(--color-light)}.c-button--simple{background-color:transparent;color:#c8102e;color:var(--color-red);padding:0;transition:.2s ease-in-out}.c-button--simple svg{fill:#c8102e;fill:var(--color-red);transition:0s}.c-button--simple:hover{background-color:transparent;color:#d8b868;color:var(--color-gold)}.c-button--simple:hover svg{fill:#d8b868;fill:var(--color-gold)}.c-button--simple-gold{color:#d8b868;color:var(--color-gold)}.c-button--simple-gold svg{fill:#d8b868;fill:var(--color-gold)}.c-button--simple-gold:hover{color:#c8102e;color:var(--color-red)}.c-button--simple-gold:hover svg{fill:#c8102e;fill:var(--color-red)}.c-button--dropdown{background-color:#fff;background-color:var(--color-light);border:1px solid #ddd4d0;border:1px solid var(--color-light-red-2);border-radius:10px!important;box-shadow:none!important;color:#252525;color:var(--color-primary);font-weight:400!important;justify-content:space-between}.c-button--dropdown .chevron__svg{height:8px;width:12px}.c-button--filter.active{background-color:#252525;background-color:var(--color-primary);color:#fff;color:var(--color-light)}button:disabled{box-shadow:none;opacity:.9;pointer-events:none}button:disabled:hover{background-color:inherit;color:inherit}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.swiper-pagination-bullet{--swiper-pagination-bullet-width:24px;--swiper-pagination-bullet-height:24px;height:24px!important;min-height:24px!important;min-width:24px!important;width:24px!important}.swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet{margin-left:4px}form.cart .quantity .qty,form.cart .quantity input.qty{min-height:44px!important}form.cart .quantity .minus,form.cart .quantity .plus{min-height:44px!important;min-width:44px!important;padding:4px 10px}.c-button,.wp-block-button__link,a.c-button{margin-bottom:8px;margin-top:8px;min-height:48px!important;min-width:48px!important}a[href^="tel:"]{display:inline-block;margin:-4px -6px;min-height:24px;padding:4px 6px}a[aria-label=facebook],a[aria-label=instagram],a[aria-label=linkedin],a[aria-label=tiktok],a[aria-label=twitter],a[aria-label=x],a[aria-label=youtube]{align-items:center;display:inline-flex;justify-content:center;min-height:24px;min-width:24px;padding:4px}.footer__logo,.footer__logo img,.footer__logo picture,.footer__logo source{aspect-ratio:168/59}.footer__logo img{height:88.5px!important;object-fit:contain;width:252px!important}.woocommerce-breadcrumb,.woocommerce-breadcrumb a{line-height:1.6}.woocommerce-breadcrumb a,.woocommerce-breadcrumb a a{display:inline-block;min-height:24px;padding:2px 0}.archive-filters__label,.product-card__price del .woocommerce-Price-currencySymbol,.product-card__price ins .woocommerce-Price-currencySymbol,.woocommerce-variation-add-to-cart__qty-holder .js-currency,.woocommerce-variation-add-to-cart__qty-holder .js-total{color:#595959!important}.banner-cta p a,.banner-cta__text a,[class*=content] p a:not(.c-button):not(.button):not(.product-card__title):not(.product-card__rating):not(.product-card__image){text-decoration:underline;text-underline-offset:2px}.footer__logo{max-width:252px}.resp-menu__logo{display:inline-block;height:44px;width:64px}.resp-menu__logo img{height:44px;object-fit:contain;width:64px}.pillar-header__crumb a{text-decoration:underline;text-underline-offset:.15em}:root:not(.cky-lcp-ready) .cky-consent-bar,:root:not(.cky-lcp-ready) .cky-consent-container,:root:not(.cky-lcp-ready) .cky-modal,:root:not(.cky-lcp-ready) .cky-notice,:root:not(.cky-lcp-ready) .cky-overlay{bottom:-200vh!important;left:0!important;opacity:0!important;pointer-events:none!important;position:fixed!important;visibility:hidden!important}canvas,img,video{overflow:clip}.accordion-list,.archive-news,.banner-cta,.banner-slider,.contact,.faq,.featured-products,.gallery-slider,.logos,.other-products,.product-categories,.related,.reviews,.subscribe,.tabs,.team,.testimonials,.testimonials-single,.text-images,.tips{contain-intrinsic-size:auto 600px;content-visibility:auto}.hero{align-items:flex-end;background:radial-gradient(44.44% 199.44% at 53.12% 77.23%,#d34848 0,#c8102e 100%);contain:layout style;display:grid;margin-bottom:0;overflow:hidden;position:relative}.hero .wrapper,.hero__video{grid-column:1;grid-row:1}.hero .wrapper{position:relative;z-index:5}@media(min-width:768px){.hero .wrapper{align-items:center;bottom:0;box-sizing:border-box;display:flex;left:0;margin-left:auto;margin-right:auto;max-width:1520px;padding-left:max(16px,min(2.75vw,40px));padding-right:max(16px,min(2.75vw,40px));pointer-events:none;position:absolute;right:0;top:0;width:100%}.hero .wrapper>*{pointer-events:auto}}.hero--deferred .wrapper{opacity:0;transform:translate3d(0,14px,0);transition:opacity .75s ease,transform .75s ease}.hero--deferred.hero--content-visible .wrapper{opacity:1;transform:translateZ(0)}@media(prefers-reduced-motion:reduce){.hero--deferred .wrapper{opacity:1;transform:none;transition:none;will-change:auto}}.hero__content{display:none;max-width:600px;padding:100px 0 68px}@media(min-width:640px){.hero__content{display:block;padding:160px 0 68px}}@media(min-width:1024px){.hero__content{padding:max(1.5rem,min(5vh,4rem)) 0}}.hero__content h1,.hero__content h2,.hero__content h3,.hero__content h4,.hero__content h5,.hero__content h6{box-shadow:0 5px 10px 0 rgba(0,0,0,.039);color:#fff;color:var(--color-light);letter-spacing:-.01em}.hero__content h1:not(:last-child),.hero__content h2:not(:last-child),.hero__content h3:not(:last-child),.hero__content h4:not(:last-child),.hero__content h5:not(:last-child),.hero__content h6:not(:last-child){margin-bottom:1rem}.hero__content h6{max-width:540px}.hero__content h6:not(:last-child){margin-bottom:2rem}.hero__content img{display:inline-block;margin:0 13px 0 0;vertical-align:middle;width:auto}.hero__content p:not(:last-child){margin-bottom:2rem}.hero__content .hero__trust{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-family:Montserrat,Montserrat-fallback,sans-serif;font-size:max(11px,min(1.05cqi,13px));font-weight:800;gap:max(16px,min(2.4cqi,34px));letter-spacing:.06em;line-height:1.2;margin:6px 0 0;text-shadow:0 1px 12px rgba(0,0,0,.55);text-transform:uppercase}.hero__content .hero__trust-item{align-items:center;color:inherit;display:inline-flex;gap:10px;white-space:nowrap}.hero__content .hero__trust-item img{flex:none;height:24px;margin:0;width:24px}.hero__content .c-button.c-button--primary{background-color:#c8102e;background-color:var(--color-red);border-color:#c8102e;border-color:var(--color-red);color:#fff;color:var(--color-light)}.hero__content .c-button.c-button--primary:focus,.hero__content .c-button.c-button--primary:hover{background-color:#991026;background-color:var(--color-dark-red);border-color:#991026;border-color:var(--color-dark-red);color:#fff;color:var(--color-light)}.hero__content--mobile{display:none;padding:30px 0}@media(max-width:639px){.hero__content--mobile{display:block}.hero__content--mobile img{margin:0 6px 0 0;width:revert-layer}.hero__content--mobile .hero__trust{font-size:13px;gap:18px;justify-content:center}.hero__content--mobile .hero__trust-item{gap:7px}.hero__content--mobile .hero__trust-item img{height:17px;margin:0;width:17px}.hero__content--mobile p:not(:last-child){margin-bottom:12px}.hero__content--mobile .c-button{margin-top:12px;width:100%}}.hero__video{background:#000;display:flex;height:100vh;max-height:calc(100vh - 115px);min-height:200px;position:relative;width:100%;z-index:1}@media(min-width:640px){.hero__video{height:100%;max-height:none}}@media(min-width:768px){.hero__video{align-self:start;aspect-ratio:2.9/1;height:auto;max-height:none;width:100%}}@media(min-width:1024px){.hero__video{aspect-ratio:unset;height:calc(100svh - 149.27px);max-height:calc(100svh - 149.27px);min-height:calc(100svh - 149.27px)}}.hero__video .hero__media-overlay{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.42) 48%,rgba(0,0,0,.78));bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:4}@media(min-width:640px){.hero__video .hero__media-overlay{background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.42) 45%,rgba(0,0,0,.22) 72%,rgba(0,0,0,.34))}}.hero__video .hero__poster{bottom:0;height:100%;left:0;object-fit:cover;opacity:1;pointer-events:none;position:absolute;right:0;top:0;transition:opacity 1s ease;width:100%;z-index:1}.hero__video .hero__poster.is-hidden{opacity:0}.hero__video .hero__video-element,.hero__video video{height:100%;object-fit:cover;opacity:0;pointer-events:none;position:relative;transition:opacity 1s ease;width:100%;z-index:2}.hero__video .hero__video-element.is-visible,.hero__video video.is-visible{opacity:1}@media(min-width:768px){.hero__video .hero__video-element,.hero__video video{aspect-ratio:unset;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}}@media(max-width:639px){.hero~section.featured-products:not(.featured-products--slider){margin-top:0;padding-top:0}}body.home .hero .hero__video{max-height:min(960px,100vh - 115px)}@media(min-width:640px){body.home .hero .hero__video{max-height:960px}}@media(min-width:768px){body.home .hero .hero__video{max-height:960px}}@media(min-width:1024px){body.home .hero .hero__video{height:min(960px,100svh - 44px - 105.27px);max-height:min(960px,100svh - 44px - 105.27px);min-height:min(960px,100svh - 44px - 105.27px)}}.motion-toggle{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,.55);border:2px solid hsla(0,0%,100%,.75);border-radius:50%;bottom:16px;color:#fff;color:var(--color-light);cursor:pointer;display:inline-flex;height:44px;justify-content:center;margin:0;padding:0;position:absolute;right:16px;width:44px;z-index:6}.motion-toggle:hover{background:rgba(0,0,0,.8)}.motion-toggle:focus-visible,.motion-toggle:hover{background:rgba(0,0,0,.8)}.motion-toggle:focus-visible{outline:3px solid #fff;outline:3px solid var(--color-light);outline-offset:2px}.motion-toggle__icon{display:block;height:16px;position:relative;width:14px}.motion-toggle__icon:after,.motion-toggle__icon:before{background:currentColor;bottom:0;content:"";position:absolute;top:0;width:4px}.motion-toggle__icon:before{left:1px}.motion-toggle__icon:after{right:1px}.motion-toggle[aria-pressed=true] .motion-toggle__icon:before{background:none;border-color:transparent transparent transparent currentcolor;border-style:solid;border-width:8px 0 8px 12px;height:0;left:2px;width:0}.motion-toggle[aria-pressed=true] .motion-toggle__icon:after{display:none}.banner-slider,.gallery-slider{position:relative}
/* SEO shop-split header — click, cream panels. Hand-authored (not webpack).
* Split 2026-09-18 from a single 41 KB seo-nav.css: this file is the always-
* visible rail/nav/drawer chrome, enqueued blocking (it is in every route's
* critical CSS). The desktop mega-panel dropdowns and their scrim moved to
* seo-nav-panels.css, enqueued alongside it but excluded from critical CSS —
* MegaPanels.tsx confirms every panel ships `hidden` with no open controller
* on the Next frontend yet, so today none of that content can ever paint.
* The .seo-nav__panel[hidden] / .seo-nav__scrim[hidden] rule stays HERE,
* not in the panels file — it is what keeps the panel invisible before the
* panels stylesheet (or its future controller) exists at all. Do not move it.
*/
:root {
--seo-panel: #F6F2F0;
--seo-gold: #D8B868;
--seo-gold-dark: #8F7226;
--seo-red: #C8102E;
--seo-dark-red: #991026;
--seo-warm: #F6F2F0;
--seo-hairline: #E4DBD6;
--seo-muted: #5c5754;
--seo-brand: #252525;
--seo-primary: #252525;
--seo-ink: #000000;
--seo-ease: cubic-bezier(0.4, 0, 0.2, 1);
--seo-panel-top: 136px;
--seo-wide: calc(1440px + 40px * 2);
--seo-gutter: clamp(16px, 2.75vw, 40px);
--seo-display: "Playfair Display", Georgia, "Times New Roman", Times, serif;
--font-display: "Playfair Display", Georgia, "Times New Roman", Times, serif;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.wp-block-heading {
font-family: var(--seo-display);
font-weight: 400 !important;
font-synthesis: none;
}
.seo-nav__trigger--shop,
.seo-nav-mobile__row--shop .seo-nav-mobile__top,
.seo-nav-mobile__equine-name {
font-weight: 400;
font-synthesis: none;
}
html.seo-nav-is-open {
overflow: hidden;
}
/* Drop the site-container stacking context so the sticky pin can sit
above body-level panels/scrim. Do not take the pin out of flow —
position:fixed here is what made the hero jump. */
html.seo-nav-is-open .site-container.z-10 {
z-index: auto;
transition: none;
}
.seo-header-pin {
position: sticky;
top: 0;
z-index: 1000;
container-type: inline-size;
transition: transform 320ms var(--seo-ease);
}
html.seo-nav-is-open .seo-header-pin {
z-index: 1002;
}
html.seo-nav-is-hidden .seo-header-pin {
transform: translateY(-100%);
pointer-events: none;
}
.seo-header-pin #promo-banner {
position: relative;
background: var(--seo-red) !important;
color: #fff !important;
padding: 11px clamp(36px, 4cqi, 62px);
text-align: center;
}
.seo-header-pin #promo-banner[hidden] {
display: none !important;
}
.seo-header-pin #promo-banner .promo-banner__inner {
position: relative;
max-width: var(--seo-wide);
margin: 0 auto;
padding: 0 var(--seo-gutter);
}
.seo-header-pin #promo-banner .promo-banner__link,
.seo-header-pin #promo-banner .promo-banner__message {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px 12px;
text-decoration: none;
color: inherit;
font-size: clamp(10px, 0.92cqi, 12.5px);
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
line-height: 1.35;
text-wrap: pretty;
}
.seo-header-pin #promo-banner .promo-banner__code-wrap {
display: inline-flex;
align-items: center;
gap: 8px;
}
.seo-header-pin #promo-banner .promo-banner__eyebrow {
font-size: clamp(9px, 0.78cqi, 10.5px);
font-weight: 800;
letter-spacing: 0.15em;
color: #fff;
}
.seo-header-pin #promo-banner .promo-banner__code {
background: var(--seo-gold);
color: #000;
padding: 3px 9px;
border-radius: 3px;
font-size: clamp(10px, 0.92cqi, 12.5px);
font-weight: 800;
letter-spacing: 0.05em;
}
.seo-header-pin #promo-banner .promo-banner__offer {
display: inline-flex;
align-items: center;
gap: 8px;
color: #fff;
}
.seo-header-pin #promo-banner .promo-banner__arrow {
flex: none;
color: var(--seo-gold);
}
.seo-header-pin #promo-banner .promo-banner__dismiss {
appearance: none;
position: absolute;
top: 50%;
right: clamp(10px, 1.4cqi, 26px);
transform: translateY(-50%);
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
background: transparent;
color: rgba(255, 255, 255, 0.45);
cursor: pointer;
}
.seo-header-pin #promo-banner .promo-banner__dismiss:hover {
color: #fff;
}
.header--seo {
--seo-panel: #F6F2F0;
contain: none;
overflow: visible;
padding: 0;
min-height: 0;
height: auto;
background: #fff;
border-bottom: 1px solid var(--seo-hairline);
position: relative;
top: auto;
box-shadow: none;
}
.header--seo .wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
max-width: var(--seo-wide);
height: auto;
padding: 13px 18px;
gap: 8px 16px;
}
.header--seo .header__logo {
display: flex;
align-items: center;
flex: none;
}
.header--seo .header__logo-img,
.header--seo .header__logo-link img {
max-height: 48px !important;
height: 48px !important;
width: auto !important;
max-width: none !important;
}
.seo-rail {
display: none;
}
.seo-nav__size,
.seo-nav__vdiv {
display: none;
}
.seo-nav {
display: none;
width: 100%;
height: 100%;
color: var(--seo-primary);
}
.header--seo .header__icons {
align-items: center;
gap: 16px;
transform: none;
}
.header--seo .header__country-changer-wrapper {
display: none;
}
.header--seo .seo-rail__ccy,
.header--seo .seo-rail__caret {
display: none;
}
/* Visually hidden, still announced. The wide-width rule below undoes every
property here — keep the two lists in step. */
.header--seo .seo-rail__label {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.header--seo .header__search,
.header--seo .header__cart {
appearance: none;
background: none;
border: 0;
padding: 0;
display: flex;
align-items: center;
cursor: pointer;
color: var(--seo-primary);
text-decoration: none;
position: relative;
}
.header--seo .header__cart-counter {
position: absolute;
top: -4px;
right: -6px;
background: var(--seo-red);
color: #fff;
font-size: 9.5px;
font-weight: 800;
min-width: 16px;
height: 16px;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 4px;
line-height: 1;
}
.header--seo .header__search-form {
background: var(--seo-warm);
padding: 20px 18px 18px;
max-width: none;
width: 100%;
box-shadow: 0 24px 50px rgba(0, 0, 0, 0.24);
}
.header--seo .header__search-form input[type="search"],
.header--seo .header__search-form input[name="s"],
.header--seo .header__search-form input#s {
font-size: 17px;
background: #fff;
border: 1px solid var(--seo-hairline);
border-radius: 10px;
padding: 16px 20px;
width: 100%;
}
.seo-search-popular {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 20px;
margin-top: 16px;
}
.seo-search-popular__label {
font-size: 10px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--seo-muted);
}
.seo-search-popular a {
font-size: 13.5px;
font-weight: 700;
color: var(--seo-primary);
text-decoration: none;
}
.seo-search-popular a:hover {
color: var(--seo-red);
}
.header--seo .seo-rail__ccy::before {
content: "USD";
}
html[data-country="CA"] .header--seo .seo-rail__ccy::before {
content: "CAD";
}
html[data-country="US"] .header--seo .seo-rail__ccy::before {
content: "USD";
}
/* —— Desktop / tablet nav items —— */
.seo-nav__shop {
display: flex;
align-items: center;
gap: clamp(10px, 1.15cqi, 18px);
flex: none;
}
.seo-nav__shop-tag {
font-size: clamp(9px, 0.8cqi, 10.5px);
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--seo-red);
white-space: nowrap;
}
.seo-nav__shop-rule {
width: 1px;
height: 18px;
background: var(--seo-hairline);
}
.seo-nav__list {
display: flex;
list-style: none;
margin: 0;
padding: 0;
align-items: center;
}
.seo-nav__list--shop {
gap: clamp(14px, 1.6cqi, 26px);
}
.seo-nav__list--brand {
gap: clamp(13px, 1.35cqi, 22px);
}
.seo-nav__end {
display: none;
}
.seo-nav__item {
position: static;
display: flex;
}
.seo-nav__trigger,
.seo-nav__link {
appearance: none;
-webkit-appearance: none;
background: transparent;
border: 0;
margin: 0;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
box-shadow: none;
border-radius: 0;
text-decoration: none;
white-space: nowrap;
line-height: 1;
color: inherit;
transition: color 0.18s var(--seo-ease);
}
.seo-nav__trigger--shop {
gap: 8px;
padding: 4px 0;
font-family: var(--seo-display);
font-size: clamp(18px, 1.45cqi, 22px);
font-weight: 400;
font-synthesis: none;
letter-spacing: -0.01em;
text-transform: none;
color: var(--seo-primary);
}
.seo-nav__trigger--brand,
.seo-nav__link {
gap: 7px;
padding: 8px 0;
font-family: Montserrat, "Montserrat-fallback", sans-serif;
font-size: clamp(11px, 0.9cqi, 12.5px);
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--seo-primary);
}
.seo-nav__trigger:hover,
.seo-nav__link:hover {
color: var(--seo-red);
}
.seo-nav__caret {
flex: none;
opacity: 0.45;
transition: transform 0.22s var(--seo-ease);
}
.seo-nav__trigger--brand .seo-nav__caret {
opacity: 0.5;
}
.seo-nav__trigger[aria-expanded="true"] {
color: var(--seo-red);
}
.seo-nav__trigger--brand[aria-expanded="true"] {
color: var(--seo-primary);
}
.seo-nav__trigger[aria-expanded="true"] .seo-nav__caret {
transform: rotate(180deg);
}
.seo-nav__trigger[aria-expanded="true"]::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 2px;
transform-origin: left center;
animation: seo-rule-in 300ms var(--seo-ease) both;
}
.seo-nav__trigger--shop[aria-expanded="true"]::after {
bottom: -2px;
background: var(--seo-red);
}
.seo-nav__trigger--brand[aria-expanded="true"]::after {
bottom: 0;
background: var(--seo-gold);
}
@keyframes seo-rule-in {
from { transform: scaleX(0); }
to { transform: scaleX(1); }
}
.seo-nav__panel[hidden],
.seo-nav__scrim[hidden] {
display: none !important;
}
/* —— Tablet 641–1024 —— */
@media (min-width: 641px) {
.header--seo {
display: flex;
flex-direction: column;
height: auto;
min-height: 0;
padding: 0;
border-bottom: 1px solid var(--seo-hairline);
position: relative;
}
.header--seo .wrapper {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
max-width: var(--seo-wide);
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
padding: clamp(11px, 1.25cqi, 19px) var(--seo-gutter);
gap: 10px 22px;
}
.seo-rail {
display: block;
flex: none;
width: 100%;
max-width: none;
height: 40px;
margin: 0;
padding: 0;
background: var(--seo-warm);
border-bottom: 1px solid var(--seo-hairline);
}
.seo-rail__inner {
display: flex;
align-items: center;
width: 100%;
max-width: var(--seo-wide);
height: 40px;
margin: 0 auto;
padding: 0 var(--seo-gutter);
padding-right: 300px;
}
.seo-rail__ship {
margin: 0;
max-width: var(--seo-wide);
font-size: clamp(9px, 0.8cqi, 10.5px);
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--seo-red);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.seo-rail__ship--full {
display: none;
}
.seo-rail__ship--short {
display: inline;
}
.header--seo .header__logo {
height: auto;
}
.header--seo .header__logo-img,
.header--seo .header__logo-link img {
max-height: none !important;
height: 73px !important;
width: auto !important;
max-width: none !important;
}
.header--seo .header__menu {
display: flex !important;
flex: 1 1 220px;
min-width: 0;
min-height: 0;
height: auto;
margin: 0;
padding: 0;
border: 0;
background: #fff;
contain: none;
white-space: normal;
}
.header--seo .header__icons {
display: flex;
position: absolute;
top: 0;
left: 0;
right: 0;
width: auto;
max-width: none;
height: 40px;
align-items: center;
justify-content: flex-end;
gap: 0;
margin: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: max(var(--seo-gutter), calc((100% - var(--seo-wide)) / 2 + var(--seo-gutter)));
padding-right: max(var(--seo-gutter), calc((100% - var(--seo-wide)) / 2 + var(--seo-gutter)));
background: transparent;
z-index: 2;
transform: none;
pointer-events: none;
}
.header--seo .header__country-changer-wrapper {
display: block;
}
.header--seo .header__icons > * {
display: flex;
align-items: center;
height: 40px;
padding: 0 13px;
gap: 7px;
position: relative;
flex: none;
pointer-events: auto;
}
/* Old header CSS sizes .header__search to 24×24 (icon-only). The rail
control is a labelled button, so that width stacks Search onto Cart. */
.header--seo .header__search,
.header--seo .header__cart {
width: auto;
min-width: 0;
height: 40px;
overflow: visible;
}
.header--seo .header__icons > * + * {
border-left: 0;
}
.header--seo .header__icons > * + *::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 1px;
height: 15px;
background: var(--seo-hairline);
transform: translateY(-50%);
}
.header--seo .seo-rail__label {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip-path: none;
}
.header--seo .seo-rail__label,
.header--seo .seo-rail__ccy {
display: inline;
font-size: clamp(12px, 0.95cqi, 13px);
font-weight: 700;
color: var(--seo-primary);
letter-spacing: 0;
text-transform: none;
white-space: nowrap;
}
.header--seo .seo-rail__caret {
display: block;
opacity: 0.55;
color: var(--seo-primary);
}
.header--seo .js-country-changer {
width: auto;
height: auto;
display: flex;
align-items: center;
gap: 8px;
filter: none !important;
}
.header--seo .js-country-changer > .seo-rail__caret {
display: block;
}
.header--seo .header__country-changer--us img,
.header--seo .header__country-changer--ca img {
width: 18px;
height: 18px;
border-radius: 999px;
object-fit: cover;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.header--seo .header__search:hover .seo-rail__label,
.header--seo .header__cart:hover .seo-rail__label,
.header--seo .js-country-changer:hover .seo-rail__ccy {
color: var(--seo-red);
}
.header--seo .header__cart-counter {
position: static;
top: auto;
right: auto;
}
.header--seo .header__search svg,
.header--seo .header__cart svg {
width: 15px;
height: 14px;
flex: none;
overflow: visible;
}
.seo-nav {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
width: 100%;
height: auto;
gap: 10px 20px;
}
.seo-nav__shop {
white-space: nowrap;
min-height: 73px;
}
.seo-nav__end {
display: flex;
align-items: center;
gap: 16px;
margin-left: auto;
flex: none;
white-space: nowrap;
min-height: 73px;
}
.seo-nav__size {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
flex: none;
box-sizing: border-box;
background: transparent;
border: 2px solid var(--seo-gold);
border-width: 2px;
border-radius: 999px;
padding: 8px 22px;
color: var(--seo-ink);
text-decoration: none;
font-family: Montserrat, "Montserrat-fallback", sans-serif;
font-size: 13.5px;
font-weight: 700;
line-height: 1.35;
letter-spacing: 0.01em;
text-transform: none;
white-space: nowrap;
transition: background 0.18s var(--seo-ease), border-color 0.18s var(--seo-ease), color 0.18s var(--seo-ease);
}
.seo-nav__size:hover {
background: rgba(216, 184, 104, 0.14);
border-color: #C0A055;
color: var(--seo-ink);
}
.seo-nav__ruler {
flex: none;
color: var(--seo-ink);
}
.seo-nav__vdiv {
display: block;
width: 1px;
height: 22px;
background: var(--seo-hairline);
flex: none;
}
.header--seo .resp-buttons {
display: none !important;
}
.header--seo .header__search-form {
padding: 32px var(--seo-gutter) 28px;
}
}
/* —— Desktop ≥1025 —— */
@media (min-width: 1025px) {
.seo-rail__inner {
padding-right: 340px;
}
.seo-rail__ship--full {
display: inline;
}
.seo-rail__ship--short {
display: none;
}
.header--seo .header__logo {
margin-right: 14px;
}
.header--seo .header__logo-img,
.header--seo .header__logo-link img {
height: 91px !important;
}
.seo-nav__size {
border-width: 2px;
}
.seo-nav__shop,
.seo-nav__end {
min-height: 91px;
}
.header--seo .header__icons > * {
padding: 0 15px;
}
.seo-nav__trigger--shop[aria-expanded="true"]::after {
bottom: -3px;
}
.seo-nav__trigger--brand[aria-expanded="true"]::after {
bottom: 2px;
}
.seo-nav__vdiv {
height: 28px;
}
}
.seo-nav a:focus-visible,
.seo-nav button:focus-visible,
.seo-nav-mobile a:focus-visible,
.seo-nav-mobile button:focus-visible,
.header--seo a:focus-visible,
.header--seo button:focus-visible,
.resp-menu a:focus-visible,
.resp-menu button:focus-visible {
outline: 2px solid var(--seo-red) !important;
outline-offset: 2px !important;
}
/* The drawer container takes programmatic focus on open (see mobile-menu.js);
the ring belongs on the controls inside it, not around the whole panel. */
.resp-menu:focus {
outline: none;
}
@keyframes seo-ov-in {
from { opacity: 0; transform: translateY(-6px); }
to { opacity: 1; transform: none; }
}
/* —— Mobile drawer —— */
@media (max-width: 640px) {
.header--seo .header__menu {
display: none !important;
}
.header--seo .header__icons {
margin-left: auto;
gap: 14px;
}
.header--seo .header__search svg,
.header--seo .header__cart svg {
width: 21px;
height: 20px;
}
.seo-nav {
display: none !important;
}
.resp-menu:has(.seo-nav-mobile) {
background: #fff;
width: 100%;
right: -100%;
color: var(--seo-primary);
display: flex;
flex-direction: column;
transition-duration: 0.3s;
}
body.menu-open .resp-menu:has(.seo-nav-mobile) {
transform: translateX(-100%);
}
.resp-menu:has(.seo-nav-mobile) .resp-menu__header {
height: 62px;
flex: none;
padding: 0 10px 0 18px;
border-bottom: 1px solid var(--seo-hairline);
align-items: center;
background: #fff;
}
.resp-menu:has(.seo-nav-mobile) .resp-menu__logo {
font-size: 0;
text-decoration: none;
}
.resp-menu:has(.seo-nav-mobile) .resp-menu__logo img {
display: block;
height: 32px;
width: auto;
max-height: 32px;
}
.resp-menu:has(.seo-nav-mobile) .resp-menu__logo::after {
content: none;
}
.resp-menu:has(.seo-nav-mobile) .resp-menu__cart-wrap,
.resp-menu:has(.seo-nav-mobile) .resp-menu__socials {
display: none;
}
.resp-menu:has(.seo-nav-mobile) .resp-menu__meta .resp-buttons,
.resp-menu:has(.seo-nav-mobile) .js-menu-toggle {
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 999px;
}
.resp-menu:has(.seo-nav-mobile) .js-menu-toggle:hover {
background: var(--seo-warm);
}
.resp-menu:has(.seo-nav-mobile) .menu-toggle__lines,
.resp-menu:has(.seo-nav-mobile) .menu-toggle__lines::before,
.resp-menu:has(.seo-nav-mobile) .menu-toggle__lines::after {
background: #252525;
}
.seo-nav-mobile {
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
overflow: hidden;
padding: 0;
background: #fff;
}
.seo-nav-mobile__util {
flex: none;
display: flex;
align-items: stretch;
gap: 10px;
padding: 12px 16px;
background: var(--seo-warm);
border-bottom: 1px solid var(--seo-hairline);
}
.seo-nav-mobile__currency-slot {
flex: none;
padding: 0;
position: relative;
}
.seo-nav-mobile__currency-slot:empty {
display: none;
}
.seo-nav-mobile__currency-slot .header__country-changer-wrapper {
display: block;
height: 50px;
background: #fff;
border: 1px solid var(--seo-hairline);
border-radius: 0.35rem;
padding: 0 10px 0 12px;
transition: border-color 0.18s var(--seo-ease);
}
.seo-nav-mobile__currency-slot .header__country-changer-wrapper:hover {
border-color: var(--seo-red);
}
.seo-nav-mobile__currency-slot .js-country-changer {
width: auto;
height: 50px;
display: flex;
align-items: center;
gap: 10px;
filter: none !important;
}
.seo-nav-mobile__currency-slot .js-country-changer > svg:first-of-type {
display: none;
}
.seo-nav-mobile__currency-slot .header__country-changer--us,
.seo-nav-mobile__currency-slot .header__country-changer--ca {
width: 20px;
height: 20px;
flex: none;
}
.seo-nav-mobile__currency-slot .header__country-changer--us img,
.seo-nav-mobile__currency-slot .header__country-changer--ca img {
width: 20px;
height: 20px;
border-radius: 999px;
object-fit: cover;
}
.seo-nav-mobile__currency-slot .seo-rail__ccy {
display: flex !important;
flex-direction: column;
align-items: flex-start;
line-height: 1.2;
color: var(--seo-primary);
}
.seo-nav-mobile__currency-slot .seo-rail__ccy::before,
html[data-country="CA"] .seo-nav-mobile__currency-slot .seo-rail__ccy::before,
html[data-country="US"] .seo-nav-mobile__currency-slot .seo-rail__ccy::before {
content: "Currency";
font-size: 10.5px;
font-weight: 800;
letter-spacing: 0.13em;
text-transform: uppercase;
color: var(--seo-muted);
}
.seo-nav-mobile__currency-slot .seo-rail__ccy::after {
content: "USD $";
font-size: 13.5px;
font-weight: 700;
letter-spacing: 0;
text-transform: none;
color: var(--seo-primary);
}
html[data-country="CA"] .seo-nav-mobile__currency-slot .seo-rail__ccy::after {
content: "CAD $";
}
html[data-country="US"] .seo-nav-mobile__currency-slot .seo-rail__ccy::after {
content: "USD $";
}
.seo-nav-mobile__currency-slot .js-country-changer > .seo-rail__caret {
display: block;
color: var(--seo-muted);
margin-left: 4px;
}
.seo-nav-mobile__currency-slot .header__country-changer {
position: absolute;
left: 16px;
right: 16px;
top: calc(100% + 6px);
transform: none;
margin-top: 0;
background: #fff;
width: auto;
z-index: 5;
}
.seo-nav-mobile__search {
flex: 1;
min-width: 0;
display: flex;
align-items: center;
gap: 8px;
height: 50px;
padding: 0 12px;
background: #fff;
border: 1px solid var(--seo-hairline);
border-radius: 0.35rem;
}
.seo-nav-mobile__search-icon {
flex: none;
color: var(--seo-muted);
}
.seo-nav-mobile__search input[type="search"] {
flex: 1;
min-width: 0;
height: 100%;
border: 0;
background: transparent;
font-size: 14px;
font-weight: 500;
color: var(--seo-primary);
outline: none;
box-shadow: none;
padding: 0;
}
.seo-nav-mobile__search input[type="search"]::placeholder {
color: var(--seo-muted);
}
.seo-nav-mobile__scroll {
flex: 1;
overflow-y: auto;
padding: 0 0 8px;
background: #fff;
}
.seo-nav-mobile__label {
display: flex;
align-items: center;
gap: 12px;
padding: 18px 18px 8px;
font-size: 10.5px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--seo-muted);
}
.seo-nav-mobile__label-rule {
height: 1px;
flex: 1;
background: var(--seo-hairline);
}
.seo-nav-mobile__row {
border-bottom: 1px solid var(--seo-hairline);
}
.seo-nav-mobile__top {
appearance: none;
background: none;
border: 0;
width: 100%;
min-height: 60px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 16px 18px;
font-family: var(--seo-display);
font-size: 23px;
font-weight: 400;
line-height: 1.1;
letter-spacing: -0.01em;
color: var(--seo-primary);
text-align: left;
text-decoration: none;
cursor: pointer;
transition: color 0.18s var(--seo-ease);
}
.seo-nav-mobile__row--brand .seo-nav-mobile__top {
font-family: Montserrat, "Montserrat-fallback", sans-serif;
font-size: 13px;
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
min-height: 52px;
padding: 14px 18px;
color: var(--seo-primary);
}
.seo-nav-mobile__top[aria-expanded="true"] {
color: var(--seo-red);
}
.seo-nav-mobile__caret {
flex: none;
color: var(--seo-red);
opacity: 1;
transition: transform 0.22s var(--seo-ease);
}
.seo-nav-mobile__top[aria-expanded="true"] .seo-nav-mobile__caret {
transform: rotate(180deg);
}
.seo-nav-mobile__panel {
background: var(--seo-warm);
border-top: 1px solid var(--seo-hairline);
padding: 4px 0 8px;
animation: seo-ov-in 220ms var(--seo-ease) both;
}
.seo-nav-mobile__row--acc .seo-nav-mobile__panel,
.seo-nav-mobile__row--other .seo-nav-mobile__panel,
.seo-nav-mobile__row--learn .seo-nav-mobile__panel,
.seo-nav-mobile__row--about .seo-nav-mobile__panel {
padding: 4px 0 12px;
}
.seo-nav-mobile__panel[hidden] {
display: none !important;
}
.seo-nav-mobile__group {
padding: 12px 18px 2px;
display: flex;
flex-direction: column;
}
.seo-nav-mobile__heading {
margin: 0;
font-size: 9.5px;
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--seo-red);
}
.seo-nav-mobile__kicker {
display: block;
margin: 0;
padding: 12px 18px 6px;
font-size: 10.5px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--seo-muted);
}
.seo-nav-mobile__link {
display: flex;
align-items: center;
min-height: 46px;
font-size: 15px;
line-height: 1.3;
color: var(--seo-primary);
text-decoration: none;
padding: 0;
border: 0;
}
.seo-nav-mobile__link:hover,
.seo-nav-mobile__link:focus-visible {
color: var(--seo-red);
}
.seo-nav-mobile__equine {
display: flex;
align-items: center;
gap: 13px;
min-height: 58px;
padding: 7px 18px;
text-decoration: none;
color: var(--seo-primary);
border: 0;
}
.seo-nav-mobile__equine:hover {
background: #EFE7E3;
}
.seo-nav-mobile__equine-img {
flex: none;
width: 42px;
height: 42px;
border-radius: 999px;
object-fit: cover;
object-position: center 38%;
background: #fff;
}
.seo-nav-mobile__equine-copy {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
.seo-nav-mobile__equine-name {
font-family: Montserrat, "Montserrat-fallback", sans-serif;
font-size: 15.5px;
font-weight: 700;
font-synthesis: initial;
letter-spacing: 0;
color: var(--seo-primary);
}
.seo-nav-mobile__equine-boots {
font-size: 11.5px;
font-weight: 500;
color: var(--seo-muted);
}
.seo-nav-mobile__condition {
display: flex;
align-items: center;
gap: 13px;
min-height: 58px;
margin: 8px 18px 4px;
padding: 11px 13px;
background: #fff;
border: 1px solid var(--seo-hairline);
border-left: 4px solid var(--seo-red);
border-radius: 10px;
text-decoration: none;
color: var(--seo-primary);
position: relative;
}
.seo-nav-mobile__condition-copy {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
flex: 1;
min-width: 0;
}
.seo-nav-mobile__chip {
display: inline-flex;
align-items: center;
align-self: flex-start;
background: var(--seo-red);
color: #fff;
font-size: 8.5px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
line-height: 1;
padding: 2.5px 8px;
border-radius: 50px;
}
.seo-nav-mobile__condition .seo-nav-mobile__equine-name {
font-size: 15.5px;
}
.seo-nav-mobile__arrow {
flex: none;
margin-left: auto;
color: var(--seo-red);
fill: var(--seo-red);
}
.seo-nav-mobile__condition .seo-nav-mobile__arrow {
position: static;
transform: none;
}
.seo-nav-mobile__foot {
flex: none;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 8px;
padding: 12px 16px 18px;
background: #fff;
border-top: 1px solid var(--seo-hairline);
box-shadow: 0 -8px 18px rgba(0, 0, 0, 0.06);
}
.seo-nav-mobile__size {
display: flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 16px 42px;
border-radius: 999px;
background: var(--seo-red);
border: 2px solid var(--seo-red);
color: #fff;
text-decoration: none;
font-size: 16.5px;
font-weight: 800;
letter-spacing: 0.02em;
text-align: center;
}
.seo-nav-mobile__size:hover {
background: var(--seo-dark-red);
border-color: var(--seo-dark-red);
color: #fff;
}
.seo-nav-mobile__size-sub {
margin: 0;
text-align: center;
font-size: 11.5px;
font-weight: 500;
color: var(--seo-muted);
letter-spacing: 0;
text-transform: none;
}
}
@media (prefers-reduced-motion: reduce) {
.seo-nav-mobile__panel,
.seo-header-pin {
animation-duration: 1ms !important;
animation-delay: 0ms !important;
transition-duration: 1ms !important;
}
.seo-nav__trigger,
.seo-nav__link,
.seo-nav__caret,
.seo-nav-mobile__top,
.seo-nav-mobile__caret,
.seo-nav__size {
transition-duration: 1ms !important;
}
}
/* Homepage v3 sections below the hero (funnel, Beyond the Boot, Consteed, Perfect Fit).
Hand-authored (not webpack) so local `npm run build` cannot rewrite it.
Enqueued only on is_front_page(). Tokens match homepage v3 handoff. */
.home-v3 {
--home-red: #c8102e;
--home-dark-red: #991026;
--home-gold: #d8b868;
--home-dark: #000000;
--home-dark-gray: #2e2e2f;
--home-primary: #252525;
--home-warm: #f6f2f0;
--home-border: #ddd4d0;
--home-muted: #b1a29a;
--home-ink-soft: #5c5754;
--home-ease: cubic-bezier(0.4, 0, 0.2, 1);
--home-dur: 0.18s;
--home-radius: 10px;
--home-shadow-sm: 0 0 6px rgba(0, 0, 0, 0.07);
--home-shadow-card: 0 20px 30px rgba(0, 0, 0, 0.15);
box-sizing: border-box;
container-type: inline-size;
color: var(--home-primary);
font-family: Montserrat, "Montserrat-fallback", sans-serif;
}
.home-v3 *,
.home-v3 *::before,
.home-v3 *::after {
box-sizing: border-box;
}
.home-v3__inner {
max-width: calc(1440px + 40px * 2);
margin: 0 auto;
}
.home-v3__title {
margin: 0;
font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
font-weight: 400;
font-size: clamp(28px, 3.6cqi, 48px);
line-height: 1.06;
color: var(--home-primary);
}
.home-v3__title--light {
color: #fff;
}
.home-v3__eyebrow {
margin: 0;
font-size: clamp(11px, 1cqi, 12.5px);
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--home-red);
}
.home-v3__eyebrow--gold {
color: var(--home-gold);
}
.home-v3__lead {
margin: 0;
font-size: clamp(14px, 1.3cqi, 18px);
line-height: 1.7;
color: var(--home-primary);
max-width: 640px;
}
.home-v3__lead--muted {
font-size: clamp(13.5px, 1.25cqi, 17px);
color: var(--home-muted);
max-width: 620px;
}
.home-v3__arrow {
width: 16px;
height: 13px;
flex: none;
fill: currentColor;
color: currentColor;
}
.home-v3__btn {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
border: 2px solid var(--home-red);
background: var(--home-red);
color: #fff;
font-family: inherit;
font-weight: 800;
letter-spacing: 0.02em;
text-decoration: none;
white-space: nowrap;
transition: background var(--home-dur) var(--home-ease), border-color var(--home-dur) var(--home-ease), color var(--home-dur) var(--home-ease);
}
.home-v3__btn:hover,
.home-v3__btn:focus-visible {
background: var(--home-dark-red);
border-color: var(--home-dark-red);
color: #fff;
}
.home-v3__btn--lg {
font-size: 16.5px;
padding: 16px 42px;
min-height: 54px;
}
.home-v3__btn--md {
font-size: 15px;
padding: 13px 32px;
min-height: 48px;
}
.home-v3__btn--block {
width: 100%;
}
.home-v3__btn--outline-light {
background: #fff;
color: var(--home-red);
border-color: var(--home-red);
}
.home-v3__btn--outline-light:hover,
.home-v3__btn--outline-light:focus-visible {
background: var(--home-red);
border-color: var(--home-red);
color: #fff;
}
.home-v3__text-link {
display: inline-flex;
align-items: center;
gap: 7px;
font-size: clamp(11px, 0.95cqi, 12.5px);
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--home-primary);
text-decoration: none;
transition: color var(--home-dur) var(--home-ease);
}
.home-v3__text-link:hover,
.home-v3__text-link:focus-visible {
color: var(--home-red);
}
.home-v3__text-link--red {
color: var(--home-red);
}
.home-v3__slot {
display: flex;
align-items: center;
justify-content: center;
min-height: inherit;
height: 100%;
padding: 16px;
background: repeating-linear-gradient(-45deg, #f6f2f0, #f6f2f0 8px, #ede6e2 8px, #ede6e2 16px);
color: var(--home-ink-soft);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
text-align: center;
}
.home-v3__slot--dark {
background: repeating-linear-gradient(-45deg, #3a3a3b, #3a3a3b 8px, #2e2e2f 8px, #2e2e2f 16px);
color: rgba(246, 242, 240, 0.7);
}
/* —— Funnel —— */
.home-v3--funnel {
background: var(--home-warm);
padding: clamp(52px, 7cqi, 104px) 0;
}
.home-v3--funnel .home-v3__inner {
display: flex;
flex-direction: column;
gap: clamp(24px, 3cqi, 44px);
}
.home-v3__head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: clamp(20px, 2.5cqi, 44px);
flex-wrap: wrap;
}
.home-v3__head-copy {
display: flex;
flex-direction: column;
gap: clamp(10px, 1.1cqi, 15px);
max-width: 780px;
}
.home-v3__head-cta {
flex: none;
background: #fff;
color: var(--home-red);
border-color: var(--home-red);
}
.home-v3__btn.home-v3__head-cta:hover,
.home-v3__btn.home-v3__head-cta:focus-visible {
background: var(--home-red);
border-color: var(--home-red);
color: #fff;
}
.home-v3__desktop {
display: none;
flex-direction: column;
gap: clamp(18px, 2cqi, 30px);
}
.home-v3__chips {
display: flex;
flex-wrap: wrap;
gap: clamp(9px, 1cqi, 12px);
}
.home-v3__chip {
display: inline-flex;
align-items: center;
gap: 11px;
flex: none;
min-height: 48px;
padding: 7px 22px 7px 7px;
border-radius: 999px;
cursor: pointer;
font-family: inherit;
font-size: clamp(13px, 1.15cqi, 15px);
font-weight: 700;
letter-spacing: 0.01em;
background: #fff;
color: var(--home-primary);
border: 1.5px solid var(--home-border);
transition: background var(--home-dur) var(--home-ease), color var(--home-dur) var(--home-ease), border-color var(--home-dur) var(--home-ease);
}
.home-v3__chip.is-on,
.home-v3__chip[aria-pressed="true"] {
background: var(--home-red);
color: #fff;
border-color: var(--home-red);
}
.home-v3__chip-photo {
display: block;
width: clamp(30px, 2.7cqi, 38px);
height: clamp(30px, 2.7cqi, 38px);
border-radius: 50%;
background: #fff center 40% / cover no-repeat;
flex: none;
}
.home-v3__panel {
display: grid;
grid-template-columns: minmax(320px, 40%) 1fr;
background: #fff;
border: 1px solid var(--home-border);
border-radius: var(--home-radius);
overflow: hidden;
box-shadow: var(--home-shadow-sm);
}
.home-v3__stage {
display: grid;
overflow: hidden;
transition: height 0.38s var(--home-ease);
}
.home-v3__stage > .home-v3__panel {
grid-area: 1 / 1;
}
.home-v3__panel[hidden] {
display: none;
}
.home-v3__panel.is-in {
animation: home-v3-panel-in 0.4s var(--home-ease) both;
}
.home-v3__panel.is-out {
animation: home-v3-panel-out 0.28s var(--home-ease) both;
pointer-events: none;
}
.home-v3__panel--cond {
border-top: 4px solid var(--home-red);
}
.home-v3__panel-media {
display: block;
min-height: clamp(300px, 27cqi, 420px);
background: var(--home-warm) center 34% / cover no-repeat;
}
.home-v3__panel-body {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: clamp(12px, 1.4cqi, 18px);
padding: clamp(24px, 3cqi, 46px) clamp(22px, 3.1cqi, 48px);
}
.home-v3__kicker {
margin: 0;
font-size: clamp(10.5px, 1cqi, 12px);
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--home-red);
}
.home-v3__panel-title {
margin: 0;
font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
font-size: clamp(26px, 2.9cqi, 40px);
font-weight: 400;
line-height: 1.06;
}
.home-v3__panel-copy {
margin: 0;
font-size: clamp(14px, 1.25cqi, 16.5px);
line-height: 1.7;
color: var(--home-primary);
max-width: 520px;
}
.home-v3__models {
display: flex;
flex-wrap: wrap;
gap: clamp(8px, 0.9cqi, 10px);
}
.home-v3__models--stack {
flex-direction: column;
flex-wrap: nowrap;
width: 100%;
}
.home-v3__model {
display: flex;
align-items: center;
gap: 11px;
padding: 7px 16px 7px 7px;
border: 1px solid var(--home-border);
border-radius: var(--home-radius);
background: #fff;
}
.home-v3__model-thumb {
display: block;
width: clamp(46px, 4.1cqi, 56px);
height: clamp(46px, 4.1cqi, 56px);
flex: none;
border-radius: var(--home-radius);
background: var(--home-warm) center / contain no-repeat;
}
.home-v3__model-copy {
display: flex;
flex-direction: column;
gap: 2px;
}
.home-v3__model-name {
font-size: clamp(12.5px, 1.1cqi, 13.5px);
font-weight: 800;
letter-spacing: 0.02em;
color: var(--home-primary);
}
.home-v3__model-note {
font-size: clamp(11.5px, 1cqi, 12px);
line-height: 1.35;
color: var(--home-ink-soft);
}
.home-v3__panel-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: clamp(14px, 1.8cqi, 24px);
margin-top: 4px;
}
.home-v3__mobile {
display: flex;
flex-direction: column;
gap: 18px;
}
.home-v3__accordion {
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid var(--home-border);
border-radius: var(--home-radius);
overflow: hidden;
box-shadow: var(--home-shadow-sm);
}
.home-v3__row {
border-bottom: 1px solid var(--home-border);
}
.home-v3__row:last-child {
border-bottom: 0;
}
.home-v3__row-toggle {
display: flex;
align-items: center;
gap: 14px;
width: 100%;
min-height: 88px;
padding: 13px 16px;
border: 0;
border-left: 0 solid transparent;
background: #fff;
cursor: pointer;
text-align: left;
font-family: inherit;
color: inherit;
}
.home-v3__row--cond .home-v3__row-toggle {
border-left: 4px solid var(--home-red);
}
.home-v3__row-photo {
display: block;
width: 64px;
height: 64px;
flex: none;
border-radius: var(--home-radius);
background: var(--home-warm) center 38% / cover no-repeat;
}
.home-v3__row-meta {
display: flex;
flex-direction: column;
gap: 4px;
flex: 1;
min-width: 0;
}
.home-v3__chip-cond {
align-self: flex-start;
background: var(--home-red);
color: #fff;
border-radius: 50px;
padding: 2.5px 8px;
font-size: 9px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.home-v3__row-name {
font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
font-size: 22px;
line-height: 1.1;
color: var(--home-primary);
}
.home-v3__row.is-open .home-v3__row-name {
color: var(--home-red);
}
.home-v3__row-short {
font-size: 12.5px;
line-height: 1.4;
color: var(--home-ink-soft);
}
.home-v3__chev {
flex: none;
color: var(--home-red);
transition: transform 0.22s var(--home-ease);
}
.home-v3__row.is-open .home-v3__chev {
transform: rotate(180deg);
}
.home-v3__row-body {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.38s var(--home-ease);
}
.home-v3__row.is-open .home-v3__row-body {
grid-template-rows: 1fr;
}
.home-v3__row-body-inner {
overflow: hidden;
min-height: 0;
display: flex;
flex-direction: column;
gap: 14px;
padding: 0 16px;
background: var(--home-warm);
border-top: 0 solid var(--home-border);
transition: padding 0.38s var(--home-ease), border-top-width 0.38s var(--home-ease);
}
.home-v3__row.is-open .home-v3__row-body-inner {
padding: 16px 16px 20px;
border-top-width: 1px;
animation: home-v3-ovin 0.32s var(--home-ease) both;
}
.home-v3__row-copy {
margin: 0;
font-size: 14px;
line-height: 1.6;
color: var(--home-primary);
}
.home-v3__models--stack .home-v3__model {
width: 100%;
padding: 7px 14px 7px 7px;
}
.home-v3__models--stack .home-v3__model-thumb {
width: 46px;
height: 46px;
border-radius: var(--home-radius);
background-color: #fff;
}
.home-v3__mobile-links {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
flex-wrap: wrap;
}
@keyframes home-v3-ovin {
from {
opacity: 0;
transform: translateY(-4px);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes home-v3-panel-in {
from {
opacity: 0;
transform: translateY(14px);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes home-v3-panel-out {
from {
opacity: 1;
transform: none;
}
to {
opacity: 0;
transform: translateY(-10px);
}
}
/* —— Beyond the Boot —— */
.home-v3--beyond {
background: var(--home-dark-gray);
padding: clamp(48px, 6.4cqi, 96px) 0;
}
.home-v3--beyond .home-v3__inner {
display: flex;
flex-direction: column;
gap: clamp(30px, 3.6cqi, 54px);
}
.home-v3--beyond .home-v3__head-copy {
max-width: 740px;
gap: clamp(9px, 1cqi, 14px);
}
.home-v3__lane {
display: flex;
flex-direction: column;
gap: clamp(14px, 1.6cqi, 22px);
}
.home-v3__lane-head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 18px;
flex-wrap: wrap;
padding-bottom: 12px;
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.home-v3__lane-label {
font-size: clamp(11px, 1cqi, 12.5px);
font-weight: 800;
letter-spacing: 0.13em;
text-transform: uppercase;
color: var(--home-gold);
}
.home-v3__lane-all {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: clamp(11.5px, 1cqi, 13px);
font-weight: 800;
letter-spacing: 0.09em;
text-transform: uppercase;
color: #fff;
text-decoration: none;
transition: color var(--home-dur) var(--home-ease);
}
.home-v3__lane-all:hover,
.home-v3__lane-all:focus-visible {
color: var(--home-gold);
}
.home-v3__acc-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-rows: minmax(150px, 1fr) auto;
gap: clamp(12px, 1.5cqi, 20px);
}
.home-v3__acc {
display: grid;
grid-template-rows: subgrid;
grid-row: span 2;
background: #fff;
border-radius: var(--home-radius);
overflow: hidden;
text-decoration: none;
color: inherit;
transition: transform 0.22s var(--home-ease), box-shadow 0.22s var(--home-ease);
}
.home-v3__acc:hover,
.home-v3__acc:focus-visible {
transform: translateY(-4px);
box-shadow: var(--home-shadow-card);
}
.home-v3__acc-media {
display: block;
min-height: 150px;
background: var(--home-warm) center / contain no-repeat;
}
.home-v3__acc-media--cover {
background-size: cover;
}
.home-v3__acc-media--contain {
background-size: contain;
}
.home-v3__acc-cap {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
padding: clamp(14px, 1.5cqi, 20px);
min-height: 100%;
}
.home-v3__acc-copy {
display: flex;
flex-direction: column;
gap: 5px;
min-width: 0;
}
.home-v3__acc-name {
font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
font-size: clamp(17px, 1.45cqi, 22px);
line-height: 1.12;
color: var(--home-primary);
text-wrap: pretty;
}
.home-v3__acc-sub {
font-size: clamp(11.5px, 1cqi, 13px);
line-height: 1.5;
color: var(--home-primary);
text-wrap: pretty;
}
.home-v3__acc-cap .home-v3__arrow {
width: 17px;
height: 14px;
margin-top: 4px;
fill: var(--home-red);
color: var(--home-red);
}
@supports not (grid-template-rows: subgrid) {
.home-v3__acc-grid {
grid-auto-rows: 1fr;
}
.home-v3__acc {
display: flex;
flex-direction: column;
grid-row: auto;
}
.home-v3__acc-media {
flex: 1;
}
.home-v3__acc-sub {
min-height: 3em;
}
}
.home-v3__other-grid {
display: grid;
grid-template-columns: 1fr;
grid-auto-rows: 1fr;
gap: clamp(12px, 1.5cqi, 20px);
}
.home-v3__other {
position: relative;
display: flex;
align-items: flex-end;
min-height: 170px;
border-radius: var(--home-radius);
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.14);
text-decoration: none;
transition: transform 0.22s var(--home-ease), border-color 0.22s var(--home-ease);
}
.home-v3__other:hover,
.home-v3__other:focus-visible {
transform: translateY(-4px);
border-color: var(--home-gold);
}
.home-v3__other-media {
position: absolute;
inset: 0;
background: var(--home-dark-gray) center / cover no-repeat;
}
.home-v3__other-scrim {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0.85) 100%);
pointer-events: none;
}
.home-v3__other-copy {
position: relative;
display: flex;
flex-direction: column;
gap: 6px;
padding: clamp(15px, 1.7cqi, 24px);
pointer-events: none;
}
.home-v3__other-name {
font-family: "Playfair Display", Georgia, "Times New Roman", Times, serif;
font-size: clamp(20px, 1.7cqi, 27px);
line-height: 1.1;
color: #fff;
}
.home-v3__other-sub {
font-size: clamp(12px, 1.05cqi, 14px);
line-height: 1.5;
color: rgba(246, 242, 240, 0.82);
}
.home-v3__beyond-cta {
display: flex;
justify-content: center;
}
/* —— Consteed —— */
.home-v3--consteed {
background: var(--home-warm);
padding: clamp(44px, 6cqi, 84px) 0;
}
.home-v3--consteed .home-v3__inner {
display: grid;
/* A bare `1fr` track is `minmax(auto, 1fr)`: its automatic minimum comes
from the content, and `.home-v3__photo-wrap`'s `![]()
`
contributes its full-viewport intrinsic width to that minimum, forcing
the single mobile column — and the page — wider than the viewport at
320px. The 641px+ two-column rule below already uses `minmax(0, 1fr)`
for the same reason; this just matches it for the stacked layout. */
grid-template-columns: minmax(0, 1fr);
gap: clamp(24px, 3.4cqi, 56px);
align-items: center;
}
.home-v3__photo-wrap {
border-radius: var(--home-radius);
overflow: hidden;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
aspect-ratio: 4 / 3;
position: relative;
background: var(--home-dark-gray);
}
.home-v3__photo-wrap img,
.home-v3__photo {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.home-v3__photo-wrap .home-v3__slot {
position: absolute;
inset: 0;
}
.home-v3__consteed-copy {
display: flex;
flex-direction: column;
gap: clamp(12px, 1.6cqi, 20px);
align-items: flex-start;
}
.home-v3--consteed .home-v3__lead {
font-size: clamp(13.5px, 1.25cqi, 17px);
line-height: 1.75;
max-width: none;
}
.home-v3--consteed .home-v3__eyebrow {
font-size: 11.5px;
letter-spacing: 0.12em;
}
/* —— Finding the Perfect Fit —— */
.home-v3--fit {
background: #fff;
padding: clamp(48px, 6.4cqi, 96px) 0;
}
.home-v3--fit .home-v3__inner {
display: flex;
flex-direction: column;
gap: clamp(24px, 3cqi, 46px);
}
.home-v3__title--center {
text-align: center;
text-wrap: balance;
}
.home-v3__fit-stack {
display: flex;
flex-direction: column;
gap: clamp(12px, 1.4cqi, 18px);
}
.home-v3__fit-mosaic,
.home-v3__fit-pillars {
display: grid;
grid-template-columns: 1fr;
gap: clamp(12px, 1.4cqi, 18px);
}
.home-v3__fit-col {
display: grid;
grid-auto-rows: 1fr;
gap: clamp(12px, 1.4cqi, 18px);
}
.home-v3__fit-card {
position: relative;
display: block;
min-height: 210px;
border-radius: var(--home-radius);
overflow: hidden;
background: var(--home-dark-gray) center / cover no-repeat;
text-decoration: none;
transition: transform 0.22s var(--home-ease), box-shadow 0.22s var(--home-ease);
}
.home-v3__fit-card:hover,
.home-v3__fit-card:focus-visible {
transform: translateY(-3px);
box-shadow: var(--home-shadow-card);
}
.home-v3__fit-card--feature {
min-height: 420px;
}
.home-v3__fit-card--pillar {
display: flex;
align-items: flex-end;
min-height: 230px;
background-position: center 34%;
}
/*
* Every other photograph in the funnel, as an ![]()
rather than a background.
*
* Same reason as the fit cards below: a CSS background is fetched as soon as
* its element is laid out, the whole document is laid out, and there is no
* `loading="lazy"` for backgrounds. Measured on a 375x812 load 2026-09-19,
* this page carried 738 KB of background imagery and every byte of it was
* below the fold.
*
* The element keeps its size, its layout role and its placeholder colour; the
* image fills it absolutely. Each `object-fit` / `object-position` pair below
* is the exact equivalent of the `background-size` / `background-position` it
* replaces -- `center 34%`, `center 38%` and `center 40%` are focal points
* somebody chose, so they carry over rather than being rounded to `center`.
*/
.home-v3__acc-media,
.home-v3__chip-photo,
.home-v3__model-thumb,
.home-v3__panel-media,
.home-v3__row-photo {
position: relative;
}
.home-v3__media-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/* `contain`, not `cover`: these are products on a flat background, and a crop
would cut the boot rather than fill the box with it. */
.home-v3__acc-media .home-v3__media-img,
.home-v3__acc-media--contain .home-v3__media-img,
.home-v3__model-thumb .home-v3__media-img {
object-fit: contain;
}
.home-v3__acc-media--cover .home-v3__media-img {
object-fit: cover;
}
.home-v3__chip-photo .home-v3__media-img {
object-position: center 40%;
}
.home-v3__panel-media .home-v3__media-img {
object-position: center 34%;
}
.home-v3__row-photo .home-v3__media-img {
object-position: center 38%;
}
/*
* The card's photograph, as an ![]()
rather than a background.
*
* A CSS background is fetched as soon as its element is laid out -- the whole
* document is, viewport or not -- so `loading="lazy"` has no equivalent and
* these photographs downloaded on every visit however far down the page they
* sat. Measured on a 375x812 load 2026-09-19: 738 KB of background imagery on
* this page, every byte of it below the fold, and the six fit cards were
* 398 KB of that.
*
* `object-fit: cover` is the exact equivalent of `background-size: cover`, and
* the card keeps its `--home-dark-gray` background as the placeholder that
* shows until the image arrives. The scrim and the caption are absolutely
* positioned and come after this in the DOM, so they still paint over it
* without a z-index.
*/
.home-v3__fit-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/* Matches `background-position: center 34%` on the pillar variant. */
.home-v3__fit-card--pillar .home-v3__fit-img {
object-position: center 34%;
}
.home-v3__fit-scrim {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.42) 40%, rgba(0, 0, 0, 0.92) 100%);
pointer-events: none;
}
.home-v3__fit-card--feature .home-v3__fit-scrim {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.4) 44%, rgba(0, 0, 0, 0.93) 100%);
}
.home-v3__fit-body {
position: absolute;
left: clamp(16px, 1.7cqi, 26px);
right: clamp(16px, 1.7cqi, 26px);
bottom: clamp(15px, 1.6cqi, 24px);
display: flex;
flex-direction: column;
gap: 9px;
pointer-events: none;
}
.home-v3__fit-card--feature .home-v3__fit-body {
left: clamp(18px, 2cqi, 30px);
right: clamp(18px, 2cqi, 30px);
bottom: clamp(18px, 2cqi, 30px);
gap: 12px;
}
.home-v3__fit-body--pillar {
position: relative;
left: auto;
right: auto;
bottom: auto;
padding: clamp(18px, 2cqi, 30px);
gap: 9px;
}
.home-v3__fit-name {
font-family: Montserrat, "Montserrat-fallback", sans-serif;
font-size: clamp(16px, 1.5cqi, 22px);
font-weight: 700;
line-height: 1.2;
color: #fff;
max-width: 22ch;
text-wrap: pretty;
text-shadow: 0 2px 14px rgba(0, 0, 0, 0.65);
}
.home-v3__fit-name--lg {
font-size: clamp(22px, 2.4cqi, 34px);
line-height: 1.16;
max-width: 15ch;
text-shadow: 0 2px 16px rgba(0, 0, 0, 0.6);
}
.home-v3__fit-name--md {
font-size: clamp(20px, 2cqi, 28px);
line-height: 1.15;
max-width: none;
}
.home-v3__fit-kicker {
font-size: clamp(10.5px, 0.95cqi, 12px);
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--home-gold);
}
.home-v3__fit-sub {
font-size: clamp(12.5px, 1.1cqi, 15px);
font-weight: 400;
line-height: 1.55;
color: rgba(255, 255, 255, 0.88);
max-width: 42ch;
text-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
}
.home-v3__fit-more {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: clamp(11.5px, 1cqi, 13px);
font-weight: 700;
color: var(--home-gold);
}
.home-v3__fit-card--feature .home-v3__fit-more {
gap: 9px;
font-size: clamp(12px, 1.05cqi, 14px);
}
@media (min-width: 641px) {
.home-v3__desktop {
display: flex;
}
.home-v3__mobile {
display: none;
}
.home-v3__acc-grid {
grid-template-columns: repeat(4, 1fr);
}
.home-v3__acc-media {
min-height: clamp(170px, 14cqi, 230px);
}
.home-v3__other-grid {
grid-template-columns: repeat(3, 1fr);
}
.home-v3__other {
min-height: clamp(180px, 15cqi, 250px);
}
.home-v3--consteed .home-v3__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.home-v3__fit-mosaic,
.home-v3__fit-pillars {
grid-template-columns: 1.05fr 1fr;
align-items: stretch;
}
.home-v3__fit-card {
min-height: clamp(170px, 15cqi, 236px);
}
.home-v3__fit-card--feature {
min-height: clamp(540px, 47cqi, 740px);
}
.home-v3__fit-card--pillar {
min-height: clamp(230px, 19cqi, 300px);
}
}
@media (max-width: 640px) {
.home-v3__head-cta {
display: none;
}
/* `.home-v3__consteed-copy` uses `align-items: flex-start` so the eyebrow/
title/lead stay left-aligned instead of stretching full-width — but that
also means this `white-space: nowrap` CTA sizes to its own text and
overflows the 320px viewport instead of shrinking. Let it wrap. */
.home-v3--consteed .home-v3__btn {
white-space: normal;
max-width: 100%;
text-align: center;
}
.home-v3__panel {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
.home-v3,
.home-v3 *,
.home-v3 *::before,
.home-v3 *::after {
animation-duration: 1ms !important;
animation-iteration-count: 1 !important;
transition-duration: 1ms !important;
}
}
/* Hero copy uses the same wrapper gutters as the sections below */
@media (min-width: 768px) {
.hero > .wrapper {
padding-left: clamp(16px, 2.75vw, 40px);
padding-right: clamp(16px, 2.75vw, 40px);
}
}
.hero .c-button.c-button--primary {
background-color: var(--color-red, #c8102e);
color: #fff;
border-color: var(--color-red, #c8102e);
}
.hero .c-button.c-button--primary:hover,
.hero .c-button.c-button--primary:focus {
background-color: var(--color-dark-red, #991026);
color: #fff;
border-color: var(--color-dark-red, #991026);
}
/* Hero — homepage v3 mockup (this file is front-page only) */
.hero .hero__trust {
color: #fff;
font-size: clamp(11px, 1.05cqi, 13px);
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
gap: clamp(16px, 2.4cqi, 34px);
margin-top: 6px;
text-shadow: 0 1px 12px rgba(0, 0, 0, 0.55);
}
.hero .hero__trust-item img {
width: 24px;
height: 24px;
}
.hero .hero__poster,
.hero .hero__video-element {
filter: brightness(0.94) saturate(0.96);
}
.hero .hero__media-overlay {
background:
linear-gradient(100deg, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0.4) 32%, rgba(0, 0, 0, 0.16) 58%, rgba(0, 0, 0, 0.03) 86%),
linear-gradient(180deg, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0.28) 100%);
}
@media (max-width: 640px) {
.hero .hero__content--mobile .hero__trust {
justify-content: center;
font-size: 13px;
font-weight: 400;
letter-spacing: 0;
text-transform: none;
gap: 18px;
}
.hero .hero__content--mobile .hero__trust-item img {
width: 17px;
height: 17px;
}
}
/* Cream “Cavallo Advantage” split: photo flush to the left viewport edge */
.wp-block-group.alignfull.has-light-red-1-background-color.is-layout-constrained > .wp-block-columns {
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100%;
}
.wp-block-group.alignfull.has-light-red-1-background-color > .wp-block-columns > .wp-block-column:first-child .wp-block-image,
.wp-block-group.alignfull.has-light-red-1-background-color > .wp-block-columns > .wp-block-column:first-child .wp-block-image img {
display: block;
width: 100%;
max-width: none;
margin: 0;
}
.wp-block-group.alignfull.has-light-red-1-background-color > .wp-block-columns > .wp-block-column:last-child {
padding-right: clamp(16px, 2.75vw, 40px);
}
/* Homepage H2s share the Beyond the Boot size. Hero H1 and H2.h4 cards stay put. */
body.home #main h2:not(.h4):not(.home-v3__title) {
font-size: clamp(28px, 3.6vw, 48px);
line-height: 1.06;
}
/* Rectangular cards and photos share 10px. Pills and circles stay as-is. */
.text-images img,
.text-images video,
.testimonials__image,
.testimonials img,
.gallery-slider .swiper-slide,
.gallery-slider img,
.gallery-slider video,
.gallery-slider .radius-20,
.gallery-slider__container.radius-20,
.gallery-slider__container-img.radius-20 {
border-radius: 10px;
}
/* The shell's own CSS — and now, deliberately, almost nothing.
*
* ## What changed on 2026-08-19, and why the file shrank by 85%
*
* This file used to be a reset plus ~120 lines of stopgap layout for
* `.wrapper`, `#promo-banner`, `.seo-rail__*`, `.seo-nav*`, `.header__*` and
* `.footer__*`. That existed for one reason: `SiteHeader` and `SiteFooter` are a
* port of the theme's markup and carry the theme's REAL class names, but the
* theme's stylesheet was not loaded, so nothing matched them and the shell
* rendered as a stack of unstyled divs.
*
* The theme's stylesheets are now loaded directly — see `src/theme-assets.ts`.
* That makes every one of those rules a competing override instead of a
* stand-in, so they are gone. Three things were measured before deleting them,
* because "the framework probably handles it" is how a reset silently fights a
* theme for months:
*
* 1. **The layout rules were redundant.** Of the 15 selectors involved, 14 are
* defined by the theme's own CSS — `.wrapper` 47 times, `.header--seo` 58,
* `#promo-banner` 12, `.seo-nav` 5, `.screen-reader-text` 2. Keeping them
* meant this file quietly deciding the theme's layout with invented values.
* The lone exception, `.seo-rail__btn`, appears twice in the theme's markup
* (`vendor/views/layout/header/header.php`) and in NO CSS rule anywhere in
* `vendors.css`, `frontend2.css` or `seo-nav.css` — it is an unstyled hook in
* the theme too, with the search and cart buttons styled through
* `header__search` / `header__cart`. So the rule this file had for it was an
* addition the theme does not make, and it went with the others.
*
* 2. **The reset was redundant.** `frontend2.css` carries
* `body{margin:0;padding:0;width:100%}` and `*{box-sizing:border-box}`. The
* theme's pages look right with exactly these three stylesheets and nothing
* else, so shipping exactly them — and no reset of our own — reproduces the
* theme's rendering by construction rather than by approximation.
*
* 3. **One reset rule was actively breaking the header.** The old
* `html, body { max-width: 100vw; overflow-x: hidden }` (a create-next-app
* leftover) makes `body` a scroll container, and `position: sticky` resolves
* against its nearest scrolling ancestor. The theme's header is
* `.seo-header-pin { position: sticky; top: 0; z-index: 1000 }`, so that one
* declaration would have stopped the header pinning on every page — a bug
* that only shows up once the theme CSS is present to be broken, which is
* exactly why it had gone unnoticed. The theme sets no `overflow` on `body`
* at all.
*
* ## What is left, and why it cannot be dropped too
*
* Only the skip link and its focus target. `.site-header__skip` is this app's
* own class — it does not exist anywhere in the theme, because the theme has no
* skip link — so nothing upstream will ever style it.
*/
/* ---- Skip link ----------------------------------------------------------
Visually hidden until focused, which is the whole point of a skip link: it
must be reachable by keyboard and invisible otherwise. `clip-path` + a 1px box
rather than `display: none`, so it stays in the accessibility tree and remains
focusable. It is the first content in the built document, so without this it
renders as ordinary body text at the top of every page. */
.site-header__skip {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.site-header__skip:focus,
.site-header__skip:focus-visible {
position: static;
z-index: 1001;
width: auto;
height: auto;
margin: 0;
padding: var(--sp-xs) var(--sp-sm);
overflow: visible;
clip-path: none;
color: var(--c-white);
background: var(--c-primary);
font-size: var(--fs-small);
text-decoration: underline;
}
/* ---- Skip-link target ---------------------------------------------------
`` carries `tabIndex={-1}` (see app/layout.tsx) so activating
the skip link actually MOVES focus rather than only scrolling — without it the
fragment jump leaves focus on the link and the next Tab returns to the header.
`tabindex="-1"` makes an element focusable by script and by fragment
navigation, but never by tabbing, so it adds no stop of its own. Suppress the
focus ring on the container itself: the visible affordance the user needs is
the destination content, not an outline around the whole page body. */
#main:focus {
outline: none;
}
/* ---- Mobile drawer: the rule WordPress injects and the bundles do not -----
`functions-performance.php:1401` inlines
`.resp-menu,.resp-menu-backdrop{position:fixed;top:0;bottom:0;pointer-events:none;visibility:hidden}`
on every WordPress response. That inline block is NOT reproduced by the
linked bundles: measured across all 48 `.resp-menu` rule blocks in
frontend2.css, `visibility` and `pointer-events` appear on
`.resp-menu-backdrop` only. See src/theme-assets.ts.
Without these the drawer is merely pushed off-canvas by `right: -300px`
(`right: -100%` narrow) while staying VISIBLE and FOCUSABLE: its links stay in
the accessibility tree, keyboard users tab into an off-screen panel, and
tests/layout.spec.ts's `getByRole('link', { name: 'Find Your Size' })`
double-matches the drawer foot and fails Playwright's strict mode. So this is
correctness, not polish.
The release is ours too. frontend2.css restores the BACKDROP on open
(`body.menu-open .resp-menu-backdrop{opacity:1;pointer-events:auto;visibility:visible}`)
but never the drawer — it had no reason to, having never hidden it. Its
open-state rule for `.resp-menu` only slides the transform. */
.resp-menu {
visibility: hidden;
pointer-events: none;
}
body.menu-open .resp-menu {
visibility: visible;
pointer-events: auto;
}
/* The container takes programmatic focus on open (DrawerController); the ring
belongs on the controls inside it, not around the whole panel. The theme's
seo-nav.css carries the same rule for WordPress pages. */
.resp-menu:focus {
outline: none;
}
/* WordPress source: themes/cavallo/includes/functions-performance.php,
`mena-fouc-guards`. Keep an uninitialised Swiper from spilling horizontally
before its client-side layout is ready. */
.swiper:not(.swiper-initialized) {
overflow: hidden;
}
/* `pages/_single.scss` already has `.single-post .main p { overflow-wrap:
break-word }` — but `.single-post` is a WordPress `body_class()` class,
never applied to this app's , so that rule never matches here and a
post with an unbroken long token (a pasted URL, in the one that surfaced
this) overflows the viewport instead of wrapping. `.wp-block-paragraph` is
Gutenberg's own class and needs no ancestor, so it matches on every page
that renders post/page content through `RichText`, not just single posts. */
.wp-block-paragraph {
overflow-wrap: break-word;
}
/* Page-renderer spec §5.2: the passthrough wrapper must preserve the theme's
float-clearing behavior for a top-level core Group block. */
.wp-rendered > .wp-block-group {
clear: both;
}
/* WordPress source: themes/cavallo/resources/scss/blocks/_hero.scss:333-348.
The frontend route marker replaces WordPress's `body.home` selector. */
.route-home .hero .hero__video {
max-height: min(960px, calc(100vh - 115px));
}
@media (min-width: 640px) {
.route-home .hero .hero__video {
max-height: 960px;
}
}
@media (min-width: 768px) {
.route-home .hero .hero__video {
max-height: 960px;
}
}
@media (min-width: 1024px) {
.route-home .hero .hero__video {
height: min(960px, calc(100svh - 44px - 105.27px));
min-height: min(960px, calc(100svh - 44px - 105.27px));
max-height: min(960px, calc(100svh - 44px - 105.27px));
}
}
/* GENERATED from themes/cavallo/theme.json — do not edit by hand.
Regenerate with `npm run tokens`. */
:root {
--c-primary: #252525;
--c-red: #C8102E;
--c-dark-red: #991026;
--c-red-10: #D73535;
--c-gold: #D8B868;
--c-gray-1: #6B6B6B;
--c-gray-2: #e6e6e6;
--c-light-red-1: #F6F2F0;
--c-light-red-2: #DDD4D0;
--c-light-red-3: #B1A29A;
--c-taupe: #7A6A62;
--c-pale-silver: #CDC6C1;
--c-dark: #001923;
--c-dark-10: #494A58;
--c-dark-gray: #2E2E2F;
--c-black: #000000;
--c-white: #ffffff;
--fs-tiny: .75rem;
--fs-small: .875rem;
--fs-normal: 1rem;
--fs-large: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.317), 1.25rem);
--fs-x-large: clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.476), 1.5rem);
--fs-xx-large: clamp(1.325rem, 1.325rem + ((1vw - 0.2rem) * 0.54), 1.75rem);
--fs-huge: clamp(1.35rem, 1.35rem + ((1vw - 0.2rem) * 0.825), 2rem);
--fs-x-huge: clamp(1.5rem, 1.5rem + ((1vw - 0.2rem) * 1.905), 3rem);
--fs-xx-huge: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 2.222), 3.5rem);
--sp-gutter: var(--wp--custom--gutter);
--sp-xs: 0.5rem;
--sp-sm: 1rem;
--sp-md: 2rem;
--sp-lg: 3rem;
--sp-xl: 4rem;
--sp-xxl: 5rem;
--sp-max: 9.375rem;
--sp-gap: var(--wp--custom--block-gap);
/* settings.custom — referents for the spacing presets above. */
--wp--custom--shadow--default: 0px 0px 12.5px rgba(0, 0, 0, 0.07);
--wp--custom--shadow--sm: 0px 0px 6px rgba(0, 0, 0, 0.07);
--wp--custom--shadow--lg: 0px 0px 35px rgba(0, 0, 0, 0.07);
--wp--custom--wrapper: 1920px;
--wp--custom--gutter: 1.25rem;
--wp--custom--block-gap: 5.625rem;
}
/*
* Styles WordPress post content. HAND-WRITTEN — unlike tokens.css this file is
* not generated, but every value it uses comes from the generated custom
* properties, so it cannot drift from the theme independently of them.
*
* Scope: the ~350 classic posts have no wrapper class and no block markup of
* their own, so the frontend supplies `.prose` around the raw content HTML.
*
* Provenance of the rules below, measured 2026-08-18 against
* cavallo.seo.markroberts.io (14 posts sampled) and the theme's own
* assets/build/frontend2.css:
* - body colour/line-height -> body:not(.wp-admin){color:var(--color-primary);line-height:1.75}
* - heading treatment -> theme.json styles.elements.heading (weight 400, line-height 1.2)
* - block spacing -> theme.json styles.blocks.core/{paragraph,list,image} margin-bottom: sm
* - link colour -> .wp-block-group a:not(.wp-block-button__link){color:var(--color-red)}
* - elements present -> p, a, img, figure, figcaption, strong, em, h3-h6, ul/li, iframe
* - classes present -> wp-block-{paragraph,image,heading,embed}, wp-element-caption,
* alignleft/aligncenter/alignright, wp-caption, wp-caption-text, size-*
* `table` and `blockquote` were NOT seen in the 14-post sample; their rules are
* kept as cheap insurance for the remaining 336 posts.
*/
.prose {
color: var(--c-primary);
font-size: var(--fs-normal);
line-height: 1.75;
max-width: 68ch;
}
/* Floated alignleft/alignright images must not escape the content box. */
.prose::after {
content: '';
display: table;
clear: both;
}
.prose > * + * {
margin-block-start: var(--sp-sm);
}
/* theme.json styles.elements.heading */
.prose :is(h2, h3, h4, h5, h6) {
font-weight: 400;
line-height: 1.2;
margin-block-end: var(--sp-sm);
}
.prose h2 {
font-size: var(--fs-xx-large);
margin-block-start: var(--sp-lg);
}
.prose h3 {
font-size: var(--fs-x-large);
margin-block-start: var(--sp-md);
}
/* h4 is the most-used content heading in the sampled posts, and h5/h6 both
occur, so none of them may fall through to browser defaults. */
.prose h4 {
font-size: var(--fs-large);
margin-block-start: var(--sp-md);
}
.prose :is(h5, h6) {
font-size: var(--fs-normal);
margin-block-start: var(--sp-sm);
}
.prose a {
color: var(--c-red);
text-underline-offset: 0.15em;
}
.prose a:hover {
color: var(--c-dark-red);
}
.prose img {
max-width: 100%;
height: auto;
}
.prose figure {
margin-block: var(--sp-md);
}
.prose ul,
.prose ol {
padding-inline-start: var(--sp-md);
}
.prose li + li {
margin-block-start: var(--sp-xs);
}
.prose blockquote {
border-inline-start: 3px solid var(--c-gold);
padding-inline-start: var(--sp-sm);
font-style: italic;
}
.prose table {
width: 100%;
border-collapse: collapse;
margin-block: var(--sp-md);
}
.prose th,
.prose td {
border: 1px solid var(--c-gray-2);
padding: var(--sp-xs);
text-align: start;
}
.prose th {
background: var(--c-light-red-1);
font-weight: 600;
}
/* Captions: block editor emits figcaption/.wp-element-caption, the classic
editor emits .wp-caption-text. Padding from theme.json elements.caption. */
.prose figcaption,
.prose .wp-element-caption,
.prose .wp-caption-text {
font-size: var(--fs-small);
color: var(--c-gray-1);
padding-block: 0.2rem 0.4rem;
}
/* Classic-editor alignment classes — measured 13 alignleft, 8 aligncenter,
2 alignright across the sample. Nothing else styles these. */
.prose .alignleft {
float: left;
margin-inline-end: var(--sp-md);
margin-block-end: var(--sp-sm);
}
.prose .alignright {
float: right;
margin-inline-start: var(--sp-md);
margin-block-end: var(--sp-sm);
}
.prose .aligncenter {
display: block;
margin-inline: auto;
}
.prose .wp-caption {
max-width: 100%;
}
/* Embeds: bare iframes in classic posts, wp-block-embed in converted ones. */
.prose iframe {
max-width: 100%;
}
.prose .wp-embed-aspect-16-9 .wp-block-embed__wrapper {
aspect-ratio: 16 / 9;
}