/* Small additions layered on top of the verbatim Squarespace CSS. */
.header-nav-item--folder.header-nav-folder-content--visible .header-nav-folder-content{opacity:1;pointer-events:auto;visibility:visible}
/* Squarespace paints section background images into a WebGL canvas (parallax/FX) and hides
   the <img>. Without its runtime, show the <img> itself, cover-fit, exactly where the canvas was. */
.section-background-content img.background-image-fx{visibility:visible!important;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.section-background-canvas.background-fx-canvas{display:none}
/* live runtime zeroes bottom padding on sections that carry a divider */
section.page-section.has-section-divider{padding-bottom:0!important}
/* Legacy gallery slideshow w/ thumbnail strip (Squarespace lays this out in JS). */
.sqs-gallery-block-slideshow .sqs-gallery{position:relative;aspect-ratio:1/1;overflow:hidden}
.sqs-gallery-block-slideshow .sqs-gallery>.slide{position:absolute;inset:0;opacity:0;z-index:888;overflow:hidden;transition:opacity .5s ease;cursor:pointer}
.sqs-gallery-block-slideshow .sqs-gallery>.slide.sqs-active-slide{opacity:1;z-index:889}
.sqs-gallery-block-slideshow .sqs-gallery>.slide img.thumb-image{position:relative;display:block;width:100%;height:100%;object-fit:cover;visibility:visible}
.sqs-block-gallery .sqs-gallery-thumbnails{position:relative;height:80px;margin-top:15px;margin-bottom:-5px;padding:5px 0;overflow:hidden}
.sqs-block-gallery .sqs-gallery-thumbnails .sqs-gallery-strip{display:flex;gap:0;transition:transform .4s ease}
.sqs-block-gallery .sqs-gallery-thumbnails img{flex:0 0 80px;width:80px;height:80px;object-fit:cover;opacity:.5;cursor:pointer;display:block}
.sqs-block-gallery .sqs-gallery-thumbnails img.sqs-active-slide{opacity:1}
/* live runtime pads the first section by header height + 3px (measured at 390/1024/1440) */
#page-regions>section.region:first-child>section.page-section:first-child{padding-top:calc(var(--header-height, 0px) + 3px)!important}
/* Text "highlight" attribute: live draws a 1em-thick white stroke behind the words via JS/SVG.
   Same look in CSS (calibrated from live screenshots: 1em band, ~68% down the line box). */
.sqsrte-text-highlight{background-image:linear-gradient(#fff,#fff);background-repeat:no-repeat;background-size:100% 1em;background-position:0 68%;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.gallery-reel-item-src img{width:100%;height:100%;object-fit:cover}
.gallery-reel-item>a,.gallery-reel-item-wrapper,.gallery-reel-item-src{display:block;width:100%;height:100%}
.gallery-reel .gallery-reel-item-src{display:block!important;opacity:1!important}