/* Arendal Sound — bundled stylesheet. Same order WordPress used: core block styles + block CSS first, then the theme (which overrides them). Built by _tools/bundle.sh */
/* ===== WordPress core block styles ===== */
@charset "UTF-8";.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}: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}: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.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 .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}@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-cover{align-items:center;background-position:50%;box-sizing:border-box;display:flex;justify-content:center;min-height:430px;overflow:hidden;overflow:clip;padding:1em;position:relative}.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:var(--c-dark)}.wp-block-cover.has-background-dim:before{background-color:inherit;content:""}.wp-block-cover .wp-block-cover__background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0{opacity:0}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60{opacity:.6}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100{opacity:1}.wp-block-cover.alignleft{max-width:420px;width:100%}.wp-block-cover.aligncenter,.wp-block-cover.alignleft{display:flex}.wp-block-cover .wp-block-cover__inner-container{color:inherit;position:relative;width:100%}.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background{border:none;bottom:0;box-shadow:none;height:100%;left:0;margin:0;max-height:none;max-width:none;object-fit:cover;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}:where(.wp-block-cover:not(.has-text-color)){color:var(--c-light)}:where(.wp-block-cover.is-light:not(.has-text-color)){color:var(--c-dark)}:root :where(.wp-block-cover h1:not(.has-text-color)),:root :where(.wp-block-cover h2:not(.has-text-color)),:root :where(.wp-block-cover h3:not(.has-text-color)),:root :where(.wp-block-cover h4:not(.has-text-color)),:root :where(.wp-block-cover h5:not(.has-text-color)),:root :where(.wp-block-cover h6:not(.has-text-color)),:root :where(.wp-block-cover p:not(.has-text-color)){color:inherit}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__image-background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__video-background{z-index:0}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__gradient-background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient):before{z-index:1}.wp-block-embed.alignleft{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-height:240px;min-width:320px}.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-block-file{box-sizing:border-box}.wp-block-file:not(.wp-element-button){font-size:.8em}.wp-block-file.aligncenter{text-align:center}.wp-block-file *+.wp-block-file__button{margin-left:.75em}:where(.wp-block-file){margin-bottom:1.5em}:where(.wp-block-file__button){border-radius:2em;display:inline-block;padding:.5em 1em}:where(.wp-block-file__button):where(a):active,:where(.wp-block-file__button):where(a):focus,:where(.wp-block-file__button):where(a):hover,:where(.wp-block-file__button):where(a):visited{box-shadow:none;color:var(--c-light);opacity:.85;text-decoration:none}.blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:0 1em 1em 0;position:relative;width:calc(50% - 1em)}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure{align-items:flex-end;display:flex;height:100%;justify-content:flex-start;margin:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{display:block;height:auto;max-width:100%;width:auto}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{background:linear-gradient(0deg,#000000b3,#0000004d 70%,#0000);bottom:0;box-sizing:border-box;color:var(--c-light);font-size:.8em;margin:0;max-height:100%;overflow:auto;padding:3em .77em .7em;position:absolute;text-align:center;width:100%;z-index:2}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{flex-grow:1}.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img{flex:1;height:100%;object-fit:cover;width:100%}@media (min-width:600px){.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item{margin-right:1em;width:calc(25% - .75em)}.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item{margin-right:1em;width:calc(20% - .8em)}.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item{margin-right:1em;width:calc(14.28571% - .85714em)}.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n){margin-right:0}}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child{margin-right:0}.blocks-gallery-grid:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignleft{max-width:420px;width:100%}.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-gallery:not(.is-cropped) .blocks-gallery-item{align-self:flex-start}figure.wp-block-gallery.has-nested-images{align-items:normal}.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){margin:0;width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2)}.wp-block-gallery.has-nested-images figure.wp-block-image{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:100%;position:relative}.wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{flex-direction:column;flex-grow:1;margin:0}.wp-block-gallery.has-nested-images figure.wp-block-image img{display:block;height:auto;max-width:100%!important;width:auto}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{bottom:0;left:0;max-height:100%;position:absolute;right:0}.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{backdrop-filter:blur(3px);content:"";height:100%;-webkit-mask-image:linear-gradient(0deg,var(--c-dark) 20%,#0000);mask-image:linear-gradient(0deg,var(--c-dark) 20%,#0000);max-height:40%;pointer-events:none}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{box-sizing:border-box;color:var(--c-light);font-size:13px;margin:0;overflow:auto;padding:1em;text-align:center;text-shadow:0 0 1.5px var(--c-dark)}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar{height:12px;width:12px}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track{background-color:initial}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:initial;border:3px solid #0000;border-radius:8px}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb{background-color:#fffc}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{scrollbar-color:#0000 #0000;scrollbar-gutter:stable both-edges;scrollbar-width:thin}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover{scrollbar-color:#fffc #0000}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{will-change:transform}@media (hover:none){.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{scrollbar-color:#fffc #0000}}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{background:linear-gradient(0deg,#0006,#0000)}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{display:inline}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a{color:inherit}.wp-block-gallery.has-nested-images figcaption{flex-basis:100%;flex-grow:1;text-align:center}.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){margin-bottom:auto;margin-top:0}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image){align-self:inherit}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone){display:flex}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{flex:1 0 0%;height:100%;object-fit:cover;width:100%}@media (min-width:600px){.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image){width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75)}.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image){width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8)}.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image){width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image){width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{width:100%}}.wp-block-gallery.has-nested-images.alignleft{max-width:420px;width:100%}.wp-block-gallery.has-nested-images.aligncenter{justify-content:center}.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}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}.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.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.aligncenter,.wp-block-image.alignleft{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image figure{margin:0}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}.wp-block-media-text__media a{display:block}.wp-block-media-text__media img,.wp-block-media-text__media video{height:auto;max-width:unset;vertical-align:middle;width:100%}: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}.wp-block-pullquote{box-sizing:border-box;margin:0 0 1em;overflow-wrap:break-word;padding:4em 0;text-align:center}.wp-block-pullquote blockquote,.wp-block-pullquote p{color:inherit}.wp-block-pullquote blockquote{margin:0}.wp-block-pullquote p{margin-top:0}.wp-block-pullquote p:last-child{margin-bottom:0}.wp-block-pullquote.alignleft{max-width:420px}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote.has-text-align-left blockquote{text-align:left}.wp-block-pullquote.has-text-align-right blockquote{text-align:right}.wp-block-pullquote.has-text-align-center blockquote{text-align:center}.wp-block-pullquote :where(cite){color:inherit;display:block}.wp-block-quote{box-sizing:border-box}.wp-block-quote{overflow-wrap:break-word}.wp-block-quote>cite{display:block}.wp-block-separator{border:none;border-top:2px solid}.wp-block-spacer{clear:both}.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th{word-break:break-word}.wp-block-table.is-style-stripes{background-color:initial;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:color-mix(in srgb, var(--c-light) 95%, var(--c-dark))}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:#0000}.wp-block-table.is-style-stripes{border-bottom:1px solid color-mix(in srgb, var(--c-light) 95%, var(--c-dark))}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit}.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}.wp-element-button{cursor:pointer}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}.aligncenter{clear:both}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:color-mix(in srgb, var(--c-light) 90%, var(--c-dark));clip-path:none;color:var(--c-card);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([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}
/* == wp-block-library-inline-css == */
.wp-element-button{cursor:pointer}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}.aligncenter{clear:both}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:color-mix(in srgb, var(--c-light) 90%, var(--c-dark));clip-path:none;color:var(--c-card);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([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}

/*# sourceURL=wp-block-library-inline-css */

/* == global-styles-inline-css == */
:root{--wp--preset--color--black: var(--c-dark);--wp--preset--color--white: var(--c-light);--wp--preset--color--black-ish: var(--c-raised);--wp--preset--color--white-ish: var(--c-light);--wp--preset--color--1610-color-2: var(--c-accent);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}:where(.is-layout-flex){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}
/*# sourceURL=global-styles-inline-css */

/* == classic-theme-styles-inline-css == */
/*! This file is auto-generated */
.wp-block-button__link{color:var(--c-light);background-color:var(--c-card);border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:var(--c-card);color:var(--c-light);text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */

/* == wp-img-auto-sizes-contain-inline-css == */
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */

/* == fsb-flexible-spacer-style-inline-css == */
@media screen and (min-width:1025px){.fsb-flexible-spacer__device--md,.fsb-flexible-spacer__device--sm{display:none;}}@media screen and (min-width:600px) and (max-width:1024px){.fsb-flexible-spacer__device--lg,.fsb-flexible-spacer__device--sm{display:none;}}@media screen and (max-width:599px){.fsb-flexible-spacer__device--lg,.fsb-flexible-spacer__device--md{display:none;}}
/*# sourceURL=fsb-flexible-spacer-style-inline-css */

/* ===== plugin libs ===== */
/* -- baguetteBox.min.css -- */
/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.12.0
 * @url https://github.com/feimosi/baguetteBox.js
 */#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:var(--c-card);background-color:color-mix(in srgb, var(--c-dark) 80%, transparent);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px color-mix(in srgb, var(--c-dark) 60%, transparent);-moz-box-shadow:0 0 8px color-mix(in srgb, var(--c-dark) 60%, transparent);box-shadow:0 0 8px color-mix(in srgb, var(--c-dark) 60%, transparent)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:color-mix(in srgb, var(--c-light) 80%, var(--c-dark));background-color:var(--c-dark);background-color:color-mix(in srgb, var(--c-dark) 60%, transparent);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:var(--c-card);background-color:color-mix(in srgb, var(--c-card) 50%, transparent);color:color-mix(in srgb, var(--c-light) 90%, var(--c-dark));font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:color-mix(in srgb, var(--c-card) 90%, transparent)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:var(--c-light);opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
/* -- cart-sidebar.css -- */
/* Slide-in panel that hosts the store product sidebar / cart in an iframe. */

.as-store-overlay {
	position: fixed;
	inset: 0;
	background: color-mix(in srgb, var(--c-dark) 50%, transparent);
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 100000;
}
.as-store-overlay.is-visible {
	opacity: 1;
}

.as-store-panel {
	position: fixed;
	/* Sit below the host site's fixed header so its top row of content is
	   visible. When the host header hides on scroll (body gets .nav-up),
	   reclaim that space. */
	top: 80px;
	right: 0;
	height: calc(100% - 80px);
	width: 520px;
	max-width: 100%;
	background: var(--c-light);
	box-shadow: -4px 0 24px color-mix(in srgb, var(--c-dark) 18%, transparent);
	transform: translateX(100%);
	transition: transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1), top 0.2s ease, height 0.2s ease;
	z-index: 100001;
	display: flex;
	flex-direction: column;
}
.as-store-panel.is-open {
	transform: translateX(0);
}
body.nav-up .as-store-panel {
	top: 0;
	height: 100%;
}

/* Hide the close button while the panel is closed — it lives at left:-52px
   relative to the panel, which would otherwise leave it peeking at the right
   edge of the viewport even when the panel is offscreen. */
.as-store-panel:not(.is-open) .as-store-panel__close {
	display: none;
}

.as-store-panel__close {
	position: absolute;
	/* Now that the panel itself sits below the host header, the close button
	   only needs a small inset from the top of the panel. */
	top: 8px;
	left: -52px;
	right: auto;
	z-index: 3;
	/* The host theme sets a min-width on <button> — override hard. */
	width: 40px !important;
	min-width: 0 !important;
	max-width: 40px !important;
	height: 40px !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: 0;
	border-radius: 50%;
	background: var(--c-light);
	box-shadow: 0 4px 12px color-mix(in srgb, var(--c-dark) 18%, transparent);
	font-size: 22px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	color: var(--c-dark);
	transition: none;
}
/* Explicitly no hover effect, per spec. */
.as-store-panel__close:hover,
.as-store-panel__close:focus,
.as-store-panel__close:active {
	background: var(--c-light);
	color: var(--c-dark);
	opacity: 1;
	box-shadow: 0 4px 12px color-mix(in srgb, var(--c-dark) 18%, transparent);
	outline: none;
}

@media (max-width: 600px) {
	/* On mobile the panel is full-width — there's no space to the left of it
	   for the floating button, so put it inside at top-right. */
	.as-store-panel__close {
		left: auto;
		right: 8px;
		top: 8px;
	}
}

.as-store-panel__frame {
	flex: 1 1 auto;
	position: relative;
	height: 100%;
}

.as-store-panel__iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
	opacity: 0;
	transition: opacity 0.25s ease;
}
.as-store-panel__iframe.is-ready {
	opacity: 1;
}

/* ---- Loading skeleton (shown while the embed loads) ---- */
.as-store-panel__skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	display: none;
	flex-direction: column;
	gap: 18px;
	padding: 28px 24px;
	pointer-events: none;
}
.as-store-panel.is-loading .as-store-panel__skeleton {
	display: flex;
}

.as-skel {
	display: block;
	border-radius: 4px;
	background: linear-gradient(90deg, color-mix(in srgb, var(--c-light) 95%, var(--c-dark)) 25%, var(--c-light) 37%, color-mix(in srgb, var(--c-light) 95%, var(--c-dark)) 63%);
	background-size: 400% 100%;
	animation: as-skel-shimmer 1.3s ease infinite;
}
.as-skel--title    { height: 34px; width: 70%; }
.as-skel--line     { height: 14px; width: 45%; }
.as-skel--swatches { height: 40px; width: 110px; border-radius: 20px; }
.as-skel--price    { height: 30px; width: 38%; }
.as-skel--block    { height: 80px; width: 100%; border-radius: 8px; }
.as-skel--block-tall { height: 160px; }
.as-skel--btn      { height: 52px; width: 100%; border-radius: 4px; margin-top: 6px; }

@keyframes as-skel-shimmer {
	0%   { background-position: 100% 50%; }
	100% { background-position: 0 50%; }
}

/* The Trustpilot reviews modal (theme's #modal_info) must appear above the
   panel when opened from inside it. */
body.as-store-panel-open #body_overlay.active {
	z-index: 100002;
}
body.as-store-panel-open #modal_info.active {
	z-index: 100003;
}

body.as-store-panel-open {
	overflow: hidden;
}

/* Cart icon in the header */

@media (max-width: 600px) {
	.as-store-panel { width: 100%; }
}

/* -- swiffy.min.css -- */
.swiffy-slider{position:relative;display:block;width:100%;--swiffy-slider-snap-align:center;--swiffy-slider-item-width:100%;--swiffy-slider-item-gap:1rem;--swiffy-slider-item-reveal:0rem;--swiffy-slider-item-count:1;--swiffy-slider-nav-light:var(--c-light);--swiffy-slider-nav-zoom:1;--swiffy-slider-track-opacity:0.1;--swiffy-slider-track-height:0;--swiffy-slider-animation-duration:.75s;--swiffy-slider-animation-delay:0s;--swiffy-slider-animation-timing:ease-in-out}.swiffy-slider,.swiffy-slider::after,.swiffy-slider::before{box-sizing:border-box}.swiffy-slider ::-webkit-scrollbar{height:var(--swiffy-slider-track-height)}.swiffy-slider ::-webkit-scrollbar-track{background:color-mix(in srgb, var(--c-dark) calc(var(--swiffy-slider-track-opacity) * 100%), transparent)}.swiffy-slider ::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--c-dark) 40%, transparent);border-radius:1rem}.swiffy-slider ::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--c-dark) 60%, transparent)}.slider-container{--swiffy-slider-item-gap-totalwidth:calc(var(--swiffy-slider-item-gap) * (var(--swiffy-slider-item-count) - 1));--swiffy-slider-item-width:calc((100% - var(--swiffy-slider-item-reveal) - var(--swiffy-slider-item-gap-totalwidth)) / var(--swiffy-slider-item-count));overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-behavior:smooth;display:grid;align-items:center;height:100%;grid:auto/auto-flow -webkit-max-content;grid:auto/auto-flow max-content;grid-auto-rows:100%;grid-auto-columns:var(--swiffy-slider-item-width);grid-auto-flow:column;grid-gap:var(--swiffy-slider-item-gap);list-style:none;margin:0;padding:0;scrollbar-width:none;scrollbar-color:color-mix(in srgb, var(--c-dark) 40%, transparent) color-mix(in srgb, var(--c-dark) calc(var(--swiffy-slider-track-opacity) * 100%), transparent);background-clip:padding-box}.slider-container>*{scroll-snap-align:var(--swiffy-slider-snap-align);position:relative;width:100%;height:100%}.slider-nav-nodelay .slider-container{scroll-behavior:auto}.slider-indicators{position:absolute;right:2rem;bottom:0;left:2rem;display:flex;justify-content:center;padding:0;margin-bottom:1rem;list-style:none}.slider-indicators>.active{opacity:1}.slider-indicators>*{box-sizing:content-box;flex:0 1 auto;width:2rem;height:.2rem;padding:0;border:.4rem solid transparent;cursor:pointer;background-color:var(--c-light);background-clip:padding-box;opacity:.5;transition:opacity .4s ease}.slider-nav{position:absolute;top:0;left:0;bottom:0;border:0;background-color:transparent;cursor:pointer;padding:0;visibility:hidden;opacity:.8;transition:visibility .1s,opacity .2s linear;margin-bottom:var(--swiffy-slider-track-height);display:flex;align-items:center;padding:0 .5rem;-webkit-filter:drop-shadow(0 0 .5rem color-mix(in srgb, var(--c-dark) 50%, transparent));filter:drop-shadow(0 0 .5rem color-mix(in srgb, var(--c-dark) 50%, transparent));transform:scale(var(--swiffy-slider-nav-zoom))}.slider-nav::before{position:absolute;content:"";padding:.5rem;width:3rem;height:3rem}.slider-nav::after{content:"";-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'></path></svg>");-webkit-mask-size:cover;mask-size:cover;background-color:var(--swiffy-slider-nav-light);background-origin:content-box;width:3rem;height:3rem}.swiffy-slider:hover .slider-nav{visibility:visible}.swiffy-slider.slider-nav-autohide.slider-item-first-visible .slider-nav:not(.slider-nav-next){visibility:hidden}.swiffy-slider.slider-nav-autohide.slider-item-last-visible .slider-nav.slider-nav-next{visibility:hidden}.swiffy-slider .slider-nav:hover{opacity:1}.slider-nav.slider-nav-next::after{transform:rotate(180deg)}.slider-nav.slider-nav-next{right:0;left:unset}.slider-nav-visible .slider-nav{visibility:visible}.slider-nav-mousedrag .slider-container{cursor:-webkit-grab;cursor:grab}.slider-nav-mousedrag.dragging .slider-container{-ms-scroll-snap-type:unset;scroll-snap-type:unset;scroll-behavior:unset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider-nav-mousedrag.dragging .slider-nav{visibility:hidden}@media (hover:hover){.slider-nav-mousedrag .slider-container::after{content:"";position:absolute;width:100%;height:100%}}@media (prefers-reduced-motion:no-preference){.slider-nav-animation .slider-container>*>*{transition:opacity var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing),transform var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing);transition-delay:var(--swiffy-slider-animation-delay)}.slider-nav-animation .slider-container .slide-visible>*{transition:opacity var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing),transform var(--swiffy-slider-animation-duration) var(--swiffy-slider-animation-timing);transition-delay:var(--swiffy-slider-animation-delay)}.slider-nav-animation .slider-container>.slide-visible>*{opacity:1;transform:none}}@media (max-width:62rem){.swiffy-slider{--swiffy-slider-track-height:0rem;--swiffy-slider-item-reveal:0rem;--swiffy-slider-item-count:1;--swiffy-slider-nav-zoom:.875}.slider-nav::after,.slider-nav::before{width:2rem;height:2rem;padding:.3rem}.slider-indicators{margin-bottom:.5rem;display:none}.slider-indicators>*{width:1rem;height:.125rem;border-width:.25rem}}
/*# sourceMappingURL=swiffy-slider.min.css.map */
/* -- wp-video-popup.css -- */
.wp-video-popup-wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;background:color-mix(in srgb, var(--c-dark) 88%, transparent);z-index:8888888}.wp-video-popup-video{display:none;z-index:8888889}.wp-video-popup-video.is-landscape{width:90%;height:auto;max-width:1200px;max-height:90%}.wp-video-popup-close{background-image:url(../img/wp-video-popup-close.png);background-size:15px auto;background-repeat:no-repeat;background-position:center center;position:absolute;right:0;top:0;height:60px;text-align:center;width:60px;cursor:pointer;z-index:9999999;-moz-transition:opacity 0.25s;-o-transition:opacity 0.25s;-webkit-transition:opacity 0.25s;transition:opacity 0.25s}.wp-video-popup-close:hover{opacity:0.7}.wp-video-popup{cursor:pointer}

/* ===== blocks ===== */
/* -- acf-ambassadors.css -- */
.asblock_ambassadors_slider {
  color: var(--c-light);
}

.asblock_ambassadors_slider .intro{
  font-size: 28px;
}

.asblock_ambassadors_slider .container {
  position: relative;
  padding: 0;
}

/* Slider Wrapper */
.asblock_ambassadors_slider__wrapper {
  position: relative;
  margin-bottom: 60px;
}

/* Grid Layout - Static display of 4 items */
.asblock_ambassadors_slider__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 50px;
}

/* Phones: a swipe carousel, the same as the product lineup (.pl__list) — cards bleed to the
   screen edge and snap to the gutter. The parent must pad by --gutter for the bleed to line up. */
@media (max-width: 767px){
  .asblock_ambassadors_slider__grid {
    display: flex;
    gap: var(--s-4);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--gutter);
    margin: 0 calc(-1 * var(--gutter));
    padding: 0 var(--gutter) var(--s-4);
    scrollbar-width: thin;
  }
  .asblock_ambassadors_slider__grid > .as-ambassador-card {
    flex: 0 0 64vw;
    height: auto;
    scroll-snap-align: start;
  }
  .asblock_ambassadors_slider__wrapper {
    margin-bottom: var(--s-6);
  }
}

/* Ambassador Card */
.as-ambassador-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: var(--c-light);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.as-ambassador-card:after{
  display: none;
}

.as-ambassador-card:hover {
  text-decoration: none;
  color: var(--c-light);
  transform: translateY(-8px);
}

.as-ambassador-card__image {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--c-card);
  position: relative;
}

.as-ambassador-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.4s ease;
}

.as-ambassador-card:hover .as-ambassador-card__image img {
  transform: scale(1.05);
}

.as-ambassador-card__content {
  padding-top: 25px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.as-ambassador-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 12px;
}

.as-ambassador-card__name {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
  flex-grow: 1;
}

.as-ambassador-card__description {
  margin: 0 0 auto;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/*@media (max-width:576px){
  .as-ambassador-card__description {
    margin: 0 0 auto;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    font-size: 16px;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}*/

/* "Find an Ambassador" band (homepage, product pages) on phones: the outer band, its inner
   container and the alignwide panel each added side padding (only ~200px was left for the
   cards). Keep one gutter, so the carousel above bleeds to the screen edge. */
@media (max-width: 767px){
  main > .wp-block-group:has(> .wp-block-group__inner-container > .alignwide > .wp-block-group__inner-container > .asblock_ambassadors_slider) {
    /* !important: colors.css pads coloured bands with a ten-part :not() selector */
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  main > .wp-block-group:has(> .wp-block-group__inner-container > .alignwide > .wp-block-group__inner-container > .asblock_ambassadors_slider) > .wp-block-group__inner-container {
    padding-left: 0;
    padding-right: 0;
  }
  .wp-block-group.alignwide:has(> .wp-block-group__inner-container > .asblock_ambassadors_slider) {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: var(--gutter);
    padding-right: var(--gutter);
  }
}

/* -- acf-as_customer_reviews.css -- */
/* automatic/manual light mode */
:root {
  --black: var(--c-dark);
  --white: var(--c-light);
  --root-d-0: var(--fg);
  --root-l-0: var(--bg);
}
.trust-reviews {
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
@media (min-width: 768px) {
  .trust-reviews {
    margin-top: 12px;
  }
}
.trust-reviews__star {
  position: relative;
  width: 25px;
  height: 25px;
  background-color: var(--c-success);
}
.trust-reviews__star::before {
  position: absolute;
  top: calc(50% - 9px);
  right: calc(50% - 9px);
  line-height: 18px;
  display: inline-block;
  width: 18px;
  height: 18px;
  content: "";
  background: var(--white);
  color: var(--white);
  background-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-image: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.31322 14.162L13.1716 13.1288L14.7837 18.3784L9.31322 14.162ZM18.1929 7.3766H11.401L9.31322 0.619141L7.22546 7.3766H0.433594L5.93051 11.5651L3.84274 18.3226L9.33965 14.134L12.7224 11.5651L18.1929 7.3766Z" fill="currentColor"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.31322 14.162L13.1716 13.1288L14.7837 18.3784L9.31322 14.162ZM18.1929 7.3766H11.401L9.31322 0.619141L7.22546 7.3766H0.433594L5.93051 11.5651L3.84274 18.3226L9.33965 14.134L12.7224 11.5651L18.1929 7.3766Z" fill="currentColor"/></svg>');
}
.trust-reviews > p {
  padding-left: 20px;
  font-size: 14px;
  line-height: 24px;
}
.trust-reviews > p span {
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
}
.asblock_customer_reviews h2,
.asblock_customer_reviews p {
  color: var(--root-d-0);
}
.asblock_customer_reviews .slider-nav {
  display: none;
}
@media (min-width: 992px) {
  .asblock_customer_reviews .slider-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.asblock_customer_reviews .slider-nav:hover {
  background: transparent;
}
.asblock_customer_reviews .slider-nav::before {
  background: var(--white);
  border-radius: 100%;
  width: 35px;
  height: 2rem;
  padding: 20px;
}
.asblock_customer_reviews .slider-nav::after {
  width: 2rem;
  height: 2rem;
  line-height: 12px;
  width: 35px;
  content: "";
  font-size: 16px;
  background: var(--black);
  color: var(--black);
  background-size: 100% 100%;
  -webkit-mask-size: 20px 20px;
  mask-size: 16px 16px;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.asblock_customer_reviews .slider-nav-next {
  display: none;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 576px) {
  .asblock_customer_reviews .slider-nav-next {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (min-width: 992px) {
  .asblock_customer_reviews .slider-nav-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.asblock_customer_reviews .slider-nav-next::after {
  margin-right: 0 !important;
  left: 0 !important;
  line-height: 12px;
  width: 35px;
  content: "";
  font-size: 16px;
  background: var(--black);
  color: var(--black);
  background-size: 100% 100%;
  -webkit-mask-size: 20px 20px;
  mask-size: 16px 16px;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
@media (min-width: 576px) {
  .asblock_customer_reviews .slider-nav-next::after {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 35px;
    height: 2rem;
    position: relative;
  }
}
.asblock_customer_reviews h2 {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 32px;
  text-align: center;
}
@media (min-width: 1200px) {
  .asblock_customer_reviews h2 {
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 60px;
  }
}
.asblock_customer_reviews p {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
}
@media (min-width: 768px) {
  .asblock_customer_reviews p {
    line-height: 20px;
  }
}
.asblock_customer_reviews .container {
  max-width: 100%;
  width: 100%;
  padding: 0;
}
.asblock_customer_reviews .column > *:last-child {
  margin-bottom: 0;
}
.asblock_customer_reviews__content-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 32px 20px;
}
@media (min-width: 768px) {
  .asblock_customer_reviews__content-wrapper {
    padding: 44px 20px;
  }
}
.asblock_customer_reviews__box {
  background-color: var(--root-l-0);
  padding: 0;
  padding-bottom: 100%;
  margin: 0;
  height: auto !important;
}
.asblock_customer_reviews__box h4 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .asblock_customer_reviews__box h4 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}
.asblock_customer_reviews__box:first-child .asblock_customer_reviews__content,
.asblock_customer_reviews__box:first-child .asblock_customer_reviews__content-bottom {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.asblock_customer_reviews__box:first-child .trust-reviews {
  margin-bottom: 4px;
}
.asblock_customer_reviews__box:first-child .trust-reviews__star::before {
  top: calc(50% - 6.5px);
  right: calc(50% - 7px);
}
@media (min-width: 1200px) {
  .asblock_customer_reviews__box:first-child .trust-reviews__star::before {
    top: calc(50% - 7px);
    right: calc(50% - 7px);
  }
}
@media (min-width: 768px) {
  .asblock_customer_reviews__box:not(:first-child) .asblock_customer_reviews__content-bottom {
    padding-top: 12px;
  }
}
@media (min-width: 768px) {
  .asblock_customer_reviews__box:not(:first-child) .asblock_customer_reviews__content-bottom::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 1px;
    background-color: var(--root-d-0);
  }
}
.asblock_customer_reviews__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.asblock_customer_reviews__content-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
.asblock_customer_reviews__content-bottom span {
  font-family: 'Lora', serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}
.asblock_customer_reviews__trust-logo {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAkCAYAAAB2UT9CAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQ3SURBVHgB7Zi9bhtHEMf/e5STuAqTF9CqCpAUIZ/ApyJAkCKhEgRQ52Mp2QGozp3kJ6BdCEYqUV2CiIhcpsq5iytFXdKIq87uqM4fENc73FndmrwT7yj5e3/A6E57uzt7M7szwwMCgUAgEAgEAoFAIPB2IrdbDQQunahMJ9ldlULUughcOqUcgI+exeZvLLutOj5MGiyOjpGtiba5WCjVKxLXoc31SpSYv3dQHRrzw4w+92Ff7G0jNvI33zeN/Au7zkUjiv+fm5knYBx+9HgREJGYZcQi6OTIGfIpXi2xEc1SBTKwYhlifhLWPfAbZ4cgG34c84ahxIhgWfbal7z2ds44ieo4Z89DncWHjL7EojAbmTNHIeMQJO+1ZHEXDj9nI6KO6d/L7foEQ7Wxf5FdQkc9NnLbyHXYlyHnuBWQ81K+V7BhgBzX4747PN5BoW8DNl5veu2adaSsU/F9ws9p169wu0S2a89zQod11L052nzdQqZfsv7xujkHLJgwo3dQYueImtiErm1OP9EP9CejBBc7po5NVIcMKWGdcQzrQDLKCawRUmTO2cXLsZvGtWDz0NewyZXssYxyJEZclfgANpw2eE3NCf1D1qOo89gBam0vlfdWl4V+vsULr4QYiY2jm/15knMRtGB6+bLOlMg2z10eT0JGpR25z3PF3Cfha+zNQYZSyJJujPKhzG0YOm3ODm6ODksdmQMSN/AsB6i139RgvZ8IiA2URiuto+bRzb3LND5BO6TKSVLIQtOfsLuXXti9fNk5wPM43WXKTD/npF77fb6eW7hMJeGj9b07WlyZmXBMZXRXXx011Y0/LlSGXSIUUym0kEESWCccYL5a/YSvZZKp32dYcF9IbhVEp0FrfTt3hMbQPGsf3eh3VPtCCbcKTk+RQVw77fbPYMMJhR2JLDaXheZa5HtVor9vA+ndO8cfnze4sAw1oag13WoSbXTaRDRKTTkq8fpwO/IasoS56D2nlx2w0HOXAwjnnOFE/0lndnisi+cKL4eUIoZevy7PHSMLPT2vH1jHmf5cB4xrfTEZu/ShFhiIUe1A6NpAfFzbwevD5RgyEhmZ4rxv0BRZ+HGO2OJn7iQrb8wBpnNDl8e59l2Up83zN3huV5FRRdTz1jilv5Y3W/37L1eFcCfAJFoRraj1/q3Pv/uqaRzzrW1Gvf7NF78O//rvCapzwotLQb8eMqjmP+R25bX/A3uUT/g5FQoPvb6PYEPOMctjnn8N2e4kPb+zjv+5P5Hwdcl7RvP3PP1Pc9b70NPtSstDb43k+FveHHn6lUAOS9s/7dMJMA/3R1dP236sl9s/N4QY0Q6U+lQsq1/2Ury7xMi+8wi8AaZCEH9quDau7df7K5OJlqoeUyVRjb6LhVHl3wyBGdAOP//ThN/3x+Qd/0RNMTtFuWQbCAQCgUAgEAgEAoH3gRf3DUSzmb1/HQAAAABJRU5ErkJggg==) no-repeat left center;
  width: 96px;
  height: 23px;
  display: block;
}
@media (min-width: 768px) {
  .asblock_customer_reviews__trust-logo {
    height: 36px;
  }
}
.asblock_customer_reviews__description {
  font-size: 12px;
  line-height: 20px;
}
.asblock_customer_reviews__reviews-stats span {
  font-weight: 700;
}
.asblock_customer_reviews .trust-reviews {
  margin: 0;
  margin-bottom: 12px;
}
.asblock_customer_reviews .trust-reviews__star {
  width: 17px;
  height: 17px;
}
@media (min-width: 1200px) {
  .asblock_customer_reviews .trust-reviews__star {
    width: 20px;
    height: 20px;
  }
}
.asblock_customer_reviews .trust-reviews__star::before {
  top: calc(50% - 6px);
  right: calc(50% - 6px);
  line-height: 12px;
  width: 12px;
  height: 12px;
  -webkit-mask-size: 12px 12px;
  mask-size: 12px 12px;
}
@media (min-width: 1200px) {
  .asblock_customer_reviews .trust-reviews__star::before {
    top: calc(50% - 7px);
    right: calc(50% - 7px);
    line-height: 14px;
    width: 14px;
    height: 14px;
    -webkit-mask-size: 14px 14px;
    mask-size: 14px 14px;
  }
}
.asblock_customer_reviews .swiffy-slider {
  --swiffy-slider-item-count: 1;
  --swiffy-slider-item-reveal: 40%;
  --swiffy-slider-item-gap: 15px;
  width: 100%;
  margin-bottom: 32px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .asblock_customer_reviews .swiffy-slider {
    --swiffy-slider-item-count: 2;
    --swiffy-slider-item-reveal: 20%;
    width: calc(100% - ((100vw - 540px) / 2) - 8px);
    margin-left: auto;
    padding-left: 0px;
  }
}
@media (min-width: 768px) {
  .asblock_customer_reviews .swiffy-slider {
    --swiffy-slider-item-gap: 15px;
    --swiffy-slider-item-reveal: 40%;
    width: calc(100% - ((100vw - 728px) / 2) - 8px);
    padding-left: 0px;
  }
}
@media (min-width: 992px) {
  .asblock_customer_reviews .swiffy-slider {
    --swiffy-slider-item-count: 3;
    width: calc(100% - ((100vw - 960px) / 2) - 8px);
    padding-left: 0px;
  }
}
@media (min-width: 1200px) {
  .asblock_customer_reviews .swiffy-slider {
    --swiffy-slider-item-count: 4;
    --swiffy-slider-item-reveal: 0%;
    --swiffy-slider-item-gap: 28px;
    width: calc(100% - ((100vw - 1140px) / 2) - 8px);
    margin-bottom: 40px;
    padding-left: 0px;
  }
}
@media (min-width: 1500px) {
  .asblock_customer_reviews .swiffy-slider {
    --swiffy-slider-item-count: 5;
    width: calc(100% - ((100vw - 1440px) / 2) - 8px);
    padding-left: 0px;
  }
}
@media (min-width: 1700px) {
  .asblock_customer_reviews .swiffy-slider {
    --swiffy-slider-item-count: 6;
  }
}

/* -- acf-as_faq.css -- */
.accordion .accordion-item {
    margin-bottom: 15px;
    border-bottom: 1px solid color-mix(in srgb, var(--c-light) 95%, var(--c-dark));
}

.accordion .accordion-title {
    cursor: pointer;
    padding: 0px 10px 5px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-family: var(--font-body);
    text-transform: none;
    font-size: 16px;
    line-height: 28px;
}

.accordion .accordion-content {
    display: none;
    padding: 0px 10px 30px 10px;
}

.accordion .accordion-content.open {
    display: block;
}

.accordion .accordion-title::after {
    content: '\25BC';
    font-size: 12px;
    margin-left: 10px;
    transition: transform 0.3s ease;
    transform-origin: center;
}

.accordion .accordion-title.open::after {
    transform: rotate(180deg);
}

/* -- acf-as_hero.css -- */
/* automatic/manual light mode */
:root {
  --black: var(--c-dark);
  --white: var(--c-light);
  --root-d-0: var(--fg);
  --root-l-0: var(--bg);
}
.as-gradient__line.as-gradient--full {
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .as-gradient__line.as-gradient--full {
    margin-bottom: 12px;
  }
}
.as-gradient__line.as-gradient--full.gradienttransparent {
  margin-bottom: 0px;
}
.as-gradient__line.as-gradient--full::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -8px;
  background: var(--root-d-0);
  height: 8px;
  width: 100%;
  display: none;
}
@media (min-width: 768px) {
  .as-gradient__line.as-gradient--full::after {
    bottom: -12px;
    height: 12px;
  }
}
.as-gradient__line.as-gradient--full.gradient1723::after,
.as-gradient__line.as-gradient--full.gradient1961::after,
.as-gradient__line.as-gradient--full.gradient1723s::after {
  display: block;
}
.as-gradient__line.as-gradient--full.gradient1723::after {
  background: -webkit-gradient(linear, left top, right top, from(var(--c-card)), color-stop(50.52%, var(--c-card)), color-stop(96.87%, var(--c-accent)));
  background: linear-gradient(90deg, var(--c-card) 0%, var(--c-card) 50.52%, var(--c-accent) 96.87%);
}
.as-gradient__line.as-gradient--full.gradient1961::after {
  background: -webkit-gradient(linear, left top, right top, from(var(--c-card)), color-stop(34.7%, var(--c-card)), color-stop(64.61%, var(--c-accent)), to(var(--c-success)));
  background: linear-gradient(90deg, var(--c-card) 0%, var(--c-card) 34.7%, var(--c-accent) 64.61%, var(--c-success) 100%);
}
.as-gradient__line.as-gradient--full.gradient1723s::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(7.89%, var(--c-danger)), color-stop(28.69%, var(--c-accent)), color-stop(46.57%, var(--c-danger)), color-stop(65.75%, var(--c-danger)), color-stop(83.33%, var(--c-danger)), to(var(--c-raised)));
  background: linear-gradient(90deg, var(--c-danger) 7.89%, var(--c-accent) 28.69%, var(--c-danger) 46.57%, var(--c-danger) 65.75%, var(--c-danger) 83.33%, var(--c-raised) 100%);
}
/*.as-gradient__line.as-gradient--boxed.gradient1723 .container::after,
.as-gradient__line.as-gradient--boxed.gradient1961 .container::after,
.as-gradient__line.as-gradient--boxed.gradient1723s .container::after {
  display: block;
}
.as-gradient__line.as-gradient--boxed.gradient1723 .container::after {
  background: -webkit-gradient(linear, left top, right top, from(var(--c-card)), color-stop(50.52%, var(--c-card)), color-stop(96.87%, var(--c-accent)));
  background: linear-gradient(90deg, var(--c-card) 0%, var(--c-card) 50.52%, var(--c-accent) 96.87%);
}
.as-gradient__line.as-gradient--boxed.gradient1961 .container::after {
  background: -webkit-gradient(linear, left top, right top, from(var(--c-card)), color-stop(34.7%, var(--c-card)), color-stop(64.61%, var(--c-accent)), to(var(--c-success)));
  background: linear-gradient(90deg, var(--c-card) 0%, var(--c-card) 34.7%, var(--c-accent) 64.61%, var(--c-success) 100%);
}
.as-gradient__line.as-gradient--boxed.gradient1723s .container::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(7.89%, var(--c-danger)), color-stop(28.69%, var(--c-accent)), color-stop(46.57%, var(--c-danger)), color-stop(65.75%, var(--c-danger)), color-stop(83.33%, var(--c-danger)), to(var(--c-raised)));
  background: linear-gradient(90deg, var(--c-danger) 7.89%, var(--c-accent) 28.69%, var(--c-danger) 46.57%, var(--c-danger) 65.75%, var(--c-danger) 83.33%, var(--c-raised) 100%);
}
.as-gradient__bkg.gradient1723 {
  background: -webkit-gradient(linear, left top, right top, from(var(--c-card)), color-stop(50.52%, var(--c-card)), color-stop(96.87%, var(--c-accent)));
  background: linear-gradient(90deg, var(--c-card) 0%, var(--c-card) 50.52%, var(--c-accent) 96.87%);
}
.as-gradient__bkg.gradient1961 {
  background: -webkit-gradient(linear, left top, right top, from(var(--c-card)), color-stop(34.7%, var(--c-card)), color-stop(64.61%, var(--c-accent)), to(var(--c-success)));
  background: linear-gradient(90deg, var(--c-card) 0%, var(--c-card) 34.7%, var(--c-accent) 64.61%, var(--c-success) 100%);
}
.as-gradient__bkg.gradient1723s {
  background: -webkit-gradient(linear, left top, right top, color-stop(7.89%, var(--c-danger)), color-stop(28.69%, var(--c-accent)), color-stop(46.57%, var(--c-danger)), color-stop(65.75%, var(--c-danger)), color-stop(83.33%, var(--c-danger)), to(var(--c-raised)));
  background: linear-gradient(90deg, var(--c-danger) 7.89%, var(--c-accent) 28.69%, var(--c-danger) 46.57%, var(--c-danger) 65.75%, var(--c-danger) 83.33%, var(--c-raised) 100%);
}
*/
.as_button {
  padding: 0 20px !important;
  height: 44px;
  line-height: 44px !important;
  display: inline-block;
}
.as_button.white {
  color: var(--black);
  background: var(--white);
}
.as_button.white:hover {
  color: var(--black);
  background: var(--white);
}
@media (min-width: 1200px) {
  .as_button.large {
    padding: 0 60px !important;
  }
}
.asblock_hero {
  position: relative;
}
.asblock_hero h1,
.asblock_hero p {
  color: var(--white);
  margin: 0;
  text-shadow: 0 4px 4px color-mix(in srgb, var(--c-dark) 60%, transparent);
}
.asblock_hero h1 {
  font-size: 26px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .asblock_hero h1 {
    font-size: 60px;
    line-height: 60px;
  }
}
.asblock_hero .as_button:not(:last-child) {
  margin-right: 8px;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .asblock_hero .as_button:not(:last-child) {
    margin-right: 12px;
  }
}
.asblock_hero--big-xs {
  padding: 284px 20px 102px;
}
.asblock_hero--extrabig-xs {
  padding: 284px 20px 102px;
}
.asblock_hero--small-xs {
  padding: 206px 20px 200px;
}
.asblock_hero--centerbottom.asblock_hero--small-xs{
  padding: 332px 20px 40px;
}

.asblock_hero--small-xs h1 {
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .asblock_hero--small-md,
  .asblock_hero--big-md {
    padding: 393px 20px 289px;
  }
  .asblock_hero--extrabig-md {
    padding: 586px 20px 449px;
  }

}
@media (min-width: 992px) {
  .asblock_hero--small-md h1,
  .asblock_hero--big-md h1,
  .asblock_hero--extrabig-md h1 {
    margin-bottom: 29px;
  }
}
@media (min-width: 992px) {
  .asblock_hero--center .asblock_hero__content {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .asblock_hero--left.asblock_hero--extrabig-md {
    padding: 574px 20px 202px;
  }
  .asblock_hero--left.asblock_hero--big-md {
    padding: 574px 20px 202px;
  }
  .asblock_hero--left.asblock_hero--small-md{
    padding: 380px 20px 202px;
  }
  .asblock_hero--centerbottom.asblock_hero--extrabig-md {
    padding: 674px 20px 102px;
  }
  .asblock_hero--centerbottom.asblock_hero--big-md {
    padding: 674px 20px 102px;
  }
  .asblock_hero--centerbottom.asblock_hero--small-md{
    padding: 621px 20px 84px;
  }
}
.asblock_hero--left .asblock_hero__content {
  margin: 0 15px;
}
@media (min-width: 576px) {
  .asblock_hero--left .asblock_hero__content {
    max-width: 540px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .asblock_hero--left .asblock_hero__content {
    max-width: calc(728px - 30px);
  }
}
@media (min-width: 992px) {
  .asblock_hero--left .asblock_hero__content {
    max-width: calc(960px - 30px);
  }
}
@media (min-width: 1200px) {
  .asblock_hero--left .asblock_hero__content {
    max-width: calc(1140px - 30px);
  }
}
@media (min-width: 1500px) {
  .asblock_hero--left .asblock_hero__content {
    max-width: calc(1440px - 30px);
  }
}
@media (min-width: 992px) {
  .asblock_hero--left .asblock_hero__content {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .asblock_hero--left.asblock_hero--small-md h1,
  .asblock_hero--left.asblock_hero--big-md h1,
  .asblock_hero--left.asblock_hero--extrabig-md h1 {
    margin-bottom: 16px;
    max-width: 950px;
  }
}
@media (min-width: 992px) {
  .asblock_hero--left.asblock_hero--small-md .as_button,
  .asblock_hero--left.asblock_hero--big-md .as_button,
  .asblock_hero--left.asblock_hero--extrabig-md .as_button {
    margin-top: 4px;
  }
}
.asblock_hero__media {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
/*.asblock_hero__media::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: none;
  opacity: 0.3;
  transition: all 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
*//*.gradient1723 .asblock_hero__media::after {
  background: -webkit-gradient(linear, left top, right top, from(var(--c-card)), color-stop(50.52%, var(--c-card)), color-stop(96.87%, var(--c-accent)));
  background: linear-gradient(90deg, var(--c-card) 0%, var(--c-card) 50.52%, var(--c-accent) 96.87%);
}
.gradient1961 .asblock_hero__media::after {
  background: -webkit-gradient(linear, left top, right top, from(var(--c-card)), color-stop(34.7%, var(--c-card)), color-stop(64.61%, var(--c-accent)), to(var(--c-success)));
  background: linear-gradient(90deg, var(--c-card) 0%, var(--c-card) 34.7%, var(--c-accent) 64.61%, var(--c-success) 100%);
}
.gradient1723s .asblock_hero__media::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(7.89%, var(--c-danger)), color-stop(28.69%, var(--c-accent)), color-stop(46.57%, var(--c-danger)), color-stop(65.75%, var(--c-danger)), color-stop(83.33%, var(--c-danger)), to(var(--c-raised)));
  background: linear-gradient(90deg, var(--c-danger) 7.89%, var(--c-accent) 28.69%, var(--c-danger) 46.57%, var(--c-danger) 65.75%, var(--c-danger) 83.33%, var(--c-raised) 100%);
}
*/
.asblock_hero__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.asblock_hero__media-xs,
.asblock_hero__media-md {
  height: 100%;
}
.asblock_hero__media-xs {
  display: block;
}
@media (min-width: 768px) {
  .asblock_hero__media-xs {
    display: none;
  }
}
.asblock_hero__media-md {
  display: none;
}
@media (min-width: 768px) {
  .asblock_hero__media-md {
    display: block;
  }
}
.asblock_hero__content {
  position: relative;
  text-align: center;
}
.asblock_hero__content > *:last-child {
  margin-bottom: 0;
}
.asblock_hero__description {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .asblock_hero__description {
    margin-bottom: 29px;
  }
}
.asblock_hero__description--style1 p {
  font-family: 'Lato', serif;
  font-size: 20px;
  line-height: 28px;
  font-style: italic;
  font-weight: 400;
}
@media (min-width: 992px) {
  .asblock_hero__description--style1 p {
    font-size: 32px;
    line-height: 40px;
  }
}
.asblock_hero__description--style2 p {
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .asblock_hero__description--style2 p {
    font-size: 24px;
    line-height: 32px;
  }
}
.as-gradient__line.as-gradient--full.gradienttransparent {
  margin-bottom: 0px;
}

/* --- Logo Image --- */
.asblock_hero__logo {
  margin-bottom: 16px;
}
.asblock_hero__logo img {
  max-height: 60px;
  width: auto;
  display: inline-block;
}
@media (min-width: 992px) {
  .asblock_hero__logo img {
    max-height: 80px;
  }
}

/* --- Series Hero (two-column layout) --- */
.asblock_hero .asblock_hero__content--series-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 992px) {
  .asblock_hero .asblock_hero__content--series-hero {
    flex-direction: row;
    align-items: center;
    text-align: left;
    gap: 40px;
  }
}
.asblock_hero__logo--series {
  margin-bottom: 20px;
  flex-shrink: 0;
}
.asblock_hero__logo--series img {
  max-height: 80px;
  width: auto;
  display: block;
}
@media (min-width: 992px) {
  .asblock_hero__logo--series {
    margin-bottom: 0;
  }
  .asblock_hero__logo--series img {
    max-height: 120px;
  }
}
.asblock_hero__content--series-hero .asblock_hero__text {
  flex: 1;
}
.asblock_hero__content--series-hero .asblock_hero__buttons {
  margin-top: 4px;
}

/* --- Series Hero Buttons --- */
.asblock_hero .as_button--series-primary {
  background: var(--series-color-1);
  color: var(--white);
  border: none;
}
.asblock_hero .as_button--series-primary:hover {
  background: var(--series-color-1);
  color: var(--white);
  border: none;
}
.asblock_hero .as_button--series-ghost {
  background: var(--series-color-2);
  color: var(--white);
  border: none;
}
.asblock_hero .as_button--series-ghost:hover {
  background: var(--series-color-2);
  color: var(--white);
  border: none;
}

/* --- Responsive Video Styling --- */
.asblock_hero__media .asblock_hero__video{
  width: 100%;
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.asblock_hero.asblock_hero__description--series-hero{
  padding: 120px 20px 381px;
}
@media (min-width: 500px){
  .asblock_hero.asblock_hero__description--series-hero{
    padding: 120px 20px 471px;
  }
}
@media (min-width: 600px){
  .asblock_hero.asblock_hero__description--series-hero{
    padding: 140px 20px 572px;
  }
}
@media (min-width: 992px){
  .asblock_hero.asblock_hero__description--series-hero{
    padding: 140px 20px 572px;
  }
  .asblock_hero.asblock_hero__description--series-hero .asblock_hero__content{
    align-items: flex-start;
  }
  .asblock_hero.asblock_hero__description--series-hero .asblock_hero__logo,
  .asblock_hero.asblock_hero__description--series-hero .asblock_hero__text{
    flex:1;
  }
}
@media (min-width: 1150px){
    .asblock_hero.asblock_hero__description--series-hero{
      padding: 160px 20px 600px;
    }
}
@media (min-width: 1500px){
    .asblock_hero.asblock_hero__description--series-hero{
      padding: 198px 20px 729px;
    }
}


/* -- acf-as_instagram_gallery.css -- */
/* automatic/manual light mode */
:root {
  --black: var(--c-dark);
  --white: var(--c-light);
  --root-d-0: var(--fg);
  --root-l-0: var(--bg);
}
.asblock_instagram_gallery h2,
.asblock_instagram_gallery p {
  color: var(--root-d-0);
}
.asblock_instagram_gallery .slider-nav {
  display: none;
}
@media (min-width: 992px) {
  .asblock_instagram_gallery .slider-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.asblock_instagram_gallery .slider-nav:hover {
  background: transparent;
}
.asblock_instagram_gallery .slider-nav::before {
  background: var(--white);
  border-radius: 100%;
  width: 35px;
  height: 2rem;
  padding: 20px;
}
.asblock_instagram_gallery .slider-nav::after {
  width: 2rem;
  height: 2rem;
  line-height: 12px;
  width: 35px;
  content: "";
  font-size: 16px;
  background: var(--black);
  color: var(--black);
  background-size: 100% 100%;
  -webkit-mask-size: 20px 20px;
  mask-size: 16px 16px;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.asblock_instagram_gallery .slider-nav-next {
  display: none;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 576px) {
  .asblock_instagram_gallery .slider-nav-next {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (min-width: 992px) {
  .asblock_instagram_gallery .slider-nav-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.asblock_instagram_gallery .slider-nav-next::after {
  margin-right: 0 !important;
  left: 0 !important;
  line-height: 12px;
  width: 35px;
  content: "";
  font-size: 16px;
  background: var(--black);
  color: var(--black);
  background-size: 100% 100%;
  -webkit-mask-size: 20px 20px;
  mask-size: 16px 16px;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
@media (min-width: 576px) {
  .asblock_instagram_gallery .slider-nav-next::after {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 35px;
    height: 2rem;
    position: relative;
  }
}
.asblock_instagram_gallery h2 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .asblock_instagram_gallery h2 {
  text-align: left;
  }
}

@media (min-width: 1200px) {
  .asblock_instagram_gallery h2 {
    font-size: 42px;
    line-height: 50px;
    font-weight: 400;
  }
}
.asblock_instagram_gallery p {
  font-size: 16px;
  line-height: 28px;
  margin: 0;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .asblock_instagram_gallery p {
    margin-bottom: 0px;
  }
}
.asblock_instagram_gallery .container {
  max-width: 100%;
  width: 100%;
  padding: 0;
}
.asblock_instagram_gallery .column > *:last-child {
  margin-bottom: 0;
}
.asblock_instagram_gallery__header {
  margin: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 24px;
  gap: 0px;
}
@media (min-width: 576px) {
  .asblock_instagram_gallery__header {
    max-width: calc(540px - 30px);
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .asblock_instagram_gallery__header {
    max-width: calc(728px - 30px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 40px;
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .asblock_instagram_gallery__header {
    max-width: calc(960px - 30px);
  }
}
@media (min-width: 1200px) {
  .asblock_instagram_gallery__header {
    max-width: calc(1140px - 30px);
  }
}
@media (min-width: 1500px) {
  .asblock_instagram_gallery__header {
    max-width: calc(1440px - 30px);
    margin-bottom: 60px;
  }
}
.asblock_instagram_gallery__heading-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  max-width: 800px;
}
.asblock_instagram_gallery__social {
  margin: 0;
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 28px;
}
@media (min-width: 768px) {
  .asblock_instagram_gallery__social {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.asblock_instagram_gallery__social-item {
  width: 24px;
  height: 24px;
  display: block !important;
}
@media (min-width: 768px) {
  .asblock_instagram_gallery__social-item {
    width: 32px;
    height: 32px;
  }
}
.asblock_instagram_gallery__social-item::after {
  display: none !important;
}
.asblock_instagram_gallery__social-item::before {
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  right: auto;
  line-height: 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  color: var(--root-d-0);
  background: var(--root-d-0);
  background-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: 20px 20px;
  mask-size: 20px 20px;
  -webkit-mask-image: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9998 10.0001C12.939 10.0001 11.9216 10.4215 11.1714 11.1717C10.4213 11.9218 9.99984 12.9392 9.99984 14.0001C9.99984 15.0609 10.4213 16.0784 11.1714 16.8285C11.9216 17.5787 12.939 18.0001 13.9998 18.0001C15.0607 18.0001 16.0781 17.5787 16.8283 16.8285C17.5784 16.0784 17.9998 15.0609 17.9998 14.0001C17.9998 12.9392 17.5784 11.9218 16.8283 11.1717C16.0781 10.4215 15.0607 10.0001 13.9998 10.0001ZM13.9998 7.33342C15.7679 7.33342 17.4636 8.03579 18.7139 9.28604C19.9641 10.5363 20.6665 12.232 20.6665 14.0001C20.6665 15.7682 19.9641 17.4639 18.7139 18.7141C17.4636 19.9644 15.7679 20.6667 13.9998 20.6667C12.2317 20.6667 10.536 19.9644 9.28579 18.7141C8.03555 17.4639 7.33317 15.7682 7.33317 14.0001C7.33317 12.232 8.03555 10.5363 9.28579 9.28604C10.536 8.03579 12.2317 7.33342 13.9998 7.33342ZM22.6665 7.00008C22.6665 7.44211 22.4909 7.86603 22.1784 8.17859C21.8658 8.49115 21.4419 8.66675 20.9998 8.66675C20.5578 8.66675 20.1339 8.49115 19.8213 8.17859C19.5088 7.86603 19.3332 7.44211 19.3332 7.00008C19.3332 6.55805 19.5088 6.13413 19.8213 5.82157C20.1339 5.50901 20.5578 5.33342 20.9998 5.33342C21.4419 5.33342 21.8658 5.50901 22.1784 5.82157C22.4909 6.13413 22.6665 6.55805 22.6665 7.00008ZM13.9998 3.33341C10.7012 3.33341 10.1625 3.34275 8.62784 3.41075C7.5825 3.46008 6.88117 3.60008 6.2305 3.85341C5.65184 4.07741 5.2345 4.34541 4.7905 4.79075C4.37318 5.19395 4.05231 5.68619 3.85184 6.23075C3.5985 6.88408 3.4585 7.58408 3.4105 8.62808C3.34117 10.1001 3.33317 10.6147 3.33317 14.0001C3.33317 17.2987 3.3425 17.8374 3.4105 19.3721C3.45984 20.4161 3.59984 21.1187 3.85184 21.7681C4.0785 22.3481 4.34517 22.7654 4.78784 23.2081C5.23717 23.6561 5.6545 23.9241 6.22784 24.1454C6.8865 24.4001 7.58784 24.5414 8.62784 24.5894C10.0998 24.6587 10.6145 24.6667 13.9998 24.6667C17.2985 24.6667 17.8372 24.6574 19.3718 24.5894C20.4145 24.5401 21.1172 24.4001 21.7678 24.1481C22.3452 23.9227 22.7652 23.6547 23.2078 23.2121C23.6572 22.7627 23.9252 22.3454 24.1465 21.7721C24.3998 21.1147 24.5412 20.4121 24.5892 19.3721C24.6585 17.9001 24.6665 17.3854 24.6665 14.0001C24.6665 10.7014 24.6572 10.1627 24.5892 8.62808C24.5398 7.58542 24.3998 6.88141 24.1465 6.23075C23.9456 5.68675 23.6253 5.1947 23.2092 4.79075C22.8061 4.37321 22.3139 4.0523 21.7692 3.85208C21.1158 3.59875 20.4145 3.45875 19.3718 3.41075C17.8998 3.34141 17.3852 3.33341 13.9998 3.33341ZM13.9998 0.666748C17.6225 0.666748 18.0745 0.680081 19.4958 0.746748C20.9158 0.813415 21.8825 1.03608 22.7332 1.36675C23.6132 1.70541 24.3545 2.16408 25.0958 2.90408C25.7738 3.57061 26.2984 4.37687 26.6332 5.26675C26.9625 6.11608 27.1865 7.08408 27.2532 8.50408C27.3158 9.92542 27.3332 10.3774 27.3332 14.0001C27.3332 17.6227 27.3198 18.0747 27.2532 19.4961C27.1865 20.9161 26.9625 21.8827 26.6332 22.7334C26.2994 23.6238 25.7747 24.4302 25.0958 25.0961C24.4291 25.7738 23.6229 26.2984 22.7332 26.6334C21.8838 26.9627 20.9158 27.1868 19.4958 27.2534C18.0745 27.3161 17.6225 27.3334 13.9998 27.3334C10.3772 27.3334 9.92517 27.3201 8.50384 27.2534C7.08384 27.1868 6.11717 26.9627 5.2665 26.6334C4.37627 26.2994 3.56987 25.7747 2.90384 25.0961C2.22571 24.4297 1.70108 23.6234 1.3665 22.7334C1.03584 21.8841 0.813171 20.9161 0.746504 19.4961C0.683837 18.0747 0.666504 17.6227 0.666504 14.0001C0.666504 10.3774 0.679837 9.92542 0.746504 8.50408C0.813171 7.08275 1.03584 6.11741 1.3665 5.26675C1.70015 4.37632 2.22491 3.56984 2.90384 2.90408C3.57007 2.22572 4.37641 1.70105 5.2665 1.36675C6.11717 1.03608 7.0825 0.813415 8.50384 0.746748C9.92517 0.684081 10.3772 0.666748 13.9998 0.666748Z" fill="currentColor"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9998 10.0001C12.939 10.0001 11.9216 10.4215 11.1714 11.1717C10.4213 11.9218 9.99984 12.9392 9.99984 14.0001C9.99984 15.0609 10.4213 16.0784 11.1714 16.8285C11.9216 17.5787 12.939 18.0001 13.9998 18.0001C15.0607 18.0001 16.0781 17.5787 16.8283 16.8285C17.5784 16.0784 17.9998 15.0609 17.9998 14.0001C17.9998 12.9392 17.5784 11.9218 16.8283 11.1717C16.0781 10.4215 15.0607 10.0001 13.9998 10.0001ZM13.9998 7.33342C15.7679 7.33342 17.4636 8.03579 18.7139 9.28604C19.9641 10.5363 20.6665 12.232 20.6665 14.0001C20.6665 15.7682 19.9641 17.4639 18.7139 18.7141C17.4636 19.9644 15.7679 20.6667 13.9998 20.6667C12.2317 20.6667 10.536 19.9644 9.28579 18.7141C8.03555 17.4639 7.33317 15.7682 7.33317 14.0001C7.33317 12.232 8.03555 10.5363 9.28579 9.28604C10.536 8.03579 12.2317 7.33342 13.9998 7.33342ZM22.6665 7.00008C22.6665 7.44211 22.4909 7.86603 22.1784 8.17859C21.8658 8.49115 21.4419 8.66675 20.9998 8.66675C20.5578 8.66675 20.1339 8.49115 19.8213 8.17859C19.5088 7.86603 19.3332 7.44211 19.3332 7.00008C19.3332 6.55805 19.5088 6.13413 19.8213 5.82157C20.1339 5.50901 20.5578 5.33342 20.9998 5.33342C21.4419 5.33342 21.8658 5.50901 22.1784 5.82157C22.4909 6.13413 22.6665 6.55805 22.6665 7.00008ZM13.9998 3.33341C10.7012 3.33341 10.1625 3.34275 8.62784 3.41075C7.5825 3.46008 6.88117 3.60008 6.2305 3.85341C5.65184 4.07741 5.2345 4.34541 4.7905 4.79075C4.37318 5.19395 4.05231 5.68619 3.85184 6.23075C3.5985 6.88408 3.4585 7.58408 3.4105 8.62808C3.34117 10.1001 3.33317 10.6147 3.33317 14.0001C3.33317 17.2987 3.3425 17.8374 3.4105 19.3721C3.45984 20.4161 3.59984 21.1187 3.85184 21.7681C4.0785 22.3481 4.34517 22.7654 4.78784 23.2081C5.23717 23.6561 5.6545 23.9241 6.22784 24.1454C6.8865 24.4001 7.58784 24.5414 8.62784 24.5894C10.0998 24.6587 10.6145 24.6667 13.9998 24.6667C17.2985 24.6667 17.8372 24.6574 19.3718 24.5894C20.4145 24.5401 21.1172 24.4001 21.7678 24.1481C22.3452 23.9227 22.7652 23.6547 23.2078 23.2121C23.6572 22.7627 23.9252 22.3454 24.1465 21.7721C24.3998 21.1147 24.5412 20.4121 24.5892 19.3721C24.6585 17.9001 24.6665 17.3854 24.6665 14.0001C24.6665 10.7014 24.6572 10.1627 24.5892 8.62808C24.5398 7.58542 24.3998 6.88141 24.1465 6.23075C23.9456 5.68675 23.6253 5.1947 23.2092 4.79075C22.8061 4.37321 22.3139 4.0523 21.7692 3.85208C21.1158 3.59875 20.4145 3.45875 19.3718 3.41075C17.8998 3.34141 17.3852 3.33341 13.9998 3.33341ZM13.9998 0.666748C17.6225 0.666748 18.0745 0.680081 19.4958 0.746748C20.9158 0.813415 21.8825 1.03608 22.7332 1.36675C23.6132 1.70541 24.3545 2.16408 25.0958 2.90408C25.7738 3.57061 26.2984 4.37687 26.6332 5.26675C26.9625 6.11608 27.1865 7.08408 27.2532 8.50408C27.3158 9.92542 27.3332 10.3774 27.3332 14.0001C27.3332 17.6227 27.3198 18.0747 27.2532 19.4961C27.1865 20.9161 26.9625 21.8827 26.6332 22.7334C26.2994 23.6238 25.7747 24.4302 25.0958 25.0961C24.4291 25.7738 23.6229 26.2984 22.7332 26.6334C21.8838 26.9627 20.9158 27.1868 19.4958 27.2534C18.0745 27.3161 17.6225 27.3334 13.9998 27.3334C10.3772 27.3334 9.92517 27.3201 8.50384 27.2534C7.08384 27.1868 6.11717 26.9627 5.2665 26.6334C4.37627 26.2994 3.56987 25.7747 2.90384 25.0961C2.22571 24.4297 1.70108 23.6234 1.3665 22.7334C1.03584 21.8841 0.813171 20.9161 0.746504 19.4961C0.683837 18.0747 0.666504 17.6227 0.666504 14.0001C0.666504 10.3774 0.679837 9.92542 0.746504 8.50408C0.813171 7.08275 1.03584 6.11741 1.3665 5.26675C1.70015 4.37632 2.22491 3.56984 2.90384 2.90408C3.57007 2.22572 4.37641 1.70105 5.2665 1.36675C6.11717 1.03608 7.0825 0.813415 8.50384 0.746748C9.92517 0.684081 10.3772 0.666748 13.9998 0.666748Z" fill="currentColor"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
@media (min-width: 768px) {
  .asblock_instagram_gallery__social-item::before {
    top: calc(50% - 13px);
    left: calc(50% - 13px);
    line-height: 26px;
    width: 26px;
    height: 26px;
    -webkit-mask-size: 26px 26px;
    mask-size: 26px 26px;
  }
}
.asblock_instagram_gallery__social-item--instagram::before {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9998 10.0001C12.939 10.0001 11.9216 10.4215 11.1714 11.1717C10.4213 11.9218 9.99984 12.9392 9.99984 14.0001C9.99984 15.0609 10.4213 16.0784 11.1714 16.8285C11.9216 17.5787 12.939 18.0001 13.9998 18.0001C15.0607 18.0001 16.0781 17.5787 16.8283 16.8285C17.5784 16.0784 17.9998 15.0609 17.9998 14.0001C17.9998 12.9392 17.5784 11.9218 16.8283 11.1717C16.0781 10.4215 15.0607 10.0001 13.9998 10.0001ZM13.9998 7.33342C15.7679 7.33342 17.4636 8.03579 18.7139 9.28604C19.9641 10.5363 20.6665 12.232 20.6665 14.0001C20.6665 15.7682 19.9641 17.4639 18.7139 18.7141C17.4636 19.9644 15.7679 20.6667 13.9998 20.6667C12.2317 20.6667 10.536 19.9644 9.28579 18.7141C8.03555 17.4639 7.33317 15.7682 7.33317 14.0001C7.33317 12.232 8.03555 10.5363 9.28579 9.28604C10.536 8.03579 12.2317 7.33342 13.9998 7.33342ZM22.6665 7.00008C22.6665 7.44211 22.4909 7.86603 22.1784 8.17859C21.8658 8.49115 21.4419 8.66675 20.9998 8.66675C20.5578 8.66675 20.1339 8.49115 19.8213 8.17859C19.5088 7.86603 19.3332 7.44211 19.3332 7.00008C19.3332 6.55805 19.5088 6.13413 19.8213 5.82157C20.1339 5.50901 20.5578 5.33342 20.9998 5.33342C21.4419 5.33342 21.8658 5.50901 22.1784 5.82157C22.4909 6.13413 22.6665 6.55805 22.6665 7.00008ZM13.9998 3.33341C10.7012 3.33341 10.1625 3.34275 8.62784 3.41075C7.5825 3.46008 6.88117 3.60008 6.2305 3.85341C5.65184 4.07741 5.2345 4.34541 4.7905 4.79075C4.37318 5.19395 4.05231 5.68619 3.85184 6.23075C3.5985 6.88408 3.4585 7.58408 3.4105 8.62808C3.34117 10.1001 3.33317 10.6147 3.33317 14.0001C3.33317 17.2987 3.3425 17.8374 3.4105 19.3721C3.45984 20.4161 3.59984 21.1187 3.85184 21.7681C4.0785 22.3481 4.34517 22.7654 4.78784 23.2081C5.23717 23.6561 5.6545 23.9241 6.22784 24.1454C6.8865 24.4001 7.58784 24.5414 8.62784 24.5894C10.0998 24.6587 10.6145 24.6667 13.9998 24.6667C17.2985 24.6667 17.8372 24.6574 19.3718 24.5894C20.4145 24.5401 21.1172 24.4001 21.7678 24.1481C22.3452 23.9227 22.7652 23.6547 23.2078 23.2121C23.6572 22.7627 23.9252 22.3454 24.1465 21.7721C24.3998 21.1147 24.5412 20.4121 24.5892 19.3721C24.6585 17.9001 24.6665 17.3854 24.6665 14.0001C24.6665 10.7014 24.6572 10.1627 24.5892 8.62808C24.5398 7.58542 24.3998 6.88141 24.1465 6.23075C23.9456 5.68675 23.6253 5.1947 23.2092 4.79075C22.8061 4.37321 22.3139 4.0523 21.7692 3.85208C21.1158 3.59875 20.4145 3.45875 19.3718 3.41075C17.8998 3.34141 17.3852 3.33341 13.9998 3.33341ZM13.9998 0.666748C17.6225 0.666748 18.0745 0.680081 19.4958 0.746748C20.9158 0.813415 21.8825 1.03608 22.7332 1.36675C23.6132 1.70541 24.3545 2.16408 25.0958 2.90408C25.7738 3.57061 26.2984 4.37687 26.6332 5.26675C26.9625 6.11608 27.1865 7.08408 27.2532 8.50408C27.3158 9.92542 27.3332 10.3774 27.3332 14.0001C27.3332 17.6227 27.3198 18.0747 27.2532 19.4961C27.1865 20.9161 26.9625 21.8827 26.6332 22.7334C26.2994 23.6238 25.7747 24.4302 25.0958 25.0961C24.4291 25.7738 23.6229 26.2984 22.7332 26.6334C21.8838 26.9627 20.9158 27.1868 19.4958 27.2534C18.0745 27.3161 17.6225 27.3334 13.9998 27.3334C10.3772 27.3334 9.92517 27.3201 8.50384 27.2534C7.08384 27.1868 6.11717 26.9627 5.2665 26.6334C4.37627 26.2994 3.56987 25.7747 2.90384 25.0961C2.22571 24.4297 1.70108 23.6234 1.3665 22.7334C1.03584 21.8841 0.813171 20.9161 0.746504 19.4961C0.683837 18.0747 0.666504 17.6227 0.666504 14.0001C0.666504 10.3774 0.679837 9.92542 0.746504 8.50408C0.813171 7.08275 1.03584 6.11741 1.3665 5.26675C1.70015 4.37632 2.22491 3.56984 2.90384 2.90408C3.57007 2.22572 4.37641 1.70105 5.2665 1.36675C6.11717 1.03608 7.0825 0.813415 8.50384 0.746748C9.92517 0.684081 10.3772 0.666748 13.9998 0.666748Z" fill="currentColor"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9998 10.0001C12.939 10.0001 11.9216 10.4215 11.1714 11.1717C10.4213 11.9218 9.99984 12.9392 9.99984 14.0001C9.99984 15.0609 10.4213 16.0784 11.1714 16.8285C11.9216 17.5787 12.939 18.0001 13.9998 18.0001C15.0607 18.0001 16.0781 17.5787 16.8283 16.8285C17.5784 16.0784 17.9998 15.0609 17.9998 14.0001C17.9998 12.9392 17.5784 11.9218 16.8283 11.1717C16.0781 10.4215 15.0607 10.0001 13.9998 10.0001ZM13.9998 7.33342C15.7679 7.33342 17.4636 8.03579 18.7139 9.28604C19.9641 10.5363 20.6665 12.232 20.6665 14.0001C20.6665 15.7682 19.9641 17.4639 18.7139 18.7141C17.4636 19.9644 15.7679 20.6667 13.9998 20.6667C12.2317 20.6667 10.536 19.9644 9.28579 18.7141C8.03555 17.4639 7.33317 15.7682 7.33317 14.0001C7.33317 12.232 8.03555 10.5363 9.28579 9.28604C10.536 8.03579 12.2317 7.33342 13.9998 7.33342ZM22.6665 7.00008C22.6665 7.44211 22.4909 7.86603 22.1784 8.17859C21.8658 8.49115 21.4419 8.66675 20.9998 8.66675C20.5578 8.66675 20.1339 8.49115 19.8213 8.17859C19.5088 7.86603 19.3332 7.44211 19.3332 7.00008C19.3332 6.55805 19.5088 6.13413 19.8213 5.82157C20.1339 5.50901 20.5578 5.33342 20.9998 5.33342C21.4419 5.33342 21.8658 5.50901 22.1784 5.82157C22.4909 6.13413 22.6665 6.55805 22.6665 7.00008ZM13.9998 3.33341C10.7012 3.33341 10.1625 3.34275 8.62784 3.41075C7.5825 3.46008 6.88117 3.60008 6.2305 3.85341C5.65184 4.07741 5.2345 4.34541 4.7905 4.79075C4.37318 5.19395 4.05231 5.68619 3.85184 6.23075C3.5985 6.88408 3.4585 7.58408 3.4105 8.62808C3.34117 10.1001 3.33317 10.6147 3.33317 14.0001C3.33317 17.2987 3.3425 17.8374 3.4105 19.3721C3.45984 20.4161 3.59984 21.1187 3.85184 21.7681C4.0785 22.3481 4.34517 22.7654 4.78784 23.2081C5.23717 23.6561 5.6545 23.9241 6.22784 24.1454C6.8865 24.4001 7.58784 24.5414 8.62784 24.5894C10.0998 24.6587 10.6145 24.6667 13.9998 24.6667C17.2985 24.6667 17.8372 24.6574 19.3718 24.5894C20.4145 24.5401 21.1172 24.4001 21.7678 24.1481C22.3452 23.9227 22.7652 23.6547 23.2078 23.2121C23.6572 22.7627 23.9252 22.3454 24.1465 21.7721C24.3998 21.1147 24.5412 20.4121 24.5892 19.3721C24.6585 17.9001 24.6665 17.3854 24.6665 14.0001C24.6665 10.7014 24.6572 10.1627 24.5892 8.62808C24.5398 7.58542 24.3998 6.88141 24.1465 6.23075C23.9456 5.68675 23.6253 5.1947 23.2092 4.79075C22.8061 4.37321 22.3139 4.0523 21.7692 3.85208C21.1158 3.59875 20.4145 3.45875 19.3718 3.41075C17.8998 3.34141 17.3852 3.33341 13.9998 3.33341ZM13.9998 0.666748C17.6225 0.666748 18.0745 0.680081 19.4958 0.746748C20.9158 0.813415 21.8825 1.03608 22.7332 1.36675C23.6132 1.70541 24.3545 2.16408 25.0958 2.90408C25.7738 3.57061 26.2984 4.37687 26.6332 5.26675C26.9625 6.11608 27.1865 7.08408 27.2532 8.50408C27.3158 9.92542 27.3332 10.3774 27.3332 14.0001C27.3332 17.6227 27.3198 18.0747 27.2532 19.4961C27.1865 20.9161 26.9625 21.8827 26.6332 22.7334C26.2994 23.6238 25.7747 24.4302 25.0958 25.0961C24.4291 25.7738 23.6229 26.2984 22.7332 26.6334C21.8838 26.9627 20.9158 27.1868 19.4958 27.2534C18.0745 27.3161 17.6225 27.3334 13.9998 27.3334C10.3772 27.3334 9.92517 27.3201 8.50384 27.2534C7.08384 27.1868 6.11717 26.9627 5.2665 26.6334C4.37627 26.2994 3.56987 25.7747 2.90384 25.0961C2.22571 24.4297 1.70108 23.6234 1.3665 22.7334C1.03584 21.8841 0.813171 20.9161 0.746504 19.4961C0.683837 18.0747 0.666504 17.6227 0.666504 14.0001C0.666504 10.3774 0.679837 9.92542 0.746504 8.50408C0.813171 7.08275 1.03584 6.11741 1.3665 5.26675C1.70015 4.37632 2.22491 3.56984 2.90384 2.90408C3.57007 2.22572 4.37641 1.70105 5.2665 1.36675C6.11717 1.03608 7.0825 0.813415 8.50384 0.746748C9.92517 0.684081 10.3772 0.666748 13.9998 0.666748Z" fill="currentColor"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.asblock_instagram_gallery__social-item--youtube::before {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="28" height="22" viewBox="0 0 28 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.1412 4.32658C24.0398 3.92925 23.7518 3.62925 23.4225 3.53725C22.8398 3.37325 19.9998 2.99992 13.9998 2.99992C7.99984 2.99992 5.1625 3.37325 4.5745 3.53725C4.24917 3.62792 3.96117 3.92792 3.8585 4.32658C3.71317 4.89192 3.33317 7.26125 3.33317 10.9999C3.33317 14.7386 3.71317 17.1066 3.8585 17.6746C3.95984 18.0706 4.24784 18.3706 4.57584 18.4613C5.1625 18.6266 7.99984 18.9999 13.9998 18.9999C19.9998 18.9999 22.8385 18.6266 23.4252 18.4626C23.7505 18.3719 24.0385 18.0719 24.1412 17.6733C24.2865 17.1079 24.6665 14.7333 24.6665 10.9999C24.6665 7.26658 24.2865 4.89325 24.1412 4.32658ZM26.7238 3.66392C27.3332 6.03992 27.3332 10.9999 27.3332 10.9999C27.3332 10.9999 27.3332 15.9599 26.7238 18.3359C26.3852 19.6493 25.3945 20.6826 24.1398 21.0319C21.8612 21.6666 13.9998 21.6666 13.9998 21.6666C13.9998 21.6666 6.1425 21.6666 3.85984 21.0319C2.59984 20.6773 1.6105 19.6453 1.27584 18.3359C0.666504 15.9599 0.666504 10.9999 0.666504 10.9999C0.666504 10.9999 0.666504 6.03992 1.27584 3.66392C1.6145 2.35059 2.60517 1.31725 3.85984 0.967918C6.1425 0.333252 13.9998 0.333252 13.9998 0.333252C13.9998 0.333252 21.8612 0.333252 24.1398 0.967918C25.3998 1.32258 26.3892 2.35459 26.7238 3.66392ZM11.3332 15.6666V6.33325L19.3332 10.9999L11.3332 15.6666Z" fill="currentColor"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="28" height="22" viewBox="0 0 28 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.1412 4.32658C24.0398 3.92925 23.7518 3.62925 23.4225 3.53725C22.8398 3.37325 19.9998 2.99992 13.9998 2.99992C7.99984 2.99992 5.1625 3.37325 4.5745 3.53725C4.24917 3.62792 3.96117 3.92792 3.8585 4.32658C3.71317 4.89192 3.33317 7.26125 3.33317 10.9999C3.33317 14.7386 3.71317 17.1066 3.8585 17.6746C3.95984 18.0706 4.24784 18.3706 4.57584 18.4613C5.1625 18.6266 7.99984 18.9999 13.9998 18.9999C19.9998 18.9999 22.8385 18.6266 23.4252 18.4626C23.7505 18.3719 24.0385 18.0719 24.1412 17.6733C24.2865 17.1079 24.6665 14.7333 24.6665 10.9999C24.6665 7.26658 24.2865 4.89325 24.1412 4.32658ZM26.7238 3.66392C27.3332 6.03992 27.3332 10.9999 27.3332 10.9999C27.3332 10.9999 27.3332 15.9599 26.7238 18.3359C26.3852 19.6493 25.3945 20.6826 24.1398 21.0319C21.8612 21.6666 13.9998 21.6666 13.9998 21.6666C13.9998 21.6666 6.1425 21.6666 3.85984 21.0319C2.59984 20.6773 1.6105 19.6453 1.27584 18.3359C0.666504 15.9599 0.666504 10.9999 0.666504 10.9999C0.666504 10.9999 0.666504 6.03992 1.27584 3.66392C1.6145 2.35059 2.60517 1.31725 3.85984 0.967918C6.1425 0.333252 13.9998 0.333252 13.9998 0.333252C13.9998 0.333252 21.8612 0.333252 24.1398 0.967918C25.3998 1.32258 26.3892 2.35459 26.7238 3.66392ZM11.3332 15.6666V6.33325L19.3332 10.9999L11.3332 15.6666Z" fill="currentColor"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.asblock_instagram_gallery__social-item--facebook::before {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="17" height="30" viewBox="0 0 17 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.6668 17.0001H14.0002L15.3335 11.6667H10.6668V9.00008C10.6668 7.62675 10.6668 6.33341 13.3335 6.33341H15.3335V1.85341C14.8988 1.79608 13.2575 1.66675 11.5242 1.66675C7.90416 1.66675 5.3335 3.87608 5.3335 7.93341V11.6667H1.3335V17.0001H5.3335V28.3334H10.6668V17.0001Z" stroke="currentColor" stroke-width="2.2"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="17" height="30" viewBox="0 0 17 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.6668 17.0001H14.0002L15.3335 11.6667H10.6668V9.00008C10.6668 7.62675 10.6668 6.33341 13.3335 6.33341H15.3335V1.85341C14.8988 1.79608 13.2575 1.66675 11.5242 1.66675C7.90416 1.66675 5.3335 3.87608 5.3335 7.93341V11.6667H1.3335V17.0001H5.3335V28.3334H10.6668V17.0001Z" stroke="currentColor" stroke-width="2.2"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.asblock_instagram_gallery__gallery-item {
  background-color: var(--root-l-0);
  padding: 0;
  padding-bottom: 100%;
  margin: 0;
  height: auto !important;
}
.asblock_instagram_gallery__gallery-item img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.asblock_instagram_gallery__gallery-item > a{
  position: absolute!important;
display:block!important;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.asblock_instagram_gallery .swiffy-slider {
  --swiffy-slider-item-count: 1;
  --swiffy-slider-item-reveal: 40%;
  --swiffy-slider-item-gap: 15px;
  width: 100%;
}
@media (min-width: 576px) {
  .asblock_instagram_gallery .swiffy-slider {
    --swiffy-slider-item-count: 2;
  }
}
@media (min-width: 768px) {
  .asblock_instagram_gallery .swiffy-slider {
    --swiffy-slider-item-gap: 15px;
    --swiffy-slider-item-reveal: 20%;
  }
}
@media (min-width: 992px) {
  .asblock_instagram_gallery .swiffy-slider {
    --swiffy-slider-item-count: 3;
  }
}
@media (min-width: 1200px) {
  .asblock_instagram_gallery .swiffy-slider {
    --swiffy-slider-item-count: 4;
    --swiffy-slider-item-reveal: 10%;
    --swiffy-slider-item-gap: 28px;
  }
}

/* -- acf-as_norwegian_panel.css -- */
/* =========================================================
   Norwegian Panel – front-end styles
   ========================================================= */

/* ── Container (lives outside normal flow) ── */
.asblock_norwegian_panel {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 999;
  pointer-events: none;
}

/* ── Flag tab (lives inside the drawer, positioned to its left edge) ── */
.asblock_norwegian_panel__tab {
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 64px;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.asblock_norwegian_panel__tab.is-visible {
  opacity: 1;
  visibility: visible;
}

.asblock_norwegian_panel__tab svg {
  width: 40px;
  height: 64px;
  display: block;
  border-radius: 6px 0 0 6px;
  filter: drop-shadow(-2px 0 6px color-mix(in srgb, var(--c-dark) 15%, transparent));
}

.asblock_norwegian_panel__tab:hover {
  background: none;
}

.asblock_norwegian_panel__tab:focus-visible {
  outline: none;
  border: none;
}

/* ── Overlay ── */
.asblock_norwegian_panel__overlay {
  position: fixed;
  inset: 0;
  background: color-mix(in srgb, var(--c-dark) 40%, transparent);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.35s ease, visibility 0.35s ease;
  z-index: 9999;
}

.asblock_norwegian_panel.is-open .asblock_norwegian_panel__overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* ── Slide-out drawer ── */
.asblock_norwegian_panel__drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: 33.333vw;
  height: 100%;
  background: var(--c-light);
  box-shadow: -4px 0 24px color-mix(in srgb, var(--c-dark) 18%, transparent);
  transform: translateX(100%);
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  z-index: 10000;
  pointer-events: auto;
  overflow: visible;
}

.asblock_norwegian_panel.is-open .asblock_norwegian_panel__drawer {
  transform: translateX(0);
}

/* ── Scrollable inner area ── */
.asblock_norwegian_panel__scroll {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* ── Close button ── */
.asblock_norwegian_panel__close {
  position: sticky;
  top: 0;
  float: right;
  width: 44px;
  height: 44px;
  margin: 12px 12px 0 0;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 28px;
  line-height: 1;
  color: var(--c-raised);
  cursor: pointer;
  z-index: 1;
  transition: opacity 0.2s ease;
  min-width: 0;
}

.asblock_norwegian_panel__close:hover {
  opacity: 0.6;
}

/* ── Inner content ── */
.asblock_norwegian_panel__content {
  padding: 0 32px 48px 24px;
  clear: both;
}

.asblock_norwegian_panel__content > *:first-child {
  margin-top: 0;
}

/* ── Responsive ── */
@media (max-width: 1199.98px) {
  .asblock_norwegian_panel__drawer {
    width: 45vw;
  }
}

@media (max-width: 767.98px) {
  .asblock_norwegian_panel__drawer {
    width: 85vw;
  }

  .asblock_norwegian_panel__tab {
    width: 40px;
    height: 54px;
    left: -40px;
  }

  .asblock_norwegian_panel__tab svg {
    width: 40px;
    height: 54px;
  }
}

/* =========================================================
   Editor-only styles
   ========================================================= */


/* -- acf-as_product_details.css -- */

/* -- acf-as_product_hero.css -- */
.asblock_product_hero{
  position:relative;
  overflow:hidden;
  min-height:640px;
}

.asblock_product_hero__bg{
  position:absolute;
  inset:0;
  z-index:0;
}

/* Desktop bg visible by default, mobile bg hidden */
.asblock_product_hero__bg--desktop{ display:block; }
.asblock_product_hero__bg--mobile{ display:none; }

@media (max-width:1000px){
  .asblock_product_hero:has(.asblock_product_hero__bg--mobile) .asblock_product_hero__bg--desktop{ display:none; }
  .asblock_product_hero__bg--mobile{ display:block; }
}

.asblock_product_hero__image,
.asblock_product_hero__video{
  width:100%;
  height:100%;
  object-fit:cover;
  
  display:block;
}
@media (min-width: 1000px){
  .asblock_product_hero__image,
.asblock_product_hero__video{
  object-position: right;
}
}

/* Container above background */
.asblock_product_hero > .container{
  position:relative;
  z-index:1;
  padding-top:140px;
  padding-bottom:60px;
}

.asblock_product_hero__content{
  max-width:720px;
}

/* Theme switch */
.asblock_product_hero.is-text-white .asblock_product_hero__content{ color:var(--c-light); }
.asblock_product_hero.is-text-black .asblock_product_hero__content{ color:var(--c-raised); }

/* Links colored by series color */
.asblock_product_hero__breadcrumb a{
  color:var(--series-color-1);
}

.asblock_product_hero__actions .wp-block-button__link.asblock_product_hero__btn-buy{
  background:var(--series-color-1);
  color:var(--c-light);
  border: 1px solid transparent;
}

.asblock_product_hero__actions .wp-block-button__link.asblock_product_hero__btn-specs{
  background:transparent;
  color:var(--series-color-1);
  border:1px solid var(--series-color-1);
}

.asblock_product_hero__actions .wp-block-button__link:hover{
  background:color-mix(in srgb, var(--c-light) 50%, var(--c-dark));
  color:var(--c-light);
  border-color: transparent;
}

.asblock_product_hero__breadcrumb{
  font-size:16px;
  margin-bottom:25px;
  font-weight: 400;
}

.asblock_product_hero__breadcrumb a{
  text-decoration: underline;
}

.asblock_product_hero__series-logo img{
  width:450px;
  height:auto;
  display:block;
  margin-bottom:50px;
}

.asblock_product_hero__title{
  font-family:'Josefin';
  font-size:50px;
  line-height:1;
  font-weight:300;
  text-transform:none;
  margin-bottom: 14px;
}

.asblock_product_hero__desc{
  font-family:'Lato', sans-serif;
  font-size:24px;
  line-height:30px;
  max-width:560px;
  margin-bottom:0px;
}

.asblock_product_hero__desc p{
  margin-bottom: 0;
}

.asblock_product_hero__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-bottom:50px;
  margin-top: 40px;
}

/* Trustpilot */
.asblock_product_hero__trustpilot{
  margin-bottom:0px;
  margin-top: 20px;
}

.asblock_product_hero__tp_link{
  display:inline-block;
  text-decoration:none;
  color:inherit;
}

.asblock_product_hero__tp_row{
  display:flex;
  align-items:center;
  gap:10px;
}

.asblock_product_hero__tp_stars{
  display:flex;
  gap:3px;
  align-items:center;
}

.asblock_product_hero__tp_star{
  width:18px;
  height:18px;
  background:var(--c-success);
  display:inline-block;
  position:relative;
}
.asblock_product_hero__tp_star::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--c-light);
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:12px 12px;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:12px 12px;
  -webkit-mask-image:url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.31322 14.162L13.1716 13.1288L14.7837 18.3784L9.31322 14.162ZM18.1929 7.3766H11.401L9.31322 0.619141L7.22546 7.3766H0.433594L5.93051 11.5651L3.84274 18.3226L9.33965 14.134L12.7224 11.5651L18.1929 7.3766Z" fill="currentColor"/></svg>');
  mask-image:url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.31322 14.162L13.1716 13.1288L14.7837 18.3784L9.31322 14.162ZM18.1929 7.3766H11.401L9.31322 0.619141L7.22546 7.3766H0.433594L5.93051 11.5651L3.84274 18.3226L9.33965 14.134L12.7224 11.5651L18.1929 7.3766Z" fill="currentColor"/></svg>');
}

.asblock_product_hero__tp_text{
  font-size:14px;
  font-weight:600;
}

.asblock_product_hero__tp_sub{
  margin-top:4px;
  font-size:12px;
}

/* Price */
.asblock_product_hero__price{
  margin-top:10px;
  margin-bottom:6px;
  font-size:36px;
}

.asblock_product_hero__price-value{
  font-weight: 400;
}

.asblock_product_hero__price div{
  display: inline;
}

@media (max-width:999px){
  .asblock_product_hero > .container{
    padding-top: 140px;
    padding-bottom: 400px;
  }
  .asblock_product_hero__series-logo{
    max-width: 80%;margin-left: auto;margin-right: auto;
  }
  .asblock_product_hero__series-logo img{
    margin-bottom: 25px;
  }
  .asblock_product_hero__title{
    font-size: 36px;
    text-align: center;
  }
  .asblock_product_hero__desc{
    font-size: 18px;
    line-height: 22px;
    text-align: center;
  }
  .asblock_product_hero__breadcrumb{
    text-align: center;
  }
  .asblock_product_hero__actions{
    justify-content: center;
  }
  .asblock_product_hero__price{
    text-align: center;
  }
  .asblock_product_hero__breadcrumb{
    display: none;
  }
  .asblock_product_hero__trustpilot{
    text-align: center;
  }
  .asblock_product_hero__tp_sub{
    display: none;
  }
  .asblock_product_hero__price{
    font-size: 22px;
  }
  .asblock_product_hero__actions{
    margin-top: 25px;
    margin-bottom: 25px;
  }
}


/* -- acf-as_quote_banner.css -- */
/* automatic/manual light mode */
:root {
  --black: var(--c-dark);
  --white: var(--c-light);
  --root-d-0: var(--fg);
  --root-l-0: var(--bg);
}
.asblock_quote_banner {
  position: relative!important;
  padding: 320px 20px 100px;
}
@media (min-width: 429px) { .asblock_quote_banner {padding: 380px 20px 100px;} }
@media (min-width: 550px) { .asblock_quote_banner {padding: 560px 20px 180px;} }

@media (min-width: 768px) {
  .asblock_quote_banner {                    padding: 155px  20px 140px  20px; }
  .asblock_quote_banner.layout_top_left{     padding:  60px 120px 235px  20px; }
  .asblock_quote_banner.layout_bottom_left{  padding: 235px 120px  60px  20px; }
}

@media (min-width: 940px) {
  .asblock_quote_banner {                    padding: 175px  20px 175px  20px; }
  .asblock_quote_banner.layout_top_left{     padding:  80px 120px 270px  20px; }
  .asblock_quote_banner.layout_bottom_left{  padding: 270px 120px  80px  20px; }
}

@media (min-width: 1100px) {
  .asblock_quote_banner {                    padding: 185px  20px 185px  20px; }
  .asblock_quote_banner.layout_top_left{     padding:  90px 120px 280px  20px; }
  .asblock_quote_banner.layout_bottom_left{  padding: 280px 120px  90px  20px; }
}

@media (min-width: 1200px) {
  .asblock_quote_banner {                    padding: 215px  20px 215px  20px; }
  .asblock_quote_banner.layout_top_left{     padding: 100px 120px 330px  20px; }
  .asblock_quote_banner.layout_bottom_left{  padding: 330px 120px 100px  20px; }
}

@media (min-width: 1500px) {
  .asblock_quote_banner {                    padding: 260px  20px 260px  20px; }
  .asblock_quote_banner.layout_top_left{     padding: 120px 210px 400px  20px; }
  .asblock_quote_banner.layout_bottom_left{  padding: 400px 210px 120px  20px; }
}

@media (min-width: 1650px) {
  .asblock_quote_banner {                    padding: 290px  20px 290px  20px; }
  .asblock_quote_banner.layout_top_left{     padding: 130px 210px 450px  20px; }
  .asblock_quote_banner.layout_bottom_left{  padding: 450px 210px 130px  20px; }
}

@media (min-width: 1890px) {
  .asblock_quote_banner {                    padding: 350px  20px 350px  20px; }
  .asblock_quote_banner.layout_top_left{     padding: 150px 210px 490px  20px; }
  .asblock_quote_banner.layout_bottom_left{  padding: 490px 210px 150px  20px; }
}

.asblock_quote_banner p {
  font-family: 'Lato', serif;
  font-size: 20px;
  line-height: 28px;
  font-style: italic;
  font-weight: 300;
  color: var(--white);
  text-shadow: 0px 0px 20px color-mix(in srgb, var(--c-dark) 50%, transparent);
}
@media (min-width: 992px) {
  .asblock_quote_banner p {
    font-size: 36px;
    line-height: 48px;
  }
}
@media (min-width: 1200px) {
  .asblock_quote_banner p {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (min-width: 1500px) {
  .asblock_quote_banner p {
    font-size: 48px;
    line-height: 58px;
  }
}

.asblock_quote_banner__media {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.asblock_quote_banner__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.asblock_quote_banner__media-xs,
.asblock_quote_banner__media-md {
  height: 100%;
}

.asblock_quote_banner__media-xs {
  display: block;
}

.asblock_quote_banner__media-md {
  display: none;
}

@media (min-width: 768px) {
  .asblock_quote_banner__media-xs {
    display: none;
  }
  .asblock_quote_banner__media-md {
    display: block;
  }
}

.asblock_quote_banner__logo {
  position: absolute;
  top: 110px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
}
.asblock_quote_banner__logo img{
  max-height: 100px;
  width: auto;
}

@media (min-width: 768px) {
  .asblock_quote_banner__logo{top: 40px;}
  .asblock_quote_banner.layout_top_left .asblock_quote_banner__logo{max-width:200px; top:auto; right:30px; bottom: 30px; left:auto;}
  .asblock_quote_banner.layout_bottom_left .asblock_quote_banner__logo{max-width:200px; top:30px; right:30px; bottom: auto; left:auto;}
}

@media (min-width: 1200px) {
  .asblock_quote_banner__logo{top: 80px;}
  .asblock_quote_banner.layout_top_left .asblock_quote_banner__logo{text-align:right;max-width:250px; top:auto; right:50px; bottom: 50px; left:auto;}
  .asblock_quote_banner.layout_bottom_left .asblock_quote_banner__logo{text-align:right;max-width:250px; top:50px; right:50px; bottom: auto; left:auto;}
  .asblock_quote_banner__logo img{max-height: 130px;}
}

.asblock_quote_banner__content {
  position: relative;
  text-align: center;
  margin: 0 auto;
  margin: 0 15px;
    min-height: 130px;

}

.asblock_quote_banner__content p.source{
  font-size: 16px;
  text-transform: uppercase;
  text-shadow: 0px 0px 20px color-mix(in srgb, var(--c-dark) 50%, transparent);
}

.asblock_quote_banner__content p.source a{
  color: var(--c-light);
  font-weight: 700;
}

@media (min-width: 768px) {

  .asblock_quote_banner.layout_top_left .asblock_quote_banner__content{
    text-align: left;
  }
  .asblock_quote_banner.layout_bottom_left .asblock_quote_banner__content{
    text-align: left;
  }
}

@media (min-width: 576px) {
  .asblock_quote_banner__content {
    max-width: 540px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .asblock_quote_banner__content {
    max-width: calc(728px - 30px);
    min-height: 194px;
  }
}
@media (min-width: 992px) {
  .asblock_quote_banner__content {
    max-width: calc(960px - 30px);
  }
  .asblock_quote_banner__content p.source{
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .asblock_quote_banner__content {
    max-width: calc(1140px - 30px);
  }
}
@media (min-width: 1500px) {
  .asblock_quote_banner__content {
    max-width: calc(1440px - 30px);
  }
}
.asblock_quote_banner__content > *:last-child {
  margin-bottom: 0;
}

/* -- acf-as_quote_sentence.css -- */
/* automatic/manual light mode */
.asblock_quote_sentence {
  position: relative;
  padding: 62px 20px 62px;
}
@media (min-width: 768px) {
  .asblock_quote_sentence {
    padding: 62px 20px 62px;
  }
}
@media (min-width: 1200px) {
  .asblock_quote_sentence {
    padding: 90px 20px 50px;
  }
}

.asblock_quote_sentence__content {
  position: relative;
  text-align: center;
  margin: 0 auto;
  margin: 0 15px;
  font-style: italic;
    font-size: 28px;
    line-height: 40px;
    font-family: Lato;
font-weight: 400;
line-height: 52px;
letter-spacing: 0em;
text-align: center;

}
@media (min-width: 576px) {
  .asblock_quote_sentence__content {
    max-width: 540px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .asblock_quote_sentence__content {
    max-width: calc(728px - 30px);
  }
}
@media (min-width: 992px) {
  .asblock_quote_sentence__content {
    max-width: calc(960px - 30px);
  }
}
@media (min-width: 1200px) {
  .asblock_quote_sentence__content {
    max-width: calc(1140px - 30px);
  }
}
@media (min-width: 1500px) {
  .asblock_quote_sentence__content {
    max-width: calc(1440px - 30px);
  }
}


/* -- acf-as_scroll_animation.css -- */
/* automatic/manual light mode */
:root {
  --black: var(--c-dark);
  --white: var(--c-light);
  --root-d-0: var(--fg);
  --root-l-0: var(--bg);
}
.asblock_quote_banner {
  position: relative;
  padding: 320px 20px 100px;
}
@media (min-width: 429px) { .asblock_quote_banner {padding: 380px 20px 100px;} }
@media (min-width: 550px) { .asblock_quote_banner {padding: 560px 20px 180px;} }

@media (min-width: 768px) {
  .asblock_quote_banner {                    padding: 155px  20px 140px  20px; }
  .asblock_quote_banner.layout_top_left{     padding:  60px 120px 235px  20px; }
  .asblock_quote_banner.layout_bottom_left{  padding: 235px 120px  60px  20px; }
}

@media (min-width: 940px) {
  .asblock_quote_banner {                    padding: 175px  20px 175px  20px; }
  .asblock_quote_banner.layout_top_left{     padding:  80px 120px 270px  20px; }
  .asblock_quote_banner.layout_bottom_left{  padding: 270px 120px  80px  20px; }
}

@media (min-width: 1100px) {
  .asblock_quote_banner {                    padding: 185px  20px 185px  20px; }
  .asblock_quote_banner.layout_top_left{     padding:  90px 120px 280px  20px; }
  .asblock_quote_banner.layout_bottom_left{  padding: 280px 120px  90px  20px; }
}

@media (min-width: 1200px) {
  .asblock_quote_banner {                    padding: 215px  20px 215px  20px; }
  .asblock_quote_banner.layout_top_left{     padding: 100px 120px 330px  20px; }
  .asblock_quote_banner.layout_bottom_left{  padding: 330px 120px 100px  20px; }
}

@media (min-width: 1500px) {
  .asblock_quote_banner {                    padding: 260px  20px 260px  20px; }
  .asblock_quote_banner.layout_top_left{     padding: 120px 210px 400px  20px; }
  .asblock_quote_banner.layout_bottom_left{  padding: 400px 210px 120px  20px; }
}

@media (min-width: 1650px) {
  .asblock_quote_banner {                    padding: 290px  20px 290px  20px; }
  .asblock_quote_banner.layout_top_left{     padding: 130px 210px 450px  20px; }
  .asblock_quote_banner.layout_bottom_left{  padding: 450px 210px 130px  20px; }
}

@media (min-width: 1890px) {
  .asblock_quote_banner {                    padding: 350px  20px 350px  20px; }
  .asblock_quote_banner.layout_top_left{     padding: 150px 210px 490px  20px; }
  .asblock_quote_banner.layout_bottom_left{  padding: 490px 210px 150px  20px; }
}

.asblock_quote_banner p {
  font-family: 'Lato', serif;
  font-size: 20px;
  line-height: 28px;
  font-style: italic;
  font-weight: 300;
  color: var(--white);
  text-shadow: 0px 0px 20px color-mix(in srgb, var(--c-dark) 50%, transparent);
}
@media (min-width: 992px) {
  .asblock_quote_banner p {
    font-size: 36px;
    line-height: 48px;
  }
}
@media (min-width: 1200px) {
  .asblock_quote_banner p {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (min-width: 1500px) {
  .asblock_quote_banner p {
    font-size: 48px;
    line-height: 58px;
  }
}

.asblock_quote_banner__media {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.asblock_quote_banner__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.asblock_quote_banner__media-xs,
.asblock_quote_banner__media-md {
  height: 100%;
}

.asblock_quote_banner__media-xs {
  display: block;
}

.asblock_quote_banner__media-md {
  display: none;
}

@media (min-width: 768px) {
  .asblock_quote_banner__media-xs {
    display: none;
  }
  .asblock_quote_banner__media-md {
    display: block;
  }
}

.asblock_quote_banner__logo {
  position: absolute;
  top: 110px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
}
.asblock_quote_banner__logo img{
  max-height: 100px;
  width: auto;
}

@media (min-width: 768px) {
  .asblock_quote_banner__logo{top: 40px;}
  .asblock_quote_banner.layout_top_left .asblock_quote_banner__logo{max-width:200px; top:auto; right:30px; bottom: 30px; left:auto;}
  .asblock_quote_banner.layout_bottom_left .asblock_quote_banner__logo{max-width:200px; top:30px; right:30px; bottom: auto; left:auto;}
}

@media (min-width: 1200px) {
  .asblock_quote_banner__logo{top: 80px;}
  .asblock_quote_banner.layout_top_left .asblock_quote_banner__logo{text-align:right;max-width:250px; top:auto; right:50px; bottom: 50px; left:auto;}
  .asblock_quote_banner.layout_bottom_left .asblock_quote_banner__logo{text-align:right;max-width:250px; top:50px; right:50px; bottom: auto; left:auto;}
  .asblock_quote_banner__logo img{max-height: 130px;}
}

.asblock_quote_banner__content {
  position: relative;
  text-align: center;
  margin: 0 auto;
  margin: 0 15px;
    min-height: 130px;

}

.asblock_quote_banner__content p.source{
  font-size: 16px;
  text-transform: uppercase;
  text-shadow: 0px 0px 20px color-mix(in srgb, var(--c-dark) 50%, transparent);
}

.asblock_quote_banner__content p.source a{
  color: var(--c-light);
  font-weight: 700;
}

@media (min-width: 768px) {

  .asblock_quote_banner.layout_top_left .asblock_quote_banner__content{
    text-align: left;
  }
  .asblock_quote_banner.layout_bottom_left .asblock_quote_banner__content{
    text-align: left;
  }
}

@media (min-width: 576px) {
  .asblock_quote_banner__content {
    max-width: 540px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .asblock_quote_banner__content {
    max-width: calc(728px - 30px);
    min-height: 194px;
  }
}
@media (min-width: 992px) {
  .asblock_quote_banner__content {
    max-width: calc(960px - 30px);
  }
  .asblock_quote_banner__content p.source{
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .asblock_quote_banner__content {
    max-width: calc(1140px - 30px);
  }
}
@media (min-width: 1500px) {
  .asblock_quote_banner__content {
    max-width: calc(1440px - 30px);
  }
}
.asblock_quote_banner__content > *:last-child {
  margin-bottom: 0;
}

/* -- acf-as_series_box.css -- */

.asblock_series_box__content-wrapper {
  position: relative;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}

.asblock_series_box .column:hover .asblock_series_box__media img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
.asblock_series_box .column:not(:hover) {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
.asblock_series_box--left {
  margin-right: 20px;
}
@media (min-width: 992px) {
  .asblock_series_box--left {
    margin-right: 30px;
  }
}
.asblock_series_box__content-wrapper {
  position: relative;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  width: 100%;
  height: 333px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  margin-bottom: 32px !important;
}
@media (min-width: 992px) {
  .asblock_series_box__content-wrapper {
    position: relative;
    height: 450px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: end;
        align-content: flex-end;
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1200px) {
  .asblock_series_box__content-wrapper {
    position: relative;
    height: 450px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: end;
        align-content: flex-end;
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1500px) {
  .asblock_series_box__content-wrapper {
    position: relative;
    height: 525px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: end;
        align-content: flex-end;
    margin-bottom: 0 !important;
  }
}
.asblock_series_box__content-wrapper:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: var(--c-dark);
  background: linear-gradient(180deg, color-mix(in srgb, var(--c-dark) 0%, transparent) 0%, color-mix(in srgb, var(--c-accent) 0%, transparent) 26%, var(--c-dark) 81%);
  opacity: 1;
  transition: all 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.asblock_series_box__content-wrapper.gradient1723:before {
  background: linear-gradient(1deg, var(--c-card) 7.39%, color-mix(in srgb, var(--c-card) 0%, transparent) 99.23%);
}

.asblock_series_box__media {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  position: absolute;
}
.asblock_series_box__media img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 333px;
  z-index: 0;
  position: relative;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .asblock_series_box__media img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 510px;
    z-index: 0;
    position: relative;
    margin-bottom: 0;
  }
}
.asblock_series_box__logo {
  width: 100%;
  z-index: 1;
  padding-left: 20px;
}
@media (min-width: 992px) {
  .asblock_series_box__logo {
    z-index: 1;
    padding-left: 36px;
  }
}
.asblock_series_box__logo img {
  width: 102px;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .asblock_series_box__logo img {
    width: 167px;
  }
}
.asblock_series_box__description {
  width: 100%;
  z-index: 11;
  padding: 0px 20px;
  color: var(--c-light);
  margin-top: -10px;
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .asblock_series_box__description {
    z-index: 11;
    padding: 0px 36px;
    color: var(--c-light);
    margin-top: -10px;
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 24px;
  }
}
.asblock_series_box .as_button {
  z-index: 1;
  margin-left: 20px;
  margin-bottom: 37px;
}
@media (min-width: 992px) {
  .asblock_series_box .as_button {
    z-index: 1;
    margin-left: 36px;
    margin-bottom: 60px;
  }
}
.asblock_series_box .column:hover .asblock_series_box__media:after {
  opacity: 0.3;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.asblock_series_box .asblock_series_box__media:after {
  content: "";
  display: block;
  position: absolute;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.asblock_series_box .column:not(:hover) .asblock_series_box__media img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
.asblock_series_box .as-gradient__line.as-gradient--full::after {
  bottom: 0px !important;
  z-index: 1 !important;
}
.asblock_series_box .gradient1723 .asblock_series_box__media:after {
  background: -webkit-gradient(linear, left top, right top, from(var(--c-card)), color-stop(50.52%, var(--c-card)), color-stop(96.87%, var(--c-accent))) !important;
  background: linear-gradient(90deg, var(--c-card) 0%, var(--c-card) 50.52%, var(--c-accent) 96.87%) !important;
}
.asblock_series_box .gradient1723s .asblock_series_box__media:after {
  background: -webkit-gradient(linear, left top, right top, color-stop(7.89%, var(--c-danger)), color-stop(28.69%, var(--c-accent)), color-stop(46.57%, var(--c-danger)), color-stop(65.75%, var(--c-danger)), color-stop(83.33%, var(--c-danger)), to(var(--c-raised))) !important;
  background: linear-gradient(90deg, var(--c-danger) 7.89%, var(--c-accent) 28.69%, var(--c-danger) 46.57%, var(--c-danger) 65.75%, var(--c-danger) 83.33%, var(--c-raised) 100%) !important;
}
.asblock_series_box .gradient1961 .asblock_series_box__media:after {
  background: -webkit-gradient(linear, left top, right top, from(var(--c-card)), color-stop(34.7%, var(--c-card)), color-stop(64.61%, var(--c-accent)), to(var(--c-success))) !important;
  background: linear-gradient(90deg, var(--c-card) 0%, var(--c-card) 34.7%, var(--c-accent) 64.61%, var(--c-success) 100%) !important;
}

/* -- acf-as_series_lineup.css -- */
.as-series-lineup__product-img-wrap{
    display: inline-block;
    border: 1px solid var(--c-light);
    border-color: var(--series-color-1);
}
.as-series-lineup__logo{
    max-width: 550px;
    margin-bottom: 40px;
}

.as-series-lineup__headline{
    margin-bottom:40px;
}

.as-series-lineup__intro{
    font-size: 24px;
}

.as-series-lineup__product-title{
    font-family: 'Josefin';
    text-transform: none;
    font-weight: 300;
    font-size: 50px;
    color: var(--series-color-1);
    margin-top: 75px;
    margin-bottom: 25px;
}

.as-series-lineup__product-blurb{
    margin-bottom: 75px;
}

@media (max-width:576px){
    .as-series-lineup__product-title{
        font-size: 30px;
        margin-top: 20px;
        margin-bottom: 10px;
        line-height: 45px;
    }
    .as-series-lineup__product-blurb{
        margin-bottom: 20px;
    }

}

.as-series-lineup__item .wp-block-button__link{
    background-color: var(--series-color-1);
}

/* Mobile: Single column with original order */
@media (max-width: 767px) {
    .as-series-lineup__header {
        order: 0;
    }
    
    .as-series-lineup__columns {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
    
    .as-series-lineup__column {
        display: contents; /* Makes children act as if they're direct children of parent */
    }
    
    .as-series-lineup__item {
        order: attr(data-order integer, 999);
    }
    
    /* Fallback for browsers that don't support attr() in order */
    .as-series-lineup__item[data-order="1"] { order: 1; }
    .as-series-lineup__item[data-order="2"] { order: 2; }
    .as-series-lineup__item[data-order="3"] { order: 3; }
    .as-series-lineup__item[data-order="4"] { order: 4; }
    .as-series-lineup__item[data-order="5"] { order: 5; }
    .as-series-lineup__item[data-order="6"] { order: 6; }
    .as-series-lineup__item[data-order="7"] { order: 7; }
    .as-series-lineup__item[data-order="8"] { order: 8; }
    .as-series-lineup__item[data-order="9"] { order: 9; }
    .as-series-lineup__item[data-order="10"] { order: 10; }
    /* Add more as needed */
}
/* Desktop: Two independent columns */
@media (min-width: 768px) {
    .as-series-lineup__header {
    }
    
    .as-series-lineup__columns {
        display: flex;
        flex-direction: row;
        gap: 75px;
        align-items: flex-start;
    }
    
    .as-series-lineup__column {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 75px;
    }
    
    /* Parallax effect on right column */
    .as-series-lineup__column--right {
        animation: parallax-scroll linear both;
        animation-timeline: view();
        animation-range: cover 15% cover 100%;
    }
    
    @keyframes parallax-scroll {
        0% {
            transform: translateY(0);
        }
        100% {
            transform: translateY(200px);
        }
    }
}
/* -- acf-as_series_products.css -- */
/* automatic/manual light mode */
:root {
  --black: var(--c-dark);
  --white: var(--c-light);
  --root-d-0: var(--fg);
  --root-l-0: var(--bg);
}
.as-slider__container {
  position: relative;
  padding: 0;
}
.as-slider__container li {
  display: none;
}
.as-slider__container li.active {
  display: block;
}
.as-slider__nav {
  -webkit-filter: none;
          filter: none;
  visibility: visible;
  opacity: 1;
  padding: 0;
  margin: 0;
  bottom: unset;
  right: unset;
  top: calc(50% - 20px);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-width: auto;
  width: 20px;
  height: 40px;
  position: absolute;
  border: none;
}
@media (min-width: 1200px) {
  .as-slider__nav {
    top: calc(50% + 79px - 10px);
  }
}
.as-slider__nav:hover {
  background-color: transparent;
}
.as-slider__nav::after {
  line-height: 12px;
  display: inline-block;
  width: 12px;
  height: 12px;
  content: "";
  background: var(--black);
  color: var(--black);
  background-size: 100% 100%;
  -webkit-mask-size: 12px 12px;
  mask-size: 12px 12px;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-image: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.59 0.294922L6 4.87492L1.41 0.294922L0 1.70492L6 7.70492L12 1.70492L10.59 0.294922Z" fill="currentColor"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.59 0.294922L6 4.87492L1.41 0.294922L0 1.70492L6 7.70492L12 1.70492L10.59 0.294922Z" fill="currentColor"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.as-slider__nav--next {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.as-slider__nav--next::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.as-slider__nav.hide {
  display: none;
}
.as-slider__nav--white {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--white);
  top: calc(50% - 25px);
  opacity: 0;
  left: -25px;
}
.as-slider__nav--white.as-slider__nav--next {
  right: -25px;
  left: unset;
}
.as-slider__nav--inner {
  opacity: 0;
  left: 10px;
}
.as-slider__nav--inner.as-slider__nav--next {
  right: 10px;
  left: unset;
}
@media (min-width: 600px) {
  .as-slider:hover .as-slider__nav--white {
    background-color: var(--white);
    opacity: 0.8;
  }
}

.asblock_series_products {
  overflow-x: hidden;
}
.asblock_series_products .container {
  margin-top: 10px;
  margin-bottom: 10px;
}
.asblock_series_products .slider-nav {
  display: none;
}
@media (min-width: 992px) {
  .asblock_series_products .slider-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.asblock_series_products .slider-nav:hover {
  background: transparent;
}
.asblock_series_products .slider-nav::before {
  background: var(--white);
  border-radius: 100%;
  width: 35px;
  height: 2rem;
  padding: 20px;
}
.asblock_series_products .slider-nav::after {
  width: 2rem;
  height: 2rem;
  line-height: 12px;
  width: 35px;
  content: "";
  font-size: 16px;
  background: var(--black);
  color: var(--black);
  background-size: 100% 100%;
  -webkit-mask-size: 20px 20px;
  mask-size: 16px 16px;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.asblock_series_products .slider-nav-next {
  display: none;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: 90px;
}
@media (min-width: 576px) {
  .asblock_series_products .slider-nav-next {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (min-width: 992px) {
  .asblock_series_products .slider-nav-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.asblock_series_products .slider-nav-next::after {
  margin-right: 0 !important;
  left: 0 !important;
  line-height: 12px;
  width: 35px;
  content: "";
  font-size: 16px;
  background: var(--black);
  color: var(--black);
  background-size: 100% 100%;
  -webkit-mask-size: 20px 20px;
  mask-size: 16px 16px;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
@media (min-width: 576px) {
  .asblock_series_products .slider-nav-next::after {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 35px;
    height: 2rem;
    position: relative;
  }
}
.asblock_series_products h2 {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 32px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .asblock_series_products h2 {
    font-size: 42px;
    line-height: 50px;
  }
}
.asblock_series_products.slider .container {
  max-width: 100%;
  width: 100%;
  padding: 0;
}
@media (min-width: 1200px) {
  .asblock_series_products.grid .asblock_series_products_button_wrapper {
    display: none;
  }
}
@media only screen and (max-width: 1199.98px) {
  .asblock_series_products.grid .container {
    max-width: 100%;
    width: 100%;
    padding: 0;
  }
}
.asblock_series_products .column > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .asblock_series_products.grid .swiffy-slider {
    width: 100%;
    margin: auto;
  }
  .asblock_series_products.grid .slider-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 26px 1fr 26px 1fr;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: 1fr 80px 1fr;
    grid-template-rows: repeat(2, 1fr);
    gap: 80px 26px;
    grid-auto-flow: row;
    grid-auto-rows: auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  .asblock_series_products.grid .slider-container > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .asblock_series_products.grid .slider-container > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .asblock_series_products.grid .slider-container > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .asblock_series_products.grid .slider-container > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .asblock_series_products.grid .slider-container > *:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .asblock_series_products.grid .slider-container > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .asblock_series_products.grid .slider-nav-mousedrag .slider-container {
    cursor: initial;
  }
}
.asblock_series_products .slider-container {
  overflow-y: hidden;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .asblock_series_products .slider-container {
    padding-right: 0px;
  }
}
.asblock_series_products .as-slider__container {
  height: 100%;
}
.asblock_series_products .as-slider__container li {
  height: 100%;
}
.asblock_series_products .as-slider__container li img {
  margin: 0;
  height: calc(100% - 72px);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.asblock_series_products .as-slider__nav {
  top: calc(((100% - 72px) / 2) - 25px);
}
.asblock_series_products__main-heading-wrapper {
  margin: 0 15px;
}
.asblock_series_products .as-slider__container li a {
  display: block;
  height: 100%;
}
@media (min-width: 576px) {
  .asblock_series_products__main-heading-wrapper {
    max-width: 540px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .asblock_series_products__main-heading-wrapper {
    max-width: calc(728px - 30px);
  }
}
@media (min-width: 992px) {
  .asblock_series_products__main-heading-wrapper {
    max-width: calc(960px - 30px);
  }
}
@media (min-width: 1200px) {
  .asblock_series_products__main-heading-wrapper {
    max-width: calc(1140px - 30px);
  }
}
@media (min-width: 1500px) {
  .asblock_series_products__main-heading-wrapper {
    max-width: calc(1440px - 30px);
  }
}
.asblock_series_products__box {
  z-index: 100;
  background-color: var(--root-l-0);
  padding: 0;
  padding-bottom: calc(100% + 72px);
  margin: 0;
  height: auto !important;
}
.asblock_series_products__box:hover .asblock_series_products__buttons {
  opacity: 1;
}
.asblock_series_products__content-wrapper,
.asblock_series_products__slider {
  position: absolute;
}
.asblock_series_products__slider {
  height: 100%;
  display: none;
}
.asblock_series_products__slider.active {
  display: block;
}
.asblock_series_products__content-wrapper {
  height: 72px;
  bottom: 0;
  background: var(--white);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 16px;
}
.asblock_series_products__heading-wrapper a::after {
  height: 0px !important;
}
.asblock_series_products__heading-wrapper h3 {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  font-weight: 400;
}

.asblock_series_products__heading-wrapper span {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}
.asblock_series_products__colors {
  display: none;
}
@media (min-width: 1200px) {
  .asblock_series_products__colors {
    display: block;
  }
}
.asblock_series_products__colors ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.asblock_series_products__colors li {
  cursor: pointer;
  max-width: 28px;
  max-height: 28px;
  position: relative;
}
.asblock_series_products__colors li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--white);
  z-index: -1;
  border-radius: 50px;
}
.asblock_series_products__colors li:not(:last-child) {
  margin-right: -8px;
}
.asblock_series_products__colors li:nth-child(0) {
  z-index: 4;
}
.asblock_series_products__colors li:nth-child(1) {
  z-index: 3;
}
.asblock_series_products__colors li:nth-child(2) {
  z-index: 2;
}
.asblock_series_products__colors li:nth-child(3) {
  z-index: 1;
}
.asblock_series_products__colors li:nth-child(4) {
  z-index: 0;
}
.asblock_series_products__colors li:nth-child(5) {
  z-index: -1;
}
.asblock_series_products__colors li:nth-child(6) {
  z-index: -2;
}
.asblock_series_products__colors li:nth-child(7) {
  z-index: -3;
}
.asblock_series_products__colors li:nth-child(8) {
  z-index: -4;
}
.asblock_series_products__colors li:nth-child(9) {
  z-index: -5;
}
.asblock_series_products__colors li:hover,
.asblock_series_products__colors li.active {
  z-index: 5;
}
.asblock_series_products__colors img {
  margin: 0;
  border: 2px solid transparent;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  pointer-events: none;
}
.asblock_series_products__buttons {
  position: absolute;
  bottom: 72px;
  left: 0;
  right: 0;
  padding: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  opacity: 0;
  transition: all 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  display: none;
}
@media (min-width: 1200px) {
  .asblock_series_products__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.asblock_series_products__buttons .as_button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.asblock_series_products .swiffy-slider {
  --swiffy-slider-item-count: 1;
  --swiffy-slider-item-reveal: 40%;
  --swiffy-slider-item-gap: 15px;
  width: 100%;
  margin-left: 15px;
}
@media (min-width: 576px) {
  .asblock_series_products .swiffy-slider {
    --swiffy-slider-item-count: 2;
    width: calc(100% - ((100vw - 540px) / 2) - 8px);
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .asblock_series_products .swiffy-slider {
    --swiffy-slider-item-gap: 15px;
    --swiffy-slider-item-reveal: 20%;
    width: calc(100% - ((100vw - 728px) / 2) - 8px);
  }
}
@media (min-width: 992px) {
  .asblock_series_products .swiffy-slider {
    --swiffy-slider-item-count: 3;
    width: calc(100% - ((100vw - 960px) / 2) - 8px);
  }
}
@media (min-width: 1200px) {
  .asblock_series_products .swiffy-slider {
    --swiffy-slider-item-count: 3;
    --swiffy-slider-item-reveal: 15%;
    --swiffy-slider-item-gap: 28px;
    width: calc(100% - ((100vw - 1140px) / 2) - 8px);
  }
}
@media (min-width: 1500px) {
  .asblock_series_products .swiffy-slider {
    --swiffy-slider-item-count: 4;
    width: calc(100% - ((100vw - 1440px) / 2) - 8px);
  }
}
.asblock_series_products_button_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1500px) {
  .asblock_series_products_button_wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: calc(1440px - 30px) !important;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (min-width: 1200px) {
  .asblock_series_products_button_wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: calc(1140px - 30px);
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.asblock_series_products_button_wrapper button {
  margin-top: -77px;
  visibility: visible !important;
}
.asblock_series_products_button_wrapper .slider-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 10px;
  height: 25px;
  right: 0;
  position: absolute;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 992px) {
  .asblock_series_products_button_wrapper .slider-nav {
    display: none;
  }
}
.asblock_series_products_button_wrapper .slider-nav:after {
  height: 40px;
  width: 40px;
}
.asblock_series_products_button_wrapper .slider-nav-prev {
  right: 60px;
  z-index: 1000;
}

/* -- acf-as_spec_tabs.css -- */
/* automatic/manual light mode */
:root {
  --black: var(--c-dark);
  --white: var(--c-light);
  --root-d-0: var(--fg);
  --root-l-0: var(--bg);
}
.tab {
  overflow: hidden;
}
.tab__nav {
  position: relative;
  list-style: none;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  overflow-x: scroll;
  border-bottom: 1px solid var(--root-l-0);
  padding: 0;
  justify-content: center;
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .tab__nav {
    position: absolute;
    left: 0;
    width: 100%;
    overflow-x: scroll;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .tab__nav {
    padding-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .tab__nav {
    padding-left: calc((100vw - 698px) / 2);
    padding-right: calc((100vw - 698px) / 2);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .tab__nav {
    padding-left: calc((100vw - 930px) / 2);
    padding-right: calc((100vw - 930px) / 2);
  }
}
@media (min-width: calc(1122px + 44px)) and (max-width: 1199.98px) {
  .tab__nav {
    padding-left: calc((100vw - 1122px) / 2);
    padding-right: calc((100vw - 1122px) / 2);
  }
}
@media (min-width: 1200px) {
  .tab__nav {
    position: relative;
    width: 100%;
    overflow-x: initial;
  }
}
.tab__nav::-webkit-scrollbar {
  display: none;
}
.tab__trigger {
  background: transparent;
  border: none;
  padding: 0;
  min-width: auto;
  font-size: 16px;
  line-height: 28px;
  color: var(--root-d-0);
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  padding: 20px 12px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media (min-width: 1200px) {
  .tab__trigger {
    font-size: 18px;
  }
}
.tab__trigger:hover {
  background-color: transparent;
  color: var(--root-d-0);
}
.tab__trigger.active {
  border-bottom: 2px solid var(--root-d-0);
  font-weight: 700;
}
.tab__content {
  max-width: 540px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 40px;
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .tab__content {
    padding-top: calc(71px + 40px);
  }
}
@media (min-width: 768px) {
  .tab__content {
    max-width: 768px;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .tab__content {
    max-width: calc(960px - 30px);
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .tab__content {
    max-width: calc(1140px - 30px);
    margin: 0 auto;
  }
}
@media (min-width: 1500px) {
  .tab__content {
    max-width: calc(1440px - 30px);
    margin: 0 auto;
  }
}
.tab__pane:not(.tab__pane:first-child) {
  display: none;
}
.tab__item{
  padding-left: 20px;
  padding-right: 20px;
}

.asblock_spec_tabs {
  margin: 0 auto;
  overflow: visible;
}
@media (min-width: 576px) {
  .asblock_spec_tabs {
    max-width: unset;
  }
}
@media (min-width: 768px) {
  .asblock_spec_tabs {
    max-width: calc(728px - 30px);
  }
}
@media (min-width: 992px) {
  .asblock_spec_tabs {
    max-width: calc(960px - 30px);
  }
}
@media (min-width: 1200px) {
  .asblock_spec_tabs {
    max-width: calc(1140px - 30px);
  }
}
@media (min-width: 1500px) {
  .asblock_spec_tabs {
    max-width: calc(1440px - 30px);
  }
}
@media (min-width: calc(1122px + 44px)) {
  .asblock_spec_tabs {
    max-width: 1122px !important;
  }
}
.asblock_spec_tabs h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
  font-family: 'Montserrat', sans-serif;
  color: var(--root-d-0);
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .asblock_spec_tabs h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 40px;
  }
}
.asblock_spec_tabs img {
  margin: 0;
  display: block;
}
.asblock_spec_tabs dl,
.asblock_spec_tabs dd {
  margin: 0;
}
.asblock_spec_tabs dl {
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .asblock_spec_tabs dl {
    margin-top: 36px;
  }
}
.asblock_spec_tabs dt {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--root-d-0);
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .asblock_spec_tabs dt {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
  }
}
.asblock_spec_tabs dd {
  margin-bottom: 12px;
}
@media (min-width: 1200px) {
  .asblock_spec_tabs dd {
    margin-bottom: 16px;
  }
}
.asblock_spec_tabs dd:last-child {
  margin-bottom: 0;
}
.asblock_spec_tabs dd p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 12px;
}
.asblock_spec_tabs dd p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .asblock_spec_tabs dd p {
    margin: 0;
  }
}

.asblock_spec_tabs .tab__pane {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .asblock_spec_tabs .tab__pane {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .asblock_spec_tabs .tab__pane {
    gap: 100px;
    -ms-grid-columns: 1fr 100px 640px;
    grid-template-columns: 1fr 640px;
  }
}
.asblock_spec_tabs__content-wrapper {
  position: relative;
}
.asblock_spec_tabs__description p {
  font-size: 14px;
  line-height: 24px;
}
@media (min-width: 1200px) {
  .asblock_spec_tabs__description p {
    font-size: 16px;
    line-height: 28px;
  }
}
.asblock_spec_tabs__description p:last-child {
  margin-bottom: 0;
}

@media (max-width: 620px) {
  .asblock_spec_tabs {
    position: relative;
  }
  .tab__nav {
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    /* Ensure the .tab__nav container is positioned */
  }
}

/* -- acf-as_tp_reviews_slider.css -- */
/* Reviews Slider Block */
:root {
  --black: var(--c-dark);
  --white: var(--c-light);
  --root-d-0: var(--fg);
  --root-l-0: var(--bg);
}

.asblock_tp_reviews_slider .slider-container{
  padding: 5px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

/* Star rating */
.rv-slider-stars {
  margin: 0;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
.rv-slider-stars__item {
  position: relative;
  width: 17px;
  height: 17px;
  background-color: var(--c-success);
}
@media (min-width: 1200px) {
  .rv-slider-stars__item {
    width: 20px;
    height: 20px;
  }
}
.rv-slider-stars__item::before {
  position: absolute;
  top: calc(50% - 6px);
  right: calc(50% - 6px);
  line-height: 12px;
  display: inline-block;
  width: 12px;
  height: 12px;
  content: "";
  background: var(--white);
  color: var(--white);
  background-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: 12px 12px;
  mask-size: 12px 12px;
  -webkit-mask-image: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.31322 14.162L13.1716 13.1288L14.7837 18.3784L9.31322 14.162ZM18.1929 7.3766H11.401L9.31322 0.619141L7.22546 7.3766H0.433594L5.93051 11.5651L3.84274 18.3226L9.33965 14.134L12.7224 11.5651L18.1929 7.3766Z" fill="currentColor"/></svg>');
  mask-image: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.31322 14.162L13.1716 13.1288L14.7837 18.3784L9.31322 14.162ZM18.1929 7.3766H11.401L9.31322 0.619141L7.22546 7.3766H0.433594L5.93051 11.5651L3.84274 18.3226L9.33965 14.134L12.7224 11.5651L18.1929 7.3766Z" fill="currentColor"/></svg>');
}
@media (min-width: 1200px) {
  .rv-slider-stars__item::before {
    top: calc(50% - 7px);
    right: calc(50% - 7px);
    line-height: 14px;
    width: 14px;
    height: 14px;
    -webkit-mask-size: 14px 14px;
    mask-size: 14px 14px;
  }
}

/* Block wrapper - full width, no container */
.asblock_tp_reviews_slider {
  width: 100%;
}
.asblock_tp_reviews_slider h2,
.asblock_tp_reviews_slider p {
  color: var(--root-d-0);
}
.asblock_tp_reviews_slider h2 {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 32px;
  text-align: center;
}
@media (min-width: 1200px) {
  .asblock_tp_reviews_slider h2 {
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 60px;
  }
}
.asblock_tp_reviews_slider p {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
}
@media (min-width: 768px) {
  .asblock_tp_reviews_slider p {
    line-height: 20px;
  }
}

/* Slider nav */
.asblock_tp_reviews_slider .slider-nav {
  display: none;
}
@media (min-width: 992px) {
  .asblock_tp_reviews_slider .slider-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.asblock_tp_reviews_slider .slider-nav:hover {
  background: transparent;
}
.asblock_tp_reviews_slider .slider-nav::before {
  background: var(--white);
  border-radius: 100%;
  width: 35px;
  height: 2rem;
  padding: 20px;
}
.asblock_tp_reviews_slider .slider-nav::after {
  width: 2rem;
  height: 2rem;
  line-height: 12px;
  width: 35px;
  content: "\f282";
  font-size: 16px;
  background: var(--black);
  color: var(--black);
  background-size: 100% 100%;
  -webkit-mask-size: 20px 20px;
  mask-size: 16px 16px;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.asblock_tp_reviews_slider .slider-nav-next {
  display: none;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 576px) {
  .asblock_tp_reviews_slider .slider-nav-next {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (min-width: 992px) {
  .asblock_tp_reviews_slider .slider-nav-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.asblock_tp_reviews_slider .slider-nav-next::after {
  margin-right: 0 !important;
  left: 0 !important;
  line-height: 12px;
  width: 35px;
  content: "\f282";
  font-size: 16px;
  background: var(--black);
  color: var(--black);
  background-size: 100% 100%;
  -webkit-mask-size: 20px 20px;
  mask-size: 16px 16px;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
@media (min-width: 576px) {
  .asblock_tp_reviews_slider .slider-nav-next::after {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 35px;
    height: 2rem;
    position: relative;
  }
}

/* Review box card */
.asblock_reviews_slider__box {
  background-color: transparent;
  -webkit-box-shadow: 0 2px 8px color-mix(in srgb, var(--c-dark) 8%, transparent), 0 1px 3px color-mix(in srgb, var(--c-dark) 6%, transparent);
          box-shadow: 0 2px 8px color-mix(in srgb, var(--c-dark) 8%, transparent), 0 1px 3px color-mix(in srgb, var(--c-dark) 6%, transparent);
  padding: 0;
  margin: 0;
}

.asblock_reviews_slider__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 16px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 576px) {
  .asblock_reviews_slider__inner {
    padding: 32px 20px;
  }
}
@media (min-width: 768px) {
  .asblock_reviews_slider__inner {
    padding: 44px 20px;
  }
}

/* Top content area */
.asblock_reviews_slider__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/* Bottom / reviewer name */
.asblock_reviews_slider__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}
@media (min-width: 768px) {
  .asblock_reviews_slider__bottom {
    padding-top: 12px;
  }
}
@media (min-width: 768px) {
  .asblock_reviews_slider__bottom::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 1px;
    background-color: var(--root-d-0);
  }
}
.asblock_reviews_slider__bottom span {
  font-family: 'Lora', serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

/* Description text */
.asblock_reviews_slider__text {
  font-size: 12px;
  line-height: 20px;
}

/* Swiffy slider - full width */
.asblock_tp_reviews_slider .swiffy-slider {
  --swiffy-slider-item-count: 1;
  --swiffy-slider-item-reveal: 30%;
  --swiffy-slider-item-gap: 10px;
  width: 100%;
  margin-bottom: 0px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .asblock_tp_reviews_slider .swiffy-slider {
    --swiffy-slider-item-count: 2;
    --swiffy-slider-item-reveal: 15%;
    --swiffy-slider-item-gap: 12px;
    padding-left: 0px;
  }
}
@media (min-width: 768px) {
  .asblock_tp_reviews_slider .swiffy-slider {
    --swiffy-slider-item-count: 3;
    --swiffy-slider-item-reveal: 10%;
    --swiffy-slider-item-gap: 15px;
    padding-left: 0px;
  }
}
@media (min-width: 992px) {
  .asblock_tp_reviews_slider .swiffy-slider {
    --swiffy-slider-item-count: 4;
    --swiffy-slider-item-reveal: 0%;
    padding-left: 0px;
  }
}
@media (min-width: 1200px) {
  .asblock_tp_reviews_slider .swiffy-slider {
    --swiffy-slider-item-count: 5;
    --swiffy-slider-item-reveal: 0%;
    --swiffy-slider-item-gap: 20px;
    margin-bottom: 40px;
    padding-left: 0px;
  }
}
@media (min-width: 1500px) {
  .asblock_tp_reviews_slider .swiffy-slider {
    --swiffy-slider-item-count: 6;
    --swiffy-slider-item-gap: 24px;
    padding-left: 0px;
  }
}

/* -- acf-boxed.css -- */
.asblock_boxed{
	margin-bottom: 60px;
}

.col-md-6.arendal-boxed-image:before{
    content: "";
    display: block;
    padding-top: 100%;
    position: relative;
}

/* Light boxes take the theme's raised surface (dark on the dark theme, light on the light one). */
.asblock_boxed.gray .row,
.asblock_boxed.white .row{
	background: var(--bg-raised);
	box-shadow: inset 0 0 0 1px var(--line-1);
	color: var(--fg);
}

.asblock_boxed .button{
	margin-top: 12px;
	display: inline-block;
}

.asblock_boxed.black .row{
	background: var(--c-dark);
}
.asblock_boxed.gradient1961 .row{
	background: linear-gradient(133deg, color-mix(in srgb, var(--c-accent) 41%, transparent) 0%, color-mix(in srgb, var(--c-card) 50%, transparent) 35.52%, color-mix(in srgb, var(--c-card) 50%, transparent) 70.36%, color-mix(in srgb, var(--c-success) 50%, transparent) 100%), color-mix(in srgb, var(--c-dark) 90%, transparent);
}
.asblock_boxed.gradient1723 .row{
	background: linear-gradient(221deg, color-mix(in srgb, var(--c-accent) 40%, transparent) 0%, color-mix(in srgb, var(--c-card) 40%, transparent) 35.53%, color-mix(in srgb, var(--c-card) 40%, transparent) 69.54%, color-mix(in srgb, var(--c-raised) 40%, transparent) 100%), var(--c-dark);
}
.asblock_boxed.gradient1723s .row{
	background: linear-gradient(212deg, color-mix(in srgb, var(--c-accent) 40%, transparent) 0%, color-mix(in srgb, var(--c-danger) 40%, transparent) 28.69%, color-mix(in srgb, var(--c-danger) 40%, transparent) 58.87%, color-mix(in srgb, var(--c-raised) 40%, transparent) 100%), var(--c-dark);
}

/* The solid series boxes sit on the raised surface with a hairline, like the gray/white ones: the
   mid grey (--c-card) read as a loose slab on the dark pages. */
.asblock_boxed.solid1723dark .row,
.asblock_boxed.solid1723light .row,
.asblock_boxed.solid1961dark .row{
	background: var(--bg-raised);
	box-shadow: inset 0 0 0 1px var(--line-1);
}

.asblock_boxed.black .row h2,
.asblock_boxed.black .row p,
.asblock_boxed.gradient1961 .row h2,
.asblock_boxed.gradient1961 .row p,
.asblock_boxed.gradient1723 .row h2,
.asblock_boxed.gradient1723 .row p,
.asblock_boxed.gradient1723s .row h2,
.asblock_boxed.gradient1723s .row p,
.asblock_boxed.solid1723dark .row h2,
.asblock_boxed.solid1723dark .row p,
.asblock_boxed.solid1723light .row h2,
.asblock_boxed.solid1723light .row p,
.asblock_boxed.solid1961dark .row h2,
.asblock_boxed.solid1961dark .row p{
	color: var(--c-light);
}
.asblock_boxed.black .row a.button,
.asblock_boxed.gradient1961 .row a.button,
.asblock_boxed.gradient1723 .row a.button,
.asblock_boxed.gradient1723s .row a.button,
.asblock_boxed.solid1723light .row a.button,
.asblock_boxed.solid1723dark .row a.button,
.asblock_boxed.solid1961dark .row a.button{
	color: var(--c-dark);
	background: var(--c-light);
}

.asblock_boxed .arendal-boxed-inner{
	padding: 40px 20px;
}

@media (min-width:1000px){
	.asblock_boxed .arendal-boxed-inner{
		padding-left: 100px;
		padding-right: 100px;
	}
}

.asblock_boxed .wp-block-buttons>.wp-block-button{
	margin-bottom: 0;
}

.asblock_boxed .arendal-boxed-image img{
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}

.asblock_boxed.bgcentercenter .arendal-boxed-image img{
	object-position: center center;
}
.asblock_boxed.bgtopleft .arendal-boxed-image img{
	object-position: top left;
}
.asblock_boxed.bgbottomright .arendal-boxed-image img{
	object-position: bottom right;
}

@media (max-width:767px){
	.asblock_boxed .container{
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width:1200px){
	.asblock_boxed .arendal-boxed-inner h2{
		font-size: 20px;
		line-height: 24px;
	}

}


/* -- acf-deep_dive_slider.css -- */
/* automatic/manual light mode */
:root {
  --black: var(--c-dark);
  --white: var(--c-light);
  --root-d-0: var(--fg);
  --root-l-0: var(--bg);
}
.as-gradient__line.as-gradient--full {
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .as-gradient__line.as-gradient--full {
    margin-bottom: 12px;
  }
}
.as-gradient__line.as-gradient--full.gradienttransparent {
  margin-bottom: 0px;
}
.as-gradient__line.as-gradient--full::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -8px;
  background: var(--root-d-0);
  height: 8px;
  width: 100%;
  display: none;
}
@media (min-width: 768px) {
  .as-gradient__line.as-gradient--full::after {
    bottom: -12px;
    height: 12px;
  }
}
.as-gradient__line.as-gradient--full.gradient1723::after,
.as-gradient__line.as-gradient--full.gradient1961::after,
.as-gradient__line.as-gradient--full.gradient1723s::after {
  display: block;
}
.as-gradient__line.as-gradient--full.gradient1723::after {
  background: -webkit-gradient(linear, left top, right top, from(var(--c-card)), color-stop(50.52%, var(--c-card)), color-stop(96.87%, var(--c-accent)));
  background: linear-gradient(90deg, var(--c-card) 0%, var(--c-card) 50.52%, var(--c-accent) 96.87%);
}
.as-gradient__line.as-gradient--full.gradient1961::after {
  background: -webkit-gradient(linear, left top, right top, from(var(--c-card)), color-stop(34.7%, var(--c-card)), color-stop(64.61%, var(--c-accent)), to(var(--c-success)));
  background: linear-gradient(90deg, var(--c-card) 0%, var(--c-card) 34.7%, var(--c-accent) 64.61%, var(--c-success) 100%);
}
.as-gradient__line.as-gradient--full.gradient1723s::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(7.89%, var(--c-danger)), color-stop(28.69%, var(--c-accent)), color-stop(46.57%, var(--c-danger)), color-stop(65.75%, var(--c-danger)), color-stop(83.33%, var(--c-danger)), to(var(--c-raised)));
  background: linear-gradient(90deg, var(--c-danger) 7.89%, var(--c-accent) 28.69%, var(--c-danger) 46.57%, var(--c-danger) 65.75%, var(--c-danger) 83.33%, var(--c-raised) 100%);
}
/* =============================================================================
    1. BASIC MODAL STYLES
========================================================================= */
.modal {
  font-family: 'Lato', serif;
}
/* =============================================================================
    2. MODAL ANIMATIONS
========================================================================= */
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
/* =============================================================================
    3. SPECIFIC MODAL STLYES
========================================================================= */

.modal-inner-excerpt {
  text-align: center;
  font-family: 'Lato', serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .modal-inner-excerpt {
    text-align: center;
    margin-top: -4px;
    font-size: 16px;
    margin-bottom: 40px;
  }
}
.modal-inner-excerpt p {
  font-size: 13px;
  line-height: 21px;
}
@media (min-width: 992px) {
  .modal-inner-excerpt p {
    font-size: 16px;
    line-height: 28px;
  }
}
.modal-inner-content h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 5px !important;
}
@media (min-width: 992px) {
  .modal-inner-content h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 5px !important;
  }
}
.modal-inner-content h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 5px !important;
}
@media (min-width: 992px) {
  .modal-inner-content h4 {
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 5px !important;
  }
}
.modal-inner-content h5 {
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 5px !important;
}
@media (min-width: 992px) {
  .modal-inner-content h5 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 5px !important;
  }
}
.modal-inner-content h6 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20;
  margin-bottom: 5px !important;
}
@media (min-width: 992px) {
  .modal-inner-content h6 {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 5px !important;
  }
}
.modal-inner-content p {
  font-size: 14px;
  line-height: 22px;
}
@media (min-width: 992px) {
  .modal-inner-content p {
    font-size: 16px;
    line-height: 28px;
  }
}
.modal-inner-content ul {
  margin-left: -15px;
}
.modal-inner-content ul li {
  font-size: 14px;
}
@media (min-width: 992px) {
  .modal-inner-content ul li {
    font-size: 12px;
  }
}

/* -- acf-gradient_line.css -- */
.asblock_gradient_line{
	height: 12px;
}

.asblock_gradient_line.gradient1961{
	background: linear-gradient(90deg, var(--c-card) 0%, var(--c-card) 34.7%, var(--c-accent) 64.61%, var(--c-success) 100%);
}

.asblock_gradient_line.gradient1723{
	background: linear-gradient(90deg, var(--c-card) 0%, var(--c-accent) 55.21%, var(--c-card) 82.81%);
}

.asblock_gradient_line.gradient1723s{
	background: linear-gradient(90deg, var(--c-danger) 7.89%, var(--c-accent) 28.69%, var(--c-danger) 46.57%, var(--c-danger) 65.75%, var(--c-danger) 83.33%, var(--c-raised) 100%);
}
/* -- acf-image_cta.css -- */
.asblock_image_cta{
	text-align: center;
}

.asblock_image_cta .image_wrap{
}

.asblock_image_cta .image_wrap img{
	margin-bottom: 0;
}

.asblock_image_cta .container{
	background: var(--c-dark);
	color: var(--c-light);
	top:-40px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.asblock_image_cta .container:after{
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	background: radial-gradient(at 0% 10%, transparent 58%, var(--c-card) 100%),
            linear-gradient(198deg, var(--c-card) 0%, var(--c-card) 85%);
    opacity: 0;
	transition: opacity 500ms;
}

.asblock_image_cta .container:hover:after{
	opacity: 1;
	transition: opacity 500ms;
}

.asblock_image_cta .inner{
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 20px;
	padding-right: 20px;
	z-index: 1;
	position: relative;
}

.asblock_image_cta .inner h2{
	font-size: 20px;
	line-height: 24px;
}

.asblock_image_cta .button{
	background: var(--c-light);
	color: var(--c-dark);
	display: inline-block;
}

@media (min-width:650px){
	.asblock_image_cta .container{
		top:-100px;
	}
	
	.asblock_image_cta .inner{
		padding-top: 80px;
		padding-bottom: 80px;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.asblock_image_cta .inner h2{
		font-size: 36px;
		line-height: 44px;
	}

}

@media (min-width:1100px){

	.asblock_image_cta .container{
		top:-200px;
	}

	.asblock_image_cta .inner{
		padding-top: 120px;
		padding-bottom: 120px;
		padding-left: 100px;
		padding-right: 100px;
	}

	.asblock_image_cta .inner h2{
		font-size: 42px;
		line-height: 50px;
	}

}
/* -- acf-intro.css -- */
.asblock_intro{
	padding-top: 40px;
	padding-bottom: 30px;
}

.asblock_intro .arendal-intro-inner h2{
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; /* 133.333% */
	text-transform: uppercase;
}

.asblock_intro .text_more {
    display: none;
    overflow: hidden;
    max-height: 0;
    transition: max-height 5s ease-out;
}

.asblock_intro .arendal-intro-image img{
	margin-bottom: 0;
	transition: transform .3s;
}

.asblock_intro .col-md-6.arendal-intro-image:after{
    content: "";
    display: block;
    position: absolute;
	left: 0%;
	right: 0%;
	top: 0%;
	bottom: 0%;
	background: var(--c-dark);
	opacity: 0;
	transition: opacity 300ms;
}
.asblock_intro.gradient1961 .col-md-6.arendal-intro-image:after{
	background: linear-gradient(109.72deg, var(--c-card) 23.14%, var(--c-card) 39.64%, color-mix(in srgb, var(--c-accent) 70%, transparent) 56.31%, var(--c-success) 78.45%);
}
.asblock_intro.gradient1723 .col-md-6.arendal-intro-image:after{
	background: linear-gradient(221deg, color-mix(in srgb, var(--c-accent) 40%, transparent) 0%, color-mix(in srgb, var(--c-card) 40%, transparent) 35.53%, color-mix(in srgb, var(--c-card) 40%, transparent) 69.54%, color-mix(in srgb, var(--c-raised) 40%, transparent) 100%), var(--c-dark);
}
.asblock_intro.gradient1723s .col-md-6.arendal-intro-image:after{
	background: linear-gradient(212deg, color-mix(in srgb, var(--c-accent) 40%, transparent) 0%, color-mix(in srgb, var(--c-danger) 40%, transparent) 28.69%, color-mix(in srgb, var(--c-danger) 40%, transparent) 58.87%, color-mix(in srgb, var(--c-raised) 40%, transparent) 100%), var(--c-dark);
}

.asblock_intro .arendal-intro-image{
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}

.asblock_intro:hover .arendal-intro-image img{
	transform: scale(1.05);
}

.asblock_intro:hover .col-md-6.arendal-intro-image:after{
	opacity: 0.3;
	transition: opacity 300ms;
}

.asblock_intro .button{
	margin-top: 12px;
	display: inline-block;
}

.asblock_intro .arendal-intro-inner{
	padding: 40px 20px;
}

@media (min-width:1000px){
	.asblock_intro .arendal-intro-inner{
		padding-right: 100px;
	}
}

.asblock_intro .wp-block-buttons>.wp-block-button{
	margin-bottom: 0;
}

@media (max-width:767px){
	.asblock_intro .container{
		padding-left: 0;
		padding-right: 0;
	}
}

@media (min-width:768px){
	.asblock_intro{
		padding-top: 100px;
		padding-bottom: 100px;
	}
}


/* -- acf-product_highlights_slider.css -- */
/* automatic/manual light mode */
:root {
  --black: var(--c-dark);
  --white: var(--c-light);
  --root-d-0: var(--fg);
  --root-l-0: var(--bg);
}
.as-gradient__line.as-gradient--full {
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .as-gradient__line.as-gradient--full {
    margin-bottom: 12px;
  }
}
.as-gradient__line.as-gradient--full.gradienttransparent {
  margin-bottom: 0px;
}
.as-gradient__line.as-gradient--full::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -8px;
  background: var(--root-d-0);
  height: 8px;
  width: 100%;
  display: none;
}
@media (min-width: 768px) {
  .as-gradient__line.as-gradient--full::after {
    bottom: -12px;
    height: 12px;
  }
}
.as-gradient__line.as-gradient--full.gradient1723::after,
.as-gradient__line.as-gradient--full.gradient1961::after,
.as-gradient__line.as-gradient--full.gradient1723s::after {
  display: block;
}
.as-gradient__line.as-gradient--full.gradient1723::after {
  background: -webkit-gradient(linear, left top, right top, from(var(--c-card)), color-stop(50.52%, var(--c-card)), color-stop(96.87%, var(--c-accent)));
  background: linear-gradient(90deg, var(--c-card) 0%, var(--c-card) 50.52%, var(--c-accent) 96.87%);
}
.as-gradient__line.as-gradient--full.gradient1961::after {
  background: -webkit-gradient(linear, left top, right top, from(var(--c-card)), color-stop(34.7%, var(--c-card)), color-stop(64.61%, var(--c-accent)), to(var(--c-success)));
  background: linear-gradient(90deg, var(--c-card) 0%, var(--c-card) 34.7%, var(--c-accent) 64.61%, var(--c-success) 100%);
}
.as-gradient__line.as-gradient--full.gradient1723s::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(7.89%, var(--c-danger)), color-stop(28.69%, var(--c-accent)), color-stop(46.57%, var(--c-danger)), color-stop(65.75%, var(--c-danger)), color-stop(83.33%, var(--c-danger)), to(var(--c-raised)));
  background: linear-gradient(90deg, var(--c-danger) 7.89%, var(--c-accent) 28.69%, var(--c-danger) 46.57%, var(--c-danger) 65.75%, var(--c-danger) 83.33%, var(--c-raised) 100%);
}
/* =============================================================================
    1. BASIC MODAL STYLES
========================================================================= */
.modal {
  font-family: 'Lato', serif;
}
/* =============================================================================
    2. MODAL ANIMATIONS
========================================================================= */
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
/* =============================================================================
    3. SPECIFIC MODAL STLYES
========================================================================= */

.modal-inner-excerpt {
  text-align: center;
  font-family: 'Lato', serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .modal-inner-excerpt {
    text-align: left;
    margin-top: -4px;
    font-size: 16px;
    margin-bottom: 40px;
  }
}
.modal-inner-excerpt p {
  font-size: 13px;
  line-height: 21px;
}
@media (min-width: 992px) {
  .modal-inner-excerpt p {
    font-size: 16px;
    line-height: 28px;
  }
}
.modal-inner-content h3 {
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 5px !important;
}
@media (min-width: 992px) {
  .modal-inner-content h3 {
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 5px !important;
  }
}
.modal-inner-content h4 {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 5px !important;
}
@media (min-width: 992px) {
  .modal-inner-content h4 {
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 5px !important;
  }
}
.modal-inner-content h5 {
  font-size: 15px;
  font-weight: 300;
  line-height: 21px;
  margin-bottom: 5px !important;
}
@media (min-width: 992px) {
  .modal-inner-content h5 {
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    margin-bottom: 5px !important;
  }
}
.modal-inner-content h6 {
  font-size: 14px;
  font-weight: 300;
  line-height: 20;
  margin-bottom: 5px !important;
}
@media (min-width: 992px) {
  .modal-inner-content h6 {
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 5px !important;
  }
}
.modal-inner-content p {
  font-size: 14px;
  line-height: 22px;
}
@media (min-width: 992px) {
  .modal-inner-content p {
    font-size: 16px;
    line-height: 28px;
  }
}
.modal-inner-content ul {
  margin-left: -15px;
}
.modal-inner-content ul li {
  font-size: 14px;
}
@media (min-width: 992px) {
  .modal-inner-content ul li {
    font-size: 12px;
  }
}

/* -- acf-reviews_slider.css -- */
.asblock_reviews_slider {
  padding: 40px 0 0px 0;
  background: var(--c-light);
}

.asblock_reviews_slider .container {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.asblock_reviews_slider__wrapper {
  position: relative;
  overflow: hidden;
}

.asblock_reviews_slider .slider-container {
  --swiffy-slider-item-count: 3.5;
  --swiffy-slider-item-gap: 50px;
  padding: 40px 0;
}

/* Gradient overlays on both sides */
.asblock_reviews_slider__gradient {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 150px;
  pointer-events: none;
  z-index: 10;
}

.asblock_reviews_slider__gradient--right {
  right: 0;
  background: linear-gradient(to right, color-mix(in srgb, var(--c-light) 0%, transparent), var(--c-light));
}

.asblock_reviews_slider__gradient--left {
  left: 0;
  background: linear-gradient(to left, color-mix(in srgb, var(--c-light) 0%, transparent), var(--c-light));
}

.as-review-card {
  background: var(--c-light);
  padding: 40px;
  height: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  color: var(--c-dark);
  box-shadow: 0 4px 16px color-mix(in srgb, var(--c-dark) 6%, transparent);
  transition: transform 0.1s ease-out,
              box-shadow 0.1s ease-out,
              opacity 0.1s ease-out;
  transform-origin: center center;
  will-change: transform;
}

.as-review-card img {
  max-width: 160px;
  margin: 0 auto 24px;
}

.as-review-card__excerpt {
  font-size: 14px;
  line-height: 22px;
  color: var(--c-raised);
  margin-bottom: 24px;
}

.as-review-card blockquote {
  font-size: 18px;
  line-height: 28px;
  font-style: italic;
  margin-bottom: 24px;
}

.as-review-card cite {
  font-weight: 700;
  font-style: normal;
}

/* Mac menu effect - scale the active (second visible) item */
.asblock_reviews_slider .slider-container li.is-active-card .as-review-card {
  transform: scale(1.05) translateY(-5px);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--c-dark) 10%, transparent);
  z-index: 5;
  position: relative;
}

/* Make non-active cards slightly smaller for contrast */
.asblock_reviews_slider .slider-container li:not(.is-active-card) .as-review-card {
  opacity: 0.85;
}

/* Arrow navigation - always visible overlay */
.asblock_reviews_slider .swiffy-slider button.slider-nav {
  height: 3rem !important;
  width: 3rem !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  top: 50%;
  transform: translateY(-50%);
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  z-index: 15;
  opacity: 1;
  transition: opacity 0.2s ease;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  font-size: 0 !important;
  color: transparent !important;
}

.asblock_reviews_slider .swiffy-slider button.slider-nav::after {
  border-color: var(--c-card) !important;
  background-color: var(--c-card) !important;
}

.asblock_reviews_slider .swiffy-slider button.slider-nav:hover {
  background: none !important;
  background-color: transparent !important;
  opacity: 0.6;
}

/* Responsive adjustments */
@media (max-width: 1199px) {
  .asblock_reviews_slider .slider-container {
    --swiffy-slider-item-count: 2.5;
  }
}

@media (max-width: 767px) {
  .asblock_reviews_slider .container {
    padding-left: 0;
  }
  
  .asblock_reviews_slider .slider-container {
    --swiffy-slider-item-count: 1.2;
    --swiffy-slider-item-gap: 16px;
  }
  
  .asblock_reviews_slider__gradient--right,
  .asblock_reviews_slider__gradient--left {
    width: 80px;
  }
}
/* -- acf-series_eisa.css -- */
.asblock_series_eisa{
	margin-bottom: 0px;
	padding-top: 60px;
	padding-bottom: 60px;
	background: var(--bg-raised);
	color: var(--fg);
}

.asblock_series_eisa_container{
	padding-left: 34px;
	padding-right: 34px;
}

.asblock_series_eisa .image_wrap{
	position: relative;
}

.asblock_series_eisa .right_wrap{
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}

.asblock_series_eisa .eisa_logo{
	position: absolute;
	top: 20px;
	left: -20px;
	width: 110px;
}

.asblock_series_eisa .series_logo{
	text-align: center;
}

.asblock_series_eisa .series_logo img{
	margin-bottom: 0;
	width: 152px;
}

.asblock_series_eisa h4{
	text-align: center;
	font-size: 20px;
	line-height: 24px;
	margin-top: 20px;
	margin-bottom: 12px;
	font-weight: 300;
}

.asblock_series_eisa h4 p{
	margin: 0;
}

@media (min-width:480px){
	.asblock_series_eisa .eisa_logo{
		width: 150px;
	}

	.asblock_series_eisa .series_logo img{
		width: 190px;
	}
}

@media (min-width:650px){
	.asblock_series_eisa .eisa_logo{
		width: 250px;
	}

	.asblock_series_eisa .series_logo img{
		width: 270px;
	}
}

@media (min-width:1000px){
	.asblock_series_eisa{
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.asblock_series_eisa_container{
		display: flex;
		align-items: center;
		max-width: 1504px;
		margin-left: auto;
		margin-right: auto;
	}

	.column {
		flex-basis: 50%;
	}

	.asblock_series_eisa .image_wrap{
		position: relative;
	}

	.asblock_series_eisa .right_wrap{
		padding-left: 35px;
		text-align: center;
		font-size: 16px;
		line-height: 28px;
	}

	.asblock_series_eisa .eisa_logo{
		position: absolute;
		top: 20px;
		left: -20px;
		width: 150px;
	}

	.asblock_series_eisa .series_logo{
		text-align: center;
	}

	.asblock_series_eisa .series_logo img{
		width: 190px;
		margin-bottom: 0;
	}

	.asblock_series_eisa h4{
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 36px;
		margin-top: 36px;
		font-weight: 700;
	}

}

@media (min-width:1300px){
	.asblock_series_eisa .eisa_logo{
		width: 200px;
	}

	.asblock_series_eisa .series_logo img{
		width: 230px;
	}
}

@media (min-width:1600px){
	.asblock_series_eisa{
		padding-top: 120px;
		padding-bottom: 120px;
	}

	.asblock_series_eisa .image_wrap{
		padding-left: 47px;
	}

	.asblock_series_eisa .right_wrap{
		padding-left: 128px;
	}

	.asblock_series_eisa .eisa_logo{
		top: 48px;
		left: -48px;
		width: 250px;
	}

	.asblock_series_eisa .series_logo img{
		width: 270px;
	}

}
/* -- acf-series_slider.css -- */
/* automatic/manual light mode */
:root {
  --black: var(--c-dark);
  --white: var(--c-light);
  --root-d-0: var(--fg);
  --root-l-0: var(--bg);
}
.as_button {
  padding: 0 20px !important;
  height: 44px;
  line-height: 44px !important;
  display: inline-block;
}
.as_button.white {
  color: var(--black);
  background: var(--white);
}
.as_button.white:hover {
  color: var(--black);
  background: var(--white);
}
@media (min-width: 1200px) {
  .as_button.large {
    padding: 0 60px !important;
  }
}
.as-gradient__line.as-gradient--full {
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .as-gradient__line.as-gradient--full {
    margin-bottom: 12px;
  }
}
.as-gradient__line.as-gradient--full.gradienttransparent {
  margin-bottom: 0px;
}
.as-gradient__line.as-gradient--full::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -8px;
  background: var(--root-d-0);
  height: 8px;
  width: 100%;
  display: none;
}
@media (min-width: 768px) {
  .as-gradient__line.as-gradient--full::after {
    bottom: -12px;
    height: 12px;
  }
}
.as-gradient__line.as-gradient--full.gradient1723::after,
.as-gradient__line.as-gradient--full.gradient1961::after,
.as-gradient__line.as-gradient--full.gradient1723s::after {
  display: block;
}
.as-gradient__line.as-gradient--full.gradient1723::after {
  background: -webkit-gradient(linear, left top, right top, from(var(--c-card)), color-stop(50.52%, var(--c-card)), color-stop(96.87%, var(--c-accent)));
  background: linear-gradient(90deg, var(--c-card) 0%, var(--c-card) 50.52%, var(--c-accent) 96.87%);
}
.as-gradient__line.as-gradient--full.gradient1961::after {
  background: -webkit-gradient(linear, left top, right top, from(var(--c-card)), color-stop(34.7%, var(--c-card)), color-stop(64.61%, var(--c-accent)), to(var(--c-success)));
  background: linear-gradient(90deg, var(--c-card) 0%, var(--c-card) 34.7%, var(--c-accent) 64.61%, var(--c-success) 100%);
}
.as-gradient__line.as-gradient--full.gradient1723s::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(7.89%, var(--c-danger)), color-stop(28.69%, var(--c-accent)), color-stop(46.57%, var(--c-danger)), color-stop(65.75%, var(--c-danger)), color-stop(83.33%, var(--c-danger)), to(var(--c-raised)));
  background: linear-gradient(90deg, var(--c-danger) 7.89%, var(--c-accent) 28.69%, var(--c-danger) 46.57%, var(--c-danger) 65.75%, var(--c-danger) 83.33%, var(--c-raised) 100%);
}

/* -- acf-working_here.css -- */
/* automatic/manual light mode */
:root {
  --black: var(--c-dark);
  --white: var(--c-light);
  --root-d-0: var(--fg);
  --root-l-0: var(--bg-raised);
}
.as_button {
  padding: 0 20px !important;
  height: 44px;
  line-height: 44px !important;
}
.as_button.white {
  color: var(--black);
  background: var(--white);
  display: inline-block;
}
.as_button.white:hover {
  color: var(--black);
  background: var(--white);
}
.asblock_working_here {
  padding: 40px 0;
  background-color: var(--color-black-ish);
}
@media (min-width: 768px) {
  .asblock_working_here {
    padding: 100px 0;
  }
}
.asblock_working_here h2,
.asblock_working_here p {
  color: var(--white);
}
.asblock_working_here h2 {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .asblock_working_here h2 {
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 40px;
  }
}
.asblock_working_here p {
  margin-bottom: 12px;
}
.asblock_working_here p:last-child {
  margin-bottom: 0;
}
.asblock_working_here ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.asblock_working_here ul li {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 14px;
  color: var(--white);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAA+stv/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAhRSURBVHgB1Vd5UFRHGu9+b94wzAAzKIccA6goRjFY4pEqdw1qrOz+EZMiqU0MuMYrm1ITj81urIqxiLVq1tUAHmvWBBhMgB25TLnuVhQKNEFEFwUNdyKnHAMjMwxzvaN7v7awytqwRik3VfmquvrN6379Hb/f9309CP1chVKaBiMJxjxFUUxogsKhiQlnt9s1oPhDMOBMf3//NXiH0U8o2GQyJYJy6vV6e+B34EQNeKwIsLCPzS8mfVOzoefi12cc9Tcbe37z+g72bmxt++OcqXqMvTwhZIcoil2g5LB4u+PqaOq6UYHjsPDSC7Ph3dsAyVRZlpNh73EYEnrCwlssliwWdqfTeSUv1PhaR9RMysZ7wcFLQbmdrbW1tW1/HMceCgGcZ4ARw57B86ev7/von6DIYamovKzGfL+LkhoHJRd+rfKN7imvKGH7OrZua4dvIse+j2FnPEzHQ4njdruXazSaDzwez3qe5y/2xMbrq1c+u3Xh+YsHeITIMJVrRUodwZwwT6LE1bku9dRMU96uqNuNBoAiwcfHp2JkZGSjwWAoQxOJQGZm5nfgcSIYcX14ePiam9KWZ85X7gPfUJuiHJvMqZaF88Kar6l0UMtxi+Ny8w9YFFIKEDUx5fAtP2PGjCsP0/FQAyIiIqSBgQEWWsPZs2f/3ELkv/AYG7uI+PFZ7DkDLHNCBBr/7ZWu2AgphsMCLhFnXn19/WGMcXRra2vG4OCgeP+88eD4AQRgdSbHcaVMqaPky4zbe/dfV+1+r0/9+13PjirEbqOkLoDjY7UYz2qVvfkGzE2ZIvgsuyNJNyiivSEcv1SNkAMV5N7AaftmhL+7I1TzXNJ2lUqlhyxaBlBue1Dff7MVQ6j7AwMDM8EDfZfLecowbPtA3Lmr0UVpkwDeB2I+ScDIYOVQdiyvhpTDAZ2ymBvDq94fRfQrCaMWFUVG1etrk2DNMDQrtjCa59OZ993d3e+POU3/FwT00KFDhRCBpyVJUsWvSTnJmK7GeHaLrJwGxlcbOG42wejysZEhsx88qzHCL1r7TioI1UzC3PNtomh2IAJZws0Go6t3796dBc4ksPNiYmK+QuNBANa9AZtMML/U/nLKQvTm2kgfX63/3dR1zVaFzArm+QiHQuodWHGGccKSAVmqmn7wgE9/tknni5Df5D/ubPl+4+/iJnOC0a7I9R7IjFAV/wuLQr8N4nlR+8lRrU7vr5WOHG8ymvOsoCsDdKXDvINBwCpcJrxgtqSL9uEaZeOWQAXjCA8lw8E8t+KOLJWG8ap4PRKMHbJUEsWrtnPRkWUhWSf0Wq02fKSwBAVh1XN9sC9YEOYYCDU2eD1H4n00B2WMysS33vanCEeSl1cxh5cDz2IgIgsSExMFBgEHuXoe5hxIn9ZrTd/m6jhuEeAdUeR05Gig1E4X1GsHsFJsQ6QkTlC/QzC+cMsxkh0VFbUwKCgooshhy/DlOTQN9vXKcukwUkoTNdqDkLalNyUxBwi7GHgTYcrLzWCpCRBvAz4UTps2jTADlEuXLp1k7vf19RXEmPP7RH1As43IxZtNn/3SIivFCqW9Lola+6lyQ0aod1CRqn3f3Cp4BizNNputeMWJnKUDslIC++64FWLtkshNOM7hIrQ+fO9upyfAr9lOSNGrFy5Ed3Z2pkMH7U1ISCgoLCwk99PQPysra9mGDRuqoIKld3V12XVeb7hgGZzSkbIu6pYkHV+g9tmMMdK3SuKxaF5Yq+OwrV+WK/ShIeG6u8OxdkWZfJsqp57iVKnAS32z7D0+jVf/1pifY+vUaSt83e4IY0JCr7+/f9rq1avDCwoKWkGvBz9ARuATkpuamlbHxcXdS8O/7dy5annJuTxgKQF274sR1K8ANLMkyPdG0XN0gVqznykrkT2rXhA0X0AEUBuR9k3HqmTokk9JEJGhL7KOLl68+CM4L8BsNidmZGTcghKPGxsbWbek99OQMdANQ4TNZ1nDcblcNe9++mkNhDtHDUruzp9Td0P0fAxFJuCurJi/dNrKJYqcbkKvtMueRoskmTRQE6xuqbaBiIcFigKGgoOKTp8+XcHgANLVrFmz5rva2loJlIv3a8F4zUjYv3//M7GxsboVK1b4u/sHPuzY+Yfyuafz51vnLoxvk8W/TuVVq3jE+XcT+R9+GIdNwqr5IlVcFqKUhXL8/JBb1+Jrl/3q+Ky87OVejWZvcXGxA3qCb35+fjngrvygDowjfqGhoXTPnj2TNm3a1AUhawDiNA8mLjEKsMa40KeQ7DCOWw8Q0Hqv50/QsT4RKYGKSZoi664agek6aEgGnU43m0EL52HoKy70QBUcrxLeFyfbvGXLFivcA2qAOHOqqqpODiBqZlXRRZTqE+5hMwe4Qv3HKSOWf0HK1bDqd0Uhn0E2FUELngNGX4ZIehm84yl/FOHT09OXWK3WcjjQACn096qIqZ+3nDtX3JT6RkF15PSSi+FTM9uSX/3mhtlsqo+cUQZ7z4HXoT09Pbns4oqewG1ZByMUhgag6GpoaMgEgtKGpOcvXI2YXl0fGdtdl7o+G4qZHdpvDsznIiMjWUYFj81P5LrOoFJBaA9DhtChoaGivHDja+1wH/w+aqZ9lS6QNa9uttbe3v5OWloaN6b4R5Xz6NHkHnbgecfKlSuTIQoHA15J9kplFb6c1mcgufqSEy6jlSEhIfOhNG+urKx0owng/aMSFhamTUlJmQuP+tHR0c/r6uqOQNiLe3t739Lr9YFwdYuCNQ36PwoL6b0OChVzLYSdsgHFZt7YezX6if6iMSWTGO7wH5F1Uj80QXlUDownMtSHaohE+aJFizoB9yeP+SMISzMf9HOW/wDncX6ju5zK+gAAAABJRU5ErkJggg==) no-repeat left top;
  background-size: 30px 30px;
  padding-left: 50px;
  min-height: 30px;
  background-position: 0px -2px;
}
@media (min-width: 768px) {
  .asblock_working_here ul li {
    padding-left: 45px;
    margin-right: 15px;
    background-position: left top;
  }
}
.asblock_working_here ul li:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .asblock_working_here ul li {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (min-width: 768px) {
  .asblock_working_here .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 90px;
  }
}
@media (min-width: 992px) {
  .asblock_working_here .container {
    gap: 171px;
  }
}
.asblock_working_here .column {
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .asblock_working_here .column {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin-bottom: 0px;
  }
}
.asblock_working_here .column > *:last-child {
  margin-bottom: 0;
}
.asblock_working_here__description {
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .asblock_working_here__description {
    margin-bottom: 40px;
  }
}

/* -- native-ambasadors.css -- */
.ambassador-image {
	display: block;
	width: 100%;
	height: 450px;
	overflow: hidden;
}

.ambassador-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Ambassador card info */
.ambassador-info {
	background: var(--bg-card);
	color: var(--fg);
	padding: 25px;
	padding-top: 17px;
}

.ambassador-info h4 {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 0;
	font-weight: 400;
}

.ambassador-info h4 a {
	color: inherit;
	text-decoration: none;
}

.ambassador-info h4 a:hover {
	text-decoration: underline;
}

.ambassador-info h4 .flag {
	height: 18px;
	width: auto;
	flex-shrink: 0;
	margin-left: 0;
}

.ambassador-detail {
	margin-bottom: 6px;
}

.ambassador-buttons {
	margin-top: 15px;
	gap: 25px !important;
}

.ambassador-buttons .wp-block-button {
	flex: 1;
}

.ambassador-buttons .wp-block-button__link {
	width: 100%;
	text-align: center;
}

/* Map */
.ambassador-map-wrapper {
	position: relative;
}

.ambassador-map-legend {
	position: absolute;
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
	background: color-mix(in srgb, var(--c-light) 95%, transparent);
	color: var(--c-dark);
	padding: 8px 20px;
	border-radius: 20px;
	font-size: 14px;
	z-index: 1000;
	box-shadow: 0 2px 6px color-mix(in srgb, var(--c-dark) 15%, transparent);
	display: flex;
	align-items: center;
	gap: 15px;
}

.legend-marker::before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background: var(--c-danger);
	border-radius: 50%;
	margin-right: 5px;
	vertical-align: middle;
}

.legend-countries::before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background: var(--c-card);
	border-radius: 50%;
	margin-right: 5px;
	vertical-align: middle;
}

/* Phones: keep the legend on one line, clear of the zoom buttons */
@media (max-width: 576px) {
	.ambassador-map-legend {
		left: auto;
		right: 10px;
		transform: none;
		padding: 6px 14px;
		font-size: 12px;
		gap: 10px;
		white-space: nowrap;
	}
}

/* Map markers */
.ambassador-marker {
	background: none;
	border: none;
}

.amb-pin {
	width: 14px;
	height: 14px;
	background: var(--c-danger);
	border-radius: 50%;
	border: 2px solid var(--c-light);
	box-shadow: 0 1px 4px color-mix(in srgb, var(--c-dark) 30%, transparent);
}

/* Map popup */
.amb-popup {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 180px;
}

.amb-popup-img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.amb-popup-info {
	font-size: 13px;
	line-height: 1.4;
}

.amb-popup-info a {
	color: var(--c-card);
	text-decoration: none;
}

.amb-popup-info a:hover {
	text-decoration: underline;
}

/* Filters wrapper */
.ambassador-filters {
	padding: 30px 0 30px;
}

.amb-filter-row {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

.amb-filter-item {
	flex-shrink: 0;
}

.amb-filter-buttons {
	display: flex;
	gap: 8px;
	align-items: center;
}

/* Filter dropdowns */
.amb-dropdown {
	position: relative;
}

.amb-dropdown-toggle {
	display: flex;
	align-items: center;
	padding: 8px 14px;
	border: 1px solid var(--line-3);
	border-radius: var(--radius);
	background: var(--bg-raised);
	color: var(--fg);
	cursor: pointer;
	font-size: 14px;
	user-select: none;
	min-height: 40px;
	gap: 12px;
}

.amb-dropdown-toggle:hover {
	border-color: var(--fg-3);
}

.amb-dropdown.open .amb-dropdown-toggle {
	border-color: var(--fg-2);
}

.amb-dropdown-label {
	color: var(--fg);
	white-space: nowrap;
}

.amb-dropdown-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--accent);
	color: var(--c-dark);
	font-size: 11px;
	font-weight: 600;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.amb-dropdown-arrow {
	font-size: 10px;
	color: var(--fg-3);
}

.amb-dropdown-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 100%;
	width: max-content;
	background: var(--bg-raised);
	color: var(--fg);
	border: 1px solid var(--line-3);
	border-top: none;
	border-radius: 0 0 4px 4px;
	max-height: 250px;
	overflow-y: auto;
	z-index: 1001;
	box-shadow: 0 4px 12px color-mix(in srgb, var(--c-dark) 10%, transparent);
}

.amb-dropdown.open .amb-dropdown-menu {
	display: block;
}

.amb-dropdown-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	cursor: pointer;
	font-size: 13px;
	margin: 0;
	transition: background 0.15s;
	white-space: nowrap;
}

.amb-dropdown-item:hover {
	background: var(--bg-card);
}

.amb-dropdown-item input[type="checkbox"] {
	margin: 0;
	flex-shrink: 0;
}

/* -- native-benefits.css -- */
.wp-block-arendal-benefits{
	padding-top: 15px;
	padding-bottom: 15px;
}

.wp-block-arendal-benefits.has-black-background-color,
.wp-block-arendal-benefits.has-black-background-color a{
	color: var(--c-light) !important;
}

.wp-block-arendal-benefits .col-4{
	text-align: center;
}

.bnfts_shipping a{
	display: inline-block;
	padding-left: 35px;
	padding-top: 3px;
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='17' viewBox='0 0 22 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.965 13C7.84612 13.8343 7.43021 14.5977 6.79368 15.1499C6.15714 15.7022 5.34272 16.0063 4.5 16.0063C3.65728 16.0063 2.84286 15.7022 2.20632 15.1499C1.56979 14.5977 1.15388 13.8343 1.035 13H0V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0H15C15.2652 0 15.5196 0.105357 15.7071 0.292893C15.8946 0.48043 16 0.734784 16 1V3H19L22 7.056V13H19.965C19.8461 13.8343 19.4302 14.5977 18.7937 15.1499C18.1571 15.7022 17.3427 16.0063 16.5 16.0063C15.6573 16.0063 14.8429 15.7022 14.2063 15.1499C13.5698 14.5977 13.1539 13.8343 13.035 13H7.965ZM14 2H2V10.05C2.39456 9.6472 2.8806 9.34568 3.41675 9.17112C3.9529 8.99655 4.52329 8.95411 5.07938 9.04739C5.63546 9.14068 6.16077 9.36693 6.61061 9.7069C7.06044 10.0469 7.42148 10.4905 7.663 11H13.337C13.505 10.647 13.73 10.326 14 10.05V2ZM16 8H20V7.715L17.992 5H16V8ZM16.5 14C16.898 14 17.2796 13.8419 17.561 13.5605C17.8424 13.2791 18.0005 12.8975 18.0005 12.4995C18.0005 12.1015 17.8424 11.7199 17.561 11.4385C17.2796 11.1571 16.898 10.999 16.5 10.999C16.102 10.999 15.7204 11.1571 15.439 11.4385C15.1576 11.7199 14.9995 12.1015 14.9995 12.4995C14.9995 12.8975 15.1576 13.2791 15.439 13.5605C15.7204 13.8419 16.102 14 16.5 14ZM6 12.5C6 12.303 5.9612 12.108 5.88582 11.926C5.81044 11.744 5.69995 11.5786 5.56066 11.4393C5.42137 11.3001 5.25601 11.1896 5.07403 11.1142C4.89204 11.0388 4.69698 11 4.5 11C4.30302 11 4.10796 11.0388 3.92597 11.1142C3.74399 11.1896 3.57863 11.3001 3.43934 11.4393C3.30005 11.5786 3.18956 11.744 3.11418 11.926C3.0388 12.108 3 12.303 3 12.5C3 12.8978 3.15804 13.2794 3.43934 13.5607C3.72064 13.842 4.10218 14 4.5 14C4.89782 14 5.27936 13.842 5.56066 13.5607C5.84196 13.2794 6 12.8978 6 12.5Z' fill='black'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: top 10px left 0px;
}

.bnfts_audition a{
	display: inline-block;
	padding-left: 35px;
	padding-top: 3px;
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3333 2H19.3333C19.5985 2 19.8528 2.10536 20.0404 2.29289C20.2279 2.48043 20.3333 2.73478 20.3333 3V19C20.3333 19.2652 20.2279 19.5196 20.0404 19.7071C19.8528 19.8946 19.5985 20 19.3333 20H1.33325C1.06804 20 0.813681 19.8946 0.626145 19.7071C0.438609 19.5196 0.333252 19.2652 0.333252 19V3C0.333252 2.73478 0.438609 2.48043 0.626145 2.29289C0.813681 2.10536 1.06804 2 1.33325 2H5.33325V0H7.33325V2H13.3333V0H15.3333V2ZM18.3333 10H2.33325V18H18.3333V10ZM13.3333 4H7.33325V6H5.33325V4H2.33325V8H18.3333V4H15.3333V6H13.3333V4ZM4.33325 12H6.33325V14H4.33325V12ZM9.33325 12H11.3333V14H9.33325V12ZM14.3333 12H16.3333V14H14.3333V12Z' fill='black'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: top 6px left 0px;
}

.bnfts_warranty a{
	display: inline-block;
	padding-left: 28px;
	padding-top: 3px;
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='22' viewBox='0 0 17 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6665 14.245V21.117C13.6665 21.2054 13.6431 21.2923 13.5985 21.3688C13.554 21.4452 13.49 21.5085 13.413 21.5521C13.3361 21.5957 13.2489 21.6181 13.1604 21.617C13.072 21.616 12.9854 21.5914 12.9095 21.546L8.6665 19L4.4235 21.546C4.34755 21.5915 4.26086 21.616 4.17232 21.617C4.08377 21.6181 3.99654 21.5956 3.91955 21.5518C3.84255 21.5081 3.77855 21.4447 3.73409 21.3681C3.68963 21.2915 3.66631 21.2045 3.6665 21.116V14.246C2.37265 13.2101 1.4325 11.7979 0.975963 10.2045C0.51943 8.61117 0.56906 6.91536 1.118 5.35145C1.66693 3.78753 2.68807 2.43272 4.04029 1.47425C5.39251 0.515784 7.00905 0.000976563 8.6665 0.000976562C10.324 0.000976562 11.9405 0.515784 13.2927 1.47425C14.6449 2.43272 15.6661 3.78753 16.215 5.35145C16.7639 6.91536 16.8136 8.61117 16.357 10.2045C15.9005 11.7979 14.9604 13.2101 13.6665 14.246V14.245ZM5.6665 15.418V18.468L8.6665 16.668L11.6665 18.468V15.418C10.7133 15.8035 9.69466 16.0011 8.6665 16C7.63834 16.0011 6.61966 15.8035 5.6665 15.418ZM8.6665 14C10.2578 14 11.7839 13.3678 12.9091 12.2426C14.0344 11.1174 14.6665 9.59127 14.6665 7.99997C14.6665 6.40868 14.0344 4.88255 12.9091 3.75733C11.7839 2.63212 10.2578 1.99997 8.6665 1.99997C7.0752 1.99997 5.54908 2.63212 4.42386 3.75733C3.29865 4.88255 2.6665 6.40868 2.6665 7.99997C2.6665 9.59127 3.29865 11.1174 4.42386 12.2426C5.54908 13.3678 7.0752 14 8.6665 14Z' fill='black'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: top 6px left 0px;
}

.bnfts_riskfree a{
	display: inline-block;
	padding-left: 35px;
	padding-top: 3px;
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.49189 7.06496L3.77789 18H18.2219L19.5079 7.06496L15.4979 9.73796L10.9999 3.44096L6.50189 9.73796L2.49189 7.06496ZM1.80089 4.19996L5.99989 6.99996L10.1859 1.13996C10.2784 1.01033 10.4005 0.904666 10.5421 0.831763C10.6837 0.758859 10.8406 0.720825 10.9999 0.720825C11.1591 0.720825 11.3161 0.758859 11.4577 0.831763C11.5993 0.904666 11.7214 1.01033 11.8139 1.13996L15.9999 6.99996L20.1999 4.19996C20.3588 4.09421 20.5447 4.03617 20.7356 4.0327C20.9265 4.02923 21.1144 4.08047 21.2771 4.18038C21.4398 4.28029 21.5705 4.42468 21.6537 4.5965C21.737 4.76831 21.7693 4.96036 21.7469 5.14996L20.1039 19.117C20.0752 19.3602 19.9583 19.5845 19.7753 19.7472C19.5922 19.91 19.3558 19.9999 19.1109 20H2.88889C2.64395 19.9999 2.40755 19.91 2.22451 19.7472C2.04148 19.5845 1.92454 19.3602 1.89589 19.117L0.252885 5.14896C0.230685 4.95944 0.263171 4.76753 0.346506 4.59588C0.429842 4.42422 0.560548 4.28 0.723196 4.18022C0.885845 4.08044 1.07364 4.02929 1.26442 4.03278C1.45521 4.03628 1.641 4.09429 1.79989 4.19996H1.80089ZM10.9999 14C10.4695 14 9.96074 13.7892 9.58567 13.4142C9.2106 13.0391 8.99989 12.5304 8.99989 12C8.99989 11.4695 9.2106 10.9608 9.58567 10.5857C9.96074 10.2107 10.4695 9.99996 10.9999 9.99996C11.5303 9.99996 12.039 10.2107 12.4141 10.5857C12.7892 10.9608 12.9999 11.4695 12.9999 12C12.9999 12.5304 12.7892 13.0391 12.4141 13.4142C12.039 13.7892 11.5303 14 10.9999 14Z' fill='black'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: top 6px left 0px;
}

.wp-block-arendal-benefits.has-black-background-color .bnfts_shipping a{
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='17' viewBox='0 0 22 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.965 13C7.84612 13.8343 7.43021 14.5977 6.79368 15.1499C6.15714 15.7022 5.34272 16.0063 4.5 16.0063C3.65728 16.0063 2.84286 15.7022 2.20632 15.1499C1.56979 14.5977 1.15388 13.8343 1.035 13H0V1C0 0.734784 0.105357 0.48043 0.292893 0.292893C0.48043 0.105357 0.734784 0 1 0H15C15.2652 0 15.5196 0.105357 15.7071 0.292893C15.8946 0.48043 16 0.734784 16 1V3H19L22 7.056V13H19.965C19.8461 13.8343 19.4302 14.5977 18.7937 15.1499C18.1571 15.7022 17.3427 16.0063 16.5 16.0063C15.6573 16.0063 14.8429 15.7022 14.2063 15.1499C13.5698 14.5977 13.1539 13.8343 13.035 13H7.965ZM14 2H2V10.05C2.39456 9.6472 2.8806 9.34568 3.41675 9.17112C3.9529 8.99655 4.52329 8.95411 5.07938 9.04739C5.63546 9.14068 6.16077 9.36693 6.61061 9.7069C7.06044 10.0469 7.42148 10.4905 7.663 11H13.337C13.505 10.647 13.73 10.326 14 10.05V2ZM16 8H20V7.715L17.992 5H16V8ZM16.5 14C16.898 14 17.2796 13.8419 17.561 13.5605C17.8424 13.2791 18.0005 12.8975 18.0005 12.4995C18.0005 12.1015 17.8424 11.7199 17.561 11.4385C17.2796 11.1571 16.898 10.999 16.5 10.999C16.102 10.999 15.7204 11.1571 15.439 11.4385C15.1576 11.7199 14.9995 12.1015 14.9995 12.4995C14.9995 12.8975 15.1576 13.2791 15.439 13.5605C15.7204 13.8419 16.102 14 16.5 14ZM6 12.5C6 12.303 5.9612 12.108 5.88582 11.926C5.81044 11.744 5.69995 11.5786 5.56066 11.4393C5.42137 11.3001 5.25601 11.1896 5.07403 11.1142C4.89204 11.0388 4.69698 11 4.5 11C4.30302 11 4.10796 11.0388 3.92597 11.1142C3.74399 11.1896 3.57863 11.3001 3.43934 11.4393C3.30005 11.5786 3.18956 11.744 3.11418 11.926C3.0388 12.108 3 12.303 3 12.5C3 12.8978 3.15804 13.2794 3.43934 13.5607C3.72064 13.842 4.10218 14 4.5 14C4.89782 14 5.27936 13.842 5.56066 13.5607C5.84196 13.2794 6 12.8978 6 12.5Z' fill='white'/%3E%3C/svg%3E");
}
.wp-block-arendal-benefits.has-black-background-color .bnfts_audition a{
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3333 2H19.3333C19.5985 2 19.8528 2.10536 20.0404 2.29289C20.2279 2.48043 20.3333 2.73478 20.3333 3V19C20.3333 19.2652 20.2279 19.5196 20.0404 19.7071C19.8528 19.8946 19.5985 20 19.3333 20H1.33325C1.06804 20 0.813681 19.8946 0.626145 19.7071C0.438609 19.5196 0.333252 19.2652 0.333252 19V3C0.333252 2.73478 0.438609 2.48043 0.626145 2.29289C0.813681 2.10536 1.06804 2 1.33325 2H5.33325V0H7.33325V2H13.3333V0H15.3333V2ZM18.3333 10H2.33325V18H18.3333V10ZM13.3333 4H7.33325V6H5.33325V4H2.33325V8H18.3333V4H15.3333V6H13.3333V4ZM4.33325 12H6.33325V14H4.33325V12ZM9.33325 12H11.3333V14H9.33325V12ZM14.3333 12H16.3333V14H14.3333V12Z' fill='white'/%3E%3C/svg%3E");
}
.wp-block-arendal-benefits.has-black-background-color .bnfts_warranty a{
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='22' viewBox='0 0 17 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6665 14.245V21.117C13.6665 21.2054 13.6431 21.2923 13.5985 21.3688C13.554 21.4452 13.49 21.5085 13.413 21.5521C13.3361 21.5957 13.2489 21.6181 13.1604 21.617C13.072 21.616 12.9854 21.5914 12.9095 21.546L8.6665 19L4.4235 21.546C4.34755 21.5915 4.26086 21.616 4.17232 21.617C4.08377 21.6181 3.99654 21.5956 3.91955 21.5518C3.84255 21.5081 3.77855 21.4447 3.73409 21.3681C3.68963 21.2915 3.66631 21.2045 3.6665 21.116V14.246C2.37265 13.2101 1.4325 11.7979 0.975963 10.2045C0.51943 8.61117 0.56906 6.91536 1.118 5.35145C1.66693 3.78753 2.68807 2.43272 4.04029 1.47425C5.39251 0.515784 7.00905 0.000976563 8.6665 0.000976562C10.324 0.000976562 11.9405 0.515784 13.2927 1.47425C14.6449 2.43272 15.6661 3.78753 16.215 5.35145C16.7639 6.91536 16.8136 8.61117 16.357 10.2045C15.9005 11.7979 14.9604 13.2101 13.6665 14.246V14.245ZM5.6665 15.418V18.468L8.6665 16.668L11.6665 18.468V15.418C10.7133 15.8035 9.69466 16.0011 8.6665 16C7.63834 16.0011 6.61966 15.8035 5.6665 15.418ZM8.6665 14C10.2578 14 11.7839 13.3678 12.9091 12.2426C14.0344 11.1174 14.6665 9.59127 14.6665 7.99997C14.6665 6.40868 14.0344 4.88255 12.9091 3.75733C11.7839 2.63212 10.2578 1.99997 8.6665 1.99997C7.0752 1.99997 5.54908 2.63212 4.42386 3.75733C3.29865 4.88255 2.6665 6.40868 2.6665 7.99997C2.6665 9.59127 3.29865 11.1174 4.42386 12.2426C5.54908 13.3678 7.0752 14 8.6665 14Z' fill='white'/%3E%3C/svg%3E");
}
.wp-block-arendal-benefits.has-black-background-color .bnfts_riskfree a{
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.49189 7.06496L3.77789 18H18.2219L19.5079 7.06496L15.4979 9.73796L10.9999 3.44096L6.50189 9.73796L2.49189 7.06496ZM1.80089 4.19996L5.99989 6.99996L10.1859 1.13996C10.2784 1.01033 10.4005 0.904666 10.5421 0.831763C10.6837 0.758859 10.8406 0.720825 10.9999 0.720825C11.1591 0.720825 11.3161 0.758859 11.4577 0.831763C11.5993 0.904666 11.7214 1.01033 11.8139 1.13996L15.9999 6.99996L20.1999 4.19996C20.3588 4.09421 20.5447 4.03617 20.7356 4.0327C20.9265 4.02923 21.1144 4.08047 21.2771 4.18038C21.4398 4.28029 21.5705 4.42468 21.6537 4.5965C21.737 4.76831 21.7693 4.96036 21.7469 5.14996L20.1039 19.117C20.0752 19.3602 19.9583 19.5845 19.7753 19.7472C19.5922 19.91 19.3558 19.9999 19.1109 20H2.88889C2.64395 19.9999 2.40755 19.91 2.22451 19.7472C2.04148 19.5845 1.92454 19.3602 1.89589 19.117L0.252885 5.14896C0.230685 4.95944 0.263171 4.76753 0.346506 4.59588C0.429842 4.42422 0.560548 4.28 0.723196 4.18022C0.885845 4.08044 1.07364 4.02929 1.26442 4.03278C1.45521 4.03628 1.641 4.09429 1.79989 4.19996H1.80089ZM10.9999 14C10.4695 14 9.96074 13.7892 9.58567 13.4142C9.2106 13.0391 8.99989 12.5304 8.99989 12C8.99989 11.4695 9.2106 10.9608 9.58567 10.5857C9.96074 10.2107 10.4695 9.99996 10.9999 9.99996C11.5303 9.99996 12.039 10.2107 12.4141 10.5857C12.7892 10.9608 12.9999 11.4695 12.9999 12C12.9999 12.5304 12.7892 13.0391 12.4141 13.4142C12.039 13.7892 11.5303 14 10.9999 14Z' fill='white'/%3E%3C/svg%3E");
}

@media (max-width:767px){
	.col-4{
		text-align: center;
	}
	.wp-block-arendal-benefits a {
		text-align: center;
		background: none!important;
		padding-left: 0;
	}
}

@media (min-width:768px){
	.wp-block-arendal-benefits a br{
		display: none;
	}
	.wp-block-arendal-benefits a strong{
		font-weight: 400;
	}
}

@media (min-width:1500px){
	.wp-block-arendal-benefits .container{
		padding-left: 150px;
		padding-right: 150px;
	}
}


/* -- native-boxed.css -- */
.col-md-6.arendal-boxed-image:before{
    content: "";
    display: block;
    padding-top: 100%;
    position: relative;
}

.wp-block-arendal-boxed.has-light-gray-background-color,
.wp-block-arendal-boxed.has-black-background-color{
	background-color: transparent!important;
}
.wp-block-arendal-boxed.has-black-background-color .row{
	background: var(--c-dark);
}
/* Light boxes take the theme's raised surface (dark on the dark theme, light on the light one). */
.wp-block-arendal-boxed.has-light-gray-background-color .row{
	background: var(--bg-raised);
	box-shadow: inset 0 0 0 1px var(--line-1);
	color: var(--fg);
}

.wp-block-arendal-boxed.has-black-background-color p,
.wp-block-arendal-boxed.has-black-background-color h1,
.wp-block-arendal-boxed.has-black-background-color h2,
.wp-block-arendal-boxed.has-black-background-color h3,
.wp-block-arendal-boxed.has-black-background-color h4,
.wp-block-arendal-boxed.has-black-background-color h5,
.wp-block-arendal-boxed.has-black-background-color h6{
	color: var(--c-light);
	margin-top: 0;
}

.wp-block-arendal-boxed.has-black-background-color .wp-block-button__link{
	color: var(--c-dark)!important;
	background-color: var(--c-light)!important;
}

.wp-block-arendal-boxed .arendal-boxed-inner{
	padding: 40px 20px;
}

@media (min-width:1000px){
	.wp-block-arendal-boxed .arendal-boxed-inner{
		padding-left: 100px;
		padding-right: 100px;
	}
}

.wp-block-arendal-boxed .wp-block-buttons>.wp-block-button{
	margin-bottom: 0;
}

.wp-block-arendal-boxed .arendal-boxed-image img{
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}

.wp-block-arendal-boxed.bgcentercenter .arendal-boxed-image img{
	object-position: center center;
}
.wp-block-arendal-boxed.bgtopleft .arendal-boxed-image img{
	object-position: top left;
}
.wp-block-arendal-boxed.bgbottomright .arendal-boxed-image img{
	object-position: bottom right;
}


/* -- native-contactcta.css -- */

.wp-block-arendal-contactcta{
	background: var(--bg-raised);
	color: var(--fg);
	text-align: center;
}

.wp-block-arendal-contactcta p{
	max-width: 319px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-arendal-contactcta h5{
	font-weight: var(--font-weight-light);
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 8px 0;
}

.wp-block-arendal-contactcta .col-md-4{
	padding-top: 10px;
	padding-bottom: 40px;
}

.wp-block-arendal-contactcta .ccta_reviews{
	position: relative;
}

.wp-block-arendal-contactcta .ccta_reviews .inner{
	margin-top: -80px;
	padding-top: 40px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	max-width: 230px;
	background: var(--bg-card);
	box-shadow: inset 0 0 0 1px var(--line-2);
	text-align: center;
}

.wp-block-arendal-contactcta .ccta_reviews img{
	margin-bottom: 0;
	margin-top: 12px;
}

.wp-block-arendal-contactcta .ccta_reviews span{
	display: block;
}

.wp-block-arendal-contactcta .button{
	color: var(--btn-fg);
	background: var(--btn-bg);
	display: inline-block;
}

@media (min-width:769px){

	.wp-block-arendal-contactcta .col-md-4{
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.wp-block-arendal-contactcta h5{
		font-size: 24px;
		line-height: 32px;
	}

	.wp-block-arendal-contactcta .ccta_reviews{
		padding-top: 0;
		padding-bottom: 0;
		position: relative;
	}

	.wp-block-arendal-contactcta .ccta_reviews .inner{
		position: absolute;
		top: -25px;
		bottom: -25px;
		padding-top: 95px;
		padding-bottom: 95px;
		left: 0;
		right: 0;
		margin-top: 0;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}
@media (min-width:1200px){
	.wp-block-arendal-contactcta .ccta_reviews .inner{
		max-width: 340px;
	}
}

@media (min-width:1500px){

	.wp-block-arendal-contactcta .col-md-4{
		padding-top: 115px;
		padding-bottom: 115px;
	}

	.wp-block-arendal-contactcta h5{
		font-size: 24px;
		line-height: 32px;
	}

	.wp-block-arendal-contactcta .ccta_reviews .inner{
		position: absolute;
		top: -25px;
		bottom: -25px;
		padding-top: 140px;
		padding-bottom: 140px;
		max-width: 402px;
	}
}

/* -- native-cta.css -- */
.wp-block-arendal-cta.default{
	padding: 30px;
	background: var(--bg-raised);
	color: var(--fg);
}

.wp-block-arendal-cta.no_background{
	background: none;
}

.wp-block-arendal-cta.default .wp-block-inner-wrap,
.wp-block-arendal-cta.no_background .wp-block-inner-wrap{
	margin-bottom: 20px;
	text-align: center;
}

.wp-block-arendal-cta.default .wp-block-buttons,
.wp-block-arendal-cta.no_background .wp-block-buttons{
	justify-content: center;
}

.wp-block-arendal-cta.default .wp-block-buttons .wp-block-button,
.wp-block-arendal-cta.no_background .wp-block-buttons .wp-block-button{
	margin-bottom: 10px;
}

.wp-block-arendal-cta.col_2_small{
	margin-bottom: 40px;
}

.wp-block-arendal-cta.col_2_small h2{
	position: relative;
	top: -8px;
	text-transform: uppercase;
}

.wp-block-arendal-cta.col_2_small p{
    margin-bottom: 30px;
}

.wp-block-arendal-cta.col_1_big{
	margin-bottom: 40px;
}

.wp-block-arendal-cta.col_1_big h2{
	position: relative;
	text-transform: uppercase;
}

.wp-block-arendal-cta.col_1_big p{
	font-size: 24px;
    line-height: 39px;
    margin-bottom: 30px;
}

@media (max-width:768px){
	.wp-block-column .wp-block-arendal-cta .row{
		display: block;
	}

	.wp-block-column .wp-block-arendal-cta .col-md-6{
		max-width: 100%;
	}
}
/* -- native-hero.css -- */



/* -- native-textualhero.css -- */
.wp-block-arendal-textualhero .arendal-textualhero{
	position: relative;
	overflow: hidden;
	background: var(--bg);
	color: var(--fg);
}

.wp-block-arendal-textualhero .arendal-textualhero-inner{
	background: transparent;
}

.wp-block-arendal-textualhero .arendal-textualhero{
	padding-top: 130px;
	padding-bottom: 30px;
}

.wp-block-arendal-textualhero .arendal-textualhero-inner{
	position: relative;
	z-index: 2;
}

.wp-block-arendal-textualhero .arendal-textualhero-inner h1{
	font-weight: 300;
	font-size: 26px;
	line-height: 28px;
}
.wp-block-arendal-textualhero .arendal-textualhero-inner p{
	font-style: italic;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
}

.wp-block-arendal-textualhero .arendal-textualhero-inner h1.has-white-color,
.wp-block-arendal-textualhero .arendal-textualhero-inner p.has-white-color{
	text-shadow: 0px 0px 14px var(--c-dark);
}

@media (min-width: 769px){

	.wp-block-arendal-textualhero .arendal-textualhero-inner h1{
		font-size: 34px;
		line-height: 34px;
	}
	.wp-block-arendal-textualhero .arendal-textualhero-inner p{
		font-size: 26px;
		line-height: 30px;
	}

}

@media (min-width: 992px){

	.wp-block-arendal-textualhero .arendal-textualhero{
		padding-top: 180px;
	}

	.wp-block-arendal-textualhero .arendal-textualhero-inner h1{
		font-size: 60px;
		line-height: 60px;
	}
	.wp-block-arendal-textualhero .arendal-textualhero-inner p{
		font-size: 38px;
		line-height: 40px;
	}

}


/* -- native-toggle.css -- */
.wp-block-arendal-toggle{
	margin-bottom: 20px;
}

.wp-block-arendal-toggle .arendal-toggle-title{
	margin-bottom: 24px;
	cursor: pointer;
	position: relative;
	padding-left: 24px;
}

.wp-block-arendal-toggle .arendal-toggle-title:before{
	display: block;
	content: '';
	position: absolute;
	left: 0px;
	top: 12px;
	width: 15px;
	height: 1px;
	background: var(--c-dark);
}
.wp-block-arendal-toggle .arendal-toggle-title:after{
	display: block;
	content: '';
	position: absolute;
	left: 7px;
	top: 5px;
	width: 1px;
	height: 15px;
	background: var(--c-dark);
}

@media (min-width:769px){
	.wp-block-arendal-toggle .arendal-toggle-title:before{
		top: 14px;
	}
	.wp-block-arendal-toggle .arendal-toggle-title:after{
		top: 7px;
	}
}

.wp-block-arendal-toggle .arendal-toggle-title.active:after{
	display: none;
}

.wp-block-arendal-toggle .inner_blocks{
	display: none;
}

/* -- pp-virtual-nav.css -- */
/* product sub navigation (from plugin product-pages/inc/subpages.php) */
.pp-virtual-nav{
			  position: fixed;
			  top: 100px;
			  left: 50%;
			  z-index: 99999;
			  transform: translateX(-50%) translateY(0);
			  transition: transform 0.3s ease;
			  display: flex;
			  align-items: center;
			  justify-content: center;
			  flex-wrap: wrap;
			  gap: 7px;
			  padding: 7px 8px;
			  border-radius: 999px;
			  background: color-mix(in srgb, var(--c-card) 90%, transparent);
			  backdrop-filter: blur(7px);
			  -webkit-backdrop-filter: blur(7px);
			  box-shadow: 0 4px 20px color-mix(in srgb, var(--c-dark) 30%, transparent);
			}

			body.nav-up .pp-virtual-nav:not(.pp-virtual-nav--in-hero){
			  transform: translateX(-50%) translateY(-50px);
			}

			.pp-virtual-nav a{
			  display: inline-flex;
			  align-items: center;
			  justify-content: center;
			  padding: 11px 12px 7px 12px;
			  border-radius: 999px;
			  text-decoration: none;
			  line-height: 1;
			  font-family: 'Josefin';
			  font-size: 16px;
			  text-transform: uppercase;
			  color: var(--c-light);
			  background: var(--c-raised);
			}

			.pp-virtual-nav a:hover{
			  color: var(--c-light);
			  background: color-mix(in srgb, var(--c-light) 25%, var(--c-dark));
			}

			.pp-virtual-nav a[aria-current="page"]{
			  color: var(--c-dark);
			  background: var(--c-light);
			  text-decoration: none;
			}

			@media (max-width: 991px) {
				.pp-virtual-nav {
					flex-direction: column;
					gap: 0;
					padding: 0;
					width: auto;
					min-width: 200px;
					top: 74px;
				}

				.pp-virtual-nav a {
					width: 100%;
					border-radius: 0;
					justify-content: space-between;
					display: none;
				}

				.pp-virtual-nav a[aria-current="page"] {
					display: flex;
					border-radius: 12px;
				}

				.pp-virtual-nav.is-open {
					border-radius: 12px;
				}

				.pp-virtual-nav.is-open a {
					display: flex;
					border-radius: 0;
				}

				.pp-virtual-nav.is-open a:first-child {
					border-radius: 12px 12px 0 0;
				}

				.pp-virtual-nav.is-open a:last-child {
					border-radius: 0 0 12px 12px;
				}

			}


/* ===== theme/variables.css ===== */
/* ==========================================================================
   Design Tokens — Arendal Sound
   Single source of truth for colors, typography, spacing, and component tokens.

   Dark theme is the default. <html data-theme="light"> switches the semantic
   tokens for reading, store and account surfaces (set in lib/site.php).
   Colour: five base variables (--c-page, --c-raised, --c-card, --c-ink,
   --c-accent) and everything else derived from them with color-mix(); see the
   block below and tools/palette.py. Override the five to recolour a page.
   ========================================================================== */

@layer tokens {
:root {
  /* ===== The five colours. A page overrides these on :root (its own <style>), a scoped context
     (footer, background preset, series body class) on itself — and nothing else: every other colour
     below is derived from them. ===== */
  --c-page:   #16171a;   /* page background */
  --c-raised: #1f2228;   /* raised band, header, footer */
  --c-card:   #41444e;   /* card */
  --c-ink:    #f4f6fd;   /* text */
  --c-accent: #c9a86a;   /* brass: eyebrows, hairline accents, one CTA per page; series pages set their own */

  /* Named exceptions, outside the five: feedback colours and the series identities. */
  --c-success: #219653;    /* Trustpilot green */
  --c-danger:  #b8453e;    /* form errors, notices */
  /* The newsletter box field (components/newsletter_form.php): the white field Klaviyo's embed drew, the same in both themes */
  --c-field:      #ffffff;
  --c-field-ink:  #000000;
  --c-field-hint: #767676;
  --c-field-line: #949596;
  /* The chat launcher (partials/footer.php): Zendesk's own launcher colour and shadow, set in Zendesk, so the stand-in matches it */
  --c-chat:        #2f4342;
  --c-chat-icon:   #ffffff;
  --c-chat-shadow: rgba(36, 36, 36, 0.15);
  --series-1528:  #6a99a1;
  --series-1610:  #f28d4b;
  --series-1723:  #54a0c5;
  --series-1723s: #f05223;
  --series-1961:  #d22d80;
  --on-accent: var(--c-dark);   /* text on an accent fill; a series whose colour is too dark for ink-on-it flips this */

  /* The dark and the light member of the five, whichever theme: photo scrims and shadows are always
     dark, text over photography always light. */
  --c-dark:  var(--c-page);
  --c-light: var(--c-ink);

  /* ---- Derived from the five (the names the stylesheets use). Re-declared inside every scoped
     override of the five in colors.css, so they follow the surface they sit on. ---- */
  --bg: var(--c-page);
  --bg-raised: var(--c-raised);
  --bg-card: var(--c-card);
  --fg: var(--c-ink);
  --fg-2: color-mix(in srgb, var(--c-ink) 70%, var(--c-page));
  --fg-3: color-mix(in srgb, var(--c-ink) 56%, var(--c-page));
  --line-1: color-mix(in srgb, var(--c-ink) 8%, transparent);
  --line-2: color-mix(in srgb, var(--c-ink) 14%, transparent);
  --line-3: color-mix(in srgb, var(--c-ink) 28%, transparent);
  --accent: var(--c-accent);
  --accent-hover: color-mix(in srgb, var(--c-accent) 88%, var(--c-ink));
  --btn-bg: var(--c-ink);
  --btn-fg: var(--c-page);
  --btn-bg-hover: color-mix(in srgb, var(--c-ink) 92%, var(--c-page));
  --header-bg: color-mix(in srgb, var(--c-raised) 78%, transparent);
  --overlay: color-mix(in srgb, var(--c-dark) 72%, transparent);
  --scrim: linear-gradient(180deg, color-mix(in srgb, var(--c-dark) 0%, transparent) 0%, color-mix(in srgb, var(--c-dark) 72%, transparent) 100%);
  --shadow-menu: 0 8px 24px color-mix(in srgb, var(--c-dark) 35%, transparent);
  --shadow-dialog: 0 24px 64px color-mix(in srgb, var(--c-dark) 50%, transparent);
  --series-color-1: var(--c-accent);
  --series-color-2: var(--c-accent);
  --series-background: var(--c-raised);
  --color-black-ish: var(--c-page);
  --color-gray-darkest: var(--c-raised);
  --color-gray-dark: var(--c-card);
  --color-gray-middle: var(--fg-3);
  --color-gray-light: var(--fg-2);
  --color-gray-lightest: color-mix(in srgb, var(--c-ink) 97%, var(--c-page));
  --color-white-ish: var(--c-ink);
  --color-white: var(--c-ink);
  --color-ink: var(--c-raised);
  --color-ink-2: color-mix(in srgb, var(--c-ink) 35%, var(--c-page));

  /* legacy names still referenced by block styles and exported pages */
  --1528-color-1: var(--series-1528); --1528-color-2: var(--series-1528); --1528-background: var(--c-raised);
  --1610-color-1: var(--series-1610); --1610-color-2: var(--series-1610); --1610-background: var(--c-raised);
  --1723-color-1: var(--series-1723); --1723-color-2: var(--series-1723); --1723-background: var(--c-raised);
  --1723s-color-1: var(--series-1723s); --1723s-color-2: var(--series-1723s); --1723s-background: var(--c-raised);
  --1961-color-1: var(--series-1961); --1961-color-2: var(--series-1961); --1961-background: var(--c-raised);
  --color-accent-gold: var(--c-accent);   /* resolved on :root: the brass CTAs stay brass on series pages too */
  --color-accent-gold-hover: var(--accent-hover);
  --color-accent-red: var(--c-danger);
  --color-success: var(--c-success);
  --color-warning: var(--c-accent);
  --color-danger: var(--c-danger);
  --color-info: var(--c-accent);

  /* --- Typography --- */
  --font: 'Manrope', "Helvetica Neue", Arial, sans-serif;
  --font-display: 'Josefin Sans', 'Manrope', "Helvetica Neue", Arial, sans-serif;   /* h1–h5 */
  --font-heading: var(--font);   /* UI that borrows the heading voice: mega menu, form inputs, product titles */
  --font-body: var(--font);
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --font-size-base: 16px;
  --line-height-base: 1.6;
  --font-weight-light: 300;     /* display lead-in weight (Josefin Sans Light) */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-heavy: 800;

  --fs-xl: clamp(44px, 5vw, 72px);   /* hero only: the longest product name (20 chars) fits the 720px hero column on one line in Josefin Sans Bold */
  --fs-l: clamp(36px, 4.2vw, 56px);
  --fs-m: clamp(28px, 3vw, 40px);
  --fs-h3: 24px;
  --fs-h4: 18px;
  --fs-lead: 20px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-caption: 12px;
  --fs-eyebrow: 12px;
  --fs-label: 13px;
  --fs-button: 14px;
  --fs-mono: 11px;
  --ls-display: 0.03em;   /* Josefin Sans Light caps: geometric and thin, they want a little air */
  --ls-eyebrow: 0.14em;
  --ls-label: 0.06em;
  --ls-badge: 0.1em;
  --text-max: 720px;

  /* --- Spacing scale --- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 144px;
  --section-pad: clamp(64px, 9vw, 144px);
  --content-max: 1280px;
  --gutter: clamp(20px, 4vw, 48px);
  --header-h: 68px;

  /* legacy spacing names */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 32px;
  --space-lg: 64px;
  --space-xl: 96px;
  --space-2xl: 96px;
  --space-3xl: 144px;

  /* --- Corners, elevation --- */
  --radius: 2px;
  --radius-dialog: 4px;

  /* --- Motion --- */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-color: 150ms;
  --t-layout: 240ms;
  --t-image: 480ms;
  --t-reveal: 900ms;

  /* --- Button tokens (legacy names) --- */
  --btn-padding: 0 24px;
  --btn-color: var(--btn-fg);
  --btn-font-size: 14px;
  --btn-min-width: 0;
  --btn-border-radius: 2px;
  --btn-height: 48px;
}

/* Light theme (reading pages, store, account): only the five change; everything derives. */
:root[data-theme="light"] {
  --c-page:   #f4f6fd;
  --c-raised: #ebedf4;
  --c-card:   #ffffff;
  --c-ink:    #16171a;
  --c-accent: #8d6f3d;
  --c-dark:  var(--c-ink);
  --on-accent: var(--c-raised);   /* light theme: the brass fill is dark, so its text is the light surface colour */
  --c-light: var(--c-page);
  /* ---- Derived from the five (the names the stylesheets use). Re-declared inside every scoped
     override of the five in colors.css, so they follow the surface they sit on. ---- */
  --bg: var(--c-page);
  --bg-raised: var(--c-raised);
  --bg-card: var(--c-card);
  --fg: var(--c-ink);
  --fg-2: color-mix(in srgb, var(--c-ink) 70%, var(--c-page));
  --fg-3: color-mix(in srgb, var(--c-ink) 56%, var(--c-page));
  --line-1: color-mix(in srgb, var(--c-ink) 8%, transparent);
  --line-2: color-mix(in srgb, var(--c-ink) 14%, transparent);
  --line-3: color-mix(in srgb, var(--c-ink) 28%, transparent);
  --accent: var(--c-accent);
  --accent-hover: color-mix(in srgb, var(--c-accent) 88%, var(--c-ink));
  --btn-bg: var(--c-ink);
  --btn-fg: var(--c-page);
  --btn-bg-hover: color-mix(in srgb, var(--c-ink) 92%, var(--c-page));
  --header-bg: color-mix(in srgb, var(--c-raised) 78%, transparent);
  --overlay: color-mix(in srgb, var(--c-dark) 72%, transparent);
  --scrim: linear-gradient(180deg, color-mix(in srgb, var(--c-dark) 0%, transparent) 0%, color-mix(in srgb, var(--c-dark) 72%, transparent) 100%);
  --shadow-menu: 0 8px 24px color-mix(in srgb, var(--c-dark) 35%, transparent);
  --shadow-dialog: 0 24px 64px color-mix(in srgb, var(--c-dark) 50%, transparent);
  --series-color-1: var(--c-accent);
  --series-color-2: var(--c-accent);
  --series-background: var(--c-raised);
  --color-black-ish: var(--c-page);
  --color-gray-darkest: var(--c-raised);
  --color-gray-dark: var(--c-card);
  --color-gray-middle: var(--fg-3);
  --color-gray-light: var(--fg-2);
  --color-gray-lightest: color-mix(in srgb, var(--c-ink) 97%, var(--c-page));
  --color-white-ish: var(--c-ink);
  --color-white: var(--c-ink);
  --color-ink: var(--c-raised);
  --color-ink-2: color-mix(in srgb, var(--c-ink) 35%, var(--c-page));
}
}

/* ===== theme/bootstrap-grid.css ===== */
/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container{
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.wp-block-group.alignfull{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.wp-block-group.alignwide{
  width: 100%;
  padding: 75px;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 576px) {
  .wp-block-group.alignwide{
    padding:20px;
  }
  .wp-block-group.alignfull{
    width: 90%;
  }
  .wp-block-group.alignwide{
    width: 90%;
  }
  .wp-block-cover .alignwide{
    width:100%;
  }
  .wp-block-cover .alignfull{
    width:100%;
  }

}

@media (min-width: 576px) {
  .container,
  .wp-block-group.alignfull{
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container,
  .wp-block-group.alignfull{
    max-width: 728px;
  }
}

@media (min-width: 992px) {
  .container,
  .wp-block-group.alignfull{
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container{
    max-width: 1140px;
  }
  .wp-block-group.alignfull{
    max-width: 1110px;
  }
}

@media (min-width: 1500px) {
  .container{
    max-width: 1440px;
  }
  .wp-block-group.alignfull{
    max-width: 1410px;
  }

}

@media (min-width: 1650px) {
  .container{
    max-width: 1500px;
  }
  .wp-block-group.alignwide{
    max-width: 1620px;
  }
  .wp-block-group.alignfull{
    max-width: 1470px;
  }

}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-2,
.col-4,
.col-6,
.col-8,
.col-12,
.col,
.col-md-3,
.col-md-4,
.col-md-6,
.col-md-8,
.col-md-12,
.col-lg-3,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-xl-4,
.col-xl-6 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

@media (min-width: 769px) {
  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
}

@media (min-width: 992px) {
  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
}

@media (min-width: 1200px) {
  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

@media (min-width: 576px) {
  .d-sm-block {
    display: block !important;
  }
}

@media (min-width: 769px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .d-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}


/* ===== fonts ===== */
/* Manrope (variable, 200–800). Self-hosted latin subset (covers Æ Ø Å); other scripts fall back to the system font. */
@font-face {font-family: 'Manrope';font-style: normal;font-weight: 200 800;font-display: swap; src: url(../fonts/manrope-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Josefin Sans (variable, 100–700): the heading face. Self-hosted latin + latin-ext from Google Fonts. Light (300) for the
   plain part of a display heading, Bold (700) for the emphasised payoff and for h3–h5. */
@font-face {font-family: 'Josefin Sans';font-style: normal;font-weight: 100 700;font-display: swap; src: url(../fonts/josefin-sans-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Josefin Sans';font-style: normal;font-weight: 100 700;font-display: swap; src: url(../fonts/josefin-sans-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
/* Legacy family names: 'Josefin' (exported block and page styles) is the heading face; 'Lato' is aliased to Manrope so leftover literals render the body family. */
@font-face {font-family: 'Josefin';font-style: normal;font-weight: 100 700;font-display: swap; src: url(../fonts/josefin-sans-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Josefin';font-style: normal;font-weight: 100 700;font-display: swap; src: url(../fonts/josefin-sans-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Lato';font-style: normal;font-weight: 200 800;font-display: swap; src: url(../fonts/manrope-latin.woff2) format('woff2');}
@font-face {font-family: 'Lato';font-style: italic;font-weight: 200 800;font-display: swap; src: url(../fonts/manrope-latin.woff2) format('woff2');}
/* Nunito Sans 400 (latin): only the newsletter box field's placeholder, which Klaviyo's embed drew in it. Klaviyo's own file, self-hosted so the form contacts nobody. */
@font-face {font-family: 'Nunito Sans';font-style: normal;font-weight: 400;font-display: swap; src: url(../fonts/nunito-sans-latin-400.woff2) format('woff2');}

/* ===== theme/base.css ===== */
/* ==========================================================================
   Base — Normalize, reset, typography, links, form elements
   ========================================================================== */

html{
	line-height: 1.5; /* used in normalize */
	-webkit-text-size-adjust: 100%; /* used in normalize */
	scroll-behavior: smooth;
	background: var(--bg);
}

body{
	margin: 0; /* used in normalize */
	font-family: var(--font-body);
	font-size: var(--fs-body);
	font-weight: var(--font-weight-regular);
	letter-spacing: 0;
	line-height: var(--line-height-base);
	color: var(--fg);
	overflow-x: hidden;
	background: var(--bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
main{
	padding: 0;
	margin: 0;
}
@media (max-width: 768px){
	body.modal_opened{
		overflow: hidden;
	}
}
p,
table,
ul,
ol,
img{
	margin-top: 0;
	margin-bottom: var(--s-4);
}
ul ul,
ul ol,
ol ul,
ol ol{
	margin-bottom: 0;
}
p+ul,
p+ol{
	margin-top: calc(-1 * var(--s-2));
}
img{
	max-width: 100%;
	height: auto;
	border-style: none; /* used in normalize */
	margin-bottom: 0;
	border-radius: var(--radius);
}

@media (max-width: 576px) {
	.two-columns-on-mobile {
		display: flex !important;
		flex-wrap: wrap !important;
	}

	.wp-block-columns.two-columns-on-mobile:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 45% !important;
		box-sizing: border-box !important;
	}
}

em{
	font-family: var(--font-body);
}

/* ---- Display headlines: uppercase Josefin Sans Light; a <strong> payoff is Bold ---- */
h1,
h2{
	margin: 0 0 var(--s-5) 0;
	font-family: var(--font-display);
	font-weight: var(--font-weight-light);
	text-transform: uppercase;
	letter-spacing: var(--ls-display);
	line-height: 1.08;
	text-wrap: balance;
}
h1{
	font-size: var(--fs-l);
}
h2{
	font-size: var(--fs-l);
}
h1 strong, h1 b, h1 .bold,
h2 strong, h2 b, h2 .bold{
	font-family: var(--font-display);
	font-weight: var(--font-weight-bold);
}

/* ---- Headings: sentence case ---- */
h3,
h4,
h5{
	margin: 0 0 var(--s-3) 0;
	font-family: var(--font-display);
	font-weight: var(--font-weight-light);
	text-transform: none;
	letter-spacing: 0;
	text-wrap: balance;
}
h3{
	font-size: var(--fs-h3);
	line-height: 1.2;
}
h4{
	font-size: var(--fs-h4);
	line-height: 1.3;
}
h5{
	font-size: var(--fs-body);
	line-height: 1.4;
}
h6{
	margin: 0 0 var(--s-4) 0;
	font-family: var(--font-body);
	font-size: var(--fs-eyebrow);
	line-height: 1.5;
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-eyebrow);
	text-transform: uppercase;
	color: var(--fg-2);
}
h3 strong, h3 b, h4 strong, h4 b, h5 strong, h5 b{
	font-weight: var(--font-weight-bold);
}
h6 strong, h6 b{
	font-weight: inherit;
}

.bold,
b,
strong{
	font-weight: var(--font-weight-bold); /* used in normalize */
}

/* Light theme = reading: the running text's own subheadings step down to display M. Section
   titles (blocks, column layouts, covers) keep display L, the one title size site-wide. */
:root[data-theme="light"] h2{
	font-size: var(--fs-m);
}
:root[data-theme="light"] :is(.wp-block-columns, .wp-block-cover, [class*="asblock_"]) h2{
	font-size: var(--fs-l);
}

/* ---- Text roles ---- */
.lead,
.has-medium-font-size{
	font-size: var(--fs-lead) !important;
	line-height: 1.5;
}
small,
.small,
.has-small-font-size{
	font-size: var(--fs-small) !important;
	line-height: 1.55;
}
.caption{
	font-size: var(--fs-caption);
	line-height: 1.5;
	color: var(--fg-2);
}
.secondary{
	color: var(--fg-2);
}
.muted{
	color: var(--fg-3);
}

/* Eyebrow: 12px uppercase 600, 0.14em, brass or series colour, 16px above the heading.
   Optional Norwegian word first: <span class="no">Håndverk</span> | Craftsmanship */
.eyebrow{
	display: block;
	margin: 0 0 var(--s-4);
	font-family: var(--font-body);
	font-size: var(--fs-eyebrow);
	line-height: 1.5;
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-eyebrow);
	text-transform: uppercase;
	color: var(--accent);
}
.eyebrow.eyebrow--series{
	color: var(--accent);
}
.eyebrow .no{
	font-family: var(--font-mono);
	font-size: var(--fs-mono);
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: var(--fg-3);
	padding-right: var(--s-3);
	margin-right: var(--s-3);
	border-right: 1px solid var(--line-3);
}

/* Origin line: mono 11px, muted, preceded by a 5px brass dot. */
.origin-line{
	display: inline-flex;
	align-items: center;
	gap: var(--s-2);
	margin: 0;
	font-family: var(--font-mono);
	font-size: var(--fs-mono);
	line-height: 1.5;
	letter-spacing: 0;
	text-transform: none;
	font-weight: 400;
	color: var(--fg-3);
}
.origin-line::before{
	content: "";
	flex: 0 0 auto;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--accent);
}

/* Badge: 22px, outlined 1px in its colour, never filled. */
.badge{
	display: inline-flex;
	align-items: center;
	height: 22px;
	padding: 0 var(--s-2);
	border: 1px solid currentColor;
	border-radius: var(--radius);
	background: none;
	font-family: var(--font-body);
	font-size: 11px;
	line-height: 1;
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-badge);
	text-transform: uppercase;
	color: var(--fg);
}
.badge--accent{ color: var(--accent); }
.badge--success{ color: var(--color-success); }
.badge--series{ color: var(--accent); }

/* Numbers: tabular */
.tnum,
table td,
table th,
.price{
	font-variant-numeric: tabular-nums;
}

@media (min-width: 769px){
	.asblock_hero h1{
		font-size: var(--fs-xl);
		line-height: 1;
	}
}

address{
	font-style: normal;
	line-height: 1.6;
}

address p{
	margin-bottom: 0;
}

.gradient_bg{
	background: var(--bg);
}

.wp-block-columns{
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.wp-block-columns.mobile-reverse{
		display: flex;
		flex-direction: column-reverse;
	}
}

figure{
	margin: 0;
}

/* ---- Links ----
   Links inherit the surface's text colour. In running text they carry a 1px
   underline in the strong border colour; hover turns text and underline brass.
   Class "underlined" (always) / "underline" (on hover) keep working. */
a{
	background-color: transparent; /* used in normalize */
	color: inherit;
	text-decoration: none;
	transition: color var(--t-color) var(--ease), text-decoration-color var(--t-color) var(--ease);
}
/* .link-arrow draws its own hairline, so it never takes the text underline as well. :where() keeps
   the specificity of the original selectors, so components that switch the underline off still win. */
p a:not(.wp-block-button__link):not(.button):where(:not(.link-arrow)),
main li a:not(.wp-block-button__link):not(.button):where(:not(.link-arrow)),
td a:where(:not(.link-arrow)){
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: var(--line-3);
	text-underline-offset: 0.3em;
}
p a:not(.wp-block-button__link):not(.button):hover,
main li a:not(.wp-block-button__link):not(.button):hover,
td a:hover{
	color: var(--accent);
	text-decoration-color: var(--accent);
}
a.underlined,
p.underlined a{
	position: relative;
	display: inline-block;
	text-decoration: none;
}
a.underlined:after,
p.underlined a:after{
	position: absolute;
	bottom: -2px;
	content: '';
	left: 0;
	right: 0;
	height: 1px;
	background: var(--line-3);
	transition: background var(--t-color) var(--ease);
}
a.underlined:hover,
p.underlined a:hover{
	color: var(--accent);
}
a.underlined:hover:after,
p.underlined a:hover:after{
	background: var(--accent);
}
.underline,
.underline_span span{
	position:relative;
	text-decoration:none;
	display: inline-block;
}
.underline:after,
.underline_span span:after{
	position:absolute;
	left:0;
	content:"";
	width:100%;
	height:1px;
	background: var(--line-3);
	bottom:-2px;
	transform:scaleX(0);
	transition:transform var(--t-layout) var(--ease);
	transform-origin:right top;
}
.underline:hover:after,
.underline_span:hover span:after{
	transform:scale(1);
	transform-origin:left top;
}
.underline.active:after,
.underline_span.active span:after{
	transform:scale(1);
	transform-origin:left top;
	background: var(--fg);
}

.has-white-ish-color a.underlined:after,
.has-white-ish-color p.underlined a:after,
.has-white-ish-color .underline:after,
.has-white-ish-color .underline_span span:after,
.reviews_archive_section a.underlined:after{
	background: var(--line-3);
}

a:focus-visible{
	outline: 2px solid var(--accent);
	outline-offset: 3px;
}

/* Reading measure for long-form copy */
.post_content p,
.post_content ul,
.post_content ol,
#cpt_article p,
#cpt_guide p{
	max-width: var(--text-max);
}

/* used in normalize  Prevent sub and sup elements from affecting the line height in all browsers. */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}

/* used in normalize */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button,
input {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	padding: 0.35em 0.75em 0.625em;
	border: 1px solid var(--line-2);
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
textarea {
	overflow: auto;
}
[type='checkbox'],
[type='radio'] {
	box-sizing: border-box;
	padding: 0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
	height: auto;
}

/* ---- Inputs: 48px, transparent, 1px border, 2px radius; focus turns brass ---- */
input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=tel],
input[type=date],
input[type=search],
input[type=url],
select,
textarea{
	box-sizing: border-box;
	min-height: 48px;
	padding: 0 14px;
	font-family: var(--font-body);
	font-size: var(--fs-body);
	line-height: 1.5;
	color: var(--fg);
	background: transparent;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid var(--line-2);
	border-radius: var(--radius);
	transition: border-color var(--t-color) var(--ease);
}
textarea{
	padding: 12px 14px;
}
select{
	padding-right: 40px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237c7c85' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
}
input:focus,
select:focus,
textarea:focus{
	border-color: var(--accent);
}
input::placeholder,
textarea::placeholder{
	color: var(--fg-3);
}
input[aria-invalid="true"],
textarea[aria-invalid="true"],
.field-error input{
	border-color: var(--color-danger);
}
.field-caption,
.field-error-message{
	display: block;
	margin-top: var(--s-2);
	font-size: var(--fs-caption);
	line-height: 1.5;
	color: var(--fg-2);
}
.field-error-message{
	color: var(--color-danger);
}
label{
	display: block;
	margin-bottom: var(--s-2);
	font-size: var(--fs-label);
	line-height: 1.4;
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
	color: var(--fg-2);
}
input[type=checkbox],
input[type=radio]{
	width: 20px;
	height: 20px;
	margin: 0 var(--s-2) 0 0;
	vertical-align: middle;
	border: 1px solid var(--line-3);
	border-radius: var(--radius);
	background: transparent;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	position: relative;
}
input[type=radio]{
	border-radius: 50%;
}
input[type=checkbox]:checked{
	background: var(--fg);
	border-color: var(--fg);
}
input[type=radio]:checked::after{
	content: "";
	position: absolute;
	inset: 4px;
	border-radius: 50%;
	background: var(--fg);
}

main{
	display: block; /* used in normalize */
}

::selection{
	background: var(--accent);
	color: var(--on-accent);
}

/* ===== theme/buttons.css ===== */
/* ==========================================================================
   Buttons
   48px tall (small 40, large 56), 0 24px padding, uppercase 14px/600/0.06em,
   2px radius. Primary = --btn-bg/--btn-fg (white on dark, ink on light);
   secondary = transparent with a 1px strong border; ghost = underlined text;
   accent = brass fill, ink text, one per page. Press scales to .985.
   ========================================================================== */

a.button,
button,
input[type=submit],
.wp-block-button__link,
.as_button,
.wp-block-button.is-style-outline .wp-block-button__link{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--s-2);
	box-sizing: border-box;
	min-height: var(--btn-height);
	height: auto;
	padding: var(--btn-padding);
	min-width: 0;
	border: 1px solid transparent;
	border-radius: var(--radius);
	background-color: var(--btn-bg);
	color: var(--btn-fg);
	font-family: var(--font-body);
	font-size: var(--fs-button);
	line-height: 1.2;
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color var(--t-color) var(--ease),
		color var(--t-color) var(--ease),
		border-color var(--t-color) var(--ease),
		transform var(--t-color) var(--ease);
}

/* The block stylesheets set display: inline-block on their own buttons (hero, series products,
   boxed, intro, contact CTA, …) and win on specificity; with the theme's minimum height the label
   then sat at the top of the box. The flex box is re-asserted here with [class] for weight. */
body :is(a.button, .as_button, .wp-block-button__link)[class]{
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Legacy preset fills on buttons collapse to the primary pairing, so there is
   one button system regardless of the colour class the page was exported with. */
body .wp-block-button__link[class*="background-color"],
body .wp-block-button__link.has-text-color,
body .wp-block-button__link.has-white-color,
body .wp-block-button__link.has-black-ish-color{
	background-color: var(--btn-bg);
	color: var(--btn-fg) !important;
}

a.button:hover,
button:hover,
input[type=submit]:hover,
.wp-block-button__link:hover,
.as_button:hover,
body .wp-block-button__link[class*="background-color"]:hover,
body .wp-block-button__link.has-text-color:hover{
	background-color: var(--btn-bg-hover);
	border-color: transparent;
	color: var(--btn-fg) !important;
}

a.button:active,
button:active,
input[type=submit]:active,
.wp-block-button__link:active,
.as_button:active{
	transform: scale(0.985);
}

/* ===== Secondary: transparent, 1px strong border ===== */
.wp-block-button.is-style-outline .wp-block-button__link,
body .wp-block-button.is-style-outline .wp-block-button__link[class*="color"],
a.button.secondary,
.asblock_hero .as_button--series-ghost{
	background-color: transparent;
	border-color: var(--line-3);
	color: var(--fg) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
body .wp-block-button.is-style-outline .wp-block-button__link[class*="color"]:hover,
a.button.secondary:hover,
.asblock_hero .as_button--series-ghost:hover{
	background-color: transparent;
	border-color: var(--fg);
	color: var(--fg) !important;
}

/* ===== Accent: brass fill, ink text — one "Get recommendation" CTA per page ===== */
a.button.accent,
.wp-block-button__link.accent,
.menu_cta,
.start_zendesk_chat.chat_message .wp-block-button__link,
.wp-block-button.start_zendesk_chat.chat_message .wp-block-button__link,
body .wp-block-button.start_zendesk_chat .wp-block-button__link{
	background-color: var(--color-accent-gold);
	color: var(--on-accent) !important;
	border-color: transparent;
}
a.button.accent:hover,
.wp-block-button__link.accent:hover,
.menu_cta:hover,
body .wp-block-button.start_zendesk_chat .wp-block-button__link:hover{
	background-color: var(--color-accent-gold-hover);
	color: var(--on-accent) !important;
}

/* ===== Sizes ===== */
a.button.small,
.wp-block-button__link.small,
button.small{
	min-height: 40px;
	font-size: 13px;
}
a.button.large,
.wp-block-button__link.large,
.as_button.large{
	min-height: 56px;
	padding: 0 32px;
}

/* ===== Ghost: text with a 1px underline; hover turns brass ===== */
a.ghost,
.wp-block-button.is-style-ghost .wp-block-button__link{
	display: inline-block;
	min-height: 0;
	padding: 0;
	border: 0;
	background: none;
	color: var(--fg);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: var(--line-3);
	text-underline-offset: 0.35em;
}
a.ghost:hover,
.wp-block-button.is-style-ghost .wp-block-button__link:hover{
	background: none;
	color: var(--accent);
	text-decoration-color: var(--accent);
}

/* ===== Arrow link: a quiet uppercase label on a hairline with a drawn arrow; hover turns brass.
   For secondary actions next to a strong visual (e.g. "Read all reviews" under an award). ===== */
a.link-arrow{
	display: inline-flex;
	align-items: center;
	gap: var(--s-3);
	padding: 0 0 var(--s-2);
	border-bottom: 1px solid var(--line-3);
	font-family: var(--font-body);
	font-size: var(--fs-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-eyebrow);
	line-height: 1.4;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--fg);
	transition: color var(--t-color) var(--ease), border-color var(--t-color) var(--ease);
}
a.link-arrow::after{
	content: "";
	flex: 0 0 auto;
	width: 18px;
	height: 10px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 10'%3E%3Cpath d='M0 5h16.5M12.5 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 10'%3E%3Cpath d='M0 5h16.5M12.5 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform var(--t-layout) var(--ease);
}
a.link-arrow:hover,
a.link-arrow:focus-visible{
	color: var(--accent);
	border-color: var(--accent);
}
a.link-arrow:hover::after{
	transform: translateX(4px);
}

/* ===== States ===== */
a.button.disabled,
input[type=submit].disabled,
.wp-block-button__link.disabled,
button.disabled,
button:disabled,
input[type=submit]:disabled{
	opacity: 0.4;
	cursor: not-allowed;
	transform: none;
}
a.button.disabled:hover,
.wp-block-button__link.disabled:hover,
button.disabled:hover,
button:disabled:hover{
	background-color: var(--btn-bg);
}

:is(a.button, button, input[type=submit], .wp-block-button__link, .as_button):focus-visible{
	outline: 2px solid var(--accent);
	outline-offset: 3px;
}

/* Button groups share a 12px gap and wrap on narrow screens. */
.wp-block-buttons{
	gap: var(--s-3);
}
.wp-block-buttons > .wp-block-button{
	margin: 0;
}

/* ===== theme/colors.css ===== */
/* ==========================================================================
   Colors — Gutenberg preset classes as surface contexts

   A background preset class switches the semantic tokens (--bg, --fg,
   --line-*, --btn-*) for everything inside it, so buttons, links, dividers
   and cards adapt to the surface they sit on. Dark surfaces: page → raised →
   card. Light surfaces are reading islands (page → raised → card).
   Raised bands carry a 1px hairline top and bottom.
   ========================================================================== */

/* ---- Dark surface context ---- */
@layer tokens {
.t-dark,
:root[data-theme="light"] footer,
:root[data-theme="light"] .has-black-ish-background-color,
:root[data-theme="light"] .has-gray-darkest-background-color,
:root[data-theme="light"] .has-gray-dark-background-color,
:root[data-theme="light"] .has-black-background-color,
:root[data-theme="light"] .wp-block-cover,
:root[data-theme="light"] .asblock_hero,
:root[data-theme="light"] .asblock_product_hero{
	--c-page: #16171a;
	--c-raised: #1f2228;
	--c-card: #41444e;
	--c-ink: #f4f6fd;
	--c-accent: #c9a86a;
	--c-dark: var(--c-page);
	--c-light: var(--c-ink);
  /* ---- Derived from the five (the names the stylesheets use). Re-declared inside every scoped
	   override of the five in colors.css, so they follow the surface they sit on. ---- */
	--bg: var(--c-page);
	--bg-raised: var(--c-raised);
	--bg-card: var(--c-card);
	--fg: var(--c-ink);
	--fg-2: color-mix(in srgb, var(--c-ink) 70%, var(--c-page));
	--fg-3: color-mix(in srgb, var(--c-ink) 56%, var(--c-page));
	--line-1: color-mix(in srgb, var(--c-ink) 8%, transparent);
	--line-2: color-mix(in srgb, var(--c-ink) 14%, transparent);
	--line-3: color-mix(in srgb, var(--c-ink) 28%, transparent);
	--accent: var(--c-accent);
	--accent-hover: color-mix(in srgb, var(--c-accent) 88%, var(--c-ink));
	--btn-bg: var(--c-ink);
	--btn-fg: var(--c-page);
	--btn-bg-hover: color-mix(in srgb, var(--c-ink) 92%, var(--c-page));
	--header-bg: color-mix(in srgb, var(--c-raised) 78%, transparent);
	--overlay: color-mix(in srgb, var(--c-dark) 72%, transparent);
	--scrim: linear-gradient(180deg, color-mix(in srgb, var(--c-dark) 0%, transparent) 0%, color-mix(in srgb, var(--c-dark) 72%, transparent) 100%);
	--shadow-menu: 0 8px 24px color-mix(in srgb, var(--c-dark) 35%, transparent);
	--shadow-dialog: 0 24px 64px color-mix(in srgb, var(--c-dark) 50%, transparent);
	--series-color-1: var(--c-accent);
	--series-color-2: var(--c-accent);
	--series-background: var(--c-raised);
	--color-black-ish: var(--c-page);
	--color-gray-darkest: var(--c-raised);
	--color-gray-dark: var(--c-card);
	--color-gray-middle: var(--fg-3);
	--color-gray-light: var(--fg-2);
	--color-gray-lightest: color-mix(in srgb, var(--c-ink) 97%, var(--c-page));
	--color-white-ish: var(--c-ink);
	--color-white: var(--c-ink);
	--color-ink: var(--c-raised);
	--color-ink-2: color-mix(in srgb, var(--c-ink) 35%, var(--c-page));
	color: var(--fg);
}
}

/* ---- Light surface context ----
   On the dark theme the light Gutenberg presets become raised dark bands
   (marketing pages keep at most two tones). On the light theme they are the
   light page/raised/card surfaces. */
@layer tokens {
.t-light,
:root[data-theme="light"] .has-white-ish-background-color,
:root[data-theme="light"] .has-gray-lightest-background-color,
:root[data-theme="light"] .has-light-gray-background-color,
:root[data-theme="light"] .has-white-background-color{
	--c-page: #f4f6fd;
	--c-raised: #ebedf4;
	--c-card: #ffffff;
	--c-ink: #16171a;
	--c-accent: #8d6f3d;
	--c-dark: var(--c-ink);
	--c-light: var(--c-page);
  /* ---- Derived from the five (the names the stylesheets use). Re-declared inside every scoped
	   override of the five in colors.css, so they follow the surface they sit on. ---- */
	--bg: var(--c-page);
	--bg-raised: var(--c-raised);
	--bg-card: var(--c-card);
	--fg: var(--c-ink);
	--fg-2: color-mix(in srgb, var(--c-ink) 70%, var(--c-page));
	--fg-3: color-mix(in srgb, var(--c-ink) 56%, var(--c-page));
	--line-1: color-mix(in srgb, var(--c-ink) 8%, transparent);
	--line-2: color-mix(in srgb, var(--c-ink) 14%, transparent);
	--line-3: color-mix(in srgb, var(--c-ink) 28%, transparent);
	--accent: var(--c-accent);
	--accent-hover: color-mix(in srgb, var(--c-accent) 88%, var(--c-ink));
	--btn-bg: var(--c-ink);
	--btn-fg: var(--c-page);
	--btn-bg-hover: color-mix(in srgb, var(--c-ink) 92%, var(--c-page));
	--header-bg: color-mix(in srgb, var(--c-raised) 78%, transparent);
	--overlay: color-mix(in srgb, var(--c-dark) 72%, transparent);
	--scrim: linear-gradient(180deg, color-mix(in srgb, var(--c-dark) 0%, transparent) 0%, color-mix(in srgb, var(--c-dark) 72%, transparent) 100%);
	--shadow-menu: 0 8px 24px color-mix(in srgb, var(--c-dark) 35%, transparent);
	--shadow-dialog: 0 24px 64px color-mix(in srgb, var(--c-dark) 50%, transparent);
	--series-color-1: var(--c-accent);
	--series-color-2: var(--c-accent);
	--series-background: var(--c-raised);
	--color-black-ish: var(--c-page);
	--color-gray-darkest: var(--c-raised);
	--color-gray-dark: var(--c-card);
	--color-gray-middle: var(--fg-3);
	--color-gray-light: var(--fg-2);
	--color-gray-lightest: color-mix(in srgb, var(--c-ink) 97%, var(--c-page));
	--color-white-ish: var(--c-ink);
	--color-white: var(--c-ink);
	--color-ink: var(--c-raised);
	--color-ink-2: color-mix(in srgb, var(--c-ink) 35%, var(--c-page));
	color: var(--fg);
}
}

/* ---- Background presets ---- */
/* Buttons that carry a preset class are excluded: buttons.css owns them. */
.has-black-ish-background-color:not(.wp-block-button__link),
.has-black-background-color:not(.wp-block-button__link){ background-color: var(--c-dark) !important; }
.has-gray-darkest-background-color{
	background-color: var(--c-raised);
	box-shadow: inset 0 1px 0 var(--line-1), inset 0 -1px 0 var(--line-1);
}
.has-gray-dark-background-color{ background-color: var(--c-card); }
/* As a full-width band (a group, not a column or card) the mid grey read as a loose slab between
   the dark sections: bands take the raised tone with hairlines, like the gray-darkest preset. */
.wp-block-group.has-gray-dark-background-color{
	background-color: var(--c-raised);
	box-shadow: inset 0 1px 0 var(--line-1), inset 0 -1px 0 var(--line-1);
}
/* A tinted group box inside the content column (not a full-width band) that the export left
   without padding: its heading sat on the box's top edge. Boxes get the standard inset. */
main .wp-block-group.has-background:not(.alignfull):not(.alignwide):not([class*="pt"]):not([class*="pb"]):not([class*="p50"]):not([class*="p75"]):not(.is-layout-flex):not(.bg-knit){
	padding: var(--s-7) var(--s-6);
}
/* Mid-grey columns and panels (contact tiles, "who this is for") keep the grey, with a hairline so
   the edge is drawn rather than only implied. */
.wp-block-column.has-gray-dark-background-color{
	box-shadow: inset 0 0 0 1px var(--line-2);
	border-radius: var(--radius);
}

.has-white-ish-background-color:not(.wp-block-button__link),
.has-light-gray-background-color:not(.wp-block-button__link),
.has-gray-lightest-background-color:not(.wp-block-button__link),
.has-white-background-color:not(.wp-block-button__link){
	background-color: var(--c-raised) !important;
	box-shadow: inset 0 1px 0 var(--line-1), inset 0 -1px 0 var(--line-1);
}
:root[data-theme="light"] .has-white-ish-background-color:not(.wp-block-button__link),
:root[data-theme="light"] .has-light-gray-background-color:not(.wp-block-button__link){ background-color: var(--c-page) !important; box-shadow: none; }
:root[data-theme="light"] .has-white-background-color:not(.wp-block-button__link){ background-color: var(--c-page) !important; box-shadow: none; }
:root[data-theme="light"] .has-gray-lightest-background-color:not(.wp-block-button__link){
	background-color: var(--c-raised) !important;
	box-shadow: inset 0 1px 0 var(--line-1), inset 0 -1px 0 var(--line-1);
}
/* Dark-on-light artwork (positive series logos, black benefit icons) inverts on the dark bands. */
:root[data-theme="dark"] :is(.has-white-ish-background-color, .has-light-gray-background-color, .has-gray-lightest-background-color, .has-gray-light-background-color, .has-white-background-color) img:is([src*="EN_Why"], [src*="Positive"], [src*="black_"], [src*="logo-black"]){
	filter: brightness(0) invert(1);
}

/* Series "fills" are retired: the series colour never fills a surface. */
.has-1610-color-2-background-color,
.has-1528-color-1-background-color{
	background-color: var(--bg-raised);
}

/* ---- Text presets follow the surface they sit on ---- */
.has-black-ish-color,
.has-black-color,
.has-white-ish-color,
.has-light-gray-color,
.has-white-color{ color: var(--fg) !important; }

.has-1610-color-2-color{ color: var(--1610-color-1); }
/* Series-neutral version for markup shared by all series pages (components/series_fit.php). */
.has-series-accent-color{ color: var(--accent); }

/* Series pages and product pages: the accent is the series colour and what derives from it follows.
   --accent is the text/hairline shade: lifted towards ink where the colour itself would not reach
   4.5:1 on the page surface (1528 5.7, 1610 7.4, 1723 6.2, 1723 S 5.1, 1961 3.8 before lifting). */
body.series-1528-series{ --c-accent: var(--series-1528); --accent: color-mix(in srgb, var(--c-accent) 85%, var(--c-ink)); --accent-hover: color-mix(in srgb, var(--accent) 88%, var(--c-ink)); --series-color-1: var(--c-accent); --series-color-2: var(--c-accent); }
body.series-1610-series{ --c-accent: var(--series-1610); --accent: var(--c-accent); --accent-hover: color-mix(in srgb, var(--accent) 88%, var(--c-ink)); --series-color-1: var(--c-accent); --series-color-2: var(--c-accent); }
body.series-1723-series,
body.series-1723-series-speakers,
body.series-1723-series-subwoofers{ --c-accent: var(--series-1723); --accent: color-mix(in srgb, var(--c-accent) 85%, var(--c-ink)); --accent-hover: color-mix(in srgb, var(--accent) 88%, var(--c-ink)); --series-color-1: var(--c-accent); --series-color-2: var(--c-accent); }
body.series-1723-s-series-speakers{ --c-accent: var(--series-1723s); --accent: color-mix(in srgb, var(--c-accent) 75%, var(--c-ink)); --accent-hover: color-mix(in srgb, var(--accent) 88%, var(--c-ink)); --series-color-1: var(--c-accent); --series-color-2: var(--c-accent); }
body.series-1961-series,
body.series-1961-series-speakers,
body.series-1961-series-subwoofers{ --c-accent: var(--series-1961); --accent: color-mix(in srgb, var(--c-accent) 65%, var(--c-ink)); --accent-hover: color-mix(in srgb, var(--accent) 88%, var(--c-ink)); --series-color-1: var(--c-accent); --series-color-2: var(--c-accent); }

.bigger{
	font-size: var(--fs-lead);
	line-height: 1.5;
	padding-left: 0px;
	padding-right: 0px;
}

/* ===== theme/components.css ===== */
/* ==========================================================================
   Components — Modals, overlays, embeds, forms, lightbox, third-party
   ========================================================================== */

/* ---- Modals & overlays ---- */
#body_overlay{
	opacity: 0;
}
#body_overlay.active{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--color-black-ish);
	opacity: 0.5;
	z-index: 9999;
	transition: opacity 200ms linear;
}
#modal_info.active{
	position: fixed;
	left: 0;
	right: 0;
	top: 100px;
	bottom: 0;
	background: var(--color-white-ish);
	z-index: 100000;
}

@media (min-width: 769px) {
	#modal_info.active{
		left: 10%;
		right: 10%;
		top: 135px;
		bottom: 10%;
	}
}

#modal_info.active .modal_content{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 60px;
	overflow-y: scroll;
}

#modal_info.active.trustpilot .modal_content{
	top: 20px;
	overflow: hidden;
}

#modal_info.active .modal_close{
	position: absolute;
	top: 25px;
	right: 38px;
	background: var(--color-black-ish);
	width: 24px;
	height: 24px;
	cursor: pointer;
	z-index: 1;
}

#modal_info.active .modal_close:before{
	content: '';
	display: block;
	width: 15px;
	height: 2px;
	background: var(--color-white-ish);
	transform: rotate(45deg);
	position: absolute;
    top: 11px;
    left: 4px;
}

#modal_info.active .modal_close:after{
	content: '';
	display: block;
	width: 15px;
	height: 2px;
	background: var(--color-white-ish);
	transform: rotate(135deg);
	position: absolute;
    top: 11px;
    left: 4px;
}

#modal_info.active.loading .loader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	border: 2px solid var(--color-white-ish);
	border-top: 2px solid var(--color-gray-middle);
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.modal_reviews{
	cursor: pointer;
}

#trustpilot_modal_widget,
#trustpilot_modal_widget iframe{
	position: absolute!important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%!important;
	/*height: calc(100%-30px)!important;*/
}
/*
#trustpilot_modal_widget{
	top: 20px;
}*/

/* Trustpilot reviews modal — mobile: sheet below the fixed header
   (#navigation_mobile is 60px, z-index 10000000) so the logo and menu stay
   visible, but above the sticky page nav (.pp-virtual-nav is z-index 99999).
   Side insets keep the TrustBox content and logo clear of the edges and the
   close button. */
@media (max-width: 768px) {
	#modal_info.active.trustpilot{
		top: 60px;
		z-index: 1000000;
	}
	body:has(#modal_info.active.trustpilot) #body_overlay.active{
		z-index: 999999;
	}
	#modal_info.active.trustpilot .modal_content{
		top: 0;
		padding: 0;
	}
	#modal_info.active.trustpilot #trustpilot_modal_widget{
		top: 70px;
		left: 16px;
		right: 16px;
		height: calc(100% - 70px)!important;
	}
}

/* Tablet / small desktop: the widget ignores .modal_content padding, so give
   it side insets and push it below the close button. */
@media (min-width: 769px) and (max-width: 1145px) {
	#modal_info.active.trustpilot #trustpilot_modal_widget{
		top: 60px;
		left: 24px;
		right: 24px;
		height: calc(100% - 60px)!important;
	}
}

/* ---- Product review stars & specs ---- */
/* trustpilot reviews */
.product_review_stars{
	padding-bottom: 40px;
}
.product_review_stars .review_stars{
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 10px;
}
.review_stars svg{
	fill: var(--color-accent-gold);
}

table{
	width: 100%;
	border-collapse: collapse;
}
table th{
	padding-left: 5px;
	padding-right: 5px;
}
table td{
	border-bottom: 1px solid var(--color-gray-light);
	padding-left: 5px;
	padding-right: 5px;
}
table tr.no_borders td{
	border-bottom: 0;
}

/* ---- Gravity Forms & WooCommerce checkout ---- */
#gform_wrapper_4{
	padding-bottom: 50px;
}

/* ---- MailChimp banners & modals ---- */

/* ---- Gravity Forms theme overrides ---- */
.gform_wrapper.gravity-theme .gsection{
	border-bottom: none;
	margin-top: 40px;
}

.gform_wrapper.gravity-theme .gsection h3{
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 0;
}

.gform_wrapper.gravity-theme fieldset.gfield{
	margin-bottom: 30px;
}

.gform_wrapper.gravity-theme .gform_description{
	margin-bottom: 30px;
	display: block;
}

.gform_wrapper.gravity-theme .gform_footer{
	margin: 0;
	padding: 0;
	margin-bottom: 45px;
}
.gform_wrapper.gravity-theme .gform_footer p,
.gform_wrapper.gravity-theme .gform_footer br{
	display: none;
}

.gfield.inline_radio .gchoice{
	display: inline-block;
	margin-right: 15px;
}
.gfield_radio .gchoice br,
.gfield.inline_radio .gchoice br{
	display: none;
}

/* ---- Newsletter form (components/newsletter_form.php) ---- */
.nl-form__label{
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}
.nl-form__msg{ margin: var(--s-2) 0 0; font-size: var(--fs-small); line-height: 1.5; color: var(--c-danger); }
.nl-form__done{ margin: 0; }
/* look "box": the white field and SUBSCRIBE button of the Klaviyo embed it replaces (same measurements) */
.nl-form--box{ max-width: 450px; margin: 0 auto; padding: 33px 0; }
.nl-form--box .nl-form__row{ display: flex; gap: 16px; padding-right: 6px; }
.nl-form--box input[type="email"]{
	box-sizing: border-box;
	flex: 1 1 auto;
	min-width: 0;
	height: 54px;
	margin: 0;
	padding: 0 0 0 16px;
	background: var(--c-field);
	border: 1px solid var(--c-field-line);
	border-radius: var(--radius);
	box-shadow: none;
	color: var(--c-field-ink);
	font-family: var(--font-body);
	font-size: 16px;
	line-height: normal;
}
.nl-form--box input[type="email"]::placeholder{ color: var(--c-field-hint); opacity: 1; font-family: 'Nunito Sans', Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; }
.nl-form--box input[type="email"]:focus-visible{ outline: 2px solid var(--accent); outline-offset: 2px; }
.nl-form--box button,
.nl-form--box button:hover{
	flex: 0 0 auto;
	height: 54px;
	min-width: 0;
	margin: 0;
	padding: 0 10px;
	border: 0;
	border-radius: var(--radius);
	background: var(--btn-bg);
	color: var(--btn-fg);
	box-shadow: none;
	font-family: var(--font-body);
	font-size: var(--fs-button);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	line-height: 14px;
	text-transform: uppercase;
	cursor: pointer;
}
.nl-form--box button:focus-visible{ outline: 2px solid var(--accent); outline-offset: 2px; }
.nl-form--box .nl-form__done{ min-height: 54px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 16px; }
.nl-form.is-busy button{ opacity: 0.6; cursor: progress; }

/* ---- Klaviyo form overrides ---- */
/* One line under a button that leads to an outside form (Asana): who holds the answers */
.privacy-note{
	margin-top: var(--s-3);
	font-size: var(--fs-small);
	line-height: 1.55;
	opacity: 0.8;
}
/* Shown in place of a Klaviyo form until marketing cookies are allowed (assets/js/theme/privacy.js) */
.consent-note{
	max-width: 500px;
	margin: var(--s-3) 0;
	font-size: var(--fs-small);
	line-height: 1.55;
	color: inherit;
	opacity: 0.8;
}
.consent-note button{
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	letter-spacing: inherit;
	text-transform: none;
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
	transition: color var(--t-color) var(--ease);
}
.consent-note button:hover,
.consent-note button:focus-visible{
	color: var(--accent);
}
.klaviyo-form-S3UiYt{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.klaviyo-form input{
	border-radius: 0!important;
	font-size: 16px !important;
	font-family: var(--font-heading);

}
.klaviyo-form input::placeholder{
	font-size: 16px !important;
	font-family: var(--font-heading);
}

.klaviyo-form button{
	border-radius: 0!important;
	background: var(--color-gray-dark)!important;
	font-size: 16px !important;
	text-transform: uppercase !important;
	font-family: var(--font-heading);
}

/* ---- baguetteBox lightbox ---- */
.baguetteBox-button#close-button,
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button{
	min-width: auto!important;
}

/* ---- Ambassador contact: list buttons (half-width grid) ---- */
/* Apply only when the contact button has been injected next to "Read a story". */
.ambassador-buttons:has(.contact-ambassador-trigger) {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    align-items: stretch;
}
.ambassador-buttons:has(.contact-ambassador-trigger) > .wp-block-button {
    margin: 0 !important;
    width: 100%;
}
.ambassador-buttons:has(.contact-ambassador-trigger) > .wp-block-button > .wp-block-button__link,
.ambassador-buttons:has(.contact-ambassador-trigger) > .wp-block-button > button.wp-block-button__link {
    width: 100%;
    min-width: 0;
    display: block;
    text-align: center;
}
@media (max-width: 480px) {
    .ambassador-buttons:has(.contact-ambassador-trigger) {
        grid-template-columns: 1fr;
    }
}

/* ---- Ambassador contact: single page CTA ---- */
.as-ambassador-contact-cta {
    margin-top: 60px;
    padding: 40px;
    background: var(--color-gray-lightest);
    text-align: center;
}
.as-ambassador-contact-cta h3 {
    margin-top: 0;
}
.as-ambassador-contact-cta .wp-block-buttons {
    justify-content: center;
}

/* ---- Ambassador contact: modal form ---- */
/* Sit above the main navigation (header is z-index: 10000000). */
#modal_info.active.as-contact-modal {
    z-index: 10000001;
}
/* Lift the overlay above the nav too so the dim covers the whole viewport. */
body:has(#modal_info.active.as-contact-modal) #body_overlay.active {
    z-index: 10000000;
}
/* Mobile: full-width, clear the fixed header, scrollable content. */
#modal_info.active.as-contact-modal {
    top: 70px;
    bottom: 0;
    display: flex;
    flex-direction: column;
}
#modal_info.active.as-contact-modal .modal_content {
    position: relative;
    inset: auto;
    top: auto; left: auto; right: auto; bottom: auto;
    padding: 30px 24px;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1 1 auto;
    min-height: 0;
}
@media (min-width: 769px) {
    #modal_info.active.as-contact-modal {
        left: 50%;
        right: auto;
        top: 50%;
        bottom: auto;
        transform: translate(-50%, -50%);
        width: min(640px, 92vw);
        max-height: min(90vh, calc(100vh - 40px));
        height: auto;
    }
    #modal_info.active.as-contact-modal .modal_content {
        padding: 40px 36px 36px;
    }
}
.as-contact-form__title {
    margin: 0 0 6px;
    font-size: 25px;
    line-height: 1.2;
    font-weight: var(--font-weight-bold, 700);
}
.as-contact-form__subtitle {
    margin: 0 0 20px;
    color: var(--color-gray-dark);
    font-size: 14px;
}
.as-contact-form .as-contact-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
@media (max-width: 540px) {
    .as-contact-form .as-contact-form__row {
        grid-template-columns: 1fr;
    }
}
.as-contact-form .as-contact-form__field {
    display: block;
    margin-bottom: 16px;
}
.as-contact-form .as-contact-form__field > span {
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
    color: var(--color-gray-dark);
}
.as-contact-form input[type="text"],
.as-contact-form input[type="email"],
.as-contact-form textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--color-gray-light);
    background: var(--color-white-ish);
    color: var(--color-black-ish);
    padding: 12px 14px;
    font-size: 16px;
    font-family: inherit;
    border-radius: 0;
}
.as-contact-form input:focus,
.as-contact-form textarea:focus {
    outline: none;
    border-color: var(--color-black-ish);
}
.as-contact-form textarea {
    resize: vertical;
    min-height: 120px;
}
.as-contact-form__hp {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.as-contact-form__feedback {
    margin: 8px 0 16px;
    font-size: 14px;
    min-height: 1em;
}
.as-contact-form__feedback--error {
    color: var(--c-danger);
}
.as-contact-form__feedback--success {
    color: var(--c-success);
}
.as-contact-form__submit {
    width: 100%;
}
.as-contact-form__submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.as-contact-form__success {
    padding: 24px 0;
    text-align: center;
    font-size: 18px;
    color: var(--color-black-ish);
}

/* Third-party: Cookiebot overrides */

/* ==========================================================================
   Design rules: dialogs on the raised surface with a 1px border, 4px radius
   and the dialog shadow; blurred page-colour overlay; hairline tables.
   ========================================================================== */

#body_overlay.active{
	background: var(--overlay);
	opacity: 1;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}
#modal_info.active{
	background: var(--bg-raised);
	color: var(--fg);
	border: 1px solid var(--line-2);
	border-radius: var(--radius-dialog);
	box-shadow: var(--shadow-dialog);
}
#modal_info.active .modal_content{
	padding: var(--s-6);
}
@media (min-width: 769px){
	#modal_info.active .modal_content{
		padding: var(--s-7);
	}
}
#modal_info.active .modal_close{
	background: none;
	top: 20px;
	right: 20px;
}
#modal_info.active .modal_close:before,
#modal_info.active .modal_close:after{
	background: var(--fg);
	width: 18px;
	left: 3px;
}
#modal_info.active.loading .loader{
	border-color: var(--line-2);
	border-top-color: var(--fg);
}
table td{
	border-bottom: 1px solid var(--line-2);
	padding: 12px 8px;
	font-variant-numeric: tabular-nums;
}
table th{
	padding: 12px 8px;
	font-size: var(--fs-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
	color: var(--fg-2);
	text-align: left;
}
.review_stars svg{
	fill: var(--accent);
}
.as-contact-form input[type="text"],
.as-contact-form input[type="email"],
.as-contact-form textarea{
	background: transparent;
	color: var(--fg);
	border: 1px solid var(--line-2);
	border-radius: var(--radius);
	padding: 0 14px;
	min-height: 48px;
}
.as-contact-form textarea{
	padding: 12px 14px;
}
.as-contact-form input:focus,
.as-contact-form textarea:focus{
	border-color: var(--accent);
}
.as-contact-form .as-contact-form__field > span,
.as-contact-form__subtitle{
	color: var(--fg-2);
}
.as-contact-form__title{
	font-size: var(--fs-h3);
	text-transform: none;
	letter-spacing: 0;
}
.as-contact-form__feedback--error{
	color: var(--color-danger);
}
.as-contact-form__feedback--success{
	color: var(--color-success);
}
.as-contact-form__success{
	color: var(--fg);
}
.as-ambassador-contact-cta{
	background: var(--bg-raised);
	border: 1px solid var(--line-2);
	border-radius: var(--radius);
}
.klaviyo-form input::placeholder{
	font-family: var(--font-body);
}

/* ===== Note references: a small numbered mark in running copy whose note opens as a tooltip on
   hover, keyboard focus or tap. The tooltip opens under the paragraph (p.has-note-refs), not the
   number, so it never runs off a phone screen or covers the title it annotates. .note-refs keeps
   the last word and its numbers on one line.
   <p class="has-note-refs">Copy <span class="note-refs">word.<span class="note-ref"><button type="button" class="note-ref__num"
   aria-describedby="note-1" aria-label="Note 1">1</button><span class="note-ref__tip" role="tooltip"
   id="note-1">The note.</span></span></span></p> ===== */
.has-note-refs{
	position: relative;
}
.note-refs{
	white-space: nowrap;
}
.note-ref{
	display: inline;
}
body .note-ref .note-ref__num{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 17px;
	height: 17px;
	min-height: 0;
	margin: 0 0 0 6px;
	padding: 0;
	vertical-align: 0.35em;
	border: 1px solid var(--line-3);
	border-radius: 50%;
	background: none;
	color: var(--fg-2);
	font-family: var(--font-body);
	font-size: 10px;
	line-height: 1;
	font-weight: var(--font-weight-semibold);
	font-variant-numeric: tabular-nums;
	letter-spacing: 0;
	text-transform: none;
	cursor: help;
	transform: none;
}
body .note-ref + .note-ref .note-ref__num{
	margin-left: 4px;
}
body .note-ref .note-ref__num:hover,
body .note-ref .note-ref__num:focus-visible,
body .note-ref:focus-within .note-ref__num{
	border-color: var(--accent);
	background: none;
	color: var(--accent) !important;
}
body .note-ref .note-ref__num:focus-visible{
	outline: 2px solid var(--accent);
	outline-offset: 2px;
}
.note-ref__tip{
	position: absolute;
	left: 50%;
	top: calc(100% + var(--s-3));
	z-index: 20;
	width: min(280px, calc(100vw - 2 * var(--gutter)));
	box-sizing: border-box;
	padding: var(--s-3) var(--s-4);
	border-radius: var(--radius-dialog);
	background: var(--c-ink);
	color: var(--c-page);
	box-shadow: var(--shadow-menu);
	font-size: var(--fs-small);
	line-height: 1.5;
	font-weight: var(--font-weight-regular);
	text-align: left;
	white-space: normal;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate(-50%, -4px);
	transition: opacity 180ms var(--ease), transform 180ms var(--ease), visibility 0s linear 180ms;
}
.note-ref:hover .note-ref__tip,
.note-ref:focus-within .note-ref__tip{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translate(-50%, 0);
	transition: opacity 180ms var(--ease), transform 180ms var(--ease), visibility 0s;
}
@media (prefers-reduced-motion: reduce){
	.note-ref__tip{ transition: none; }
}

/* Monochrome logos (tools/logo_mono.py): a publication's or award's mark in the ink colour on a
   transparent background, for logos that ship on their own white or coloured plate. Opt-in per
   logo; on the light theme the mark is drawn dark. */
.logo-mono{
	opacity: 0.86;
	transition: opacity var(--t-color) var(--ease);
}
a:hover .logo-mono,
a:focus-visible .logo-mono{
	opacity: 1;
}
:root[data-theme="light"] .logo-mono{
	filter: brightness(0.12);
}
/* Mono + colour pair (<span class="logo-duo"> with .logo-mono then .logo-color, both from
   tools/logo_mono.py, same crop): the light mark by default, the logo's own colours on hover or
   keyboard focus of its link, or when a parent marks it .is-color. */
.logo-duo{
	position: relative;
	display: inline-block;
	line-height: 0;
}
.logo-duo .logo-color{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: contain;
	opacity: 0;
	transition: opacity var(--t-layout) var(--ease);
}
.logo-duo .logo-mono{
	transition: opacity var(--t-layout) var(--ease);
}
a:hover .logo-duo .logo-color,
a:focus-visible .logo-duo .logo-color,
.logo-duo:hover .logo-color,
.is-color .logo-duo .logo-color{
	opacity: 1;
}
a:hover .logo-duo .logo-mono,
a:focus-visible .logo-duo .logo-mono,
.logo-duo:hover .logo-mono,
.is-color .logo-duo .logo-mono{
	opacity: 0;
}

/* A black-on-transparent drawing (a signature, a line illustration) drawn in the page's text colour:
   inverted on the dark theme, left as is on the light one. */
:root:not([data-theme="light"]) .logo-ink{
	filter: invert(1) brightness(0.96);
}

/* Country-specific content (libs/10-geo.js): a variant is hidden until the visitor's country is
   known and it matches. Without JavaScript (<html> keeps "no-js") only the default variant shows. */
html.js .geo:not(.geo-on){
	display: none;
}
html.no-js .geo:not([data-geo-default]){
	display: none;
}

/* ===== Site-wide ribbon (components/ribbon.php, assets/src/blocks/ribbon.js) =====
   One gold line fixed to the bottom of the screen: the message is the link (capitals, arrow), a close × at the
   right. .t-dark pins the gold and the dark text, so it is the same on light and series pages. It sits under the
   overlays, the store panel and the menu (z-index 9000 < #body_overlay 9999). While it shows (html.has-ribbon)
   the page gets its height as bottom padding, so the footer ends above it. */
.ribbon{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9000;
	background: var(--accent);
	color: var(--bg);
	transform: translateY(100%);
	transition: transform 450ms var(--ease), background-color var(--t-color) var(--ease);
}
.ribbon.is-on{ transform: none; }
.ribbon[hidden]{ display: none; }
.ribbon:has(.ribbon__link:hover){ background: var(--accent-hover); }
.ribbon__inner{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: calc(var(--content-max) + 2 * var(--gutter));
	margin: 0 auto;
	padding: 0 56px;
}
.ribbon a.ribbon__link{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 48px;
	padding: var(--s-2) 0;
	color: var(--bg);
	font-family: var(--font);
	font-size: 13px;
	font-weight: var(--font-weight-bold);
	line-height: 1.3;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
}
.ribbon a.ribbon__link svg{ flex: none; transition: transform var(--t-layout) var(--ease); }
.ribbon a.ribbon__link:hover svg,
.ribbon a.ribbon__link:focus-visible svg{ transform: translateX(4px); }
.ribbon button.ribbon__close{
	position: absolute;
	top: 50%;
	right: calc(var(--gutter) - 12px);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	min-height: 0;   /* base.css gives buttons a 48px touch height; this one is 40px and centred on the line */
	margin: -20px 0 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--bg);
	cursor: pointer;
	transition: background-color var(--t-color) var(--ease);
}
.ribbon button.ribbon__close:hover,
.ribbon button.ribbon__close:focus-visible{ color: var(--bg) !important; background: color-mix(in srgb, var(--bg) 12%, transparent); }   /* buttons.css forces --btn-fg on every button:hover */
.ribbon a:focus-visible,
.ribbon button:focus-visible{ outline: 2px solid var(--bg); outline-offset: 2px; }
html.has-ribbon body{ padding-bottom: var(--ribbon-h, 48px); }
html.has-ribbon #CookiebotWidget{ bottom: calc(var(--ribbon-h, 48px) + 12px) !important; }
@media (max-width: 767px){
	.ribbon__inner{ padding: 0 48px 0 var(--gutter); justify-content: flex-start; }
	.ribbon a.ribbon__link{ gap: 10px; font-size: 12px; letter-spacing: 0.1em; text-align: left; }
	.ribbon button.ribbon__close{ right: 4px; }
}
@media (prefers-reduced-motion: reduce){
	.ribbon, .ribbon a.ribbon__link svg, .ribbon button.ribbon__close{ transition: none; }
}

/* ---- Chat launcher (partials/footer.php) ----
   Stands in for Zendesk's own launcher until the chat is loaded: same size, place, colour, shadow and icon, so the
   swap is invisible. A click loads Zendesk and opens the chat (privacy.js); once Zendesk is ready
   (html.chat-ready) its own launcher fades in and this one fades out. Without JavaScript it links to /contact/. */
.chat-launcher{
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 999998;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	background: var(--c-chat);
	color: var(--c-chat-icon);
	box-shadow: var(--c-chat-shadow) 0 20px 30px 0;
	transition: opacity 0.2s ease-in 0.7s, visibility 0s linear 0.9s;
}
.chat-launcher svg{ width: 36px; height: 36px; fill: currentColor; }
.chat-launcher:hover,
.chat-launcher:focus{ color: var(--c-chat-icon); }
.chat-launcher:focus-visible{ outline: 2px solid var(--accent); outline-offset: 2px; }
/* loading: the icon breathes until Zendesk answers */
html.chat-loading .chat-launcher svg{ animation: chat-launcher-wait 1s ease-in-out infinite alternate; }
@keyframes chat-launcher-wait{ from{ opacity: 1; } to{ opacity: 0.35; } }
html.chat-ready .chat-launcher{ opacity: 0; visibility: hidden; pointer-events: none; }
@media (prefers-reduced-motion: reduce){ html.chat-loading .chat-launcher svg{ animation: none; opacity: 0.6; } }
@media print{ .chat-launcher{ display: none; } }

/* ---- Chat call to action (components/chat_cta.php) ----
   A question in the visitor's words, then a gold link that opens the chat. Gold on series pages too
   (--color-accent-gold is resolved on :root), like the other chat buttons. A div, not a p, so the body-text link
   underline and its series-colour hover (base.css) stay off. */
.chat-cta{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--s-2) var(--s-4);
	margin: var(--s-6) 0 0;
	font-size: var(--fs-body);
	line-height: 1.5;
	color: var(--fg-2);
}
.chat-cta--center{ justify-content: center; text-align: center; }
.chat-cta a.chat-cta__link{
	display: inline-flex;
	align-items: center;
	gap: var(--s-2);
	padding: var(--s-1) 0;
	font-size: var(--fs-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
	color: var(--color-accent-gold);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: transparent;
	text-underline-offset: 0.4em;
}
.chat-cta a.chat-cta__link:hover,
.chat-cta a.chat-cta__link:focus-visible{
	color: var(--color-accent-gold-hover);
	text-decoration-color: currentColor;
}
.chat-cta__link svg{ width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; }
html.chat-loading .chat-cta__link svg{ animation: chat-launcher-wait 1s ease-in-out infinite alternate; }
@media (prefers-reduced-motion: reduce){ html.chat-loading .chat-cta__link svg{ animation: none; } }
@media print{ .chat-cta{ display: none; } }

/* ===== theme/header.css ===== */


#navigation_desktop{
	display: none;
}

#navigation_desktop a{
	color:var(--color-white-ish);
}

@media (min-width: 992px){
	#navigation_desktop{
		display: block;
	}
	#navigation_mobile{
		display: none;
	}
}

#navigation_mobile{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000000;
	background: var(--color-black-ish);
	transition: top 300ms ease 0s, background 0ms;
}
#navigation_mobile a{
	color:var(--color-white-ish);
}

#navigation_mobile.nav-up,
#navigation_mobile.transparent:not(.active){
	background: color-mix(in srgb, var(--c-light) 0%, transparent);
	transition: top 300ms, background 300ms;
	color: var(--color-black-ish);
}
#navigation_mobile.transparent.active{
	background: var(--color-black-ish);
}

#navigation_mobile.nav-up{
	position: fixed;
	top: -100px;
}

#navigation_mobile .nav_banner{
	box-shadow: 0px 4px 4px 0px color-mix(in srgb, var(--c-dark) 8%, transparent);
	text-align: center;
	position: relative;
	padding: 22px 20px;
	line-height: 0;
	transition: box-shadow 300ms;
}

#navigation_mobile.transparent:not(.active) .nav_banner{
	box-shadow: 0px 4px 4px 0px color-mix(in srgb, var(--c-dark) 0%, transparent);
}

#navigation_mobile #menu_toggle {
	text-align: left;
	position: relative;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	width: 24px;
	position: absolute;
	left: 17px;
	top: 18px;
}
#navigation_mobile #menu_toggle .menu_icon{
    height: 18px;
    width: 18px;
    display: inline-block;
}
#navigation_mobile #menu_toggle .menu_icon span {
    cursor: pointer;
    position: absolute;
    top: 11px;
    left: 3px;
    display: inline-block;
    width: 18px;
    height: 2px;
    background-color: var(--color-white-ish);
}
#navigation_mobile #menu_toggle .menu_icon span:before,
#navigation_mobile #menu_toggle .menu_icon span:after {
    content: "";
    cursor: pointer;
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 2px;
    background-color: var(--color-white-ish);
    transition-duration: .3s,.3s;
    transition-delay: .3s,0s
}
#navigation_mobile #menu_toggle .menu_icon span:before {
    top: -6px;
    transition-property: top,transform;
}
#navigation_mobile #menu_toggle .menu_icon span:after {
    bottom: -6px;
    transition-property: bottom,transform;
}
#navigation_mobile #menu_toggle.active .menu_icon span {
    background-color: transparent;
    transition-delay: 0s,0s;
}
#navigation_mobile #menu_toggle.active .menu_icon span:before,
#navigation_mobile #menu_toggle.active .menu_icon span:after {
    transition-delay: 0s,.3s;
}
#navigation_mobile #menu_toggle.active .menu_icon span:before {
    top: 0;
    background: var(--color-white-ish);
    transform: rotate(45deg)
}
#navigation_mobile #menu_toggle.active .menu_icon span:after {
    bottom: 0;
    background: var(--color-white-ish);
    transform: rotate(-45deg)
}

#navigation_mobile #menu_toggle.back .menu_icon span {
    transition-delay: 0s,0s;
}
#navigation_mobile #menu_toggle.back .menu_icon span:before,
#navigation_mobile #menu_toggle.back .menu_icon span:after {
    transition-delay: 0s,.3s;
}
#navigation_mobile #menu_toggle.back .menu_icon span:before {
    top: 4px;
    width: 10px;
    background: var(--color-white-ish);
    transform: rotate(45deg)
}
#navigation_mobile #menu_toggle.back .menu_icon span:after {
    bottom: 4px;
    width: 10px;
    background: var(--color-white-ish);
    transform: rotate(-45deg)
}

#navigation_mobile.nav-up #menu_toggle:not(.active) .menu_icon span,
#navigation_mobile.transparent:not(.active) #menu_toggle:not(.active) .menu_icon span{
	background-color: var(--color-black-ish);
	transition: none;
}
#navigation_mobile.nav-up #menu_toggle:not(.active) .menu_icon span:after,
#navigation_mobile.nav-up #menu_toggle:not(.active) .menu_icon span:before,
#navigation_mobile.transparent:not(.active) #menu_toggle:not(.active) .menu_icon span:after,
#navigation_mobile.transparent:not(.active) #menu_toggle:not(.active) .menu_icon span:before{
	background-color: var(--color-black-ish);
}

#navigation_mobile .main_logo{
	width: 100px;
	height: 16px;
	display: inline-block;
}

#navigation_mobile .main_logo img{
	margin-bottom: 0;
}

#navigation_mobile .cart_icon{
	position: absolute;
	right: 20px;
	top: 18px;
}

#navigation_mobile .cart_icon svg{
	fill: var(--color-white-ish);
}

#navigation_mobile.nav-up .cart_icon svg,
#navigation_mobile.transparent:not(.active) .cart_icon svg{
	fill: var(--color-black-ish);
}

#navigation_mobile #main_menu_mobile{
	padding-top: 30px;
	background: var(--color-gray-darkest);
	height: 100%;
}

#navigation_mobile #main_menu_mobile,
#navigation_mobile .submenu{
	display: none;
	position: fixed;
	top: 59px;
	bottom: 0;
	left: 0;
/*	right: 0;*/
	width: 100%;
	max-width: 500px;
	background: var(--color-gray-darkest);
	z-index: 100;
	overflow: scroll;
	padding-bottom: 40px;
}

#navigation_mobile .submenu{
	padding-top: 15px;
}

#navigation_mobile .submenu.submenu_subwoofers,
#navigation_mobile .submenu.submenu_about,
#navigation_mobile .submenu.submenu_help{
	padding-top: 27px;
}

#navigation_mobile .submenu img{
	margin-bottom: 0;
}

#navigation_mobile .submenu ul{
	padding-left: 0;
	list-style: none;
}

#navigation_mobile .submenu ul li.last{
	margin-bottom: 30px;
}

#navigation_mobile .divider{
	border-top: 1px solid var(--color-gray-dark);
	margin-top: 18px;
	padding-top: 10px;
}

#navigation_mobile #main_menu_mobile{
	padding-left: 0;
	list-style: none;
	overflow: scroll;
    padding-bottom: 100px;
}

#navigation_mobile #main_menu_mobile span:not(.menu_badge){
	color: var(--color-white-ish);
	font-family: var(--font-heading);
	font-size: 20px;
	font-weight: var(--font-weight-bold);
	line-height: 30px;
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 20px;
	display: block;
}

#navigation_mobile #main_menu_mobile span.invisible_sep{
	padding-top: 16px;
}

#navigation_mobile li a,
#navigation_mobile li .open_submenu{
	font-family: var(--font-heading);
	font-size: 18px;
	font-weight: var(--font-weight-light);
	line-height: 40px;
	padding-left: 20px;
	padding-right: 20px;
	color:var(--color-white-ish);
}

#navigation_mobile li .open_submenu{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#navigation_mobile li .open_submenu::after{
	content: '→';
	font-size: 14px;
	opacity: 0.5;
}

/* Mobile: menu badges inline with series name */
#navigation_mobile .menu_badge{
	display: inline-flex;
	align-items: center;
	font-size: 10px;
	padding: 3px 6px 2px;
	border-radius: 4px;
	font-weight: var(--font-weight-regular);
	color: var(--color-white-ish);
	letter-spacing: 0.5px;
	vertical-align: middle;
	line-height: 1;
	text-transform: none;
	margin-left: 6px;
	position: relative;
	top: -1px;
}

/* Mobile: Help Me Choose as button */
#navigation_mobile a.menu_cta{
	display: inline-flex;
	align-items: center;
	height: 44px;
	padding: 0 16px;
	background: var(--color-accent-gold);
	color: var(--c-raised);
	border-radius: var(--radius);
	font-family: var(--font-body);
	font-weight: var(--font-weight-semibold);
	font-size: var(--fs-button);
	line-height: 1.2;
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
	text-align: center;
	margin-top: 12px;
	margin-left: 20px;
}

/* Mobile: type accordion for speaker types */
#navigation_mobile .type_toggle{
	font-family: var(--font-heading);
	font-size: 18px;
	font-weight: var(--font-weight-light);
	line-height: 40px;
	padding-left: 20px;
	padding-right: 20px;
	color: var(--color-white-ish);
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
#navigation_mobile .type_arrow{
	font-size: 18px;
	opacity: 0.5;
	transition: transform 0.2s;
}
#navigation_mobile .type_accordion.open .type_arrow{
	transform: rotate(90deg);
	opacity: 1;
}
#navigation_mobile .type_products{
	display: none;
	padding-left: 20px;
	list-style: none;
}
#navigation_mobile .type_accordion.open .type_products{
	display: block;
}
#navigation_mobile .type_products li a{
	font-size: 16px;
	line-height: 36px;
	padding-left: 20px;
	color: var(--color-gray-light);
}

#navigation_desktop{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000000;
	background: var(--color-black-ish);
	transition: top 300ms ease 0s,background 300ms,box-shadow 1000ms;
	box-shadow: 0px 8px 20px 0px color-mix(in srgb, color-mix(in srgb, var(--c-light) 80%, var(--c-dark)) 16%, transparent);
}

#navigation_desktop.transparent{
	box-shadow: 0px 8px 20px 0px color-mix(in srgb, color-mix(in srgb, var(--c-light) 80%, var(--c-dark)) 0%, transparent);
}

#navigation_desktop.transparent:not(.active){
	background: color-mix(in srgb, var(--c-light) 0%, transparent);
	transition: background 300ms;
	color: var(--color-black-ish);
	box-shadow: 0px 8px 20px 0px color-mix(in srgb, color-mix(in srgb, var(--c-light) 80%, var(--c-dark)) 0%, transparent);
}
#navigation_desktop.transparent.active{
	background: var(--color-black-ish);
}

#navigation_desktop.nav-up{
	top: -100px;
	background: color-mix(in srgb, var(--c-light) 0%, transparent);
}

/*body.admin-bar #navigation_desktop{
	top: 32px;
}
body.admin-bar #navigation_desktop.nav-up{
	top: -100px;
}*/

#navigation_desktop .main_logo a{
	display: block;
	line-height: 0;
	margin-top: 23px; /* centres the 30px logo in the 76px bar, level with the account/cart icons */
}

#navigation_desktop .main_logo img{
	width: 170px;
	margin-bottom: 0;
}

#navigation_desktop .user_account_area,
#navigation_desktop .cart_icon{
	margin-top: 27px;
	position: relative;
	display: inline-block;
}

#navigation_desktop .user_account_area{
	margin-right: 24px;
}

#navigation_desktop .user_account_area{
	margin-left: 20px;
}

#navigation_desktop svg{
	fill: var(--color-white-ish);
}

#navigation_desktop.nav-up .user_account_area svg,
#navigation_desktop.nav-up .cart_icon svg,
#navigation_desktop.transparent:not(.active) .user_account_area svg,
#navigation_desktop.transparent:not(.active) .cart_icon svg{
	fill: var(--color-black-ish);
}

#navigation_desktop #desk_menu,
#navigation_desktop #desk_menu_right{
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 16px;
}

@media (min-width:1200px){
	#navigation_desktop #desk_menu{
		text-align: left;
	}

}

#navigation_desktop #desk_menu_right{
	display: inline-block;
	position: relative;
	top: 5px;
}

#navigation_desktop .desk_main_menu{
	padding-top: 26px;
	padding-bottom: 19px;
}

#navigation_desktop #desk_menu li,
#navigation_desktop #desk_menu_right li{
	display: inline-block;
	padding-left: 0;
	padding-right: 0;
}

#navigation_desktop #desk_menu li a,
#navigation_desktop #desk_menu_right a{
	font-family: var(--font-heading);
	font-size: 18px;
	font-style: normal;
	font-weight: var(--font-weight-light);
	line-height: 28px; 
	text-transform: uppercase;
	color: var(--color-white-ish);
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 30px;
	text-align: center;
}

#navigation_desktop #desk_menu_right li.store_link{
	display: none;
}

@media (min-width: 1200px){
	#navigation_desktop #desk_menu li a{
		padding-left: 10px;
		padding-right: 10px;
		font-size: 18px;
	}
}

@media (min-width: 1500px){
	#navigation_desktop #desk_menu li a,
	#navigation_desktop #desk_menu_right li a{
		padding-left: 20px;
		padding-right: 20px;
	}
	#navigation_desktop #desk_menu li.store_link,
	#navigation_desktop #desk_menu_right li.store_link{
		display: inline-block;
	}
}

#navigation_desktop.nav-up #desk_menu li a,
#navigation_desktop.nav-up #desk_menu_right li a,
#navigation_desktop.transparent:not(.active) #desk_menu li a,
#navigation_desktop.transparent:not(.active) #desk_menu_right li a{
	color: var(--color-black-ish);
	text-align: center;
}

#navigation_desktop #desk_menu li a:after,
#navigation_desktop #desk_menu_right li a:after{
	content: attr(data-text);
  content: attr(data-text)/"";
  height: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  font-weight: var(--font-weight-bold);
	display: block;
	position: relative;
}

@media speech {
  #navigation_desktop #desk_menu li a:after,
  #navigation_desktop #desk_menu_right li a:after {
    display: none;
  }
}

#navigation_desktop #desk_menu li a:hover,
#navigation_desktop #desk_menu_right li a:hover{
	font-weight: var(--font-weight-bold);
	cursor: pointer;
}

#navigation_desktop #desk_menu li a.active,
#navigation_desktop #desk_menu_right li a.active{
	font-weight: var(--font-weight-bold);
}

#navigation_desktop .navigation_content{
	background: var(--color-gray-light);
	position: relative;
}

#navigation_desktop .navigation_content .desk_menu_sub{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	display: none;
  justify-content: space-between;
}

#navigation_desktop .navigation_content .desk_menu_sub.sub_speakers,
#navigation_desktop .navigation_content .desk_menu_sub.sub_subwoofers,
#navigation_desktop .navigation_content .desk_menu_sub.sub_about{
	display: none;
}

#navigation_desktop .navigation_content .desk_menu_sub.sub_speakers,
#navigation_desktop .navigation_content .desk_menu_sub.sub_subwoofers{
	width: auto;
	background: var(--color-black-ish);
	justify-content: flex-start;
	margin-left: -20px;
}

#navigation_desktop .navigation_content .desk_menu_sub.sub_about{
	width: auto;
	justify-content: flex-start;
	left: 50%;
	transform: translateX(-50%);
}

#navigation_desktop .navigation_content .desk_menu_sub.sub_about .sub_middle,
#navigation_desktop .navigation_content .desk_menu_sub.sub_about .sub_right{
	flex: 0 0 auto;
	min-width: 250px;
	padding: 30px 44px;
	white-space: nowrap;
}

#navigation_desktop .navigation_content .desk_menu_sub.sub_about .sub_middle{
	background: var(--color-black-ish);
}

#navigation_desktop .navigation_content .desk_menu_sub.sub_about .sub_right{
	background: var(--color-gray-darkest);
}

#navigation_desktop .navigation_content .desk_menu_sub .sub_middle{
	flex-grow: 1;
	flex-basis: 0;
	padding: 42px 32px 32px 52px;
	background: var(--color-black-ish);
}

/* Menu badges */
.menu_badge{
	font-size: 10px;
	padding: 3px 6px 2px;
	border-radius: 4px;
	font-weight: var(--font-weight-regular);
	color: var(--color-white-ish);
	letter-spacing: 0.5px;
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	line-height: 1;
	position: relative;
	top: -1px;
}
/* Badges are outlined in their series colour, never filled. */
.menu_badge.flagship{ color: var(--series-1528); }
.menu_badge.new{ color: var(--series-1610); }
.menu_badge.thx{ color: var(--series-1723); }
.menu_badge.thxs{ color: var(--series-1723s); }
.menu_badge.compact{ color: var(--series-1961); }

/* Menu CTA button */
#navigation_desktop .navigation_content .desk_menu_sub li a.menu_cta{
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 0 16px;
	background: var(--color-accent-gold);
	color: var(--c-raised) !important;
	border-radius: var(--radius);
	font-family: var(--font-body);
	font-weight: var(--font-weight-semibold);
	font-size: var(--fs-button);
	line-height: 1.2;
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
	text-align: center;
	margin-top: 12px;
	transition: background var(--t-color) var(--ease);
}
#navigation_desktop .navigation_content .desk_menu_sub li a.menu_cta:hover{
	background: var(--color-accent-gold-hover);
	text-shadow: none;
}

#navigation_desktop .navigation_content .desk_menu_sub .sub_right{
	background-color: var(--color-gray-darkest);
	flex-grow: 1;
	flex-basis: 0;
	padding: 42px 32px 32px 42px;
}

@media (min-width:1200px){
	#navigation_desktop .navigation_content .desk_menu_sub .sub_middle{
		padding: 72px 32px 32px 52px;
	}
	#navigation_desktop .navigation_content .desk_menu_sub .sub_right{
		padding: 72px 32px 32px 52px;
	}
	#navigation_desktop .navigation_content .desk_menu_sub.sub_speakers .sub_left,
	#navigation_desktop .navigation_content .desk_menu_sub.sub_speakers .sub_middle,
	#navigation_desktop .navigation_content .desk_menu_sub.sub_speakers .sub_right,
	#navigation_desktop .navigation_content .desk_menu_sub.sub_subwoofers .sub_left,
	#navigation_desktop .navigation_content .desk_menu_sub.sub_subwoofers .sub_right{
		padding: 30px;
	}

}

/* Speakers: 3-column layout, Subwoofers: 2-column layout */
#navigation_desktop .navigation_content .desk_menu_sub.sub_speakers .sub_left,
#navigation_desktop .navigation_content .desk_menu_sub.sub_speakers .sub_middle,
#navigation_desktop .navigation_content .desk_menu_sub.sub_speakers .sub_right,
#navigation_desktop .navigation_content .desk_menu_sub.sub_subwoofers .sub_left,
#navigation_desktop .navigation_content .desk_menu_sub.sub_subwoofers .sub_right{
	flex: 0 0 auto;
	padding: 30px 44px;
	white-space: nowrap;
}

#navigation_desktop .navigation_content .desk_menu_sub.sub_speakers .sub_left,
#navigation_desktop .navigation_content .desk_menu_sub.sub_subwoofers .sub_left{
	min-width: 250px;
	background: var(--color-black-ish);
}

#navigation_desktop .navigation_content .desk_menu_sub.sub_speakers .sub_middle{
	min-width: 310px;
	background: var(--color-black-ish);
}

#navigation_desktop .navigation_content .desk_menu_sub.sub_speakers .sub_right,
#navigation_desktop .navigation_content .desk_menu_sub.sub_subwoofers .sub_right{
	min-width: 280px;
	background: var(--color-gray-darkest);
}

#navigation_desktop .navigation_content .desk_menu_sub.sub_subwoofers .sub_left ul + ul,
#navigation_desktop .navigation_content .desk_menu_sub.sub_subwoofers .sub_right ul + ul{
	margin-top: 20px;
}

#navigation_desktop .navigation_content .desk_menu_sub .subsub_speaker{
	display: none;
}

#navigation_desktop .navigation_content .desk_menu_sub .subsub_series{
	display: block;
}

/* Compare link at bottom of flyout */
#navigation_desktop .navigation_content .desk_menu_sub .subsub_compare{
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--color-gray-dark);
}

/* Flyout arrow indicator */
.subsub_arrow{
	font-size: 14px;
	margin-left: 4px;
	opacity: 0.5;
	transition: opacity 0.2s;
}
.open_subsub.active .subsub_arrow{
	opacity: 1;
}

/* Prevent height jumping between types with different product counts */
#navigation_desktop .navigation_content .desk_menu_sub.sub_speakers .sub_middle{
	min-height: 320px;
}

#navigation_desktop .navigation_content .desk_menu_sub ul{
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

#navigation_desktop .navigation_content .desk_menu_sub li a{
	font-family: var(--font-heading);
	font-size: 18px;
	font-style: normal;
	font-weight: var(--font-weight-light);
	line-height: 40px;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
}

#navigation_desktop .navigation_content .desk_menu_sub li.divider a{
	border-top: 1px solid var(--color-gray-light);
	margin-top: 20px;
	display: inline-flex;
}

#navigation_desktop .navigation_content .desk_menu_sub li a:hover,
#navigation_desktop .navigation_content .desk_menu_sub li a.open_subsub.active{
	text-shadow: 0.5px 0 0 currentColor, -0.5px 0 0 currentColor, 0 0.5px 0 currentColor;
	cursor: pointer;
}

#navigation_desktop .navigation_content .desk_menu_sub .title{
	font-family: var(--font-heading);
	font-size: 18px;
	font-style: normal;
	font-weight: var(--font-weight-bold);
	line-height: 28px; 
	text-transform: uppercase;
	margin-bottom: 12px;
	color:var(--color-white-ish);
}

#navigation_mobile .cart_icon .cart_items_num_icon,
#navigation_desktop .cart_icon .cart_items_num_icon{
	position: absolute;
	background: var(--color-accent-red);
	color: var(--color-black-ish);
	border-radius: 50%;
	width: 15px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	font-size: 10px;
	right: -4px;
	top: -4px;
}
#navigation_mobile .cart_icon .cart_items_num_icon.empty,
#navigation_desktop .cart_icon .cart_items_num_icon.empty{
	display: none;
}

/* ==========================================================================
   Design rules: 68px sticky blurred header, uppercase 13px nav, outlined
   badges, "Login" and "Cart 0" text links, raised flyouts with hairlines.
   ========================================================================== */

#navigation_desktop,
#navigation_desktop.transparent.active{
	background: var(--header-bg);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	box-shadow: none;
	border-bottom: 1px solid var(--line-2);
	color: var(--fg);
	transition: top var(--t-layout) var(--ease), background var(--t-color) var(--ease);
}
#navigation_desktop.transparent:not(.active){
	background: transparent;
	border-bottom-color: transparent;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	color: var(--fg);
}
#navigation_desktop.nav-up{
	background: transparent;
}
#navigation_desktop > .container > .row{
	min-height: var(--header-h);
	align-items: center;
}
#navigation_desktop .main_logo a{
	margin-top: 0;
	display: inline-flex;
	align-items: center;
	height: var(--header-h);
}
#navigation_desktop .main_logo img{
	width: 150px;
}
#navigation_desktop .main_logo svg,
#navigation_mobile .main_logo svg{
	fill: var(--fg);
}
/* The desktop wordmark is an inline SVG with no width of its own. */
#navigation_desktop .main_logo svg{
	display: block;
	width: 150px;
	height: 28px;
	flex: 0 0 auto;
}
#navigation_desktop .desk_main_menu{
	padding: 0;
}
#navigation_desktop #desk_menu_right{
	top: 0;
	vertical-align: middle;
}
#navigation_desktop #desk_menu li a,
#navigation_desktop #desk_menu_right a,
#navigation_desktop.nav-up #desk_menu li a,
#navigation_desktop.nav-up #desk_menu_right li a,
#navigation_desktop.transparent:not(.active) #desk_menu li a,
#navigation_desktop.transparent:not(.active) #desk_menu_right li a{
	font-family: var(--font-body);
	font-size: var(--fs-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	line-height: var(--header-h);
	text-transform: uppercase;
	color: var(--fg-2);
	padding: 0 12px;
	transition: color var(--t-color) var(--ease);
}
@media (min-width: 1500px){
	#navigation_desktop #desk_menu li a,
	#navigation_desktop #desk_menu_right li a{
		padding: 0 16px;
	}
}
#navigation_desktop #desk_menu li a:after,
#navigation_desktop #desk_menu_right li a:after{
	font-weight: var(--font-weight-semibold);
}
#navigation_desktop #desk_menu li a:hover,
#navigation_desktop #desk_menu_right li a:hover,
#navigation_desktop #desk_menu li a.active,
#navigation_desktop #desk_menu_right li a.active{
	font-weight: var(--font-weight-semibold);
	color: var(--fg);
}
#navigation_desktop .user_account_area,
#navigation_desktop .cart_icon{
	margin-top: 0;
	display: inline-flex;
	align-items: center;
	height: var(--header-h);
	vertical-align: middle;
}
#navigation_desktop .user_account_area{
	margin-left: 12px;
	margin-right: 20px;
}
#navigation_desktop .user_account_area svg,
#navigation_desktop .cart_icon svg{
	display: none;
}
#navigation_desktop .user_account_icon,
#navigation_desktop .as-cart-icon{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--fg-2);
	transition: color var(--t-color) var(--ease);
}
#navigation_desktop .user_account_icon:hover,
#navigation_desktop .as-cart-icon:hover{
	color: var(--fg);
}
.nav_label{
	font-family: var(--font-body);
	font-size: var(--fs-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
	line-height: 1;
}
#navigation_mobile .nav_label{
	display: none;
}
#navigation_desktop .cart_icon .cart_items_num_icon{
	display: inline-block;
	position: static;
	width: auto;
	height: auto;
	line-height: 1;
	border-radius: 0;
	background: none;
	color: var(--accent);
	font-size: var(--fs-label);
	font-weight: var(--font-weight-semibold);
	font-variant-numeric: tabular-nums;
}
#navigation_mobile .cart_icon .cart_items_num_icon{
	background: none;
	color: var(--accent);
	font-weight: var(--font-weight-bold);
	font-size: 11px;
	width: auto;
	height: auto;
	line-height: 1;
	right: -10px;
	top: -6px;
	border-radius: 0;
}

/* Cart count: only when something is in the cart, and then in parentheses: "Cart (2)". */
#navigation_mobile .cart_icon .cart_items_num_icon.empty,
#navigation_desktop .cart_icon .cart_items_num_icon.empty{
	display: none;
}
#navigation_mobile .cart_icon .cart_items_num_icon::before,
#navigation_desktop .cart_icon .cart_items_num_icon::before{ content: "("; }
#navigation_mobile .cart_icon .cart_items_num_icon::after,
#navigation_desktop .cart_icon .cart_items_num_icon::after{ content: ")"; }

/* Flyouts: raised surface, hairlines, the one allowed menu shadow. */
#navigation_desktop .navigation_content{
	background: transparent;
}
#navigation_desktop .navigation_content .desk_menu_sub{
	background: var(--bg-raised);
	border: 1px solid var(--line-2);
	border-top: 0;
	border-radius: 0 0 var(--radius) var(--radius);
	box-shadow: var(--shadow-menu);
	overflow: hidden;
}
#navigation_desktop .navigation_content .desk_menu_sub.sub_speakers,
#navigation_desktop .navigation_content .desk_menu_sub.sub_subwoofers,
#navigation_desktop .navigation_content .desk_menu_sub .sub_left,
#navigation_desktop .navigation_content .desk_menu_sub .sub_middle,
#navigation_desktop .navigation_content .desk_menu_sub .sub_right,
#navigation_desktop .navigation_content .desk_menu_sub.sub_speakers .sub_left,
#navigation_desktop .navigation_content .desk_menu_sub.sub_subwoofers .sub_left,
#navigation_desktop .navigation_content .desk_menu_sub.sub_speakers .sub_middle,
#navigation_desktop .navigation_content .desk_menu_sub.sub_speakers .sub_right,
#navigation_desktop .navigation_content .desk_menu_sub.sub_subwoofers .sub_right,
#navigation_desktop .navigation_content .desk_menu_sub.sub_about .sub_middle,
#navigation_desktop .navigation_content .desk_menu_sub.sub_about .sub_right{
	background: var(--bg-raised);
}
#navigation_desktop .navigation_content .desk_menu_sub .sub_middle,
#navigation_desktop .navigation_content .desk_menu_sub .sub_right{
	border-left: 1px solid var(--line-2);
}
#navigation_desktop .navigation_content .desk_menu_sub .title{
	font-family: var(--font-body);
	font-size: var(--fs-eyebrow);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-eyebrow);
	line-height: 1.5;
	text-transform: uppercase;
	color: var(--fg-3);
	margin-bottom: var(--s-3);
}
#navigation_desktop .navigation_content .desk_menu_sub li a{
	font-family: var(--font-body);
	font-size: 15px;
	font-weight: var(--font-weight-medium);
	line-height: 36px;
	color: var(--fg-2);
	transition: color var(--t-color) var(--ease);
}
#navigation_desktop .navigation_content .desk_menu_sub li a:hover,
#navigation_desktop .navigation_content .desk_menu_sub li a.open_subsub.active{
	text-shadow: none;
	color: var(--fg);
}
#navigation_desktop .navigation_content .desk_menu_sub li.divider a{
	border-top-color: var(--line-2);
}
#navigation_desktop .navigation_content .desk_menu_sub .subsub_compare{
	border-top-color: var(--line-2);
}
.menu_badge{
	height: 18px;
	padding: 0 6px;
	border: 1px solid currentColor;
	border-radius: var(--radius);
	background: none !important;
	font-size: 10px;
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-badge);
	text-transform: uppercase;
}
/* "We're hiring" next to Career: the one filled badge, in the site-wide gold (not --accent, which turns into the
   series colour on series and product pages), so it draws the eye without borrowing a series colour. */
.menu_badge.hiring,
#navigation_mobile .menu_badge.hiring{
	margin-left: 8px;
	border-color: var(--color-accent-gold);
	background: var(--color-accent-gold) !important;
	color: var(--c-raised);
	font-weight: var(--font-weight-bold);
	white-space: nowrap;
}

/* Mobile navigation */
/* The blur lives on the bar, not on #navigation_mobile: a backdrop-filter there
   would become the containing block for the fixed menu panels. */
#navigation_mobile,
#navigation_mobile.transparent.active{
	background: transparent;
	color: var(--fg);
}
#navigation_mobile .nav_banner,
#navigation_mobile.transparent.active .nav_banner{
	background: var(--header-bg);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid var(--line-2);
}
#navigation_mobile.active .nav_banner{
	background: var(--bg-raised);
}
#navigation_mobile.nav-up,
#navigation_mobile.transparent:not(.active){
	color: var(--fg);
}
#navigation_mobile .nav_banner{
	box-shadow: none;
	padding: 20px 20px;
}
#navigation_mobile #menu_toggle .menu_icon span,
#navigation_mobile #menu_toggle .menu_icon span:before,
#navigation_mobile #menu_toggle .menu_icon span:after,
#navigation_mobile.nav-up #menu_toggle:not(.active) .menu_icon span,
#navigation_mobile.nav-up #menu_toggle:not(.active) .menu_icon span:after,
#navigation_mobile.nav-up #menu_toggle:not(.active) .menu_icon span:before,
#navigation_mobile.transparent:not(.active) #menu_toggle:not(.active) .menu_icon span,
#navigation_mobile.transparent:not(.active) #menu_toggle:not(.active) .menu_icon span:after,
#navigation_mobile.transparent:not(.active) #menu_toggle:not(.active) .menu_icon span:before{
	background-color: var(--fg);
}
#navigation_mobile #menu_toggle.active .menu_icon span{
	background-color: transparent;
}
#navigation_mobile .cart_icon svg,
#navigation_mobile.nav-up .cart_icon svg,
#navigation_mobile.transparent:not(.active) .cart_icon svg{
	fill: var(--fg);
}
#navigation_mobile #main_menu_mobile,
#navigation_mobile .submenu{
	background: var(--bg-raised);
	color: var(--fg);
}
#navigation_mobile #main_menu_mobile span:not(.menu_badge){
	font-family: var(--font-body);
	font-size: var(--fs-eyebrow);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-eyebrow);
	line-height: 1.5;
	text-transform: uppercase;
	color: var(--fg-3);
	padding-top: 8px;
	padding-bottom: 8px;
}
#navigation_mobile li a,
#navigation_mobile li .open_submenu,
#navigation_mobile .type_toggle{
	font-family: var(--font-body);
	font-size: 15px;
	font-weight: var(--font-weight-medium);
	line-height: 44px;
	color: var(--fg);
}
#navigation_mobile .type_products li a{
	color: var(--fg-2);
	font-size: 14px;
	line-height: 40px;
}
#navigation_mobile .divider{
	border-top-color: var(--line-2);
}
#navigation_mobile #main_menu_mobile > li > a,
#navigation_mobile #main_menu_mobile > li > .open_submenu{
	font-size: var(--fs-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
}
#navigation_mobile .menu_badge{
	text-transform: uppercase;
	letter-spacing: var(--ls-badge);
	font-size: 10px;
	padding: 0 6px;
	border-radius: var(--radius);
}

/* Header and product tabs hide as one unit: same travel, duration and easing (see .pp-virtual-nav in brand.css). */
#navigation_desktop,
#navigation_mobile,
#navigation_mobile.nav-up,
#navigation_mobile.transparent:not(.active){
	transition: top var(--t-layout) var(--ease), background var(--t-color) var(--ease);
}
/* Hide by exactly the bar's own height, so the product tabs (which travel the same distance) stay connected and end up pinned at the top. */
#navigation_desktop{
	box-sizing: border-box;
	height: var(--header-h);
}
#navigation_desktop > .container > .row{
	height: calc(var(--header-h) - 1px);
	min-height: 0;
}
#navigation_desktop.nav-up{
	top: calc(-1 * var(--header-h));
	background: var(--header-bg);
}
#navigation_mobile.nav-up{
	top: -60px;
}
/* Mobile bar is exactly 60px tall so the tabs bar sits flush beneath it. */
#navigation_mobile .nav_banner{
	box-sizing: border-box;
	height: 60px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Zendesk chat open (html.chat-open, set in assets/js/theme/privacy.js): the header (z-index 10000000 / 1000000) drops
   below the chat window (999999), so on phones the chat's own top bar and close button stay visible. */
html.chat-open #navigation_mobile,
html.chat-open #navigation_desktop{
	z-index: 999990;
}

/* ===== theme/footer.css ===== */
/* ==========================================================================
   Footer — always a dark surface (colors.css puts `footer` in the dark
   context, on light-theme pages too). Mobile first, top to bottom:
   1. Trustpilot rating band (Micro Combo TrustBox)
   2. Four link columns + newsletter: 2×2 + 1 up to 991px, 4 + 1 up to
      1199px (both centred as a group, newsletter centred under a hairline),
      5 equal columns on desktop (newsletter last: its text and form fill the
      column, so it ends flush with the container edge)
   3. Bottom line: "From Norway with love" and the coordinates | copyright and legal links
      (handwritten): one line on desktop, centred and stacked below 1200px
   All footer hairlines are the same --line-2.
   ========================================================================== */

footer{
	background-color: var(--bg);
	color: var(--fg);
	line-height: 1.6;
	border-top: 1px solid var(--line-2);
}
footer ul{
	list-style: none;
	padding-left: 0;
	margin: 0;
}
footer a{
	color: var(--fg-2);
	font-size: 15px;
	line-height: 1.45;
}

/* ---- 1. Trustpilot rating ---- */
.footer_trust{
	padding: var(--s-6) 0;
	border-bottom: 1px solid var(--line-2);
}
.trustpilot_footer{
	min-height: 20px;   /* the widget's height, reserved before it loads */
	text-align: center;
}
.trustpilot_footer > a{
	font-size: var(--fs-small);
	line-height: 20px;
}

/* ---- 2. Link columns + newsletter ---- */
#footer_widgets{
	padding: var(--s-8) var(--s-2);   /* phones: the 15px container gutter alone is too tight */
}
.footer_grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--s-7) var(--s-5);
}
.footer_newsletter{
	grid-column: 1 / -1;
}
/* Below the 5-column desktop grid the group is centred. The link columns are
   centred as a block (each cell has the same left inset, so the two rows line
   up exactly); the newsletter is centred text with the form below it. */
@media (max-width: 1199px){
	.footer_grid{ max-width: 720px; margin: 0 auto; }
	.footer_newsletter{
		margin-top: var(--s-3);
		padding-top: var(--s-7);
		border-top: 1px solid var(--line-1);
		text-align: center;
	}
	.footer_newsletter .newsletter_footer{ margin-left: auto; margin-right: auto; }
	footer .footer_newsletter .nl-form{ margin: 0 auto; }
	.footer_newsletter .consent-note{ margin-left: auto; margin-right: auto; }
}
@media (max-width: 991px){
	/* 2×2: each column is inset by 12% of its cell, so the pair reads as one centred block */
	.footer_col{ padding-left: 12%; }
}
@media (max-width: 479px){
	/* phones: the two columns fill the width with an even gutter, no inset,
	   and the newsletter reads left-aligned like the columns above it */
	.footer_grid{ gap: var(--s-7) var(--s-4); }
	.footer_col{ padding-left: 0; }
	.footer_newsletter{ text-align: left; }
	.footer_newsletter .newsletter_footer{ margin-left: 0; }
	footer .footer_newsletter .nl-form{ margin: 0; }
	.footer_newsletter .consent-note{ margin-left: 0; }
}
@media (min-width: 768px){
	#footer_widgets{ padding: var(--s-9) 0 var(--s-8); }
	.footer_grid{ gap: var(--s-8) var(--s-6); }
}
@media (min-width: 992px){
	.footer_grid{ max-width: none; grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.footer_col{ justify-self: center; }
}
@media (min-width: 1200px){
	.footer_grid{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.footer_col{ justify-self: stretch; }
	.footer_newsletter{ grid-column: auto; }
}
footer .footer-widget-heading{
	margin: 0 0 var(--s-3);
	font-family: var(--font-body);
	font-size: var(--fs-eyebrow);
	line-height: 1.5;
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-eyebrow);
	text-transform: uppercase;
	color: var(--fg-3);
}
footer .widget_nav_menu{
	margin: 0;
}
footer .widget_nav_menu + .widget_nav_menu{
	margin-top: var(--s-7);
}
.newsletter_footer{
	max-width: 440px;
	margin: 0 0 var(--s-5);
	font-size: 15px;
	line-height: 1.6;
	color: var(--fg-2);
}

/* one link per 30px row; a label that wraps keeps its lines together */
footer .menu-item{
	padding: 4px 0;
}
/* link underline that draws in on hover */
footer .menu-item a{
	position: relative;
	display: inline-block;
	text-decoration: none;
}
footer .menu-item a:after{
	position: absolute;
	left: 0;
	bottom: -2px;
	content: "";
	width: 100%;
	height: 1px;
	background: var(--accent);
	transform: scaleX(0);
	transform-origin: right top;
	transition: transform .3s;
}
footer .menu-item a:hover:after,
footer .menu-item a.active:after{
	transform: scale(1);
	transform-origin: left top;
}
footer .menu-item a:hover{
	color: var(--accent);
}

/* ---- 3. Bottom line ---- */
#footer_copyright{
	padding: var(--s-5) 0 var(--s-6);
	border-top: 1px solid var(--line-2);
}
#footer_copyright .container{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--s-4);
	text-align: center;
}
/* one type style for the whole line: text and links differ only on hover */
.footer_legal{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	row-gap: var(--s-2);
	margin: 0;
	font-family: var(--font-body);
	font-size: var(--fs-small);
	font-weight: 400;
	line-height: 1.55;
	letter-spacing: 0;
	color: var(--fg-3);
}
.footer_legal a{
	font: inherit;
	color: inherit;
	text-decoration: none;
	transition: color var(--t-color) var(--ease);
}
.footer_legal a:hover{
	color: var(--accent);
}
/* hairline dividers between the items */
.footer_legal > * + *{
	margin-left: var(--s-4);
	padding-left: var(--s-4);
	border-left: 1px solid var(--line-2);
}
/* The signature: "From Norway with love" and where that is. The coordinates sit after the
   handwriting behind the same hairline divider as the legal links (stacked under it on phones). */
.footer_signature{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--s-2);
}
.footer_origin::before{ display: none; }
@media (min-width: 768px){
	.footer_signature{
		flex-direction: row;
		gap: 0;
	}
	.footer_origin{
		margin-left: var(--s-4);
		padding-left: var(--s-4);
		border-left: 1px solid var(--line-2);
	}
}
/* Norwegian flag + "From Norway with love", handwritten */
.footer_love{
	display: inline-flex;
	align-items: center;
	gap: var(--s-3);
}
.footer_love img{
	display: block;
	width: auto;
	margin: 0;
	border-radius: 0;
}
/* centred on the handwriting's main line, which sits 2.5px above the middle of its image (descenders) */
.footer_love_flag{ height: 15px; transform: translateY(-2.5px); }
.footer_love_script{ height: 30px; opacity: 0.92; }
@media (max-width: 767px){
	/* phones: the signature, then the copyright on its own line, then the two links */
	.footer_copy{ flex: 0 0 100%; }
	.footer_copy + a{ margin-left: 0; padding-left: 0; border-left: 0; }
}
@media (min-width: 768px){
	.footer_legal{ flex-wrap: nowrap; white-space: nowrap; }
}
@media (min-width: 1200px){
	#footer_copyright .container{
		flex-direction: row;
		justify-content: space-between;
		text-align: left;
	}
}

/* Newsletter form (components/newsletter_form.php, look "line"): one quiet line, the email on a hairline
   underline and a small arrow at its end, as the Klaviyo embed was styled here. The button keeps its
   "Subscribe" text for screen readers; it is only drawn as the arrow. */
footer .nl-form{ max-width: 460px; margin: 0 auto 0 0; }
footer .consent-note{ max-width: 460px; }
.nl-form--line .nl-form__row{
	display: flex;
	align-items: stretch;
	border-bottom: 1px solid var(--line-3);
	transition: border-color var(--t-color) var(--ease);
}
.nl-form--line .nl-form__row:focus-within{ border-bottom-color: var(--accent); }
.nl-form--line input[type="email"]{
	box-sizing: border-box;
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	height: 44px;
	min-height: 0;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--fg);
	font-family: var(--font-body);
	font-size: 15px;
	line-height: normal;
}
/* the embed drew its placeholder in Arial 16px */
.nl-form--line input[type="email"]::placeholder{ color: var(--fg-3); opacity: 1; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; }
.nl-form--line input[type="email"]:focus{ outline: none; }
.nl-form--line button{
	position: relative;
	flex: 0 0 auto;
	width: 44px;
	min-width: 0;
	height: 44px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--fg-2);
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
	box-shadow: none;
	cursor: pointer;
	transition: color var(--t-color) var(--ease);
}
.nl-form--line button::after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 20px;
	height: 12px;
	margin-top: -6px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M0 6h18M13 1l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M0 6h18M13 1l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform var(--t-layout) var(--ease);
}
.nl-form--line button:hover,
.nl-form--line button:focus-visible{ background: transparent; color: var(--accent); }
.nl-form--line button:hover::after{ transform: translateX(4px); }
.nl-form--line button:focus-visible{ outline: 2px solid var(--accent); outline-offset: 2px; }
.nl-form--line .nl-form__done{ min-height: 45px; display: flex; align-items: center; margin: 0; color: var(--fg); font-size: 15px; }

/* ===== theme/pages.css ===== */
/* ==========================================================================
   Pages — Page-specific styles (headings, CPTs, archives, navigation)
   ========================================================================== */

.top_padding{
	padding-top: 60px;
}

#news_index.top_padding{
	padding-top: 160px;
}

.bottom_padding{
	padding-bottom: 80px;
}

.margin_bottom_big{
	margin-bottom: 60px;
}
#heading.featured{
	text-align: center;
	position: relative;
	padding-top: 0px;
	margin-bottom: 75px;
}
#heading.featured a.button[href="#klaviyo-register-form"]{
	background: var(--color-accent-red) !important;
	border-color: var(--color-accent-red) !important;
}
@media (max-width: 768px) and (min-width:345px){
	#heading.featured{
		margin-bottom: 30px;
	}
}

#heading.featured .heading{
	text-align: left;
}
#heading.featured .heading img{
	display: none;
}

@media (min-width: 769px) {
	#heading.featured{
		padding-top: 0px;
		margin-bottom: 0px;
	}
	#heading.featured img{
		margin-bottom: 0;
	}
	#heading.featured .heading{
		position: absolute;
		top: 50%;
		margin-top: -150px;
		color: var(--color-white-ish);
	}
	#heading.featured .heading img{
		margin-bottom: 20px;
		display: inline-block;
	}
	#heading.featured .heading.align_center{
		left: 0;
		right: 0;
		text-align: center;
	}
}

#heading.horizontal,
#heading.vertical{
	margin-top: 100px;
}
@media (max-width: 768px){
	#heading.horizontal,
	#heading.vertical{
		margin-top: 80px;
	}
}
@media (max-width: 345px){
	#heading.horizontal,
	#heading.vertical{
		margin-top: 160px;
	}
}

#heading h1{
	line-height: 45px;
	font-size: 36px;
	position: relative;
}
@media (min-width: 769px){
	#heading h1{
		font-size: 48px;
		line-height: 60px;
	}
	#heading.horizontal h1:after{
		content: '';
		display: block;
		height: 8px;
		width: 80px;
		background: var(--color-black-ish);
		position: absolute;
		left: 0;
		bottom: -30px;
	}
}
#heading.horizontal p{
	font-size: 24px;
	line-height: 39px;
	padding-left: 20px;
	padding-right: 20px;
}
#heading.vertical p{
	font-size: 24px;
	line-height: 39px;
}
#heading.featured p{
	font-size: 18px;
	line-height: 28px;
}
@media (min-width: 769px) {
	#heading.featured p{
		font-size: 24px;
		line-height: 39px;
		max-width: 800px;
		display: inline-block;
	}
}
body.single-arendal_ambassadors #heading.featured p{
	display: block;
}

@media (max-width: 768px) {
	#product_desc{
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

/* breadcrumbs */
.breadcrumbs{
	font-size: 14px;
}

#blog_pagination{
	text-align: center;
	padding-top: 64px;
	font-size: var(--fs-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	font-family: var(--font-body);
	text-transform: uppercase;
}

#blog_pagination a,
#blog_pagination span{
	border: 1px solid var(--line-3);
	border-radius: var(--radius);
    padding: 10px 10px 6px 10px;
	margin-left: 3px;
	margin-right: 3px;
	line-height: 20px;
	min-width: 39px;
	display: inline-block;
}

#blog_pagination .current,
#blog_pagination a:hover{
	color: var(--btn-fg);
	background: var(--btn-bg);
	border-color: var(--btn-bg);
}

/* cpt_guide */
#cpt_guide{
	padding-top: 60px;
}

#cpt_guide h1{font-size: 36px;}
#cpt_guide h2{font-size: 30px;}
#cpt_guide :is(.wp-block-columns, .wp-block-cover, [class*="asblock_"]) h2{font-size: var(--fs-l);}   /* section blocks under the guide: the site's one title size */

#cpt_guide .tldnr_hints{padding: 24px 24px 12px 24px;background: var(--bg-raised);border: 1px solid var(--line-2);border-radius: var(--radius);margin-bottom: 32px;}
#cpt_guide .faq{padding: 32px 24px 16px 24px;background: var(--bg-raised);border: 1px solid var(--line-2);border-radius: var(--radius);margin-top: 64px;}
#cpt_guide .faq h3{font-weight: bold;}
#cpt_guide .faq h4{font-weight: normal;text-transform: unset;font-size: 18px;line-height: 24px;font-family: var(--font-body);margin-bottom: 0;}

#cpt_guide .guide_sidebar{
	padding: 30px 20px;
	font-size: 18px;
	line-height: 18px;
}

#cpt_guide .guide_sidebar ul{
	list-style: none;
	padding-left: 20px;
}

#cpt_guide .guide_sidebar ul a:after{
	display: none;
}

#cpt_guide .guide_sidebar ul a:hover{
	text-decoration: underline;
}

#cpt_guide .guide_sidebar > ul{
	padding-left: 0;
}

#cpt_guide .guide_sidebar > ul > li > a{
	font-family: var(--font-heading);
	font-weight: var(--font-weight-bold);
	text-transform: uppercase;
	font-size: 20px;
	line-height: 36px;
}

#cpt_guide .guide_sidebar > ul > li > ul > li > a{
	font-family: var(--font-heading);
	text-transform: uppercase;
	font-size: 20px;
	line-height: 36px;
}

#cpt_guide .guide_sidebar ul ul ul a{
	display: inline-block;
	margin-bottom: 5px;
	margin-top: 5px;
	line-height: 24px;
}

#cpt_guide .guide_sidebar ul li.current-post a{
	font-weight: var(--font-weight-bold);
}
/* cpt_guide */

/* cpt_article */

/* cpt_article */

/* news_index */
#news_index h1{
	text-align: center;
	line-height: 60px;
	margin-bottom: 0;
}

#news_index .image-index-link {
    display: block;
}

#news_index .image-index-container {
    position: relative;
    padding-top: 75%; /* 4:3 Aspect Ratio (height / width * 100) */
    height: 0;
    overflow: hidden;
}

#news_index .image-index {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the container */
}

#news_index .image-index-link{
	margin-bottom: 20px;
}

#news_index article{
	padding-bottom: 60px;
}

#news_index article .read-more{
	float: inline-end;
	font-weight: var(--font-weight-bold);
	text-transform: uppercase;
}

/* news_index */

/* ambassador page */
.ambassador{
	margin-bottom: 40px;
}
.ambassador .flag{
	height: 28px;
	margin-bottom: 0px;
	margin-left: 20px;
}
@media (max-width: 768px) {
	.ambassador .flag{
		position: relative;
		top: 5px;
	}
}
.ambassador .image img{
	margin-bottom: 10px;
	display: inline-block;
}
/* /ambassadors/ directory: 10px between cards. On phones each photo keeps its own shape (cropped only past 3:2 or 4:5)
   and the list runs 10px from the screen edge; in the two-column grid every photo is 5:4. The object-position on each
   <img> keeps the speaker (and the ambassador's face) in the narrowest of those frames. */
.ambassador-list{
	margin-left: -5px;
	margin-right: -5px;
}
.ambassador-list > [class*="col-"]{
	padding-left: 5px;
	padding-right: 5px;
}
.ambassador-list .ambassador{
	margin-bottom: 10px;
}
.ambassador-list .ambassador-image{
	height: auto;
	container-type: inline-size;
}
.ambassador-list .ambassador-image img{
	display: block;
	margin: 0;
	height: auto;
	min-height: calc(100cqw / 1.5);
	max-height: 125cqw;
}
@media (min-width: 768px) {
	.ambassador-list .ambassador-image img{
		aspect-ratio: 5 / 4;
		min-height: 0;
		max-height: none;
	}
	/* Both cards in a row end together, buttons on one line. */
	.ambassador-list > [class*="col-"],
	.ambassador-list .ambassador,
	.ambassador-list .ambassador-info{
		display: flex;
		flex-direction: column;
	}
	.ambassador-list > [hidden]{
		display: none; /* the page's filter hides cards with the hidden attribute */
	}
	.ambassador-list .ambassador,
	.ambassador-list .ambassador-info{
		flex: 1 1 auto;
	}
	.ambassador-list .ambassador-buttons{
		margin-top: auto;
		padding-top: 15px;
	}
}
@media (max-width: 767px) {
	.amb-directory.wp-block-group.alignfull{
		width: auto;
		max-width: none;
		margin-left: 10px;
		margin-right: 10px;
	}
	#content_ambassadors .amb-directory{
		padding-top: 10px; /* beats the theme's 64px after a hero */
	}
	.amb-directory > .wp-block-group__inner-container > .wp-block-spacer:first-child{
		display: none;
	}
	.amb-directory > .wp-block-group__inner-container{
		padding-left: 0;
		padding-right: 0;
	}
	/* Shorter hero so the left tower and the ambassador both fit (object-position on the phone image). */
	#content_ambassadors .asblock_hero--small-xs{
		padding-top: 140px;
		padding-bottom: 130px;
	}
}
.ambassador table,
.ambassador_setup_details{
	width: auto;
	margin-top: 20px;
}
.ambassador p {
	margin-bottom: 0px;
	padding-top: 10px;
}
.ambassador th,
.ambassador_setup_details th{
	padding-right: 10px;
	text-align: left;
	text-transform: uppercase;
	font-family: var(--font-body);
	min-width: 140px;
	vertical-align: top;
}
.ambassador td,
.ambassador_setup_details td{
	text-align: left;
	border: none;
	vertical-align: top;
}
.ambassador_heading p.small_margin{
	margin-bottom: 12px;
}
.ambassador_heading .flag{
	height: 40px;
}
.ambassador_heading{
	position: relative;
}
.ambassador_heading:before{
display: block;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 40%;
    background: linear-gradient(180deg, color-mix(in srgb, var(--c-dark) 60%, transparent) 0%, color-mix(in srgb, var(--c-dark) 0%, transparent) 72.49%);
    mix-blend-mode: normal;
    z-index: 1;
  }

.ambassador_heading .heading p{
	  font-style: italic;
}

@media (min-width: 769px) {
	.ambassador_heading .heading h1,
	.ambassador_heading .heading p{
		  text-shadow: 0px 0px 14px var(--c-dark);
	}
}
/* review page */
.review_sidebar{
	padding-top: 12px;
}
.review_sidebar ul{
	margin-bottom: 62px;
}
.review_product_image{
	background: var(--color-white-ish);
	margin-bottom: 40px;
}
.review_product_image img{
	margin-bottom: 0;
}
/* reviews archive page — full-width breakout from container */

.page-template-page_template_reviews main.container{
	padding-left: 0;
	padding-right: 0;
	max-width: 100%;
	overflow-x: hidden;
}
.page-template-page_template_reviews main.container > .wp-block-group[class*="has-"][class*="background-color"],
.page-template-page_template_reviews main.container > .wp-block-spacer{
	width: 100%;
	max-width: 100%;
}
.page-template-page_template_reviews main.container > .wp-block-spacer{
	display: none;
}
.page-template-page_template_reviews main.container > h1,
.page-template-page_template_reviews main.container > h2{
	display: none;
}

.reviews_archive_section{
	background: var(--color-black-ish);
	color: var(--color-white-ish);
	padding: 75px 0;
	width: 100%;
}
.reviews_archive_inner{
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 20px;
}
.reviews_archive_heading{
	text-align: center;
	margin-bottom: 10px;
}

#reviews_filter{
	text-align: center;
	margin-bottom: 50px;
	padding-top: 10px;
}
.reviews_filter_series{
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-bottom: 16px;
	flex-wrap: wrap;
}
.series_filter_btn{
	background: transparent;
	color: var(--color-gray-light);
	border: 1px solid var(--color-gray-dark);
	padding: 8px 20px;
	font-size: 15px;
	font-family: var(--font-heading);
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.2s ease;
}
.series_filter_btn:hover{
	border-color: var(--color-gray-light);
	color: var(--color-white-ish);
}
.series_filter_btn.active{
	background: var(--color-white-ish);
	color: var(--color-black-ish);
	border-color: var(--color-white-ish);
}
.reviews_filter_product{
	margin-top: 4px;
}
#reviews_filter_select{
	background: var(--color-gray-darkest);
	color: var(--color-white-ish);
	border: 1px solid var(--color-gray-dark);
	padding: 10px 40px 10px 18px;
	font-size: 15px;
	font-family: var(--font-body);
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23bbbdc3' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	min-width: 240px;
}
#reviews_filter_select:focus{
	outline: none;
	border-color: var(--color-gray-light);
}
#reviews_filter_select option{
	background: var(--color-gray-darkest);
	color: var(--color-white-ish);
}

/* timeline layout — JS positioned */
.reviews_timeline{
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 0;
	min-height: 100px;
}
.timeline_line{
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 1px;
	background: var(--line-3);
	transform: translateX(-50%);
}

.timeline_item{
	position: absolute;
	width: 47%;
}
.timeline_item.timeline_left{
	left: 0;
	padding-right: 35px;
}
.timeline_item.timeline_right{
	right: 0;
	padding-left: 35px;
}

.timeline_dot{
	position: absolute;
	top: 18px;
	width: 9px;
	height: 9px;
	background: var(--color-white-ish);
	border-radius: 50%;
	z-index: 2;
	/* JS will set 'left' to position on the center line */
}
/* no horizontal connector line */
.timeline_item::before{
	display: none;
}

.timeline_year{
	position: absolute;
	top: 6px;
	color: var(--color-gray-middle);
	font-family: var(--font-heading);
	text-transform: uppercase;
	white-space: nowrap;
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1.2;
	width: 40px;
	/* JS positions via left/right */
}
.timeline_month{
	font-size: 11px;
	letter-spacing: 1px;
}
.timeline_yr{
	font-size: 13px;
	letter-spacing: 0.5px;
	color: var(--color-gray-light);
}

.review_card{
	background: var(--color-gray-darkest);
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.review_card:hover{
	transform: translateY(-3px);
	box-shadow: 0 6px 25px color-mix(in srgb, var(--c-dark) 40%, transparent);
}

.review_card_image{
	display: block;
	aspect-ratio: 16/10;
	overflow: hidden;
	background: var(--color-gray-dark);
}
.review_card_image img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	margin-bottom: 0;
	padding: 12px;
	transition: transform 0.4s ease;
}
.review_card:hover .review_card_image img{
	transform: scale(1.03);
}

.review_card_body{
	padding: 20px;
}
.review_card_body h4{
	font-size: 16px;
	line-height: 22px;
	text-transform: none;
	margin-bottom: 8px;
	font-weight: 400;
}
.review_card_body h4 a{
	color: var(--color-white-ish);
}
.review_card_quote{
	font-size: 14px;
	line-height: 20px;
	color: var(--color-gray-light);
	margin-bottom: 12px;
	font-style: italic;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.review_card_link{
	font-size: 14px;
	color: var(--color-white-ish);
	position: relative;
}

/* hidden items and load more */
.timeline_hidden{
	display: none;
}
.timeline_load_more_wrap{
	text-align: center;
	padding-top: 70px;
}
.timeline_load_more{
	background: var(--color-white-ish);
	color: var(--color-black-ish);
}

/* featured review overlap card */

@media (max-width: 768px){
	.reviews_archive_section{
		padding: 50px 0;
	}
	.reviews_timeline{
		height: auto !important;
	}
	.timeline_line{
		left: 15px;
	}
	.timeline_item{
		position: relative !important;
		width: calc(100% - 35px) !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		margin-left: 35px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-bottom: 30px;
	}
	.timeline_dot{
		left: -24px !important;
		right: auto !important;
		top: 3px !important;
	}
	.timeline_year{
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		flex-direction: row !important;
		gap: 6px;
		margin-bottom: 8px;
		width: auto !important;
		align-items: baseline !important;
	}
	.review_card_quote{
		-webkit-line-clamp: 2;
	}
	.series_filter_btn{
		padding: 6px 14px;
		font-size: 13px;
	}
	.reviews_filter_product{
		margin-top: 8px;
	}
	#reviews_filter_select{
		min-width: 0;
		width: 100%;
		max-width: 300px;
		font-size: 14px;
	}
	.timeline_load_more_wrap{
		padding-top: 40px;
	}
}
/* page navigation */
.prev_next_navigation{
	padding-top: 80px;
}
.prev_next_navigation a{
	position: relative;
	display: inline-block;
	margin-bottom: 40px;
}
.prev_next_navigation .prev a{
	padding-left: 70px;
}
.prev_next_navigation .next a{
	padding-right: 70px;
}
.prev_next_navigation a:before{
	display: block;
	content: '';
	border-top: 1px solid var(--fg-2);   /* was the ink colour: invisible on the dark theme */
	border-right: 1px solid var(--fg-2);
	transition: border-color var(--t-color) var(--ease);
	width: 30px;
	height: 30px;
	position: absolute;
	top: 20px;
}
.prev_next_navigation .prev a:before{
	transform: rotate(225deg);
	left: 15px;
}
.prev_next_navigation .next a:before{
	transform: rotate(45deg);
	right: 15px;
}
.prev_next_navigation a:hover:before{
	border-color: var(--accent);
}
.prev_next_navigation a strong{
	width: 100%;
	display: inline-block;
}

.sub_landing_column .wp-block-quote{
	margin-left: 0;
	text-align: left;
	padding-top: 20px;

}

@media (max-width:500px){
	.homepage_series_logo figure{max-width: 50%;}
}

.series_1528_logo figure{max-width: 500px;}

@media (max-width:781px){
	.series_1528_logo figure{max-width: 50%;}
}
@media (max-width:650px){
	.series_1528_logo figure{max-width: 60%;}
}
@media (max-width:500px){
	.series_1528_logo figure{max-width: 70%;}
}
@media (max-width:400px){
	.series_1528_logo figure{max-width: 80%;}
}

/* Downloads section background */
.downloads_section {
	background: var(--color-gray-lightest);
}

/* Feature: no-image placeholder */

/* Tech hero: model column */
.hero_model_column {
	padding-top: 50px;
}

/* Tech hero: model viewer instructions */
.model_viewer_instructions {
	display: flex;
	gap: 24px;
	justify-content: center;
	align-items: center;
	margin-top: 12px;
	font-size: 14px;
	color: color-mix(in srgb, var(--c-light) 30%, var(--c-dark));
	flex-wrap: wrap;
}

.model_viewer_instruction_item {
	display: flex;
	align-items: center;
	gap: 8px;
}

/* ==========================================================================
   Article landing pages (lp-, 2 Nov 2026): /get-your-home-theater-layout-right/,
   /a-home-theater-that-fits-your-home/, /where-to-place-your-surround-speakers/,
   /plan-your-home-theater-step-by-step/, /a-small-room-can-still-feel-like-a-cinema/.
   Built in the layout of the Grant and SVS story pages (hero, alternating bands, closing CTA).
   ========================================================================== */

/* Hero: the photo darkens on the left where the title and the button sit. */
.lp-hero .asblock_hero__media::after{
	background: linear-gradient(90deg, color-mix(in srgb, var(--c-dark) 80%, transparent) 0%, color-mix(in srgb, var(--c-dark) 50%, transparent) 55%, transparent 90%), var(--scrim);
}
.lp-hero h1{ text-wrap: balance; }
.lp-hero .asblock_hero__description p{ max-width: 34em; text-wrap: pretty; }
.lp-hero .wp-block-buttons{
	display: flex;
	justify-content: center;
	margin-top: var(--s-6);
}
@media (max-width: 991px){
	.lp-hero .asblock_hero__content{ text-align: center; }
	.lp-hero .asblock_hero__description p{ margin-left: auto; margin-right: auto; }
	/* phones and tablets: the type is centred over the photo, so an even veil instead of the left-side gradient */
	.lp-hero .asblock_hero__media::after{
		background: linear-gradient(180deg, color-mix(in srgb, var(--c-dark) 52%, transparent) 0%, color-mix(in srgb, var(--c-dark) 66%, transparent) 45%, color-mix(in srgb, var(--c-dark) 34%, transparent) 100%);
	}
}
@media (min-width: 992px){
	.lp-hero .wp-block-buttons{ justify-content: flex-start; }
}

/* Section titles: below 375px the long words (CHALLENGES, GUIDELINES) need a smaller size to stay whole. */
@media (max-width: 374px){
	body.lp main h2{ font-size: min(var(--fs-l), 9.4vw); }
}

/* Intro: one centred lead paragraph. */
.lp-intro p{
	font-size: var(--fs-lead);
	line-height: 1.55;
	text-wrap: pretty;
}
@media (min-width: 768px){
	.lp-intro p{ font-size: 22px; }
}

/* Phones: in every text band the text comes first, the photo after it. */
@media (max-width: 781px){
	.lp .wp-block-column:has(> .lp-photo){ order: 2; }
}

/* Photos in the text bands: same 3:2 frame everywhere, captions muted. */
.lp-photo{ margin: 0; }
.lp-photo img{
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	border-radius: var(--radius);
}
.lp-photo--tall img{ aspect-ratio: 4 / 5; }
@media (max-width: 781px){
	/* stacked columns: a portrait photo at full width would fill the whole tablet screen */
	.lp-photo--tall{ max-width: 480px; margin-left: auto; margin-right: auto; }
}
.lp-photo figcaption,
.lp-figure-note{
	margin-top: var(--s-3);
	font-size: var(--fs-small);
	color: var(--fg-3);
	text-align: left;
}
.lp-figure-note.has-text-align-center{ text-align: center; }
.lp-photo figcaption a,
.lp-figure-note a{ color: inherit; }

/* Step number above a heading (planning page). */
.lp-step{
	display: block;
	margin-bottom: var(--s-3);
	font-family: var(--font-display);
	font-size: var(--fs-h3);
	font-weight: var(--font-weight-light);
	letter-spacing: var(--ls-display);
	color: var(--accent);
}

/* Diagrams: inline SVG on the theme tokens, with a numbered key beside (desktop) or below (phones). */
.lp-diagram{
	display: grid;
	gap: var(--s-7);
	align-items: center;
	max-width: 1040px;
	margin: var(--s-7) auto 0;
}
@media (min-width: 900px){
	.lp-diagram{ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
.lp-diagram svg{
	display: block;
	width: 100%;
	max-width: 480px;
	height: auto;
	margin: 0 auto;
	overflow: visible;
}
.lp-key{
	list-style: none;
	margin: 0;
	padding: 0;
	counter-reset: lpkey;
}
.lp-key li{
	position: relative;
	padding: var(--s-4) 0 var(--s-4) 48px;
	border-top: 1px solid var(--line-2);
	counter-increment: lpkey;
}
.lp-key li:last-child{ border-bottom: 1px solid var(--line-2); }
.lp-key li::before{
	content: counter(lpkey);
	position: absolute;
	left: 0;
	top: var(--s-4);
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--accent);
	color: var(--on-accent);
	font-size: 14px;
	font-weight: var(--font-weight-bold);
	line-height: 28px;
	text-align: center;
}
.lp-key strong{ display: block; color: var(--fg); }
.lp-key span{ color: var(--fg-2); }

/* Two diagrams side by side (surround page). */
.lp-diagram-pair{
	display: grid;
	gap: var(--s-8) var(--s-7);
	max-width: 1040px;
	margin: var(--s-7) auto 0;
}
@media (min-width: 768px){
	.lp-diagram-pair{ grid-template-columns: 1fr 1fr; }
}
.lp-diagram-pair figure{ margin: 0; }
.lp-diagram-pair svg{ display: block; width: 100%; max-width: 440px; height: auto; margin: 0 auto; overflow: visible; }
.lp-diagram-pair h3{ text-align: center; margin: 0 0 var(--s-2); }
.lp-diagram-pair figcaption{
	max-width: 440px;
	margin: var(--s-4) auto 0;
	color: var(--fg-2);
	text-align: center;
	text-wrap: pretty;
}

/* Inline number badge in diagram captions (matches the numbers in the SVG). */
.lp-num{
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0 6px 0 2px;
	border-radius: 50%;
	background: var(--accent);
	color: var(--on-accent);
	font-size: 12px;
	font-weight: var(--font-weight-bold);
	line-height: 22px;
	text-align: center;
	vertical-align: 1px;
}

/* SVG parts */
.lp-svg{ font-family: var(--font-body); }
.lp-svg .room{ fill: color-mix(in srgb, var(--c-ink) 4%, transparent); stroke: var(--fg-3); stroke-width: 4; }
.lp-svg .screen{ fill: var(--fg); }
.lp-svg .spk{ fill: var(--c-card); stroke: var(--fg); stroke-width: 2; }
.lp-svg .spk--alt{ fill: none; stroke-dasharray: 5 4; }
.lp-svg .seat{ fill: var(--c-card); stroke: var(--fg-3); stroke-width: 1.5; }
.lp-svg .seat--second{ fill: none; stroke-dasharray: 4 4; }
.lp-svg .seat--main{ fill: color-mix(in srgb, var(--accent) 35%, var(--c-card)); stroke: var(--accent); stroke-width: 2.5; }
.lp-svg .tri{ fill: none; stroke: var(--accent); stroke-width: 2; stroke-dasharray: 7 6; }
.lp-svg .ray{ fill: none; stroke: var(--fg-3); stroke-width: 1.5; stroke-dasharray: 4 5; }
.lp-svg .arc{ fill: none; stroke: var(--accent); stroke-width: 2; }
.lp-svg .dim{ fill: none; stroke: var(--fg-2); stroke-width: 1.5; }
.lp-svg .tick{ stroke: var(--accent); stroke-width: 2.5; }
.lp-svg text{ fill: var(--fg-2); font-size: 15px; }
.lp-svg .t-spk{ fill: var(--fg); font-size: 14px; font-weight: var(--font-weight-bold); text-anchor: middle; dominant-baseline: central; }
.lp-svg .t-strong{ fill: var(--fg); font-weight: var(--font-weight-semibold); }
.lp-svg .t-accent{ fill: var(--accent); font-weight: var(--font-weight-semibold); }
.lp-svg .num circle{ fill: var(--accent); }
.lp-svg .num text{ fill: var(--on-accent); font-size: 14px; font-weight: var(--font-weight-bold); text-anchor: middle; dominant-baseline: central; }
@media (max-width: 599px){
	/* the diagrams scale down on phones: larger type in SVG units keeps the labels at about 12px */
	.lp-svg text{ font-size: 18px; }
	.lp-svg .t-spk{ font-size: 16px; }
}

/* Owner rooms: a 2 x 2 grid of photos, each linked to the story. */
.lp-rooms{
	display: grid;
	gap: var(--s-6) var(--s-5);
	margin-top: var(--s-7);
}
@media (min-width: 768px){
	.lp-rooms{ grid-template-columns: 1fr 1fr; }
}
.lp-rooms a{ display: block; color: var(--fg); text-decoration: none; }
.lp-rooms img{ display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--radius); transition: opacity var(--t-color) var(--ease); }
.lp-rooms a:hover img{ opacity: .86; }
.lp-rooms span{ display: block; margin-top: var(--s-3); font-weight: var(--font-weight-semibold); }
.lp-rooms a:hover span{ color: var(--accent); }

/* Ambassador cards (the /ambassadors/ list markup) in a narrower frame. */
.lp-cards{ max-width: 1040px; margin: var(--s-7) auto 0; }

/* Closing call to action */
.lp-cta .wp-block-buttons:not(.ambassador-buttons){ justify-content: center; margin-top: var(--s-6); }
.lp-cta p{ text-wrap: pretty; }

/* ===== theme/utilities.css ===== */
/* ==========================================================================
   Utilities — Helper classes, spacing, alignment, sizing
   ========================================================================== */

.red{
	color: var(--color-accent-red);
}

.fullwidth{
	width: 100%;
}

.has_padding{
	padding: 20px;
}

.horizontal_padding_30{
	padding: 0 30px;
}

.horizontal_padding_50{
	padding: 0 50px;
}

.mb-0{
	margin-bottom: 0;
}

.centered{
	text-align: center;
}

.align_center{
	text-align: center;
}
.align_right{
	text-align: right;
}

.vertical_center{
    display: flex;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
}

.vertical_center > p{
	flex-shrink: 0;
	width: 100%;
}

.post_content h2{
	margin-top: -8px;
}

.post_content .post_date{
	display: inline-block;
	margin-bottom: 20px;
}

.fz16{font-size: 16px;}

.p25{padding: 25px;}
.p50{padding: 50px;}
.p75{padding: 75px;}
.pt75{padding-top: 75px;}
.pb75{padding-bottom: 75px;}

.pt150{padding-top: var(--space-3xl);}
.pb150{padding-bottom: var(--space-3xl);}

.ptm75 {
    position: relative;
    z-index: 10;
    transform: translateY(-75px);
}

@media (max-width:576px){
	.p25{padding: 20px;}
	.p50{padding: 20px;}
	.p75{padding: 20px;}

	.pt75{padding-top: 50px;}
	.pb75{padding-bottom: 50px;}

	.pt150{padding-top: var(--space-2xl);}
	.pb150{padding-bottom: var(--space-2xl);}

	.ptm75 {
    position: relative;
    z-index: 10;
    transform: translateY(-50px);
	}

	.mtac{
		text-align: center;
	}
}

.shadow{box-shadow: none;}

.has-border{border: 1px solid var(--line-2); border-radius: var(--radius);}

/* WordPress font size presets — line-height corrections */
.has-large-font-size {
    font-size: var(--fs-h3) !important;
    line-height: 1.3;
}
.has-x-large-font-size {
    font-size: var(--fs-m) !important;
    line-height: 1.2;
}

/* ===== theme/styled_blocks.css ===== */
/* css files for blocks made with native blocks */

/* product page main award */
p.quote,
p.quote.has-large-font-size{margin-left:auto;margin-right:auto;font-size:36px!important;line-height:46px!important;margin-bottom: 15px;}

.product_award img{margin-bottom: 37px;}
@media (max-width:767px){
	.product_award figure{max-width: 50%;}
	.series_award figure{max-width: 50%;}
}
.product_award p.quote, 
.product_award p.quote.has-large-font-size{max-width:70%;margin-left:auto;margin-right:auto;font-size:36px!important;line-height:46px!important;margin-bottom: 15px;}
.product_award p.source,
.product_award p.source.has-large-font-size{line-height:1em;margin-bottom: 46px;}

@media (max-width:576px){

	.series_award p.quote.has-large-font-size{text-align: center;font-size:23px!important;line-height:37px;margin-bottom: 25px;}
	.series_award p.source{text-align: center;line-height:1em;}
	
	.product_award p.quote.has-large-font-size{text-align: center;font-size:23px!important;line-height:37px;margin-bottom: 25px;}
	.product_award p.source{text-align: center;line-height:1em;}
}

/* product page why product */
.as-product-why-main{
	align-items:center;
	gap:75px;
}

/* homepage faq: heading column on the left stays put while the questions open on the right */
.homepage_faq__grid{
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	column-gap: clamp(var(--s-7), 7vw, var(--s-10));
	align-items: start;
}
.homepage_faq__intro{
	position: sticky;
	top: calc(var(--header-h) + var(--s-7));
}
.homepage_faq__title{
	margin: 0 0 var(--s-6);
	font-size: var(--fs-m);
}
.homepage_faq__links{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--s-3);
	margin: 0;
	font-size: var(--fs-small);
}
.homepage_faq .accordion{
	margin: 0;
}
.homepage_faq .accordion-title{
	padding-right: var(--s-2);
}
.homepage_faq .accordion-content p{
	margin: 0;
	padding-right: var(--s-8);
}
@media (max-width: 991px){
	.homepage_faq__grid{
		grid-template-columns: minmax(0, 1fr);
		row-gap: var(--s-6);
	}
	.homepage_faq__intro{
		position: static;
	}
	.homepage_faq__title{
		margin-bottom: var(--s-5);
	}
	.homepage_faq .accordion-content p{
		padding-right: 0;
	}
}

/* homepage reviews: copy on the left, the live Trustpilot quotes framed in an inset panel on the right */
.homepage_reviews__grid{
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	column-gap: clamp(var(--s-7), 7vw, var(--s-10));
	align-items: center;
}
.homepage_reviews__intro h2{
	margin: 0 0 var(--s-5);
}
.homepage_reviews__intro .lead{
	margin: 0 0 var(--s-6);
	color: var(--fg-2);
}
.homepage_reviews__link{
	margin: 0;
	font-size: var(--fs-small);
}
.homepage_reviews__panel{
	padding: clamp(var(--s-5), 4vw, var(--s-8));
	border: 1px solid var(--line-2);
	border-radius: var(--radius);
	background: var(--bg);
}
@media (max-width: 991px){
	.homepage_reviews__grid{
		grid-template-columns: minmax(0, 1fr);
		row-gap: var(--s-7);
	}
}
@media (max-width: 479px){
	.homepage_reviews__panel{
		padding: var(--s-5) var(--s-4);
	}
	/* The quote widget stacks its logo under the score at this width: give it the extra line
	   (the iframe height comes inline from data-style-height). */
	.homepage_reviews__panel .trustpilot-widget iframe{
		height: 285px !important;
	}
}

/* homepage buy direct: centred header, the route diagram beside four numbered reasons, a closing line.
   The diagram is inline SVG drawn with the palette, so it follows the page's five colours. */
.buy-direct__head{
	max-width: 760px;
	margin: 0 auto var(--s-8);
	text-align: center;
}
.buy-direct__head h2{
	margin: 0 0 var(--s-5);
}
.buy-direct__head .lead{
	margin: 0 auto;
	max-width: 34em;
	color: var(--fg-2);
	text-wrap: balance;
}
.buy-direct__grid{
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	column-gap: clamp(var(--s-7), 6vw, var(--s-9));
	align-items: center;
}
.buy-direct__diagram{
	margin: 0;
}
.buy-direct__intro{
	margin: 0 0 var(--s-7);
	max-width: 36em;
	font-size: var(--fs-lead);
	line-height: 1.5;
	color: var(--fg);
	text-wrap: pretty;
}
.buy-direct__points{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: var(--s-7);
	row-gap: var(--s-6);
	margin: 0;
	padding: 0;
	list-style: none;
}
.buy-direct__points li{
	margin: 0;
	padding-top: var(--s-5);
	border-top: 1px solid var(--line-2);
}
.buy-direct__num{
	display: block;
	margin-bottom: var(--s-3);
	font-family: var(--font-mono);
	font-size: var(--fs-mono);
	letter-spacing: 0.08em;
	color: var(--accent);
}
body .buy-direct__points h3{
	margin: 0 0 var(--s-3);
	font-family: var(--font-display);
	font-size: 20px;
	line-height: 1.3;
	font-weight: var(--font-weight-light);
	letter-spacing: 0;
	text-transform: none;
	color: var(--fg);
}
.buy-direct__points p{
	margin: 0;
	font-size: 15px;
	line-height: 1.65;
	color: var(--fg-2);
}
.buy-direct__closing{
	max-width: 820px;
	margin: var(--s-9) auto 0;
	font-family: var(--font-display);
	font-size: clamp(22px, 2.2vw, 30px);
	line-height: 1.4;
	font-weight: var(--font-weight-light);
	text-align: center;
	color: var(--fg-2);
}
.buy-direct__closing::before{
	content: "";
	display: block;
	width: 48px;
	height: 1px;
	margin: 0 auto var(--s-6);
	background: var(--accent);
}
.buy-direct__closing span{
	color: var(--fg);
}
@media (max-width: 991px){
	.buy-direct__grid{
		grid-template-columns: minmax(0, 1fr);
		row-gap: var(--s-8);
	}
	.buy-direct__diagram{
		width: 100%;
		max-width: 460px;
		margin: 0 auto;
	}
}
@media (max-width: 575px){
	.buy-direct__head{
		margin-bottom: var(--s-7);
	}
	.buy-direct__points{
		grid-template-columns: minmax(0, 1fr);
	}
	.buy-direct__closing{
		margin-top: var(--s-8);
	}
}

/* The route diagram */
.bd{
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}
.bd-route{
	fill: none;
	stroke-linecap: round;
}
.bd-route--direct{
	stroke: var(--accent);
	stroke-width: 2.5;
}
.bd-route--other{
	stroke: var(--fg-3);
	stroke-width: 2;
	stroke-dasharray: 0.5 9;
}
.bd-head--direct{ fill: var(--accent); }
.bd-head--other{ fill: var(--fg-3); }
.bd-node--direct{ fill: var(--c-ink); }
.bd-node--other{
	fill: var(--bg-raised);
	stroke: var(--line-3);
	stroke-width: 1.5;
}
.bd-icon{
	fill: none;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.bd-icon--direct{ stroke: var(--c-page); }
.bd-icon--other{ stroke: var(--fg-3); }
.bd-label{
	font-family: var(--font-body);
	font-size: 19px;
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	fill: var(--fg);
}
.bd-label--other{
	text-anchor: middle;
	fill: var(--fg-3);
}
.bd-price{
	font-family: var(--font-display);
	font-size: 32px;
	font-weight: var(--font-weight-light);
	text-anchor: middle;
}
/* Phones: the diagram is drawn at about half size, so its labels step up to stay legible. */
@media (max-width: 575px){
	.bd-label{ font-size: 22px; letter-spacing: 0.08em; }
	.bd-brands{ font-size: 26px; }
}
.bd-price--direct{ fill: var(--accent); }
.bd-price--other{ fill: var(--fg-3); }
.bd-logo{ fill: var(--fg); }
.bd-tag{
	font-family: var(--font-body);
	font-size: 15px;
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0.24em;
	text-transform: uppercase;
	text-anchor: middle;
	fill: var(--accent);
}
.bd-brands{
	font-family: var(--font-display);
	font-size: 24px;
	font-weight: var(--font-weight-light);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-anchor: middle;
	fill: var(--fg-3);
}
/* Draw-in (components.js adds .will-draw, then .is-drawn once the diagram is in view): the dealer
   route fades up first, then the direct route draws itself in brass. Without JavaScript or with
   reduced motion the diagram is simply there. */
.buy-direct__diagram.will-draw .bd-other{ opacity: 0; }
.buy-direct__diagram.will-draw .bd-route--direct{ stroke-dasharray: 1; stroke-dashoffset: 1; }
.buy-direct__diagram.will-draw :is(.bd-head--direct, .bd-price--direct, .bd-logo, .bd-tag){ opacity: 0; }
.buy-direct__diagram.will-draw.is-drawn .bd-other{
	opacity: 1;
	transition: opacity 700ms var(--ease);
}
.buy-direct__diagram.will-draw.is-drawn .bd-route--direct{
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 1300ms var(--ease) 350ms;
}
.buy-direct__diagram.will-draw.is-drawn :is(.bd-logo, .bd-tag){
	opacity: 1;
	transition: opacity 700ms var(--ease) 500ms;
}
.buy-direct__diagram.will-draw.is-drawn :is(.bd-head--direct, .bd-price--direct){
	opacity: 1;
	transition: opacity 400ms var(--ease) 1450ms;
}

/* product page what you get */
.as-what-you-get-main{
	align-items:center;
	gap:75px;
}

.as-what-you-get-section .as-bullets{
	margin: 50px 0;
}

.as-what-you-get-section .as-bullets li{
	margin: 30px 0px;
}

/* product page - see it in your home section */

/* first class delivery dhl */
.as-dhl-list{
	margin:0;
	padding-left:1.2em;
	display:flex;
	flex-direction:column;
	gap:14px;
	margin-top: 30px;
}
.as-dhl-list li{
	margin:0;
	font-weight:800;
}
.as-dhl-list li::marker{
	color:var(--1610-color-1);;
	font-size:1.1em;
}

/* series hero */

/*stacking cover block on mobile*/
@media (max-width: 768px) {
  .wp-block-cover.stack_mobile {
    flex-direction: column;
    padding: 0 !important;
    position: relative;
    min-height: unset !important;
  }
  
  .wp-block-cover.stack_mobile .wp-block-cover__image-background {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 300px;
    object-fit: cover;
    object-position: right center;
  }
  
  .wp-block-cover.stack_mobile .wp-block-cover__background {
    display: none;
  }
  
  .wp-block-cover.stack_mobile .wp-block-cover__inner-container {
    position: static !important;
    padding: 2rem 1rem;
  }
  
  .wp-block-cover.stack_mobile .wp-block-image {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    margin: 0;
    width: 55%;
  }
  
  .wp-block-cover.stack_mobile .wp-block-image img {
    width: 100%;
    height: auto;
  }
  
  .wp-block-cover.stack_mobile .wp-block-group.alignfull {
    padding: 1rem !important;
  }
  
  .wp-block-cover.stack_mobile .wp-block-columns {
    flex-direction: column;
  }
  
  .wp-block-cover.stack_mobile .wp-block-column {
    width: 100% !important;
  }
  
  .wp-block-cover.stack_mobile p,
  .wp-block-cover.stack_mobile h1,
  .wp-block-cover.stack_mobile h2,
  .wp-block-cover.stack_mobile h3,
  .wp-block-cover.stack_mobile h4,
  .wp-block-cover.stack_mobile h5,
  .wp-block-cover.stack_mobile h6 {
    color: var(--color-black-ish) !important;
  }
}

@media (max-width: 500px) {
  .wp-block-cover.stack_mobile .wp-block-buttons {
    justify-content: center !important;
  }
}

@media (max-width: 430px) {
  .wp-block-cover.stack_mobile .wp-block-button {
    width: 100%;
  }
  
  .wp-block-cover.stack_mobile .wp-block-button__link {
    width: 100%;
  }
}

@media (max-width: 576px) {

	.nofull_mobile{
		min-height: 0 !important;
		aspect-ratio: auto !important;
	}

.no_gap_mobile.wp-block-columns-is-layout-flex{display: block;}
}

/* ==========================================================================
   Block styles — moved from base.css
   ========================================================================== */

.wp-block-image{
	margin: 0;
}

.wp-block-image a:after{
	display: none;
}

.wp-block-group.alignwide{
	box-shadow: none;
}

/*.wp-block-group{
	padding: 30px;
}

@media (max-width: 768px){
	.wp-block-group{
		padding: 15px;
	}
}

.wp-block-group .wp-block-group{
	padding: 0px;
}
*/

.wp-block-separator{
	margin-bottom: 80px;
	margin-top: 0;
}

.wp-block-separator.has-light-gray-color{
	border: none;
	background: var(--line-2);
	height: 1px;
}

/* ==========================================================================
   Block styles — moved from components.css
   ========================================================================== */

/* ---- Embeds, pullquotes, blockquotes, galleries ---- */
/** blocks  **/
.wp-block-embed-youtube {
	/*overflow: hidden;*/
	position: relative;
	max-width: 100%;
	height: auto;
	padding-bottom: 56.25%;
	margin: 0 0 40px 0;
}
.wp-block-embed-youtube .wp-block-embed__wrapper{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.wp-block-embed-youtube iframe,
.wp-block-embed-youtube object,
.wp-block-embed-youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.wp-block-embed-vimeo iframe{
	width: 100%;
	min-width: 100%;
}
.wp-block-pullquote{
	padding-top: 0px;
	margin-bottom: 40px;
	padding-bottom: 0;
	margin-top: 0;
}
.wp-block-pullquote blockquote{
	margin: 0;
	padding-left: 30px;
	padding-right: 30px;
}
.wp-block-pullquote p{
	margin-bottom: 15px;
}
.wp-block-quote{
	padding-top: 45px;
	padding-bottom: 30px;
	margin-top: 0;
	font-size: 26px;
	line-height: 45px;
	font-family: var(--font-body);
	text-align: center;
}
.wp-block-quote p{
	margin-bottom: 0px;
}
.wp-block-quote em{
	font-style: italic;
}
.wp-block-quote cite{
	font-size: 16px;
}

.wp-block-gallery{
	margin-bottom: 24px;
}
.wp-block-gallery img{
	margin: 0;
}

/* ==========================================================================
   Product lineup (components/product_lineup.php), drawn like the 1610 Black
   Edition lineup: one row of cards, each render on a soft pool of light, the
   name in the display face, one line of copy and a quiet arrow link. This
   page's own product says "You're viewing" instead of linking to itself.
   Below 1200px the row scrolls sideways.
   ========================================================================== */
.pl{
	padding: var(--section-pad) 0;
	background: var(--bg);
}
.pl__wrap{
	width: 100%;
	max-width: calc(var(--content-max) + 2 * var(--gutter));
	margin: 0 auto;
	padding: 0 var(--gutter);
}
.pl__head{
	max-width: 720px;
	margin: 0 auto var(--s-8);
	text-align: center;
}
.pl__logo{
	filter: brightness(0) invert(1);   /* the series logo in plain white, as in the old lineup */
	display: block;
	width: min(260px, 60%);
	height: auto;
	margin: 0 auto var(--s-6);
}
.pl__head h2{
	margin-bottom: var(--s-4);
}
.pl__intro{
	margin: 0 auto;
	max-width: 560px;
	font-size: var(--fs-body);
	line-height: 1.65;
	color: var(--fg-2);
	text-wrap: pretty;
}
.pl__list{
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);   /* one equal column per product, however many there are */
	gap: var(--s-4);
	margin: 0;
	padding: 0;
	list-style: none;
}
.pl__item{
	margin: 0;
}
/* whole-card links: neither the running-text underline nor its accent hover colour (base.css "main li a"
   and its :hover) apply; on hover only the border and "Read more" change */
.pl .pl__list .pl__item .pl__card{
	color: var(--fg);
	text-decoration: none;
}
.pl__card{
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	padding: var(--s-5) var(--s-4) var(--s-6);
	border: 1px solid var(--line-1);
	border-radius: var(--radius);
	background: radial-gradient(ellipse 70% 55% at 50% 42%, color-mix(in srgb, var(--c-ink) 7%, transparent), transparent 70%), var(--bg);
	color: var(--fg);
	text-align: center;
	text-decoration: none;
	transition: border-color var(--t-layout) var(--ease);
}
.pl__card img{
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 500 / 588;
	object-fit: contain;
	margin: 0;
	border-radius: 0;
	transition: transform var(--t-image) var(--ease);
}
.pl__name{
	margin: var(--s-4) 0 var(--s-2);
	font-family: var(--font-display);
	font-weight: var(--font-weight-light);
	font-size: 19px;
	line-height: 1.3;
	letter-spacing: 0.02em;
}
.pl__text{
	flex: 1 0 auto;
	margin-bottom: var(--s-5);
	font-size: var(--fs-small);
	line-height: 1.55;
	color: var(--fg-3);
	text-wrap: pretty;
}
.pl__cta{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: var(--fs-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
	color: var(--fg-2);
	transition: color var(--t-color) var(--ease);
}
.pl__cta svg{
	transition: transform var(--t-layout) var(--ease);
}
a.pl__card:hover,
a.pl__card:focus-visible{
	border-color: var(--line-3);
}
a.pl__card:hover img{
	transform: translateY(-6px) scale(1.02);
}
a.pl__card:hover .pl__cta,
a.pl__card:focus-visible .pl__cta{
	color: var(--accent);
}
a.pl__card:hover .pl__cta svg{
	transform: translateX(4px);
}
a.pl__card:focus-visible{
	outline: 2px solid var(--accent);
	outline-offset: 3px;
}
/* this page's product: a brass hairline frame and a brass dot instead of the link */
.pl__item.is-current .pl__card{
	border-color: color-mix(in srgb, var(--accent) 45%, transparent);
}
.pl__cta--here{
	color: var(--accent);
}
.pl__dot{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--accent);
}
/* three products or fewer (e.g. on-wall speakers): cards keep the width of a row of four, centred,
   instead of stretching across the whole row */
@media (min-width: 1200px){
	.pl__list{
		grid-auto-columns: minmax(0, 320px);
		justify-content: center;
	}
}
/* split variant ("Add a matching subwoofer"): its own raised band; on desktop the heading sits left of the cards */
.pl--split{
	background: var(--bg-raised);
}
@media (min-width: 1200px){
	.pl--split .pl__wrap{
		display: grid;
		grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
		column-gap: var(--s-9);
		align-items: center;
	}
	.pl--split .pl__head{
		max-width: 480px;
		margin: 0;
		text-align: left;
	}
	.pl--split .pl__intro{ margin: 0; }
	.pl--split .pl__list{ justify-content: end; }
}
/* more than six products: rows of four */
@media (min-width: 1200px){
	.pl--rows .pl__list{
		grid-auto-flow: row;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		row-gap: var(--s-4);
	}
}
@media (max-width: 1199px){
	.pl__list{
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: var(--gutter);   /* snap to the gutter, not the screen edge */
		margin: 0 calc(-1 * var(--gutter));
		padding: 0 var(--gutter) var(--s-4);
		scrollbar-width: thin;
	}
	.pl__item{
		flex: 0 0 clamp(200px, 30vw, 250px);
		scroll-snap-align: start;
	}
	/* a short row that fits is centred; auto margins collapse to 0 once the row scrolls */
	.pl__item:first-child{ margin-left: auto; }
	.pl__item:last-child{ margin-right: auto; }
}
@media (max-width: 767px){
	.pl__head{ margin-bottom: var(--s-7); }
	.pl__item{ flex-basis: 64vw; }
}
@media (prefers-reduced-motion: reduce){
	.pl__card img,
	.pl__cta svg{ transition: none; }
}

/* ===== theme/brand.css ===== */
/* ==========================================================================
   Brand layer — restyles the exported blocks and page components to the
   design rules (hairlines instead of shadows, 2px corners, protection
   gradients under type on photography, Manrope display type, one accent).
   Bundled last so it refines block CSS and per-page <style> blocks without
   editing them; "body …" selectors outrank the single-class page rules.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Page-load reveal (900ms fade + 16px rise) and shared motion
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: no-preference){
	/* The first visible block; a page may start with a screen-reader-only <h1> (lib/site.php). */
	main > :first-child:not(.screen-reader-text),
	main > .screen-reader-text:first-child + *{
		animation: page-reveal var(--t-reveal) var(--ease) both;
	}
	@keyframes page-reveal{
		from{ opacity: 0; transform: translateY(16px); }
		to{ opacity: 1; transform: none; }
	}
	/* A first block that holds the Norwegian panel (the series pages wrap the whole page in one <div>) only
	   fades. A transform animation that stays in effect (fill: both) makes the block the containing block for
	   position:fixed, so the panel's parked drawer counted as page content: series pages laid out 722px wide
	   on phones, and the drawer opened at the top of the page instead of over the screen. */
	main > :first-child:not(.screen-reader-text):has(.asblock_norwegian_panel),
	main > .screen-reader-text:first-child + :has(.asblock_norwegian_panel){
		animation-name: page-fade;
	}
	@keyframes page-fade{
		from{ opacity: 0; }
		to{ opacity: 1; }
	}
}
@media (prefers-reduced-motion: reduce){
	*, *::before, *::after{
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* --------------------------------------------------------------------------
   2. Sections and surfaces
   -------------------------------------------------------------------------- */

/* Flat content: shadows only on floating layers. */
body .shadow,
body .wp-block-group.alignwide,
body .review_card,
body .as-review-card,
body .as-ambassador-card,
body .as-pf-media,
body .as-spec-graphs__item,
body .as-techspecs__card,
body .as_product_downloads__card,
body .asblock_reviews_slider__inner,
body .as-image-frame,
body .as-what-image-frame{
	box-shadow: none !important;
}
body .review_card:hover,
body .as-review-card:hover,
body .as-ambassador-card:hover{
	transform: none;
}

/* Cards: 1px hairline, 2px radius, image fills the card width. */
body .review_card,
body .as-review-card,
body .as-ambassador-card,
body .asblock_reviews_slider__inner,
body .as-spec-graphs__item,
body .as_product_downloads__card{
	border: 1px solid var(--line-2);
	border-radius: var(--radius);
	background: var(--bg-card);
	color: var(--fg);
}
body .as-review-card{
	--bg-card: var(--c-light);
	--fg: var(--c-raised);
	--fg-2: color-mix(in srgb, var(--c-light) 35%, var(--c-dark));
	--line-2: color-mix(in srgb, var(--c-raised) 14%, transparent);
}

/* Type over photography always sits on the bottom protection gradient. */
.wp-block-cover::before,
.asblock_hero__media::after,
.asblock_product_hero__bg::after,
.eisa1610-hero__media::after,
.ambassador_heading::after,
#heading.featured::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: var(--scrim);
	pointer-events: none;
	z-index: 0;
}
.wp-block-cover::before{
	z-index: 1;
}
.wp-block-cover > .wp-block-cover__inner-container{
	z-index: 2;
}
.asblock_product_hero__bg,
.eisa1610-hero__media{
	position: absolute;
}
.wp-block-cover.is-light .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container{
	color: var(--fg);
}
.wp-block-cover .has-background-dim{
	background-color: transparent !important;
}
@media (min-width: 769px){
	.wp-block-cover.stack_mobile{
		align-items: flex-end;
		padding-bottom: var(--s-9);
	}
}
.ambassador_heading:before{
	display: none;
}
@media (max-width: 768px){
	/* Stacked covers move the copy below the image, so the scrim is not needed. */
	.wp-block-cover.stack_mobile::before{
		display: none;
	}
	.wp-block-cover.stack_mobile .wp-block-cover__inner-container{
		color: var(--fg);
	}
	.wp-block-cover.stack_mobile p,
	.wp-block-cover.stack_mobile h1,
	.wp-block-cover.stack_mobile h2,
	.wp-block-cover.stack_mobile h3,
	.wp-block-cover.stack_mobile h4{
		color: var(--fg) !important;
	}
	.wp-block-cover.stack_mobile .wp-block-cover__image-background{
		border-radius: 0;
	}
}

/* Section rhythm: exported pt75/pb75 wrappers become the section role. */
body .pt75{ padding-top: var(--section-pad); }
body .pb75{ padding-bottom: var(--section-pad); }
body .pt150{ padding-top: var(--section-pad); }
body .pb150{ padding-bottom: var(--section-pad); }
body .p75{ padding: var(--s-6); }
body .p50{ padding: var(--s-6); }
body .p25{ padding: var(--s-5); }
@media (min-width: 992px){
	body .p75{ padding: var(--s-7); }
}
.wp-block-columns{
	gap: var(--s-8);
}
@media (max-width: 781px){
	.wp-block-columns{
		gap: var(--s-6);
	}
}
.wp-block-group__inner-container,
.wp-block-cover__inner-container{
	padding-left: var(--gutter);
	padding-right: var(--gutter);
	box-sizing: border-box;
}
.wp-block-group__inner-container .wp-block-group__inner-container,
.wp-block-cover__inner-container .wp-block-group__inner-container{
	padding-left: 0;
	padding-right: 0;
}
.wp-block-group.is-layout-constrained > .wp-block-group__inner-container,
.wp-block-group__inner-container.is-layout-constrained{
	max-width: calc(var(--content-max) + 2 * var(--gutter));
	margin-left: auto;
	margin-right: auto;
}
.wp-block-group.alignfull > .wp-block-group__inner-container{
	max-width: none;
}
.wp-block-spacer{
	max-height: var(--s-7);
}

/* Separators become hairlines */
.wp-block-separator,
hr{
	border: 0;
	border-top: 1px solid var(--line-2);
	background: none;
	height: 0;
	margin: var(--s-7) 0;
}

/* --------------------------------------------------------------------------
   3. Product page hero
   -------------------------------------------------------------------------- */

body .asblock_product_hero{
	color: var(--fg);
}
body .asblock_product_hero.is-text-black .asblock_product_hero__content,
body .asblock_product_hero.is-text-white .asblock_product_hero__content{
	color: var(--fg);
}
/* Desktop: the copy sits in the lower half of the hero, on the protection gradient. */
body .asblock_product_hero > .container{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: max(640px, 90vh);
	box-sizing: border-box;
	padding-top: calc(var(--header-h) + var(--s-7));
	padding-bottom: var(--s-8);
}
/* Light hero photography (is-text-black): a left-hand scrim joins the bottom gradient so the copy column reads. */
body .asblock_product_hero.is-text-black .asblock_product_hero__bg--desktop::after{
	background: linear-gradient(90deg, color-mix(in srgb, var(--c-dark) 62%, transparent) 0%, color-mix(in srgb, var(--c-dark) 35%, transparent) 40%, color-mix(in srgb, var(--c-dark) 0%, transparent) 65%), var(--scrim);
}
body .asblock_product_hero__breadcrumb{
	display: inline-flex;
	align-items: center;
	gap: var(--s-2);
	margin-bottom: var(--s-5);
	font-family: var(--font-body);
	font-size: var(--fs-eyebrow);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-eyebrow);
	text-transform: uppercase;
	color: var(--fg-2);
}
body .asblock_product_hero__breadcrumb a{
	color: var(--accent);
	text-decoration: none;
}
body .asblock_product_hero__breadcrumb a:hover{
	text-decoration: underline;
	text-underline-offset: 0.3em;
}
body .asblock_product_hero__series-logo img{
	width: 320px;
	max-width: 70%;
	margin-bottom: var(--s-5);
	filter: brightness(0) invert(1);
	opacity: 0.9;
}
/* The model never breaks apart: a long name wraps after the series number ("1723 / BOOKSHELF S THX"). */
body .asblock_product_hero__model{ white-space: nowrap; }
body .asblock_product_hero__title{
	font-family: var(--font-display);
	font-size: var(--fs-xl);
	line-height: 1.04;
	font-weight: var(--font-weight-light);
	letter-spacing: var(--ls-display);
	text-transform: uppercase;
	margin-bottom: var(--s-4);
}
body .asblock_product_hero__desc{
	font-size: var(--fs-lead);
	line-height: 1.5;
	color: var(--fg-2);
	max-width: 520px;
}
body .asblock_product_hero__actions{
	gap: var(--s-3);
	margin-top: var(--s-6);
	margin-bottom: var(--s-6);
}
body .asblock_product_hero__actions .wp-block-button__link.asblock_product_hero__btn-buy{
	background: var(--btn-bg);
	color: var(--btn-fg);
	border-color: transparent;
}
body .asblock_product_hero__actions .wp-block-button__link.asblock_product_hero__btn-buy:hover{
	background: var(--btn-bg-hover);
	color: var(--btn-fg);
}
body .asblock_product_hero__actions .wp-block-button__link.asblock_product_hero__btn-specs{
	background: transparent;
	color: var(--fg);
	border-color: var(--line-3);
}
body .asblock_product_hero__actions .wp-block-button__link.asblock_product_hero__btn-specs:hover{
	border-color: var(--fg);
	color: var(--fg);
}
body .asblock_product_hero__price{
	margin: 0 0 var(--s-1);
	font-size: var(--fs-h3);
	line-height: 1.2;
	font-weight: var(--font-weight-semibold);
	font-variant-numeric: tabular-nums;
}
body .asblock_product_hero__tp_text{
	font-size: var(--fs-small);
	font-weight: var(--font-weight-semibold);
}
body .asblock_product_hero__tp_sub{
	font-size: var(--fs-caption);
	color: var(--fg-2);
}
body .asblock_product_hero__tp_star{
	border-radius: var(--radius);
}
@media (max-width: 999px){
	body .asblock_product_hero > .container{
		display: block;
		min-height: 0;
		padding-top: calc(var(--header-h) + var(--s-7));
	}
	/* Mobile keeps the copy above the product, so it gets a top protection gradient instead,
	   and the hero grows so the product clears the buying information. */
	body .asblock_product_hero__bg--mobile::after{
		background: linear-gradient(180deg, color-mix(in srgb, var(--c-dark) 78%, transparent) 0%, color-mix(in srgb, var(--c-dark) 35%, transparent) 45%, color-mix(in srgb, var(--c-dark) 0%, transparent) 75%);
	}
	body .asblock_product_hero > .container{
		padding-bottom: clamp(460px, 72vh, 680px) !important;
	}
	body .asblock_product_hero__actions{
		margin-top: var(--s-5);
		margin-bottom: var(--s-4);
	}
	body .asblock_product_hero__series-logo img{
		max-width: 240px;
		margin-left: auto;
		margin-right: auto;
	}
	body .asblock_product_hero__title{
		font-size: var(--fs-l);
		text-align: center;
	}
	body .asblock_product_hero__desc{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: var(--fs-body);
		line-height: 1.6;
	}
	body .asblock_product_hero__breadcrumb{
		display: flex;
		justify-content: center;
	}
}
@media (min-width: 1558px){
	body .asblock_product_hero > .container{
		padding-top: calc(var(--header-h) + var(--s-8)) !important;
		padding-bottom: var(--s-9) !important;
	}
}

/* Product sub navigation → sticky tabs under the header, aligned to the site container.
   Every tab is always visible; below the tablet width the row scrolls sideways. */
body .pp-virtual-nav{
	top: var(--header-h);
	left: 0;
	right: 0;
	width: 100%;
	display: block;
	transform: none;
	padding: 0;
	border-radius: 0;
	background: var(--header-bg);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	box-shadow: none;
	border-bottom: 1px solid var(--line-2);
	transition: transform var(--t-layout) var(--ease);
}
/* Scrolling down: the header hides, the tabs move with it and stay pinned at the top. */
body.nav-up .pp-virtual-nav:not(.pp-virtual-nav--in-hero){
	transform: translateY(calc(-1 * var(--header-h)));
}
@media (max-width: 991px){
	body.nav-up .pp-virtual-nav:not(.pp-virtual-nav--in-hero){
		transform: translateY(-60px);
	}
}
body .pp-virtual-nav__inner{
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	gap: var(--s-6);
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	scroll-snap-type: x proximity;
}
body .pp-virtual-nav__inner::-webkit-scrollbar{
	display: none;
}
body .pp-virtual-nav a{
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	width: auto;
	padding: 15px 0 13px;
	border-radius: 0;
	background: none;
	font-family: var(--font-body);
	font-size: var(--fs-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--fg-3);
	border-bottom: 2px solid transparent;
	scroll-snap-align: center;
	transition: color var(--t-color) var(--ease), border-color var(--t-color) var(--ease);
}
body .pp-virtual-nav a:hover{
	background: none;
	color: var(--fg);
}
body .pp-virtual-nav a[aria-current="page"]{
	display: inline-flex;
	background: none;
	color: var(--fg);
	border-bottom-color: var(--fg);
	border-radius: 0;
	box-shadow: none;
}
@media (max-width: 991px){
	body .pp-virtual-nav{
		top: 60px;
	}
	body .pp-virtual-nav__inner{
		gap: var(--s-5);
	}
	body .pp-virtual-nav a{
		padding: 13px 0 11px;
		font-size: 12px;
	}
	/* Soft edge hints that the row scrolls. */
	body .pp-virtual-nav::after{
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 1px;
		width: 32px;
		background: linear-gradient(90deg, color-mix(in srgb, var(--c-dark) 0%, transparent) 0%, var(--bg) 100%);
		pointer-events: none;
	}
}

/* Product overview: the tab bar starts in the hero where the Buy / Specs buttons were, drawn
   exactly like the pinned bar (same tabs, type, underline marker), only without the background.
   Once it reaches the header it pins (pp-virtual-nav.js) and gains the bar's background and
   hairline, so the handover is seamless. Pinned, it is the same bar as on Features / Tech. */
/* Specificity (0,2,1) on purpose: it must beat the legacy `body.nav-up .pp-virtual-nav` slide
   from the block CSS and from the rule above, so the bar in the hero never moves with the header. */
body .pp-virtual-nav--in-hero,
body.nav-up .pp-virtual-nav--in-hero:not(.is-pinned){
	--pp-pin-top: var(--header-h);
	position: static;
	width: auto;
	background: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	border-bottom: 0;
	transform: none;
	transition: none;
}
/* In the hero the inner row is a plain row: the .container sizing (fixed max-width, auto
   margins, 100% width) it carries for the pinned bar would centre a 1140px box inside the
   720px hero column and push the tabs off to the left. */
body .pp-virtual-nav--in-hero .pp-virtual-nav__inner{
	width: auto;
	max-width: none;
	margin: 0;
	padding: 0;
	overflow: visible;   /* in the hero the row never scrolls sideways: it wraps if it must */
	flex-wrap: wrap;
	row-gap: var(--s-2);
}
body .pp-virtual-nav--in-hero.is-pinned .pp-virtual-nav__inner{
	overflow-x: auto;
	overflow-y: hidden;
	flex-wrap: nowrap;
}

/* ---- In the hero: Overview is folded away (you are on it), the other tabs are separated by
   hairline dividers that draw in on page load. Pinning unfolds Overview at the front while the
   dividers fade, and the row becomes the plain navigator of the other product pages. ---- */
body .pp-virtual-nav--in-hero .pp-virtual-nav__inner{
	gap: 0;   /* the dividers carry the spacing in the hero */
}
body .pp-virtual-nav--in-hero .pp-virtual-nav__inner > a{
	position: relative;
	padding-left: var(--s-5);
	padding-right: var(--s-5);
}
body .pp-virtual-nav--in-hero .pp-virtual-nav__inner > a:first-of-type{
	padding-left: 0;
}
body .pp-virtual-nav--in-hero .pp-virtual-nav__inner > a:last-of-type{
	padding-right: 0;
}
/* the divider: a 1px line, 60% of the tab height, that grows from the middle */
body .pp-virtual-nav--in-hero .pp-virtual-nav__inner > a + a::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 60%;
	background: var(--line-3);
	transform: translateY(-50%) scaleY(1);
	transform-origin: center;
	transition: opacity var(--t-layout) var(--ease), transform var(--t-layout) var(--ease);
}
/* Overview: present in the markup (the pinned bar needs it), folded to nothing in the hero */
body .pp-virtual-nav--in-hero .pp-virtual-nav__inner > a[aria-current="page"]{
	max-width: 0;
	padding-left: 0;
	padding-right: 0;
	overflow: hidden;
	opacity: 0;
	white-space: nowrap;
	transform: translateX(-8px);
	border-bottom-color: transparent;
	pointer-events: none;
	transition: max-width var(--t-unfold) var(--ease), padding var(--t-unfold) var(--ease),
	            opacity var(--t-layout) var(--ease) 80ms, transform var(--t-unfold) var(--ease);
}
body .pp-virtual-nav--in-hero .pp-virtual-nav__inner > a[aria-current="page"] + a{
	padding-left: 0;
}
body .pp-virtual-nav--in-hero .pp-virtual-nav__inner > a[aria-current="page"] + a::before{
	display: none;
}
:root{ --t-unfold: 320ms; }

/* Page load: the dividers draw in one after another, after the hero copy has revealed. */
@media (prefers-reduced-motion: no-preference){
	body .pp-virtual-nav--in-hero.is-entering .pp-virtual-nav__inner > a + a::before{
		animation: subnav-divider-in 480ms var(--ease) both;
	}
	body .pp-virtual-nav--in-hero.is-entering .pp-virtual-nav__inner > a:nth-of-type(3)::before{ animation-delay: 560ms; }
	body .pp-virtual-nav--in-hero.is-entering .pp-virtual-nav__inner > a:nth-of-type(4)::before{ animation-delay: 680ms; }
	body .pp-virtual-nav--in-hero.is-entering .pp-virtual-nav__inner > a:nth-of-type(5)::before{ animation-delay: 800ms; }
	@keyframes subnav-divider-in{
		from{ transform: translateY(-50%) scaleY(0); opacity: 0; }
		to{ transform: translateY(-50%) scaleY(1); opacity: 1; }
	}
}
@media (prefers-reduced-motion: reduce){
	body .pp-virtual-nav--in-hero .pp-virtual-nav__inner > a[aria-current="page"],
	body .pp-virtual-nav--in-hero .pp-virtual-nav__inner > a + a::before{
		transition: none;
	}
}

/* Pinned: Overview unfolds at the front; the dividers let go and the row takes the bar's normal gap. */
body .pp-virtual-nav--in-hero.is-pinned .pp-virtual-nav__inner{
	gap: var(--s-6);
}
body .pp-virtual-nav--in-hero.is-pinned .pp-virtual-nav__inner > a{
	padding-left: 0;
	padding-right: 0;
}
body .pp-virtual-nav--in-hero.is-pinned .pp-virtual-nav__inner > a + a::before{
	animation: none;
	opacity: 0;
	transform: translateY(-50%) scaleY(0);
}
body .pp-virtual-nav--in-hero.is-pinned .pp-virtual-nav__inner > a[aria-current="page"]{
	max-width: 12ch;
	opacity: 1;
	transform: none;
	border-bottom-color: var(--fg);
	pointer-events: auto;
}
/* The frame the bar lands on, Overview is already open: the unfold plays on the next frame. */
body .pp-virtual-nav--in-hero.is-pinned.is-landing .pp-virtual-nav__inner > a[aria-current="page"]{
	transition: none;
	max-width: 0;
	opacity: 0;
}

/* On the photograph the inactive tabs read one step lighter than on the bar; the hover and the
   current tab are unchanged, so nothing shifts on the handover except the background. */
body .pp-virtual-nav--in-hero:not(.is-pinned) a{
	color: var(--fg-2);
}
body .pp-virtual-nav--in-hero:not(.is-pinned) a:hover,
body .pp-virtual-nav--in-hero:not(.is-pinned) a[aria-current="page"]{
	color: var(--fg);
}
body .asblock_product_hero__actions--subnav{
	display: block;
}
.pp-virtual-nav__slot{
	width: 100%;
	margin: 0;
	padding: 0;
}
/* Pinned: the sticky bar under the header, full width, same as on the other product tabs. */
body .pp-virtual-nav--in-hero.is-pinned{
	position: fixed;
	top: var(--header-h);
	left: 0;
	right: 0;
	width: 100%;
	background: var(--header-bg);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid var(--line-2);
}
body .pp-virtual-nav--in-hero.is-pinned{
	transition: transform var(--t-layout) var(--ease);
}
/* The frame the bar pins on, it must sit where the slot was: no transition from the header-following transform. */
body .pp-virtual-nav--in-hero.is-pinned.is-landing{
	transition: none;
}
body.nav-up .pp-virtual-nav--in-hero.is-pinned{
	transform: translateY(calc(-1 * var(--header-h)));
}
body .pp-virtual-nav--in-hero.is-pinned .pp-virtual-nav__inner{
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 1500px){ body .pp-virtual-nav--in-hero.is-pinned .pp-virtual-nav__inner{ max-width: 1440px; } }
@media (min-width: 1650px){ body .pp-virtual-nav--in-hero.is-pinned .pp-virtual-nav__inner{ max-width: 1500px; } }
@media (max-width: 999px){
	/* the hero copy is centred on phones, so the tabs are too (as long as they fit on one line) */
	body .pp-virtual-nav--in-hero:not(.is-pinned) .pp-virtual-nav__inner{
		justify-content: safe center;
	}
}
@media (max-width: 991px){
	body .pp-virtual-nav--in-hero{
		--pp-pin-top: 60px;
	}
	body .pp-virtual-nav--in-hero.is-pinned{
		top: 60px;
	}
	body.nav-up .pp-virtual-nav--in-hero.is-pinned{
		transform: translateY(-60px);
	}
	body .pp-virtual-nav--in-hero:not(.is-pinned)::after{
		display: none;
	}
}

/* --------------------------------------------------------------------------
   4. Series hero, homepage hero, page headings
   -------------------------------------------------------------------------- */

body .asblock_hero h1,
body .asblock_hero p,
body .ambassador_heading .heading h1,
body .ambassador_heading .heading p{
	text-shadow: none;
}
body .asblock_hero h1{
	font-size: min(var(--fs-xl), 11.2vw); /* below ~393px a long word ("AMBASSADORS") would push the page sideways */
	line-height: 1;
	font-weight: var(--font-weight-light);
	letter-spacing: var(--ls-display);
}
body .asblock_hero .as_button,
body .as_button{
	height: auto;
	line-height: 1.2 !important;
	padding: 0 24px !important;
}
body .asblock_hero .as_button--series-primary{
	background: var(--btn-bg);
	color: var(--btn-fg);
}
body .asblock_hero .as_button--series-primary:hover{
	background: var(--btn-bg-hover);
	color: var(--btn-fg);
}
body .asblock_hero__description--style1 p{
	font-style: normal;
	font-size: var(--fs-lead);
	line-height: 1.5;
	color: var(--fg-2);
}
body .asblock_hero__description--style2 p{
	font-size: var(--fs-label);
	line-height: 1.5;
	letter-spacing: var(--ls-label);
	font-weight: var(--font-weight-semibold);
	color: var(--fg-2);
}
body .asblock_hero__logo img,
body .asblock_hero__logo--series img{
	filter: brightness(0) invert(1);
}

/* Homepage hero */
body .eisa1610-hero{
	background: var(--bg);
}
/* AXPONA recognition */
body .axpona-rec-title{
	font-family: var(--font-display);
	font-size: var(--fs-l);
	line-height: 1.04;
	font-weight: var(--font-weight-light);
	letter-spacing: var(--ls-display);
	margin-bottom: var(--s-5);
}
body .axpona-rec-eyebrow{
	font-size: var(--fs-eyebrow);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-eyebrow);
	text-transform: uppercase;
	color: var(--accent);
	margin-bottom: var(--s-4);
}
body .axpona-rec-body{
	font-size: var(--fs-body);
	line-height: 1.6;
	color: var(--fg-2);
	max-width: var(--text-max);
}
body .axpona-rec-quote{
	background: none;
	border: 0;
	border-top: 1px solid var(--line-2);
	border-bottom: 1px solid var(--line-2);
	padding: var(--s-5) 0 var(--s-5) 44px;
	max-width: var(--text-max);
}
body .axpona-rec-quote::before{
	font-family: var(--font-heading);
	font-size: 48px;
	font-weight: 500;
	top: 18px;
	left: 0;
	color: var(--accent);
}
body .axpona-rec-quote-text{
	font-style: normal;
	font-size: var(--fs-h3);
	line-height: 1.3;
	font-weight: 500;
}
body .axpona-rec-quote-source{
	font-size: var(--fs-eyebrow);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-eyebrow);
	text-transform: uppercase;
	color: var(--accent);
}
body .axpona-rec-cta .wp-block-button__link{
	font-family: var(--font-body);
	font-size: var(--fs-button);
	letter-spacing: var(--ls-label);
	padding: 0 24px;
}
body .axpona-rec-badge{
	filter: none;
}

/* Legacy page headings (#heading) */
#heading h1{
	font-size: var(--fs-l);
	line-height: 1.04;
}
#heading.horizontal h1:after{
	display: none;
}
#heading.horizontal p,
#heading.vertical p,
#heading.featured p{
	font-size: var(--fs-lead);
	line-height: 1.5;
	color: var(--fg-2);
	padding-left: 0;
	padding-right: 0;
}
#heading.featured{
	position: relative;
}
#heading.featured img{
	border-radius: 0;
}
#heading.featured .heading{
	z-index: 1;
}

/* --------------------------------------------------------------------------
   5. Quotes, awards, feature grids, lists
   -------------------------------------------------------------------------- */

body .product_award p.quote,
body .product_award p.quote.has-large-font-size,
body p.quote,
body p.quote.has-large-font-size,
body .wp-block-quote{
	position: relative;
	max-width: var(--text-max);
	margin-left: auto;
	margin-right: auto;
	font-family: var(--font-body);
	font-size: var(--fs-m) !important;
	line-height: 1.25 !important;
	font-weight: 500;
	letter-spacing: var(--ls-display);
	font-style: italic;   /* review quotes are italic (section 12) */
	margin-bottom: var(--s-5);
}
body .product_award p.quote em,
body p.quote em{
	font-style: italic;   /* review quotes are italic (section 12) */
}
body .product_award p.quote::before,
body p.quote::before{
	content: "\201C";
	color: var(--accent);
}
body .product_award p.quote::after,
body p.quote::after{
	content: "\201D";
	color: var(--accent);
}
body .product_award p.source,
body .product_award p.source.has-large-font-size,
body p.source{
	font-size: var(--fs-eyebrow) !important;
	line-height: 1.5 !important;
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-eyebrow);
	text-transform: uppercase;
	color: var(--fg-2);
	margin-bottom: var(--s-6);
}
body .product_award p.source a{
	text-decoration: none;
	color: inherit;   /* the export's link colour (black-ish preset, for a once-white band) was invisible on the dark band */
}
body .product_award img{
	margin-bottom: var(--s-6);
	max-height: 120px;
	width: auto !important;   /* beats the export's inline width:280px, which squashed tall logos to 120px high */
	height: auto;
	max-width: min(100%, 280px);   /* wide wordmarks (What Hi-Fi, Audioholics) stay in balance with square badges */
	border-radius: 0;
}
body .wp-block-quote{
	padding: var(--s-6) 0;
	border: 0;
	text-align: left;
}
body .wp-block-quote cite{
	display: block;
	margin-top: var(--s-4);
	font-size: var(--fs-eyebrow);
	font-style: normal;
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-eyebrow);
	text-transform: uppercase;
	color: var(--fg-2);
}

/* Feature grid titles were series-coloured h4s */
body .as-feature-title{
	font-size: var(--fs-h4);
	line-height: 1.3;
	font-weight: var(--font-weight-light);
	text-transform: none;
	letter-spacing: 0;
	color: var(--fg) !important;
	margin-bottom: var(--s-2);
	padding-top: var(--s-4);
	border-top: 1px solid var(--line-2);
}
body .as-feature p{
	color: var(--fg-2);
	font-size: var(--fs-small);
	line-height: 1.55;
}
body .as-feature-grid{
	gap: var(--s-5);
}
/* "Where <series> fits" / "What you'll experience" on the series pages other than 1610 (components/series_fit.php):
   a photo in place of the 1610 videos, so a scrim in the page colour keeps the text side readable. */
.wp-block-cover.series-fit .wp-block-cover__background.has-background-dim{
	opacity: 1;
	background-image: linear-gradient(to left, color-mix(in srgb, var(--c-page) 92%, transparent) 30%, color-mix(in srgb, var(--c-page) 45%, transparent) 70%, transparent);
}
.wp-block-cover.series-fit--text-left .wp-block-cover__background.has-background-dim{
	background-image: linear-gradient(to right, color-mix(in srgb, var(--c-page) 92%, transparent) 30%, color-mix(in srgb, var(--c-page) 45%, transparent) 70%, transparent);
}
@media (max-width: 781px){
	.wp-block-cover.series-fit .wp-block-cover__background.has-background-dim{
		background-image: linear-gradient(color-mix(in srgb, var(--c-page) 85%, transparent), color-mix(in srgb, var(--c-page) 85%, transparent));
	}
}
body .as-product-why-main,
body .as-what-you-get-main{
	gap: var(--s-8);
}
body .as-product-why-inner,
body .as-what-you-get-inner{
	padding: var(--s-8) var(--s-6);
}
@media (min-width: 992px){
	body .as-product-why-inner,
	body .as-what-you-get-inner{
		padding: var(--s-9) var(--s-8);
	}
}
body .as-dhl-list li{
	font-weight: var(--font-weight-medium);
}
body .as-dhl-list li::marker{
	color: var(--fg-3);
	font-size: 1em;
}
body .as-what-you-get-section .as-bullets{
	margin: var(--s-6) 0;
}
body .as-what-you-get-section .as-bullets li{
	margin: 0 0 var(--s-3);
	color: var(--fg-2);
}

/* --------------------------------------------------------------------------
   6. Product tiles (series lineup), ambassadors, reviews
   -------------------------------------------------------------------------- */

body .as-series-lineup__logo img{
	filter: brightness(0) invert(1);
	max-width: 320px;
}
body .as-series-lineup__headline{
	margin-bottom: var(--s-5);
}
body .as-series-lineup__intro{
	font-size: var(--fs-lead);
	line-height: 1.5;
	color: var(--fg-2);
	max-width: var(--text-max);
	margin-bottom: var(--s-7);
}
body .as-series-lineup__product-img-wrap{
	display: block;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	border: 1px solid var(--line-2);
	border-top: 2px solid var(--series-color-1, var(--accent));
	border-radius: var(--radius);
	background: var(--bg-card);
}
body .as-series-lineup__product-img-wrap img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform var(--t-image) var(--ease);
}
body .as-series-lineup__product:hover .as-series-lineup__product-img-wrap img{
	transform: scale(1.03);
}
body .as-series-lineup__product-title{
	font-family: var(--font-heading);
	font-size: var(--fs-h4);
	line-height: 1.3;
	font-weight: var(--font-weight-bold);
	text-transform: none;
	letter-spacing: 0;
	color: var(--fg);
	margin: var(--s-4) 0 var(--s-2);
}
body .as-series-lineup__product:hover .as-series-lineup__product-title{
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.3em;
}
body .as-series-lineup__product-blurb{
	font-size: var(--fs-small);
	line-height: 1.55;
	color: var(--fg-2);
	margin-bottom: var(--s-4);
}
body .as-series-lineup__product{
	margin-bottom: var(--s-8);
}
body .as-series-lineup__item .wp-block-button__link{
	background-color: transparent;
	border-color: var(--line-3);
	color: var(--fg);
}
body .as-series-lineup__item .wp-block-button__link:hover{
	background-color: transparent;
	border-color: var(--fg);
	color: var(--fg);
}

/* Ambassador cards */
body .as-ambassador-card{
	background: var(--bg-card);
}
body .as-ambassador-card__image img{
	aspect-ratio: 4 / 3;
	width: 100%;
	object-fit: cover;
	border-radius: 0;
	transition: transform var(--t-image) var(--ease);
}
body .as-ambassador-card__image{
	overflow: hidden;
}
body .as-ambassador-card:hover .as-ambassador-card__image img{
	transform: scale(1.03);
}
body .as-ambassador-card__content{
	padding: var(--s-5);
}
body .as-ambassador-card__name{
	font-size: var(--fs-h4);
	line-height: 1.3;
	font-weight: var(--font-weight-light);
	text-transform: none;
	letter-spacing: 0;
	margin: 0 0 var(--s-2);
}
body .as-ambassador-card:hover .as-ambassador-card__name{
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.3em;
}
body .as-ambassador-card__description{
	font-size: var(--fs-small);
	line-height: 1.55;
	color: var(--fg-2);
	margin: 0;
}
body .as-ambassador-card:hover{
	letter-spacing: 0;
	color: var(--fg);
}

/* Review cards (timeline + sliders) */
body .review_card_image,
body .review_product_image{
	background: var(--bg-card);
}
body .review_card_image img{
	border-radius: 0;
}
body .review_card_body h4 a{
	color: var(--fg);
}
body .review_card_quote{
	color: var(--fg-2);
	font-style: italic;
}
body .asblock_reviews_slider__text{
	color: var(--fg-2);
}
body .as-review-card{
	padding: var(--s-6);
}
body .series_filter_btn{
	min-height: 40px;
	padding: 0 var(--s-4);
	border: 1px solid var(--line-3);
	border-radius: var(--radius);
	background: transparent;
	color: var(--fg-2);
	font-family: var(--font-body);
	font-size: var(--fs-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
}
/* !important: the global button:hover rule forces --btn-fg with !important, which turned the hover text dark on the dark page. */
body .series_filter_btn:hover{
	background: transparent;
	border-color: var(--fg);
	color: var(--fg) !important;
}
body .series_filter_btn.active,
body .series_filter_btn.active:hover{
	background: var(--btn-bg);
	border-color: var(--btn-bg);
	color: var(--btn-fg) !important;
}
body #reviews_filter_select{
	background-color: transparent;
	border-color: var(--line-2);
	color: var(--fg);
}
body .timeline_load_more{
	background: var(--btn-bg);
	color: var(--btn-fg);
}
body .rv-slider-stars__item,
body .asblock_product_hero__tp_star{
	background-color: var(--color-success);
}
body .review_stars svg{
	fill: var(--accent);
}

/* --------------------------------------------------------------------------
   7. Accordion (FAQ)
   -------------------------------------------------------------------------- */

body .accordion{
	border-top: 1px solid var(--line-2);
}
body .accordion .accordion-item{
	margin: 0;
	border: 0;
	border-bottom: 1px solid var(--line-2);
}
body .accordion .accordion-title{
	margin: 0;
	padding: 22px 0;
	gap: var(--s-5);
	border: 0;
	background: none;
	font-family: var(--font-display);
	font-size: var(--fs-h4);
	line-height: 1.3;
	font-weight: var(--font-weight-light);
	text-transform: none;
	letter-spacing: 0;
	color: var(--fg);
	transition: color var(--t-color) var(--ease);
}
body .accordion .accordion-title:hover{
	color: var(--accent);
}
body .accordion .accordion-title.open{
	background: none;
	color: var(--fg);
}
/* Plus/minus drawn with two 2px bars */
body .accordion .accordion-title::after{
	content: "";
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
	margin: 0;
	background:
		linear-gradient(currentColor, currentColor) center / 14px 2px no-repeat,
		linear-gradient(currentColor, currentColor) center / 2px 14px no-repeat;
	transform: none;
	transition: background-size var(--t-layout) var(--ease);
}
body .accordion .accordion-title.open::after{
	background:
		linear-gradient(currentColor, currentColor) center / 14px 2px no-repeat,
		linear-gradient(currentColor, currentColor) center / 2px 0 no-repeat;
	transform: none;
}
body .accordion .accordion-content{
	border: 0;
	padding: 0 0 var(--s-5);
	color: var(--fg-2);
	max-width: var(--text-max);
}

/* --------------------------------------------------------------------------
   8. Tech pages: spec table, charts, downloads
   -------------------------------------------------------------------------- */

body .as-tech-hero{
	background: var(--bg);
	color: var(--fg);
}
body .as-tech-hero__eyebrow{
	font-size: var(--fs-eyebrow);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-eyebrow);
	text-transform: uppercase;
	color: var(--accent);
	margin-bottom: var(--s-4);
}
body .as-tech-hero__title{
	font-size: var(--fs-l);
	line-height: 1.04;
	font-weight: var(--font-weight-light);
	letter-spacing: var(--ls-display);
	text-transform: uppercase;
	margin-bottom: var(--s-5);
}
body .as-tech-hero__lead{
	font-size: var(--fs-lead);
	line-height: 1.5;
	color: var(--fg-2);
	max-width: 520px;
}
body .as-tech-hero__quicklinks a{
	color: var(--fg-2);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: var(--line-3);
	text-underline-offset: 0.3em;
	font-weight: 500;
}
body .as-tech-hero__quicklinks a:hover{
	color: var(--accent);
	text-decoration-color: var(--accent);
}
body .as-tech-hero__quicklinks_sep{
	color: var(--fg-3);
}
body .as-techspecs{
	background: var(--bg-raised);
	color: var(--fg);
	box-shadow: inset 0 1px 0 var(--line-1), inset 0 -1px 0 var(--line-1);
}
body .as-techspecs__card{
	background: none;
	border: 0;
	padding: 0;
}
body .as-techspecs__title{
	font-size: var(--fs-l);
	color: var(--fg);
}
body .as-techspecs__sub{
	color: var(--fg-2);
	font-size: var(--fs-small);
}
body .as-techspecs__origin{
	margin: var(--s-2) 0 var(--s-6);
}
body table.as-techspecs__table{
	width: 100%;
	border-collapse: collapse;
	font-variant-numeric: tabular-nums;
	color: var(--fg);
}
body .as-techspecs__table th,
body .as-techspecs__table td{
	padding: 12px var(--s-2);
	border: 0;
	border-bottom: 1px solid var(--line-2);
	background: none;
	font-size: var(--fs-body);
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
	color: var(--fg);
}
body .as-techspecs__table thead th{
	font-size: var(--fs-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
	color: var(--fg-2);
	border-bottom: 1px solid var(--line-3);
}
body .as-techspecs__table .as-techspecs__label{
	color: var(--fg-2);
	font-weight: 400;
}
body .as-techspecs__table .as-techspecs__val{
	font-weight: 500;
}
body .as-techspecs__units button,
body .as-techspecs__unitBtn,
body .as-techspecs__compareBtn,
body .as-techspecs__compareBtn.is-off{
	min-height: 40px;
	padding: 0 var(--s-4);
	border: 1px solid var(--line-3);
	border-radius: var(--radius);
	background: transparent;
	color: var(--fg-2);
	font-size: var(--fs-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
}
body .as-techspecs__units button.is-active,
body .as-techspecs__unitBtn.is-active,
body .as-techspecs__compareBtn,
body .as-techspecs__compareBtn.is-off{
	background: var(--btn-bg);
	border-color: var(--btn-bg);
	color: var(--btn-fg);
}
body .as-techspecs__compareBtn:hover,
body .as-techspecs__unitBtn:hover{
	color: var(--fg);
	border-color: var(--fg);
}
body .as-techspecs__compareBtn:hover{
	background: var(--btn-bg-hover);
	color: var(--btn-fg);
	border-color: var(--btn-bg-hover);
}
body .as-techspecs__units{
	display: inline-flex;
	gap: var(--s-2);
}
body .as-techspecs__select{
	background-color: transparent;
	color: var(--fg);
	border: 1px solid var(--line-2);
	border-radius: var(--radius);
	min-height: 40px;
}
body .as-techspecs__loading{
	color: var(--fg-3);
}
body .as-spec-graphs{
	background: var(--bg);
}
body .as-spec-graphs__item{
	padding: var(--s-5);
	margin-bottom: var(--s-5);
}
body .as-spec-graphs__item h2,
body .as-spec-graphs__item h3{
	font-family: var(--font-display);
	font-size: var(--fs-h4);
	line-height: 1.3;
	font-weight: var(--font-weight-light);
	text-transform: none;
	letter-spacing: 0;
	color: var(--fg);
	margin-bottom: var(--s-4);
}
body .as-spec-graphs__media img{
	background: var(--c-light);
	border-radius: var(--radius);
}
body .as_product_downloads{
	background: var(--bg-raised);
	box-shadow: inset 0 1px 0 var(--line-1), inset 0 -1px 0 var(--line-1);
}
body .as_product_downloads__card,
body .as_product_downloads__card--dark{
	background: var(--bg-card);
	color: var(--fg);
	padding: var(--s-6);
}
body .as_product_downloads__title{
	font-size: var(--fs-h3);
	color: var(--fg);
}
body .as_product_downloads__subtitle{
	color: var(--fg-2);
	font-size: var(--fs-small);
}
body .as_product_downloads__list-heading{
	font-size: var(--fs-eyebrow);
	font-weight: var(--font-weight-light);
	letter-spacing: var(--ls-eyebrow);
	text-transform: uppercase;
	color: var(--fg-2);
}
body .as_product_downloads__file-list li{
	border-top: 1px solid var(--line-2);
	padding: var(--s-3) 0;
}
body .as_product_downloads__file-list a{
	color: var(--fg);
	text-decoration: none;
}
body .as_product_downloads__file-list a:hover{
	color: var(--accent);
}
body .as_product_downloads__file-list strong{
	color: var(--fg-2);
	font-weight: 400;
}
body .as-tech-hero__modelWrap,
body model-viewer{
	background: transparent;
	border-radius: var(--radius);
}
body .as-variant-selector select,
body .as-variant-dropdown{
	min-height: 40px;
	background-color: transparent;
	color: var(--fg);
	border: 1px solid var(--line-2);
	border-radius: var(--radius);
	font-size: var(--fs-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
}
body model-viewer::part(default-ar-button),
body model-viewer [slot="ar-button"],
body .as-tech-hero__arBtn{
	background: var(--btn-bg);
	color: var(--btn-fg);
	border: 1px solid transparent;
	border-radius: var(--radius);
	font-family: var(--font-body);
	font-size: var(--fs-button);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
	box-shadow: none;
}
body .model_viewer_instructions,
body .instructions{
	color: var(--fg-3);
	font-size: var(--fs-caption);
}

/* --------------------------------------------------------------------------
   8b. Single feature pages (/feature/*, 98 exports sharing one layout): a raised title band, the
   article on a dark panel that overlaps it, and "More product features" as a grid of hairline
   cards on the page colour. The export set the band and the grid on the mid grey, which read as
   one large grey slab on a dark site; the page-level <style> is overridden here.
   -------------------------------------------------------------------------- */
body.single main > .wp-block-group.pb75.has-gray-dark-background-color:has(> .wp-block-group__inner-container > .wp-block-group.ptm75){
	background-color: var(--bg);
}
body .more_product_features{
	background: var(--bg);
	color: var(--fg);
	padding-top: var(--s-6);
	padding-bottom: var(--section-pad);
}
body .more_product_features h2{
	margin-bottom: var(--s-6);
}
body .more_product_features .item{
	margin-bottom: var(--s-5);
}
body .more_product_features .feature_box{
	height: 100%;
	padding: var(--s-4);
	border: 1px solid var(--line-1);
	border-radius: var(--radius);
	background: var(--bg-raised);
	transition: border-color var(--t-layout) var(--ease);
}
body .more_product_features .feature_box:hover{
	border-color: var(--line-3);
}
body .more_product_features .feature_box a{
	display: block;
	text-decoration: none;
}
body .more_product_features .feature_box img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	border-radius: 0;
	transition: transform var(--t-image) var(--ease);
}
body .more_product_features .feature_box:hover img{
	transform: scale(1.02);
}
body .more_product_features h5{
	margin: 0;
	padding-top: var(--s-4);
	font-family: var(--font-body);
	font-size: var(--fs-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	line-height: 1.4;
	text-transform: uppercase;
	color: var(--fg-2);
	transition: color var(--t-color) var(--ease);
}
body .more_product_features .feature_box:hover h5{
	color: var(--fg);
}

/* Customer quote tiles (.trustpilot_bg, series and story pages): raised, hairlined cards rather
   than loose mid-grey blocks; the page <style> sets the grey. */
body .wp-block-column.trustpilot_bg{
	background: var(--bg-raised);
	box-shadow: inset 0 0 0 1px var(--line-2);
	border-radius: var(--radius);
}

/* Quote banners (a review quote over a photograph, 29 pages): the photo gets the same dark scrim
   as the heroes, so the white quote reads on the light photographs too (the 1528 Stereo+ band,
   the 1723 fireplace and Audioholics banners). The quote itself loses the blur shadow. */
body .asblock_quote_banner__media::after{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, color-mix(in srgb, var(--c-dark) 28%, transparent) 0%, color-mix(in srgb, var(--c-dark) 46%, transparent) 55%, color-mix(in srgb, var(--c-dark) 62%, transparent) 100%);
	pointer-events: none;
}
body .asblock_quote_banner__content,
body .asblock_quote_banner__logo{
	position: relative;
	z-index: 1;
}
/* Centred banners: the logo sat 80px from the top of the band while the quote sat in its middle,
   and from tablet width up the two overlapped by about 70px on every page. The logo now stands
   in the flow above the quote; the band's own padding keeps the pair centred. */
body .asblock_quote_banner:not(.layout_top_left):not(.layout_bottom_left) .asblock_quote_banner__logo{
	top: auto;
	left: auto;
	right: auto;
	width: auto;
	margin: 0 auto var(--s-6);
}
body .asblock_quote_banner:not(.layout_top_left):not(.layout_bottom_left) .asblock_quote_banner__logo img{
	max-height: 96px;
}
@media (min-width: 1200px){
	body .asblock_quote_banner:not(.layout_top_left):not(.layout_bottom_left) .asblock_quote_banner__logo img{ max-height: 110px; }
}
body .asblock_quote_banner p{
	text-shadow: 0 1px 2px color-mix(in srgb, var(--c-dark) 40%, transparent);
}

/* WordPress "fit text" headings (career page): the block forces one line and relied on a script
   to shrink the type to the width; without it the line ran off the screen. It wraps instead. */
body .has-fit-text{
	white-space: normal !important;
}

/* Hero pages whose copy is a plain full-width group straight after the hero (knit club, dynamics,
   custom made parts, the live interviews, warranty, …): the export gave the group no padding, so
   the first line sat on the hero's edge. */
body .asblock_hero + .wp-block-group.alignfull:not(.pt75):not(.pt150):not(.has-background):not(.gradient_bg),
body .asblock_hero + .benefits-strip + .wp-block-group.alignfull:not(.pt75):not(.pt150):not(.has-background):not(.gradient_bg){
	padding-top: var(--s-8);
}
/* Knit club: the big pictures in the running text get room above and below */
body.knit-club .wp-block-group__inner-container > .wp-block-image{
	margin: var(--s-8) 0;
}
body.knit-club .wp-block-group__inner-container > .wp-block-image:last-child{
	margin-bottom: 0;
}

/* --------------------------------------------------------------------------
   9. Feature pages (as-pf)
   -------------------------------------------------------------------------- */

body .as-pf{
	background: var(--bg);
	padding-top: calc(var(--header-h) + var(--s-6));
}
body .as-pf-section{
	padding-top: var(--section-pad);
	padding-bottom: var(--section-pad);
	color: var(--fg);
}
body .as-pf-section.is-alt{
	background: var(--bg-raised);
	box-shadow: inset 0 1px 0 var(--line-1), inset 0 -1px 0 var(--line-1);
}
body .as-pf-kicker{
	font-size: var(--fs-eyebrow);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-eyebrow);
	text-transform: uppercase;
	color: var(--accent);
	margin-bottom: var(--s-4);
}
body .as-pf-title{
	font-size: var(--fs-l);
	line-height: 1.04;
	font-weight: var(--font-weight-light);
	letter-spacing: var(--ls-display);
	margin-bottom: var(--s-5);
}
body .as-pf-excerpt{
	color: var(--fg-2);
	max-width: var(--text-max);
	margin-bottom: var(--s-6);
}
body .as-pf-media{
	border: 1px solid var(--line-2);
	border-radius: var(--radius);
	background: var(--bg-card);
	overflow: hidden;
}
body .as-pf-media img{
	border-radius: 0;
}
body .as-pf .wp-block-button__link{
	background: transparent;
	border-color: var(--line-3);
	color: var(--fg);
}
body .as-pf .wp-block-button__link:hover{
	background: transparent;
	border-color: var(--fg);
}
body .as_product_colors__title{
	font-size: var(--fs-l);
	line-height: 1.04;
	font-weight: var(--font-weight-light);
	letter-spacing: var(--ls-display);
}

/* --------------------------------------------------------------------------
   9b. Product pages: sections drafted for the old light design
   The exported product pages style several blocks in their own <style> for a white
   page (white cards, black text). On the dark theme they take the palette's dark
   surfaces. Charts and reviewers' logos are made for white, so they keep a light
   "paper" card with dark text, written with the theme-neutral --c-light / --c-dark.
   -------------------------------------------------------------------------- */

/* Tech specs: the table sits on the section, hairlines between the rows */
body table.as-techspecs__table,
body .as-techspecs__thead th,
body .as-techspecs__thead th:first-child,
body .as-techspecs__table tbody td{
	background: transparent;
}
body .as-techspecs__table .as-techspecs__val{
	color: var(--fg);
}
body .as-techspecs__units{
	background: transparent;
	border: 0;
}

/* Frequency / impedance charts: light paper cards */
body .as-spec-graphs__item,
body .as-spec-graphs__item.shadow{
	background: var(--c-light);
	border-color: transparent;
	color: var(--c-dark);
}
body .as-spec-graphs__item h2,
body .as-spec-graphs__item h3{
	color: var(--c-dark);
}
body .as-spec-graphs__description p{
	color: color-mix(in srgb, var(--c-dark) 80%, var(--c-light));
}

/* Downloads: an inset card on the raised band */
body .as_product_downloads__card,
body .as_product_downloads__card--dark{
	background: var(--bg);
	border-color: var(--line-2);
}

/* Recognized by experts: no white panel; the reviewers' cards stay light for their logos */
body .asblock_reviews_slider{
	background: transparent;
}
body .asblock_reviews_slider__gradient--right{
	background: linear-gradient(to right, color-mix(in srgb, var(--bg) 0%, transparent), var(--bg));
}
body .asblock_reviews_slider__gradient--left{
	background: linear-gradient(to left, color-mix(in srgb, var(--bg) 0%, transparent), var(--bg));
}
body .asblock_reviews_slider .as-review-card{
	background: var(--c-light);
	border-color: transparent;
	color: var(--c-dark);
}
body .asblock_reviews_slider .as-review-card__excerpt{
	color: color-mix(in srgb, var(--c-dark) 78%, var(--c-light));
}
body .asblock_reviews_slider .as-review-card cite{
	color: var(--c-dark);
}

/* Loved by our customers (Trustpilot quotes): quote in the secondary text, the name in the UI face */
body .asblock_tp_reviews_slider .asblock_reviews_slider__text p{
	color: var(--fg-2);
}
body .asblock_reviews_slider__bottom span{
	font-family: var(--font-body);
	font-weight: var(--font-weight-semibold);
	color: var(--fg);
}
body .asblock_reviews_slider__bottom::before{
	background-color: var(--line-3);
}

/* Spec tabs (stands, legacy subwoofers): hairline under the tab row; the black
   measurement drawings are drawn light on the dark theme */
body .asblock_spec_tabs .tab__nav{
	border-bottom-color: var(--line-2);
}
:root:not([data-theme="light"]) .asblock_spec_tabs img[src*="_Black"]{
	filter: invert(1);
	opacity: 0.82;
}

/* Series cards and the series name in the lineup: the readable series accent */
body .as-series-lineup__product-title,
body .asblock_product_hero__actions .wp-block-button__link.asblock_product_hero__btn-specs{
	color: var(--accent);
}

/* Promotion cards ("Read more"): the standard primary button; series colours never fill */
body .basalt1723-promo .basalt1723-promo__button{
	display: inline-flex;
	align-items: center;
	height: var(--btn-height);
	padding: 0 24px;
	border: 1px solid transparent;
	border-radius: var(--radius);
	background: var(--btn-bg);
	color: var(--btn-fg);
	font-family: var(--font-body);
	font-size: var(--fs-button);
	line-height: 1.2;
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
	opacity: 1;
}
body .basalt1723-promo .basalt1723-promo__button:hover{
	background: var(--btn-bg-hover);
	color: var(--btn-fg);
	opacity: 1;
}

/* Series product cards (stand and legacy pages): the caption strip takes the card's surface */
body .asblock_series_products__content-wrapper{
	background: transparent;
}

/* Finishes (1610 features): the copy flips between light and dark with the background, so the
   title, intro and bullets follow the copy's colour instead of their own */
body .as_product_colors__copy :is(h2, p, li){
	color: inherit;
}
body .as_product_colors.is-flipped .as_product_colors__copy{
	color: var(--c-dark);
}

/* Boxed feature blocks (series and feature pages): only the box is a panel, not the band around it */
:root body .wp-block-arendal-boxed.has-light-gray-background-color:not(.wp-block-button__link){
	background-color: transparent !important;
	box-shadow: none;
}

/* Series hero bars: the multi-colour strip under the hero becomes one hairline */
body .as-gradient__line.as-gradient--full[class*="gradient"]::after{
	bottom: -1px;
	height: 1px;
	background: var(--line-2);
}

/* --------------------------------------------------------------------------
   10. Homepage odds and ends
   -------------------------------------------------------------------------- */

body .wp-block-cover .wp-block-image img{
	border-radius: 0;
}
/* No color-scheme on TrustBox containers: a scheme mismatch with the
   Trustpilot iframe makes the browser paint the iframe opaque white. The
   theme is passed via data-theme (see trustpilot_theme() in lib/site.php). */

/* Klaviyo forms */
body .klaviyo-form input{
	border-radius: var(--radius) !important;
	font-family: var(--font-body) !important;
}
body .klaviyo-form button{
	border-radius: var(--radius) !important;
	background: var(--btn-bg) !important;
	color: var(--btn-fg) !important;
	font-family: var(--font-body) !important;
	font-size: var(--fs-button) !important;
	font-weight: var(--font-weight-semibold) !important;
	letter-spacing: var(--ls-label) !important;
}

/* Icons: no clip-art tint; SVG icons take the secondary colour */
body .svg_icon svg{
	fill: currentColor;
}

/* Norwegian panel: the flag tab appears after one screen of scrolling and
   opens a light reading drawer (founder's note), so the drawer gets the light
   surface tokens while the page stays dark. */
body .asblock_norwegian_panel__drawer{
	--bg: var(--c-light);
	--bg-raised: var(--c-light);
	--bg-card: var(--c-light);
	--fg: var(--c-raised);
	--fg-2: color-mix(in srgb, var(--c-light) 35%, var(--c-dark));
	--fg-3: color-mix(in srgb, var(--c-light) 50%, var(--c-dark));
	--line-1: color-mix(in srgb, var(--c-raised) 8%, transparent);
	--line-2: color-mix(in srgb, var(--c-raised) 14%, transparent);
	--line-3: color-mix(in srgb, var(--c-raised) 32%, transparent);
	--accent: var(--c-accent);
	--btn-bg: var(--c-raised);
	--btn-fg: var(--c-light);
	--btn-bg-hover: var(--c-card);
	background: var(--bg);
	color: var(--fg);
	border-left: 1px solid var(--line-2);
	box-shadow: var(--shadow-dialog);
}
body .asblock_norwegian_panel__close{ color: var(--fg); }
body .asblock_norwegian_panel__content p{ color: var(--fg-2); }
body .asblock_norwegian_panel__content p strong{ color: var(--fg); }
body .asblock_norwegian_panel__content p a{ color: var(--fg); text-decoration-color: var(--line-3); }
body .asblock_norwegian_panel__content p a:hover{ color: var(--accent); text-decoration-color: var(--accent); }

/* Product gallery (per-page block): raised band, cut-outs on the card colour, hairline swatches. */
body .product_gallery_section{
	background: var(--bg-raised);
	box-shadow: inset 0 1px 0 var(--line-1), inset 0 -1px 0 var(--line-1);
	color: var(--fg);
}
body .product_gallery_item{
	background: var(--bg-card);
	border-radius: var(--radius);
}
body .product_gallery_item img{
	border-radius: 0;
}
body .product_gallery_section[data-collapsed="true"] .product_gallery_fade{
	background: linear-gradient(180deg, color-mix(in srgb, var(--c-raised) 0%, transparent) 0%, var(--c-raised) 100%);
}
body .product_gallery_swatch_all,
body .product_gallery_filter li img{
	border-color: var(--line-3);
}
body .product_gallery_filter li.active img,
body .product_gallery_filter li.active .product_gallery_swatch_all{
	border-color: var(--fg);
}
body .product_gallery_swatch_all{
	background: linear-gradient(135deg, var(--c-card) 50%, var(--c-light) 50%);
}
body .product_gallery_expand{
	background: var(--btn-bg);
	color: var(--btn-fg);
	border-color: transparent;
}
body .product_gallery_expand:hover{
	background: var(--btn-bg-hover);
	color: var(--btn-fg);
}
body .product_gallery_eyebrow,
body .product_gallery_filter_label,
body .product_gallery_swatch_label{
	color: var(--fg-2);
}

/* Compare page */
body #compare_form table td.a_class,
body #compare_form table td.c_class{
	background: var(--bg-raised);
}
body #compare_form table td,
body #compare_form table th{
	border-color: var(--line-2);
}

/* --------------------------------------------------------------------------
   Knit textures (assets/images/backgrounds/knit-0N.png)
   White-on-transparent Nordic knit, already faded — so no opacity here.
   Anchored right/bottom, cover, no repeat. At most one per page, and only
   on solid dark surfaces (the light theme drops them: white on var(--c-light)).
   Content pages opt in with .bg-knit .bg-knit--N; product, tech and series
   templates get theirs from the selectors below.
   -------------------------------------------------------------------------- */
.bg-knit,
body .product_award,
body .as-tech-hero,
body .asblock_customer_reviews{
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
}
.bg-knit--1{ background-image: url(../images/backgrounds/knit-01.png); }
.bg-knit--2{ background-image: url(../images/backgrounds/knit-02.png); }
.bg-knit--3{ background-image: url(../images/backgrounds/knit-03.png); }
.bg-knit--4{ background-image: url(../images/backgrounds/knit-04.png); }
.bg-knit--5{ background-image: url(../images/backgrounds/knit-05.png); }
.bg-knit--6{ background-image: url(../images/backgrounds/knit-06.png); }
.bg-knit--7{ background-image: url(../images/backgrounds/knit-07.png); }
.bg-knit--8{ background-image: url(../images/backgrounds/knit-08.png); }

/* Product page: the award quote band under the hero. */
body .product_award{ background-image: url(../images/backgrounds/knit-07.png); }
/* Tech page: the hero (the spec table below stays clean). */
body .as-tech-hero{ background-image: url(../images/backgrounds/knit-03.png); }
/* Series page: the customer reviews band (the lineup grid is too tall for cover). */
body .asblock_customer_reviews{ background-image: url(../images/backgrounds/knit-02.png); }

:root[data-theme="light"] .bg-knit,
:root[data-theme="light"] .product_award,
:root[data-theme="light"] .as-tech-hero,
:root[data-theme="light"] .asblock_customer_reviews{
	background-image: none;
}

/* --------------------------------------------------------------------------
   Benefits ticker (components/benefits_strip.php)
   One line under a hero, never taller than the header: raised surface with
   hairlines, brass icons, uppercase labels with the number in full contrast.
   The list is doubled and the track slides left forever (stock-ticker style),
   pauses on hover/focus, and stands still for reduced-motion users, where the
   row simply scrolls by hand.
   -------------------------------------------------------------------------- */
body .benefits-strip{
	position: relative;
	overflow: hidden;
	background: var(--bg-raised);
	border-top: 1px solid var(--line-1);
	border-bottom: 1px solid var(--line-1);
	/* Edge fades so items enter and leave softly. */
	-webkit-mask-image: linear-gradient(90deg, transparent 0, var(--c-dark) 6%, var(--c-dark) 94%, transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0, var(--c-dark) 6%, var(--c-dark) 94%, transparent 100%);
}
body .benefits-strip__track{
	display: flex;
	width: max-content;
	min-height: 56px;
	animation: benefits-ticker 42s linear infinite;
	will-change: transform;
}
body .benefits-strip:hover .benefits-strip__track,
body .benefits-strip:focus-within .benefits-strip__track{
	animation-play-state: paused;
}
body .benefits-strip__list{
	display: flex;
	align-items: center;
	flex: 0 0 auto;
}
body .benefits-strip__item{
	display: inline-flex;
	align-items: center;
	gap: var(--s-3);
	flex: 0 0 auto;
	padding: 16px var(--s-7);
	font-size: var(--fs-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	line-height: 1.2;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--fg-2);
	text-decoration: none;
	transition: color var(--t-color) var(--ease);
}
body .benefits-strip__item strong{
	font-weight: var(--font-weight-bold);
	color: var(--fg);
}
body .benefits-strip__icon{
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	color: var(--accent);
}
/* Small hairline tick between items, so the line reads as a sequence. */
body .benefits-strip__item::after{
	content: "";
	width: 1px;
	height: 14px;
	margin-left: var(--s-7);
	background: var(--line-2);
}
body .benefits-strip__item:hover{ color: var(--fg); }
body .benefits-strip__item:hover .benefits-strip__icon{ color: var(--fg); }
body .benefits-strip__item:focus-visible{ outline: 2px solid var(--accent); outline-offset: -2px; }

@keyframes benefits-ticker{
	from{ transform: translateX(0); }
	to{ transform: translateX(-50%); }
}

@media (max-width: 991px){
	body .benefits-strip__track{ min-height: 48px; animation-duration: 30s; }
	body .benefits-strip__item{ padding: 14px var(--s-6); font-size: 12px; gap: var(--s-2); }
	body .benefits-strip__item::after{ margin-left: var(--s-6); }
	body .benefits-strip__icon{ width: 16px; height: 16px; }
}

@media (prefers-reduced-motion: reduce){
	body .benefits-strip{ overflow-x: auto; scrollbar-width: none; -webkit-mask-image: none; mask-image: none; }
	body .benefits-strip::-webkit-scrollbar{ display: none; }
	body .benefits-strip__track{ animation: none; }
	body .benefits-strip__list[aria-hidden="true"]{ display: none; }
}

/* --------------------------------------------------------------------------
   Series features (homepage): framed 4:3 photo on one side, eyebrow +
   display heading + lead + Explore/Buy on the other, alternating sides.
   Every series shares the brass accent: no series colour in this section.
   -------------------------------------------------------------------------- */
body .series-feature{
	padding: calc(var(--section-pad) / 2) 0;
}
body .series-feature__inner{
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: var(--s-8);
	align-items: center;
}
@media (min-width: 1200px){
	body .series-feature__inner{ gap: var(--s-9); }
}
body .series-feature__media,
body .series-feature__content{ min-width: 0; }
body .series-feature__media{
	margin: 0;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: var(--radius);
	background: var(--bg-raised);
}
body .series-feature__media img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* The family photos put the speakers on the right, so keep that side. */
	object-position: right center;
	transition: transform var(--t-image) var(--ease);
}
body .series-feature:hover .series-feature__media img{ transform: scale(1.03); }
body .series-feature--flip .series-feature__media{ order: 2; }
body .series-feature__content{ max-width: 560px; }
/* Titles sit a step under the section headings (--fs-l): six of them in a row, each beside a photo. */
body .series-feature__content h2{
	margin: 0 0 var(--s-5);
	font-size: clamp(28px, 2.9vw, 40px);
	line-height: 1.12;
	text-wrap: balance;
}
/* A Bold payoff after a line break is its own block, so each half wraps evenly (no lone last word). */
body .series-feature__content h2 br{ display: none; }
body .series-feature__content h2:has(br) strong{
	display: block;
	text-wrap: balance;
}
body .series-feature__content p{ color: var(--fg-2); margin: 0 0 var(--s-4); }
body .series-feature__content p.lead{ color: var(--fg); }
body .series-feature__actions{
	display: flex;
	flex-wrap: wrap;
	gap: var(--s-3);
	margin-top: var(--s-6);
}
@media (max-width: 991px){
	body .series-feature{ padding: var(--s-8) 0; }
	body .series-feature__inner{ grid-template-columns: minmax(0, 1fr); gap: var(--s-6); }
	body .series-feature--flip .series-feature__media{ order: 0; }
	body .series-feature__content{ max-width: none; }
}
@media (prefers-reduced-motion: reduce){
	body .series-feature:hover .series-feature__media img{ transform: none; }
}

/* The flag tab sits flush against the drawer (and so against the viewport
   edge while the drawer is closed): its offset equals its own width. */
body .asblock_norwegian_panel__tab{ left: -48px; top: 33.333%; }   /* centred one third down the viewport */
@media (max-width: 768px){
	body .asblock_norwegian_panel__tab{ left: -40px; }
}

/* --------------------------------------------------------------------------
   Keyboard access: skip link and focus rings (only on keyboard focus, so
   mouse and touch rendering is unchanged)
   -------------------------------------------------------------------------- */
.skip-link{
	position: absolute;
	left: -9999px;
	top: 8px;
	z-index: 100000000;
	padding: 12px 16px;
	background: var(--btn-bg);
	color: var(--btn-fg);
	font-size: var(--fs-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
	text-decoration: none;
}
.skip-link:focus{ left: 8px; }
:is(.asblock_norwegian_panel__tab, .modal-close, .modal_close, #menu_toggle, .open_submenu, .type_toggle, .js-color-trigger, .accordion-title, .arendal-toggle-title, input, select, textarea):focus-visible{
	outline: 2px solid var(--accent);
	outline-offset: 2px;
}

/* ---- One title size: every section title is display L (--fs-l, the homepage's size) in the same
   Josefin caps. Block and page rules that had set their own (42px, 40px, 60px, 36px) follow it.
   Deliberate exceptions: the homepage series features and FAQ (display M), reading pages'
   in-text subheadings (base.css / pages.css) and one-off campaign pages (saga, 10th anniversary). ---- */
body .asblock_instagram_gallery h2,
body .asblock_series_products h2,
body .asblock_customer_reviews h2,
body .asblock_image_cta .inner h2,
body .asblock_working_here h2,
body .warranty_section h2,
body .hear_it_from_experts h2,
body .product_gallery_title,
body .basalt1723-promo__headline,
body h2.has-x-large-font-size,
body h2.has-xx-large-font-size{
	font-size: var(--fs-l) !important;   /* the WordPress size presets are !important */
	line-height: 1.08;
	letter-spacing: var(--ls-display);
}

/* ---- Headings that block or component rules had pulled out of the display face:
   they follow the site rule (Josefin Sans, Light; Bold only inside <strong>). ---- */
body .as-series-lineup__product-title,
body .accordion-title,
body .product_gallery_title,
body .asblock_spec_tabs h3,
body .asblock_series_products__heading-wrapper h3,
body .modal-inner-content h3,
body .modal-inner-content h4,
body .ambassador-info h4,
body .review_card_body h4,
body .asblock_series_eisa h4{
	font-family: var(--font-display);
	font-weight: var(--font-weight-light);
}
body .asblock_instagram_gallery h2,
body .asblock_series_products h2,
body .asblock_intro .arendal-intro-inner h2{
	font-weight: var(--font-weight-light);
}

/* --------------------------------------------------------------------------
   11. Product overview v2 — pilot on 1528 Tower 8 (body class pp-v2).
   Once approved, other product pages opt in with the same body class (plus the
   markup changes listed in the Tower 8 page: logo-mono logos, pp-head headers,
   eyebrows, the product_lineup component).
   -------------------------------------------------------------------------- */

/* ---- Buy: the page's one call to action, a brass button at the end of the tab row. In the hero it
   follows Series; pinned it sits at the right end of the bar (and stays in view while the row
   scrolls on phones). The label keeps the tab type; the arrow is drawn with a mask. ---- */
body.pp-v2 .pp-virtual-nav .pp-virtual-nav__inner > a.as-open-product{
	align-self: center;
	gap: 10px;
	height: 40px;
	margin-left: var(--s-2);
	padding: 0 20px;
	border: 0;
	border-radius: var(--radius);
	background: var(--accent);
	color: var(--on-accent);
	scroll-snap-align: end;
	transition: background-color var(--t-color) var(--ease), color var(--t-color) var(--ease);
}
body.pp-v2 .pp-virtual-nav .pp-virtual-nav__inner > a.as-open-product::before{
	display: none;   /* no hairline divider in front of a button */
}
body.pp-v2 .pp-virtual-nav .pp-virtual-nav__inner > a.as-open-product::after{
	content: "";
	width: 16px;
	height: 10px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M0 5h14.5M10.5 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath d='M0 5h14.5M10.5 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform var(--t-layout) var(--ease);
}
body.pp-v2 .pp-virtual-nav .pp-virtual-nav__inner > a.as-open-product:hover,
body.pp-v2 .pp-virtual-nav .pp-virtual-nav__inner > a.as-open-product:focus-visible{
	background: var(--accent-hover);
	color: var(--on-accent);
}
body.pp-v2 .pp-virtual-nav .pp-virtual-nav__inner > a.as-open-product:hover::after{
	transform: translateX(3px);
}
body.pp-v2 .pp-virtual-nav .pp-virtual-nav__inner > a.as-open-product:focus-visible{
	outline: 2px solid var(--accent);
	outline-offset: 3px;
}
/* pinned (and on Features / Tech): smaller, pushed to the right end of the bar */
body.pp-v2 .pp-virtual-nav:not(.pp-virtual-nav--in-hero) .pp-virtual-nav__inner > a.as-open-product,
body.pp-v2 .pp-virtual-nav--in-hero.is-pinned .pp-virtual-nav__inner > a.as-open-product{
	height: 32px;
	margin-left: auto;
	padding: 0 16px;
}
/* the product's name in front of Buy on the pinned bar (the hero already says it); hidden on phones */
.pp-virtual-nav__product{
	display: none;
}
@media (min-width: 768px){
	body.pp-v2 .pp-virtual-nav:not(.pp-virtual-nav--in-hero) .pp-virtual-nav__product,
	body.pp-v2 .pp-virtual-nav--in-hero.is-pinned .pp-virtual-nav__product{
		display: inline-flex;
		align-items: center;
		flex: 0 0 auto;
		margin-left: auto;
		font-family: var(--font-display);
		font-weight: var(--font-weight-light);
		font-size: 17px;
		line-height: 1;
		letter-spacing: 0.02em;
		white-space: nowrap;
		color: var(--fg);
	}
	body.pp-v2 .pp-virtual-nav .pp-virtual-nav__inner > .pp-virtual-nav__product + a.as-open-product{
		margin-left: var(--s-5);
	}
}
@media (max-width: 991px){
	/* the row scrolls sideways on phones: Buy stays pinned at its right end, over a fade */
	body.pp-v2 .pp-virtual-nav:not(.pp-virtual-nav--in-hero) .pp-virtual-nav__inner > a.as-open-product,
	body.pp-v2 .pp-virtual-nav--in-hero.is-pinned .pp-virtual-nav__inner > a.as-open-product{
		position: sticky;
		right: 0;
		height: 30px;
		padding: 0 14px;
		box-shadow: -22px 0 16px 8px var(--bg-raised);
	}
	body.pp-v2 .pp-virtual-nav::after{
		display: none;   /* the Buy button is the row's right edge now */
	}
}

/* ---- Section headers: eyebrow, title, one lead line ---- */
body.pp-v2 .pp-head{
	margin-bottom: var(--s-7);
}
body.pp-v2 .pp-head--center{
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
body.pp-v2 .pp-head h2{
	margin-bottom: var(--s-4);
}
body.pp-v2 .pp-head__lead{
	max-width: 560px;
	margin: 0 auto;
	font-size: var(--fs-body);
	line-height: 1.65;
	color: var(--fg-2);
	text-wrap: pretty;
}

/* ---- Award quote: the award logo in its own colours without its plate, a quiet link instead of a button ---- */
body.pp-v2 .product_award img.logo-color{
	width: auto;
	max-width: 100%;
	height: 104px;
	max-height: none;
	margin: 0 auto var(--s-6);
}
body.pp-v2 .product_award .pp-more{
	margin-top: var(--s-2);
	text-align: center;
}

/* ---- Recognized by experts: a mid-grey band (the ambassador box overlaps its lower edge, as on the
   homepage) with dark reviewer cards: the publication's logo in colour without its plate, the
   quote in the body face, the source under a short brass rule. ---- */
body.pp-v2 .pp-press{
	background: var(--c-card);
}
body.pp-v2 .pp-press .asblock_reviews_slider{
	padding-top: 0;
}
/* the eyebrow lighter on the grey band, so it keeps AA contrast there with every series' accent */
body.pp-v2 .pp-press .eyebrow{
	color: color-mix(in srgb, var(--accent) 50%, var(--c-ink));
}
body.pp-v2 .pp-press .eyebrow .no{
	color: color-mix(in srgb, var(--c-ink) 78%, var(--c-card));
}
body.pp-v2 .pp-press .asblock_reviews_slider__gradient--right{
	background: linear-gradient(to right, color-mix(in srgb, var(--c-card) 0%, transparent), var(--c-card));
}
body.pp-v2 .pp-press .asblock_reviews_slider__gradient--left{
	background: linear-gradient(to left, color-mix(in srgb, var(--c-card) 0%, transparent), var(--c-card));
}
body.pp-v2 .pp-press .asblock_reviews_slider .slider-container{
	--swiffy-slider-item-gap: var(--s-5);
	padding: var(--s-5) 0 var(--s-6);
}
body.pp-v2 .pp-press .asblock_reviews_slider .as-review-card{
	--bg-card: var(--c-raised);
	--fg: var(--c-ink);
	--fg-2: color-mix(in srgb, var(--c-ink) 70%, var(--c-page));
	--fg-3: color-mix(in srgb, var(--c-ink) 56%, var(--c-page));
	--line-2: color-mix(in srgb, var(--c-ink) 14%, transparent);
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	padding: var(--s-6) var(--s-5) var(--s-5);
	border: 1px solid var(--line-1);
	background: var(--c-raised);
	color: var(--fg);
	text-decoration: none;
	opacity: 1;
	transform: none;
	transition: border-color var(--t-layout) var(--ease);
}
body.pp-v2 .pp-press .asblock_reviews_slider .slider-container li .as-review-card{
	opacity: 1;
	transform: none;
	box-shadow: none;
}
body.pp-v2 .pp-press .as-review-card:hover,
body.pp-v2 .pp-press .as-review-card:focus-visible{
	border-color: var(--line-3);
}
/* the reviewer's logo in its own colours, plate removed (tools/logo_mono.py -color.webp) */
body.pp-v2 .pp-press .as-review-card img.logo-color{
	display: block;
	width: 170px;
	max-width: 100%;
	height: 72px;
	margin: 0 auto var(--s-5);
	object-fit: contain;
	border-radius: 0;
}
body.pp-v2 .pp-press .as-review-card blockquote{
	display: none;   /* empty in the export */
}
body.pp-v2 .pp-press .asblock_reviews_slider .as-review-card__excerpt{
	flex: 1 0 auto;
	margin: 0 0 var(--s-5);
	font-family: var(--font-body);   /* the body face, as review and ambassador cards elsewhere */
	font-weight: var(--font-weight-regular);
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 0;
	color: var(--fg-2);
	text-wrap: pretty;
}
body.pp-v2 .pp-press .as-review-card__excerpt::before{
	content: "\201C";
	color: var(--accent);
}
body.pp-v2 .pp-press .as-review-card__excerpt::after{
	content: "\201D";
	color: var(--accent);
}
body.pp-v2 .pp-press .asblock_reviews_slider .as-review-card cite{
	font-family: var(--font-body);
	font-size: var(--fs-eyebrow);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-eyebrow);
	text-transform: uppercase;
	color: var(--fg-2);
}
body.pp-v2 .pp-press .as-review-card cite::before{
	content: "";
	display: block;
	width: 24px;
	height: 1px;
	margin: 0 auto var(--s-3);
	background: var(--accent);
}
body.pp-v2 .pp-press .as-review-card__more{
	margin-top: var(--s-3);
	font-size: 11px;
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-eyebrow);
	text-transform: uppercase;
	color: var(--fg-3);
	transition: color var(--t-color) var(--ease);
}
body.pp-v2 .pp-press .as-review-card:hover .as-review-card__more{
	color: var(--accent);
}


/* ---- First class delivery: the one-line drawing in light ink over a faint brass glow; it draws
   itself in from left to right once scrolled into view ([data-draw], components.js). ---- */
body.pp-v2 .pp-illus{
	position: relative;
	margin: 0;
}
body.pp-v2 .pp-illus::before{
	content: "";
	position: absolute;
	inset: 20% 0 -6%;
	background: radial-gradient(ellipse 55% 45% at 58% 72%, color-mix(in srgb, var(--c-accent) 12%, transparent), transparent 70%);
	pointer-events: none;
}
body.pp-v2 .pp-illus img{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	opacity: 0.88;
}
body.pp-v2 .pp-illus.will-draw img{
	clip-path: inset(0 100% 0 0);
}
body.pp-v2 .pp-illus.will-draw.is-drawn img{
	clip-path: inset(0 0 0 0);
	transition: clip-path 2400ms cubic-bezier(0.45, 0.05, 0.3, 1);
}

/* ---- Gallery: three full rows and a glimpse of the fourth fading out; under it a quiet outline
   button between two hairlines that says how many photos there are. ---- */
body.pp-v2 .product_gallery_section{
	background: var(--bg);
}
body.pp-v2 .product_gallery_title{
	margin-bottom: var(--s-6);
}
body.pp-v2 .product_gallery_section[data-collapsed="true"] .product_gallery_wrap{
	max-height: 760px;   /* 3 rows of 220 + gaps + a 64px glimpse */
}
body.pp-v2 .product_gallery_section[data-collapsed="true"] .product_gallery_fade{
	height: 180px;
	background: linear-gradient(to bottom, color-mix(in srgb, var(--bg) 0%, transparent) 0%, var(--bg) 90%);
}
body.pp-v2 .product_gallery_section[data-collapsed="true"] .product_gallery_expand_wrap{
	display: flex;
	align-items: center;
	gap: var(--s-5);
	margin-top: var(--s-4);
}
body.pp-v2 .product_gallery_expand_wrap::before,
body.pp-v2 .product_gallery_expand_wrap::after{
	content: "";
	flex: 1 1 0;
	height: 1px;
	background: var(--line-2);
}
body.pp-v2 .product_gallery_expand{
	flex: 0 0 auto;
	height: 48px;
	padding: 0 var(--s-5);
	gap: var(--s-3);
	border: 1px solid var(--line-3);
	border-radius: var(--radius);
	background: transparent;
	color: var(--c-ink);
	font-size: var(--fs-button);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--ls-label);
	transition: border-color var(--t-color) var(--ease), background-color var(--t-color) var(--ease);
}
body.pp-v2 .product_gallery_expand .product_gallery_expand_label{
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	opacity: 1;
}
body.pp-v2 .product_gallery_expand:hover,
body.pp-v2 .product_gallery_expand:focus-visible{
	border-color: var(--fg);
	background: color-mix(in srgb, var(--c-ink) 6%, transparent);
	color: var(--c-ink) !important;   /* buttons.css gives every button:hover the dark button text !important */
}
body.pp-v2 .product_gallery_expand:focus-visible{
	outline: 2px solid var(--accent);
	outline-offset: 3px;
}
body.pp-v2 .product_gallery_expand:hover .product_gallery_expand_icon{
	transform: none;
}
body.pp-v2 .product_gallery_count{
	padding-left: var(--s-3);
	border-left: 1px solid var(--line-3);
	color: var(--fg-2);
	font-variant-numeric: tabular-nums;
}
body.pp-v2 .product_gallery_count:empty{
	display: none;
}
@media (max-width: 1024px){
	body.pp-v2 .product_gallery_section[data-collapsed="true"] .product_gallery_wrap{ max-height: 700px; }
}
@media (max-width: 640px){
	body.pp-v2 .product_gallery_section[data-collapsed="true"] .product_gallery_wrap{ max-height: 720px; }
	body.pp-v2 .product_gallery_section[data-collapsed="true"] .product_gallery_fade{ height: 140px; }
	body.pp-v2 .product_gallery_expand_wrap{ gap: var(--s-3); }
}
@media (prefers-reduced-motion: reduce){
	body.pp-v2 .pp-illus.will-draw img{ clip-path: none; }
}

/* ---- Slider arrows (Awards and Loved by our customers): outside the cards, in the free space at
   either side of the track, drawn like the site's other round arrow buttons (hairline circle, line
   arrow; filled on hover). Desktop only; touch screens swipe. ---- */
@media (min-width: 992px){
	body.pp-v2 .asblock_tp_reviews_slider .swiffy-slider,
	body.pp-v2 .pp-press .asblock_reviews_slider .swiffy-slider{
		padding: 0 72px;
	}
	/* the fades sit on the track's edges, not over the arrows' margin */
	body.pp-v2 .pp-press .asblock_reviews_slider__gradient{
		width: 96px;
	}
	body.pp-v2 .pp-press .asblock_reviews_slider__gradient--left{
		left: 72px;
	}
	body.pp-v2 .pp-press .asblock_reviews_slider__gradient--right{
		right: 72px;
	}
}
body.pp-v2 :is(.asblock_tp_reviews_slider, .pp-press .asblock_reviews_slider) .swiffy-slider .slider-nav{
	visibility: visible;
	top: 50% !important;
	bottom: auto !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 48px !important;
	height: 48px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: -24px 0 0 !important;
	padding: 0 !important;
	border: 1px solid var(--line-3) !important;
	border-radius: 50% !important;
	background: transparent !important;
	color: var(--fg) !important;
	opacity: 1 !important;
	box-shadow: none !important;
	-webkit-filter: none;
	filter: none;
	transform: none !important;
	transition: border-color var(--t-color) var(--ease), background-color var(--t-color) var(--ease), color var(--t-color) var(--ease) !important;
}
body.pp-v2 :is(.asblock_tp_reviews_slider, .pp-press .asblock_reviews_slider) .swiffy-slider .slider-nav::before{
	display: none !important;
}
body.pp-v2 :is(.asblock_tp_reviews_slider, .pp-press .asblock_reviews_slider) .swiffy-slider .slider-nav::after{
	content: "" !important;
	position: static !important;
	width: 18px !important;
	height: 12px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	color: inherit !important;   /* the block CSS gives the arrow its own colour */
	background: currentColor !important;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M17 6H1.5M6 1.5 1.5 6 6 10.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat !important;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M17 6H1.5M6 1.5 1.5 6 6 10.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat !important;
	transform: none !important;
}
body.pp-v2 :is(.asblock_tp_reviews_slider, .pp-press .asblock_reviews_slider) .swiffy-slider .slider-nav.slider-nav-next::after{
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M1 6h15.5M12 1.5 16.5 6 12 10.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath d='M1 6h15.5M12 1.5 16.5 6 12 10.5' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") !important;
}
body.pp-v2 :is(.asblock_tp_reviews_slider, .pp-press .asblock_reviews_slider) .swiffy-slider .slider-nav:hover{
	border-color: var(--fg) !important;
	background: var(--fg) !important;
	color: var(--bg) !important;
}
body.pp-v2 :is(.asblock_tp_reviews_slider, .pp-press .asblock_reviews_slider) .swiffy-slider .slider-nav:focus-visible{
	outline: 2px solid var(--accent);
	outline-offset: 3px;
}
body.pp-v2 .pp-press .asblock_reviews_slider .swiffy-slider .slider-nav:hover{
	color: var(--c-card) !important;
}
@media (max-width: 991px){
	body.pp-v2 .pp-press .asblock_reviews_slider .swiffy-slider .slider-nav{
		display: none !important;
	}
}
/* Loved by our customers: one card fewer on desktop, so the row breathes between the arrows */
@media (min-width: 1200px){
	body.pp-v2 .asblock_tp_reviews_slider .swiffy-slider{ --swiffy-slider-item-count: 4; }
}
@media (min-width: 1500px){
	body.pp-v2 .asblock_tp_reviews_slider .swiffy-slider{ --swiffy-slider-item-count: 5; }
}

/* --------------------------------------------------------------------------
   12. Review quotes are italic, site-wide: award and press quotes, reviewer and
   customer (Trustpilot) cards, quote banners, block quotes on review pages, and
   in page copy any paragraph marked .review-quote (a whole quote from a review).
   Same families as before; they have no italic cut, so the browser slants them.
   Attributions (cite, sources, names) stay upright. Not included: owner and
   ambassador testimonials, interview quotes, article pull quotes.
   -------------------------------------------------------------------------- */
body p.quote,
body .as-review-card__excerpt,
body .asblock_reviews_slider__text,
body .asblock_reviews_slider__text p,
body .asblock_customer_reviews__description,
body .asblock_customer_reviews__description p,
body .asblock_quote_banner__content p:not(.source),
body .wp-block-quote p,
body .wp-block-quote em,
body .wp-block-pullquote blockquote p,
body .review_quote h3,
body .axpona-rec-quote-text,
body .axpona-debut-quote,
body .m8-pullquote,
body .m8-pullquote p,
body .eisa1610-hero__quote,
body .eisa1610-hero__quote p,
body .review-quote,
body .review-quote em{
	font-style: italic;
}
body :is(.wp-block-quote, .wp-block-pullquote, .m8-pullquote, .axpona-debut-quote) cite,
body .axpona-debut-quote_source,
body .asblock_quote_banner__content .source{
	font-style: normal;
}