.top{position:relative}@container main (min-width: 48.0625rem){.top{padding-top:calc(var(--header-height) / 2)}.top>*{-ms-grid-row:1;grid-row:1}}.top .lightbox-toggle{position:absolute;bottom:0px;right:var(--inline-padding);width:5rem;height:5rem;background:var(--secondary);border-radius:100px;-webkit-transition:background-color 0.3s cubic-bezier(0.23,1,0.32,1);transition:background-color 0.3s cubic-bezier(0.23,1,0.32,1)}.top .lightbox-toggle:hover{background:var(--secondary-hover)}@container main (max-width: 48rem){.top .lightbox-toggle{width:2.75rem;height:2.75rem;bottom:25px}}@container main (max-width: 26.1875rem){.top .lightbox-toggle{margin:0.625rem}}.top .lightbox-toggle [class*=icon]{width:1.5rem;height:1.5rem}@container main (max-width: 48rem){.top .lightbox-toggle [class*=icon]{width:1rem;height:1rem}}.top .img-wrapper{height:calc(100vh - var(--header-height) - var(--more-info-height) - 4.8125rem - 5rem);position:relative}.top .img-wrapper:before{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;content:"";display:block;height:40px;width:40px;background:url('data:image/svg+xml,<svg width="38" height="38" viewBox="0 0 42 42" xmlns="http://www.w3.org/2000/svg" stroke="%23FFF"> <g fill="none" fill-rule="evenodd"> <g transform="translate(2 2)" stroke-width="4"> <circle stroke-opacity=".5" cx="18" cy="18" r="18"/> <path d="M36 18c0-9.94-8.06-18-18-18"> <animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/> </path> </g> </g> </svg>');background-repeat:no-repeat;background-position:center;background-size:contain;z-index:-1}@container main (max-width: 48rem){.top .img-wrapper{height:auto}.top .img-wrapper img{width:100%}}.top .close{text-decoration:none}.top .close span{pointer-events:none}.top .close [class*=icon]{width:1.25rem;height:1.25rem;-webkit-transition:margin 0.3s cubic-bezier(0.23,1,0.32,1);transition:margin 0.3s cubic-bezier(0.23,1,0.32,1)}.top .close:hover span[class*=icon]{margin:0 5px 0 -5px}.more{margin-top:5rem;background:var(--secondary);padding-block:1.5625rem;text-decoration:none;-webkit-transition:background-color 0.3s cubic-bezier(0.23,1,0.32,1);transition:background-color 0.3s cubic-bezier(0.23,1,0.32,1);font:var(--body-title-font)}@container main (max-width: 48rem){.more{display:none}}.more:hover{background:var(--secondary-hover)}.more span{pointer-events:none}.more [class*=icon]{width:1.25rem;height:1.25rem}.lightbox{position:fixed;top:0;left:0;right:0;width:100vw;height:100vh;background:var(--_background);z-index:101;padding-block:1.875rem}.lightbox .wrapper{overflow:visible!important;position:relative;height:100%;width:100%}.lightbox .panzoom-parent{overflow:visible!important;cursor:-webkit-grab!important;cursor:grab!important}.lightbox #panzoom-element{height:100%;width:100%;position:relative}.lightbox #panzoom-element:before{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;content:"";display:block;height:40px;width:40px;background:url('data:image/svg+xml,<svg width="38" height="38" viewBox="0 0 42 42" xmlns="http://www.w3.org/2000/svg" stroke="%23FFF"> <g fill="none" fill-rule="evenodd"> <g transform="translate(2 2)" stroke-width="4"> <circle stroke-opacity=".5" cx="18" cy="18" r="18"/> <path d="M36 18c0-9.94-8.06-18-18-18"> <animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/> </path> </g> </g> </svg>');background-repeat:no-repeat;background-position:center;background-size:contain;z-index:-1}.lightbox .controls{position:absolute;right:var(--inline-padding);top:0;height:100%;width:auto}.lightbox .controls button.close,.lightbox .controls button.fullscreen{width:5rem;height:5rem;background:var(--secondary);border-radius:100px;-webkit-transition:background-color 0.3s cubic-bezier(0.23,1,0.32,1);transition:background-color 0.3s cubic-bezier(0.23,1,0.32,1)}.lightbox .controls button.close:hover,.lightbox .controls button.fullscreen:hover{background:var(--secondary-hover)}@container main (max-width: 48rem){.lightbox .controls button.close,.lightbox .controls button.fullscreen{width:2.75rem;height:2.75rem}}.lightbox .controls button.close [class*=icon],.lightbox .controls button.fullscreen [class*=icon]{width:1.5rem;height:1.5rem}@container main (max-width: 48rem){.lightbox .controls button.close [class*=icon],.lightbox .controls button.fullscreen [class*=icon]{width:1rem;height:1rem}}.lightbox .controls button.close [class*=icon]{width:1rem;height:1rem}@container main (max-width: 48rem){.lightbox .controls button.close [class*=icon]{width:0.75rem;height:0.75rem}}@container main (max-width: 48rem){.lightbox .controls button.fullscreen{display:none}}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){@container main (min-width: 48.0625rem){.lightbox .controls .zoom{-ms-grid-rows:auto 20vh auto;grid-template-rows:auto 20vh auto}}}.lightbox .controls .zoom .zoom-in,.lightbox .controls .zoom .zoom-out{padding:0.9375rem;border-radius:100%;-webkit-transition:background-color 0.3s cubic-bezier(0.23,1,0.32,1);transition:background-color 0.3s cubic-bezier(0.23,1,0.32,1);cursor:pointer}.lightbox .controls .zoom .zoom-in:hover,.lightbox .controls .zoom .zoom-out:hover{background-color:var(--secondary)}@container main (max-width: 48rem){.lightbox .controls .zoom{position:fixed;bottom:1.25rem;background:var(--secondary);z-index:90;width:calc(100% - var(--inline-padding) * 2);margin:0 auto;padding:0.9375rem 1.25rem;border-radius:100px;right:0;left:0;-ms-grid-columns:auto 1fr auto;grid-template-columns:auto 1fr auto}.lightbox .controls .zoom [class*=icon]{width:1.375rem;height:1.375rem}.lightbox .controls .zoom .zoom-in{-ms-grid-column:3;grid-column:3}.lightbox .controls .zoom .zoom-out{-ms-grid-column:1;grid-column:1}}.lightbox .controls .zoom .zoom-range{-webkit-writing-mode:vertical-lr;-ms-writing-mode:bt-lr;writing-mode:vertical-lr;direction:rtl;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:0 12px;background:transparent;width:1.25rem;cursor:-webkit-grab;cursor:grab}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){.lightbox .controls .zoom .zoom-range{-webkit-writing-mode:vertical-lr;-ms-writing-mode:bt-lr;writing-mode:vertical-lr;direction:rtl;-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical}}@container main (min-width: 48.0625rem){.lightbox .controls .zoom .zoom-range{height:20vh}}.lightbox .controls .zoom .zoom-range::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--_text);height:100%;width:2px;border-radius:5px}.lightbox .controls .zoom .zoom-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;position:relative;left:50%;top:initial;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:var(--_text);width:20px;height:20px;border-radius:100%;border:0}.lightbox .controls .zoom .zoom-range::-moz-range-track{position:relative;box-sizing:border-box;background:var(--_text);height:100%;width:2px;border-radius:5px}.lightbox .controls .zoom .zoom-range::-moz-range-thumb{position:relative;top:initial;background:var(--_text);width:20px;height:20px;border-radius:100%;border:0}@container main (max-width: 48rem){.lightbox .controls .zoom .zoom-range{direction:ltr;-webkit-writing-mode:lr;-ms-writing-mode:lr;writing-mode:lr;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:12px 0;background:transparent;cursor:-webkit-grab;cursor:grab}.lightbox .controls .zoom .zoom-range::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--_text);width:100%;height:2px;border-radius:5px}.lightbox .controls .zoom .zoom-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;position:relative;left:initial;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--_text);width:20px;height:20px;border-radius:100%}.lightbox .controls .zoom .zoom-range::-moz-range-track{position:relative;box-sizing:border-box;background:var(--_text);width:100%;height:2px;border-radius:5px}.lightbox .controls .zoom .zoom-range::-moz-range-thumb{position:relative;left:initial;top:50%;transform:translateY(-50%);background:var(--_text);width:20px;height:20px;border-radius:100%}}.lightbox img{width:100%;height:100%;max-height:90vh;-o-object-fit:contain;object-fit:contain}.copy-modal{position:fixed;z-index:1000;top:50%;margin:0 auto;left:50%;translate:-50% -50%;background:#fff;color:var(--primary);padding:clamp(40px,5vw,90px) clamp(20px,5vw,90px) clamp(20px,5vw,90px);border-radius:0.375rem;-webkit-box-shadow:0 0.5625rem 0.875rem rgb(0,0,0);box-shadow:0 0.5625rem 0.875rem rgb(0,0,0);text-align:center;width:calc(100% - var(--inline-padding))}@media (min-width:48.0625rem){.copy-modal{width:-webkit-fill-available;width:-moz-available;width:fill-available}}.copy-modal h4{margin:0}.copy-modal div:has(.text){width:auto}.copy-modal .text{padding:0.4375rem 1rem;border-radius:0.375rem;border:1px solid var(--text-secondary-50)}.copy-modal .btn{background:var(--highlight);color:var(--_text);border-radius:0.375rem;padding:0.625rem 1.25rem;cursor:pointer}.copy-modal .close{position:absolute;right:0.5rem;top:0.5rem}.copy-modal .close [class*=icon]{width:2.25rem;height:2.25rem;padding:0.5625rem}.copy-modal .close [class*=icon]:after{background:var(--primary)}