body.preload *,body.preload :after,body.preload :before{animation-play-state:paused!important;-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important}body.preload main,body.preload nav menu,body.preload nav[is=nav-footer]{opacity:0;transition:opacity .3s;will-change:opacity}body nav menu{opacity:1}*,:after,:before{box-sizing:border-box}address,article,aside,audio,blockquote,body,canvas,dd,dialog,div,dl,dt,fieldset,figcaption,figure,footer,header,hgroup,html,img,menu,nav,section,video{border:0;margin:0;padding:0;vertical-align:baseline}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;overflow:hidden}body,html{height:100%;width:100%}body{background-color:var(--body-colour);overflow:auto;scroll-behavior:smooth;scrollbar-width:none}body::-webkit-scrollbar{display:none}@media(hover:hover){body{scroll-snap-type:y mandatory}}body[style$="position: fixed;"] main{opacity:0;pointer-events:none}body[style$="position: fixed;"] main .h1,body[style$="position: fixed;"] main .h2,body[style$="position: fixed;"] main .h3,body[style$="position: fixed;"] main .h4,body[style$="position: fixed;"] main .h5,body[style$="position: fixed;"] main form,body[style$="position: fixed;"] main h1,body[style$="position: fixed;"] main h2,body[style$="position: fixed;"] main h3,body[style$="position: fixed;"] main h4,body[style$="position: fixed;"] main h5,body[style$="position: fixed;"] main p,body[style$="position: fixed;"] main ul{display:none}a,abbr,cite,code,datalist,dfn,em,mark,q,s,small,span,strong,sub,sup,time,u,var{margin:0}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{accent-color:var(--accent-colour);font-family:var(--font-text);font-size:16px;line-height:var(--body-line-height);text-rendering:optimizeSpeed}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{display:block;text-wrap:balance}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,ol,p,ul{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;margin:0}menu,ol[class],ul{list-style:none;padding:0}img{pointer-events:none;-webkit-touch-callout:none}embed,img,object,picture,video{display:block;max-width:100%;vertical-align:middle}button,input,label,select{line-height:1}a:hover,button:hover,input[type=submit]:hover,label:hover{cursor:pointer}button,input,select,textarea{box-sizing:border-box;color:inherit;font-family:var(--font-menu);font-size:1em;margin:0;padding:0}button:focus,input:focus,select:focus,textarea:focus{box-shadow:none;outline:none}textarea{resize:vertical;vertical-align:top}.btn--text,menu button,nav button{--border-colour:transparent;--bg-colour:transparent}button{-webkit-appearance:none;-moz-appearance:none;background-image:none;white-space:nowrap;-webkit-tap-highlight-color:hsla(0,0%,100%,0)}button,button:active,button:focus{box-shadow:none}button:focus{outline:none!important}button{background-color:transparent;border:none}.btn{-webkit-appearance:none;-moz-appearance:none;background-image:none;white-space:nowrap;-webkit-tap-highlight-color:hsla(0,0%,100%,0)}.btn,.btn:active,.btn:focus{box-shadow:none}.btn:focus{outline:none!important}.btn{background-color:var(--bg-colour,transparent);border-color:var(--border-colour,transparent);border-style:solid;border-width:1px}.btn[tool-tip]{position:relative}.btn>*{pointer-events:none}.btn.btn--circle{border-radius:100%;height:var(--input-size);max-width:var(--input-size);min-width:var(--input-size);padding:0;width:var(--input-size)}a{text-decoration:none;-webkit-tap-highlight-color:hsla(0,0%,100%,0);color:var(--link-colour)}a[tool-tip]{position:relative}a>*{pointer-events:none}action-link:hover{cursor:pointer}a:active,a:hover{outline:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}[tabindex="-1"]:focus{outline:none}[tabindex="-1"]:focus-visible{outline:2px solid var(--link-colour)}.flex-center,.logo,.side-bar--right menu[is=page-menu] li,article-hero figure[is=fancy-figure] image-box,article>header,aside masonry-list>image-box .list-item__anchor,aside masonry-list>image-thumbnail .list-item__anchor,aside masonry-list>list-item .list-item__anchor,cart-summary>a,dialog.message,dialog[is=site-search] .signed-in-notification,dialog[is=site-search]>header,favourites-summary>a,item-overlay,nav[is=article-nav],nav[is=article-nav] menu,nav[is=nav-footer],nav[is=nav-header]:not(.shrink)>menu>list-item>menu.dropdown>li,nav[is=page-nav],page-tools .action-link,section-content masonry-list>image-box .list-item__anchor,section-content masonry-list>image-thumbnail .list-item__anchor,section-content masonry-list>list-item .list-item__anchor,section-menu>.action-link{align-items:center;display:flex;justify-content:center}.window-height{height:calc(var(--window-height) - var(--sticky-top, 0))}.svg>svg,span>svg,svg-icon>svg{height:100%;width:100%}.colour-block,.side-bar--right menu[is=page-menu],article-hero,article-hero .hero__text,article>header,aside[is=my-aside],dialog.fullsize,dialog.message>div,dialog[is=site-directory][open],dialog[is=site-search],nav[is=article-nav],nav[is=nav-footer],nav[is=nav-header],page-tools,section,section-media,section.playing section-menu>menu{background-color:var(--bg-colour);border-color:var(--border-colour);color:var(--text-colour)}.bg--invert,.component-form-container status-message:not(:empty),article-hero,aside[is=my-aside],dialog.fullsize,dialog.message>div,dialog[is=site-directory][open],dialog[is=site-search],nav[is=nav-header]{--bg-colour:hsl(var(--default-h) var(--default-s) 15%/var(--bg-opacity));--heading-colour:hsl(var(--default-h) 25% 60%);--border-colour:hsl(var(--default-h) 18% 20%);--text-colour:hsl(var(--default-h) 30% 90%);--link-colour:hsl(var(--alt-h) 25% 65%);--icon-colour:hsl(var(--default-h) 25% 55%);--accent-colour:hsl(var(--alt-h) 50% 55%)}.bg--pretty-dark,page-tools:has(+main article-hero){--bg-colour:hsl(var(--default-h) var(--default-s) 35%/var(--bg-opacity));--heading-colour:hsl(var(--default-h) 25% 75%);--border-colour:hsl(var(--default-h) 30% 45%);--text-colour:hsl(var(--default-h) 15% 85%);--link-colour:hsl(var(--alt-h) 30% 70%);--icon-colour:hsl(var(--alt-h) 20% 60%);--accent-colour:hsl(var(--alt-h) 50% 65%)}.bg--pretty,.side-bar--right menu[is=page-menu],page-tools:has(+main article[sections-complete]),section.playing section-menu>menu{--bg-colour:hsl(var(--default-h) 25% 75%/var(--bg-opacity));--heading-colour:hsl(var(--default-h) 25% 90%);--border-colour:hsl(var(--alt-h) 30% 75%);--text-colour:hsl(var(--default-h) 15% 99%);--link-colour:hsl(var(--alt-h) 30% 15%);--icon-colour:hsl(var(--default-h) 30% 30%);--accent-colour:hsl(var(--alt-h) 50% 50%)}.bg--pretty-light,page-tools{--bg-colour:hsl(var(--default-h) 25% 90%/var(--bg-opacity));--heading-colour:hsl(var(--default-h) 25% 25%);--border-colour:hsl(var(--default-h) 30% 75%);--text-colour:hsl(var(--default-h) 15% 20%);--link-colour:hsl(var(--default-h) 30% 15%);--icon-colour:hsl(var(--default-h) 30% 30%);--accent-colour:hsl(var(--alt-h) 50% 50%)}.flow>*+*{margin-block-start:var(--flow,1.58em)}.flow-end>*+*{margin-block-end:var(--flow,1.58em)}.component-form-container .form .form__block>*+*,.text-flow>*+*,article>header>*+*,aside[is=my-aside]>*+*{margin-block-start:var(--text-flow,1rem)}.admin-info{color:var(--accent-colour);position:fixed;right:0;top:0;z-index:9999}.hidden,[hidden]{display:none!important}.visually-hidden{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;z-index:-1000000!important;clip:rect(0,0,0,0);border:0!important;white-space:nowrap}@media screen and (max-width:768px){.mobile-hide{display:none!important}}[disabled]{cursor:none!important;pointer-events:none!important}[draggable]:hover{cursor:move}[submitting]{pointer-events:none}[submitting] button{opacity:.6}[submitting] .checkbox__tick,[submitting] button[type=submit].btn--circle,[submitting].expanding-form:not(.show)>button.btn--circle{animation-duration:.7s;animation-iteration-count:infinite;animation-name:spin;transform-origin:center}[submitting] .checkbox__tick{border:2px dashed var(--tick-colour)}.resize{resize:horizontal}.fade-in{animation-direction:normal;animation-duration:var(--fade-in-duration,.6s);animation-fill-mode:forwards}.fade-in,.fade-out{animation-name:fade-in-out}.fade-out{animation-direction:reverse;animation-duration:0s;animation-fill-mode:forwards;pointer-events:none!important}.center-align{text-align:center}.center,.center-element{margin:0 auto}.center{text-align:center}.flex{display:flex}.flex-align-center{align-items:center}.flex-justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.mark,mark{background-color:hsl(var(--alt-h),80%,50%,.3);color:var(--black)}.success{color:var(--link-colour)}.active,.highlight{--heading-colour:var(--accent-colour);--text-colour:var(--accent-colour);--icon-colour:var(--accent-colour)}.active.form__field,.highlight.form__field{--input-text-colour:var(--accent-colour);--input-border-colour:var(--accent-colour)}admin-error{--text-md:var(--text-xs);--text-sm:var(--text-xs);display:block;outline:2px solid var(--accent-colour);padding:.4rem}admin-error:before{color:var(--accent-colour);content:"Admin error notification";display:block;font-size:var(--text-sm);text-transform:uppercase}.error{background-color:var(--accent-colour)!important;outline:2px solid var(--accent-colour)}.subdue{opacity:.5!important}p::-moz-selection{background-color:var(--accent-colour);color:#fff}p::selection{background-color:var(--accent-colour);color:#fff}.close-btn{position:absolute;right:0;top:0}.no-wrap{white-space:nowrap}:root{--vh:1vh;--vw:1vw;--scrollbar-size:0.8em;--window-height:calc(var(--vh, 1vh)*100);--window-width:calc(var(--vw, 1vw)*100);--icon-size:1rem}@media screen and (max-width:768px){:root{--vh:1dvh;--vw:1dvw}}.side-bar,breadcrumb-list{font-family:var(--font-menu);letter-spacing:.05em;line-height:1}.intro-text,.section--row section-content header+p,article>header h1~p:first-of-type,dialog[is=site-search] .signed-in-notification p:not([class]),dialog[is=site-search]>header p:not([class]){font-family:var(--font-italic,var(--font-text));letter-spacing:.001rem}p,ul:not([class]):not([is]) li{color:var(--text-colour);letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing)}.h1,h1{font-size:var(--text-h1);text-transform:capitalize}:-webkit-any(article,aside,nav,section) h1{margin-block:0}.h2,h2{font-size:var(--text-h2)}.h3,h3{font-size:var(--text-h3)}.h4,h4{font-size:var(--text-h4)}.h5,h5,p sup{font-size:var(--text-md)}p sup{display:inline-block;line-height:1;transform:translateY(40%)}ol{font-size:var(--text-md);letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing)}ol li{margin-bottom:1em;margin-left:1em;padding-left:1em}blockquote:before{content:"“";font-size:2em}.intro-text{--text-lg:var(--text-h3)}.text--xs{font-size:var(--text-xs)}.text--sm{font-size:var(--text-sm)}.text--lg{font-size:var(--text-lg)}.btn,button{font-family:var(--font-menu)}@keyframes spin{0%{transform:rotate(0deg) scale(var(--scale-by,1))}to{transform:rotate(1turn) scale(var(--scale-by,1))}}@keyframes fade-in-out{0%{opacity:0}to{opacity:1}}@keyframes heartbeat{0%{transform:scale(1)}20%{transform:scale(1.2)}40%{transform:scale(.9)}60%{transform:scale(1.2)}80%{transform:scale(.95)}to{transform:scale(1)}}.full-width{width:100%}.flex-container--xsm{width:calc(var(--vw, 1vw)*15)}.flex-container--sm{width:calc(var(--vw, 1vw)*25)}.flex-container--md{width:calc(var(--vw, 1vw)*50)}.flex-container--lg{width:calc(var(--vw, 1vw)*75)}.flex-container--fill{min-width:var(--window-width);width:var(--window-width)}.container--xsm{width:min(var(--window-width) - var(--inline-padding,0)*2,30ch)}.container--sm{width:min(var(--window-width) - var(--inline-padding,0)*2,43ch)}.container--md{width:min(var(--window-width) - var(--inline-padding,0)*2,60ch)}.container--lg{width:min(var(--window-width) - var(--inline-padding,0)*2,85ch)}.container--xlg{width:min(var(--window-width) - var(--inline-padding,0)*2,105ch)}.container--fill{width:calc(var(--window-width) - var(--inline-padding, 0)*2)}.box-padding{padding:1rem}.flex-gap{gap:var(--gap,1rem)}.pretty-scrollbar{scrollbar-width:var(--scrollbar-size)}.pretty-scrollbar::-webkit-scrollbar{display:revert;height:var(--scrollbar-size);width:var(--scrollbar-size)}.pretty-scrollbar{scrollbar-color:var(--heading-colour),var(--bg-colour)}.pretty-scrollbar::-webkit-scrollbar-track{background-color:var(--bg-colour);box-shadow:none}.pretty-scrollbar::-webkit-scrollbar-thumb,.pretty-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--heading-colour)}.sticky-top{position:sticky;top:var(--sticky-top,0);z-index:2}.scroll-x{overflow-x:scroll;overflow-y:visible;scrollbar-width:var(--scrollbar-size)}.scroll-x::-webkit-scrollbar{display:revert;height:var(--scrollbar-size);width:var(--scrollbar-size)}.scroll-x{scrollbar-color:var(--heading-colour),var(--border-colour)}.scroll-x::-webkit-scrollbar-track{background-color:var(--border-colour);box-shadow:none}.scroll-x::-webkit-scrollbar-thumb,.scroll-x::-webkit-scrollbar-thumb:hover{background-color:var(--heading-colour)}[loading]:not(purchase-form){opacity:0;pointer-events:none}img[loading=lazy]{opacity:1}.loading{background-color:red!important}fancy-loader{display:grid;inset:0;pointer-events:none;position:absolute}.circle-stripes-loader{aspect-ratio:1;display:grid;width:1em}.circle-stripes-loader:after,.circle-stripes-loader:before{animation:l35 1.5s infinite;background:var(--icon-colour);border-radius:50%;content:"";grid-area:1/1;-webkit-mask:repeating-linear-gradient(#000 0 5px,transparent 0 10px)}.circle-stripes-loader:after{-webkit-mask:repeating-linear-gradient(transparent 0 5px,#000 0 10px);--s:-1}@keyframes l35{0%,10%{transform:translate(0) rotate(0)}35%{transform:translate(calc(var(--s, 1)*50%)) rotate(0)}66%{transform:translate(calc(var(--s, 1)*50%)) rotate(calc(var(--s, 1)*180deg))}90%,to{transform:translate(0) rotate(calc(var(--s, 1)*180deg))}}.dotty-loader{--s:-1}.dotty-loader:after,.dotty-loader:before{animation:dotty-switch 1s linear infinite;aspect-ratio:1;background:var(--icon-colour);border-radius:50%;content:"";grid-area:1/1;height:1em;margin:auto;transform-origin:-100% 50%}.dotty-loader:after{animation-delay:-.5s;transform-origin:200% 50%}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{font-family:var(--font-headings);letter-spacing:var(--letter-spacing);text-transform:uppercase;word-spacing:var(--word-spacing)}.h3,.h4,.h5,h3,h4,h5{color:var(--heading-colour);font-family:var(--font-menu);text-transform:capitalize}article ol,article p,article ul{font-size:var(--text-md)}article ol strong,article p strong,article ul strong{font-weight:400}fieldset p{font-size:var(--text-sm)}ul:not([class]):not([is]){list-style:circle;margin-left:1em}.category-list{--gap:0.4rem;display:flex;gap:var(--gap)}.category-list>li:not(:last-of-type):after{content:"/";margin-left:var(--gap)}.logo{color:var(--icon-colour);font-family:var(--font-branding);font-size:1.6em;height:var(--menu-size)}.logo span:first-of-type{transform:scale(-1)}.logo:not(.logo--header){width:var(--menu-size)}.logo:not(.logo--header) span+span{margin-left:-.1rem}.logo--header{font-size:2em}@media screen and (max-width:768px){.logo--header{font-size:1.6em}}@media screen and (max-width:430px){.logo--header{font-size:1.3em}}.logo--header span.initial+span{text-transform:lowercase}@media screen and (max-width:768px){.logo--header span.initial+span{display:none}}main{min-height:calc(var(--window-height) - var(--header-size)*2);opacity:1;transition:opacity .3s}main:has(aside[is=my-aside]:not([loading])){background-color:hsl(var(--default-h),var(--default-s),15%,var(--bg-opacity))}main:before{color:#fff;content:"";display:block;font-size:var(--text-xs);font-size:.7rem;left:.6em;position:fixed;text-transform:uppercase;top:.6em;z-index:9999}dialog[is=site-directory][open]{display:flex;flex-direction:column;position:fixed;top:var(--menu-size);width:100%;z-index:9999}dialog[is=site-directory][open] details-expand{display:block;text-align:center;width:100%}dialog[is=site-directory][open] directory-level{align-items:start;display:flex;justify-content:center}dialog[is=site-directory][open] directory-level>*+*{border-left:1px dotted var(--border-colour)}dialog[is=site-directory][open] .directory__menu{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}dialog[is=site-directory][open] .directory__menu>a{align-items:center;display:flex;flex-direction:column;gap:.4em;text-transform:uppercase}dialog[is=site-directory][open] .directory__menu details summary{cursor:pointer}dialog[is=site-directory][open] .directory__menu details summary::marker{color:var(--icon-colour)}#iconList{display:none}svg-icon{display:inline-block;height:var(--icon-size);min-width:var(--icon-size);opacity:1;vertical-align:bottom;width:var(--icon-size)}svg-icon:not(:defined){display:none}svg-icon>svg>use{fill:var(--icon-colour,var(--link-colour,hsl(var(--med))))}svg-icon.outline>svg>use{fill:transparent;stroke:var(--icon-colour,var(--link-colour,hsl(var(--med))));stroke-width:2px}.svg>svg,span>svg,svg-icon>svg{display:block}a>svg-icon,action-link>svg-icon{pointer-events:none;vertical-align:text-top}button>svg-icon{pointer-events:none}p>svg-icon{margin:0 .4em;vertical-align:text-top}item-overlay{align-content:center;background-color:hsla(var(--default-h),15%,25%,.8);color:hsl(var(--default-h),15%,75%);flex-wrap:wrap;font-size:90%;gap:.6rem;inset:0;padding:.4em;position:absolute;z-index:10099}item-overlay em{background-color:red;display:block}item-overlay::part(btn){background-color:transparent;border:0;color:hsl(var(--default-h),15%,85%);cursor:pointer;padding:0;text-transform:uppercase}item-overlay::part(btn):hover{color:hsl(var(--alt-h),65%,75%)}dialog{max-height:unset;max-width:unset}dialog.message{background-color:transparent;border:none;height:var(--window-height);position:fixed;width:var(--window-width);z-index:1002}dialog.message::backdrop{background:var(--bg-colour);opacity:.6}dialog.message>div{padding:var(--padding-inline,1em);position:relative}dialog.message>div form[method=dialog]{position:absolute;right:0;top:0;z-index:1000}dialog.message>div form[method=dialog] [aria-label=close]{border-radius:100%;display:block;height:1.2rem;padding:.24rem;position:relative;width:1.2rem}dialog.message>div form[method=dialog] [aria-label=close]:after,dialog.message>div form[method=dialog] [aria-label=close]:before{background-color:var(--link-colour,#000);content:"";display:block;height:.2em;pointer-events:none;position:absolute;top:calc(50% - .06rem);transition:transform .3s;width:calc(100% - .48rem)}dialog.message>div form[method=dialog] [aria-label=close]:before{transform:translateX(0) rotate(45deg)}dialog.message>div form[method=dialog] [aria-label=close]:after,dialog.message>div form[method=dialog] [aria-label=close]:hover:before{transform:translateX(0) rotate(-45deg)}dialog.message>div form[method=dialog] [aria-label=close]:hover:after{transform:translateX(0) rotate(45deg)}dialog.fullsize{--bg-opacity:0.85;backdrop-filter:blur(1.5rem);background-color:transparent;border:none;height:var(--window-height);overflow:auto;position:fixed;width:var(--window-width);z-index:1002}dialog.fullsize form[method=dialog]{position:absolute;right:.6rem;top:.6rem;z-index:1000}dialog.fullsize form[method=dialog] [aria-label=close]{border-radius:100%;display:block;height:3em;padding:.6em;position:relative;width:3em}dialog.fullsize form[method=dialog] [aria-label=close]:after,dialog.fullsize form[method=dialog] [aria-label=close]:before{background-color:var(--link-colour,#000);content:"";display:block;height:.2em;pointer-events:none;position:absolute;top:calc(50% - .15em);transition:transform .3s;width:calc(100% - 1.2em)}dialog.fullsize form[method=dialog] [aria-label=close]:before{transform:translateX(0) rotate(45deg)}dialog.fullsize form[method=dialog] [aria-label=close]:after,dialog.fullsize form[method=dialog] [aria-label=close]:hover:before{transform:translateX(0) rotate(-45deg)}dialog.fullsize form[method=dialog] [aria-label=close]:hover:after{transform:translateX(0) rotate(45deg)}dialog.fullsize::backdrop{background:var(--bg-colour);height:var(--window-height);opacity:.8;width:var(--window-width)}.action-link{--stroke-colour:var(--icon-colour);cursor:pointer;display:inline-block;line-height:1}.action-link[action=favourite]:not(.active)>svg-icon>svg>use{fill:none;stroke:var(--stroke-colour);stroke-width:.15rem;transition:stroke .3s ease}.action-link[action=favourite]:not(.active):hover>svg-icon>svg>use{stroke:var(--accent-colour)}.btn{align-items:center;color:var(--text-colour);display:inline-flex;gap:.4rem;justify-content:center;letter-spacing:.1em;opacity:1;padding:var(--btn-padding,.6rem);position:relative;text-transform:uppercase;transition:opacity .3s}.btn[disabled]{opacity:.6}.btn *{pointer-events:none}.btn svg-icon+svg-icon{display:none}.btn:has(svg-icon+svg-icon):hover svg-icon:first-of-type{display:none}.btn:has(svg-icon+svg-icon):hover svg-icon:last-of-type{display:block}.btn[style="transform: scaleX(0); max-width: 0px;"]{margin:0!important;padding:0}.btn .icon--ascii{font-size:var(--text-lg)}.btn--primary{--bg-colour:hsl(var(--default-h) 15% 40%/var(--btn-opacity,1));--border-colour:hsl(var(--default-h) 15% 45%);--text-colour:hsl(var(--default-h) 40% 85%);--icon-colour:hsl(var(--default-h) 40% 85%)}.btn--primary:hover{--bg-colour:hsl(var(--default-h) 25% 35%)}.btn--secondary{--bg-colour:hsl(var(--alt-h) 20% 40%/var(--btn-opacity,1));--border-colour:hsl(var(--alt-h) 15% 45%);--text-colour:hsl(var(--alt-h) 40% 85%);--icon-colour:hsl(var(--alt-h) 40% 85%)}.btn--secondary:hover{--bg-colour:hsl(var(--alt-h) 25% 35%)}.btn--accent{--bg-colour:hsl(var(--alt-h) 40% 45%/var(--btn-opacity,1));--border-colour:hsl(var(--alt-h) 30% 57%);--text-colour:#fff;--icon-colour:#fff}.btn--accent:hover{--bg-colour:hsl(var(--alt-h) 50% 50%)}.btn--minimal{--border-colour:inherit;--bg-colour:inherit;--text-colour:hsl(var(--default-h) 40% 75%)}.btn--minimal:hover{--text-colour:var(--accent-colour);--icon-colour:var(--accent-colour)}.btn--text{background-color:transparent;border:none;color:inherit;height:unset;letter-spacing:.05em;padding:0;text-transform:none;word-spacing:.015em}.btn--text.selected .icon{animation-name:swing;transform-origin:bottom right}.btn--text .icon{animation-duration:.7s;animation-fill-mode:both}.btn--text:hover .icon{animation-name:swing;transform-origin:bottom right}.btn--responsive{width:100%}breadcrumb-list{align-items:center;display:inline-flex;gap:.4rem;max-width:calc(var(--window-width) - var(--menu-size)*2)}breadcrumb-list list-item{color:var(--link-colour);display:inline-block;position:relative;white-space:nowrap}breadcrumb-list list-item.loading{max-width:0;overflow:hidden}breadcrumb-list list-item.current,breadcrumb-list list-item.current a{color:var(--accent-colour)!important}breadcrumb-list list-item:after{color:var(--heading-colour,var(--link-colour,hsl(var(--med))));content:">";display:inline-block;opacity:.5;padding-left:.4rem}breadcrumb-list list-item.fade-out:after,breadcrumb-list list-item.li-icon:after,breadcrumb-list list-item.visually-hidden:after,breadcrumb-list list-item:last-of-type:after{display:none}breadcrumb-list list-item .action-link:has(svg-icon){opacity:0;position:absolute}breadcrumb-list list-item .edit-item{display:none}breadcrumb-list list-item:hover .action-link:has(svg-icon){opacity:1}list-item{position:relative}rating-item{align-items:center;display:flex;font-family:var(--font-menu);gap:.1rem}rating-item>svg-icon{--icon-size:0.8rem}rating-item>svg-icon>svg>use{fill:transparent;stroke:var(--icon-colour);stroke-width:2px}rating-item>svg-icon.rated>svg>use{animation:color-change .6s forwards}@keyframes color-change{0%{fill:transparent}to{fill:var(--icon-colour)}}.form{opacity:0}.component-form-container{--flow:1.3rem;display:block;position:relative}.component-form-container>header{margin-bottom:var(--flow,1.58rem)}.expanding-form{align-items:center;display:flex;max-height:var(--menu-size);position:relative;width:auto}.expanding-form>.btn{border:transparent}.expanding-form>.form,.expanding-form>breadcrumb-list,.expanding-form__content{pointer-events:none;position:absolute;right:calc(100% + .2rem);transform:translateX(200vw);transition:transform .3s;z-index:999}.expanding-form.show{z-index:1001}.expanding-form.show .expanding-form__content,.expanding-form.show>.form,.expanding-form.show>breadcrumb-list{pointer-events:all;transform:translateX(0)}.expanding-form.show>.btn{--icon-colour:var(--accent-colour)}my-favourites,sign-up{display:block;width:100%}my-favourites .form,sign-up .form{justify-content:space-evenly;margin-block:var(--text-flow);width:100%}my-favourites .form>*,sign-up .form>*{flex-grow:1}cart-summary,favourites-summary{height:var(--menu-size);width:auto}cart-summary>a,favourites-summary>a{height:100%;position:relative;width:100%}cart-summary[quantity]:after,favourites-summary[quantity]:after{color:var(--link-colour);content:attr(quantity);display:inline-block;font-size:var(--text-sm);left:100%;padding:.2rem;pointer-events:none;position:absolute;top:10%}cart-summary[quantity="0"]:after,favourites-summary[quantity="0"]:after{display:none}masonry-list,page-item-masonry,page-media-masonry{--border-gap:0;--border-gap-colour:var(--bg-colour);display:block;height:auto;position:relative}masonry-list>list-item>button[action=favourite],page-item-masonry>list-item>button[action=favourite],page-media-masonry>list-item>button[action=favourite]{opacity:0;position:absolute;z-index:1000}masonry-list>list-item>button[action=favourite].active,page-item-masonry>list-item>button[action=favourite].active,page-media-masonry>list-item>button[action=favourite].active{opacity:1}masonry-list>list-item>button[action=favourite]:hover>svg-icon>svg,page-item-masonry>list-item>button[action=favourite]:hover>svg-icon>svg,page-media-masonry>list-item>button[action=favourite]:hover>svg-icon>svg{animation-duration:.6s;animation-name:heartbeat;backface-visibility:hidden;will-change:transform}masonry-list>image-box,masonry-list>image-thumbnail,masonry-list>list-item,page-media-masonry>image-box,page-media-masonry>image-thumbnail,page-media-masonry>list-item{position:absolute;transform:translate(0);transition:transform .3s;z-index:1}masonry-list>image-box img,masonry-list>image-box video,masonry-list>image-thumbnail img,masonry-list>image-thumbnail video,masonry-list>list-item img,masonry-list>list-item video,page-media-masonry>image-box img,page-media-masonry>image-box video,page-media-masonry>image-thumbnail img,page-media-masonry>image-thumbnail video,page-media-masonry>list-item img,page-media-masonry>list-item video{height:100%;max-width:none;-o-object-fit:cover;object-fit:cover;width:100%}masonry-list>image-box,masonry-list>image-thumbnail,page-media-masonry>image-box,page-media-masonry>image-thumbnail{border:var(--border-gap) solid var(--border-gap-colour);overflow:hidden}masonry-list>list-item:has(image-box),page-media-masonry>list-item:has(image-box){overflow:hidden}masonry-list>list-item:has(image-box) image-box,page-media-masonry>list-item:has(image-box) image-box{border:var(--border-gap) solid var(--border-gap-colour);height:100%;overflow:hidden;width:100%;z-index:1}masonry-list>list-item:before,page-media-masonry>list-item:before{border:calc(var(--border-gap) + 2px) solid var(--border-gap-colour);content:"";display:block;inset:0;pointer-events:none;position:absolute;z-index:2}page-item-masonry.flex-masonry{display:flex;flex-wrap:wrap;justify-content:center}page-item-masonry.flex-masonry list-item{max-width:600px;min-width:300px;padding:var(--border-gap)}page-item-masonry:not(.flex-masonry) list-item{padding:var(--border-gap);position:absolute;transform:translate(0);transition:transform .3s;z-index:1}page-item-masonry:not(.flex-masonry) list-item>image-box{overflow:hidden;width:100%}page-item-masonry:not(.flex-masonry) list-item>image-box img,page-item-masonry:not(.flex-masonry) list-item>image-box video{width:100%}masonry-list,page-item-masonry{--slider-track-height:0.2rem;--slider-thumb-size:1rem;--slider-thumb-colour:var(--heading-colour);--slider-handle-colour:var(--bg-colour)}masonry-list search-result,page-item-masonry search-result{inset-inline:0;bottom:0;font-style:italic;padding:1rem;position:absolute;text-align:center}masonry-list>[is=range-slider],page-item-masonry>[is=range-slider]{bottom:100%;height:1em;max-width:16rem;position:absolute;right:0;top:0;z-index:2}hamburger-btn{display:inline-block}hamburger-btn:not([class]){height:.8rem;position:relative;width:1.2rem}hamburger-btn:not([class]) .line{border-bottom:.14rem solid var(--icon-colour);display:block;height:0;left:0;pointer-events:none;position:absolute;right:0;transition:all .3s;width:100%}hamburger-btn:not([class]) .line.line--1{top:0}hamburger-btn:not([class]) .line.line--2{top:50%}hamburger-btn:not([class]) .line.line--3{top:100%}.active hamburger-btn:not([class]) .line:before{display:none}.active hamburger-btn:not([class]) .line.line--1{transform:translateY(.4rem) translateX(0) rotate(45deg)}.active hamburger-btn:not([class]) .line.line--2{opacity:0}.active hamburger-btn:not([class]) .line.line--3{transform:translateY(-.4rem) translateX(0) rotate(-45deg)}article{background-color:var(--bg-colour);display:flex;flex-direction:column;width:100%;z-index:1}article,section{position:relative}section{min-height:calc(var(--window-height)/3)}.section--row{display:flex;flex-direction:row}@media(orientation:portrait){.section--row{flex-direction:column}}.section--column{align-items:center;display:flex;flex-direction:column}section>header{position:relative;width:100%}section>header:has(h1)+p{padding-right:2em}section>header .pre-title{color:var(--icon-colour);font-family:var(--font-menu);padding-left:.2em;text-transform:uppercase}section>header+p:first-of-type{font-size:calc(var(--text-lg)*.9)}section-media,section-menu{display:flex}section-content{display:block;overscroll-behavior:contain;position:relative}image-box{display:inline-block;position:relative}image-box:not(.fade-out)[disabled]{opacity:.5!important}image-box.circle{aspect-ratio:1;border-radius:50%;overflow:hidden}image-box img,image-box video{height:unset}image-box .list-item__cover{inset:0;position:absolute}image-thumbnail{display:inline-block;position:relative}image-thumbnail.selected{--border-gap-colour:var(--accent-colour)}image-thumbnail img{max-width:400px}image-thumbnail .image-box__cover{inset:0}nav[is=page-nav]{position:fixed;z-index:1000}@media screen and (min-width:calc(48em - 1px)){nav[is=page-nav]{--nav-opacity:0.9;height:var(--menu-size);opacity:var(--nav-opacity);pointer-events:none;transform:translateX(0);transition:transform .3s,opacity .3s;width:var(--menu-size);will-change:transform;z-index:1003}nav[is=page-nav]:hover{opacity:1}nav[is=page-nav] .btn,nav[is=page-nav] button,nav[is=page-nav] cart-summary a{--border-colour:transparent;--bg-colour:transparent;cursor:pointer;pointer-events:all}nav[is=page-nav]:empty{display:none}nav[is=page-nav][action=scroller]{--icon-size:1.6rem}nav[is=page-nav].top-left{transform-origin:top left}nav[is=page-nav].top-right{transform-origin:top right}.page-top nav[is=page-nav]{--nav-opacity:0.6}.page-top nav[is=page-nav].top-left,.page-top nav[is=page-nav].top-right{transform:translateX(0) scale(1)}.page-top nav[is=page-nav].top-left button,.page-top nav[is=page-nav].top-right button{transform:scale(var(--header-scale))}nav[is=page-nav].top-left,nav[is=page-nav].top-right{height:var(--header-size);transform:translateX(0) scale(calc(1/var(--header-scale)));width:var(--header-size)}nav[is=page-nav].top-left button,nav[is=page-nav].top-right button{transform:scale(var(--header-scale))}nav[is=page-nav].top-right button.active{opacity:.8;transform:scale(.95)}nav[is=page-nav].top-left{left:0;top:0}nav[is=page-nav].top-left.hide{transform:translateX(-150%)}nav[is=page-nav].top-left:has(~nav[is=nav-header].shrink){transform:translateX(0) scale(calc(1/var(--header-scale)))}nav[is=page-nav].top-left:has(~nav[is=nav-header].shrink) button{transform:scale(var(--header-scale))}nav[is=page-nav].top-right{right:0;top:0}nav[is=page-nav].top-right.hide{transform:translateX(150%)}nav[is=page-nav].bottom-left{bottom:0;left:0}nav[is=page-nav].bottom-left.hide{transform:translateX(-150%)}nav[is=page-nav].bottom-right{bottom:0;right:0}.page-top nav[is=page-nav].bottom-right,nav[is=page-nav].bottom-right.hide{transform:translateX(150%)}}nav[is=nav-header]{align-items:center;display:flex;height:var(--header-size);justify-content:space-between;padding-inline:clamp(.6rem,2vw,var(--menu-size)/2);position:fixed;top:0;width:100%;z-index:1002}nav[is=nav-header] breadcrumb-list{left:var(--menu-size);opacity:0;position:absolute}nav[is=nav-header].member-active a[aria-label*=members]{--icon-colour:var(--link-colour)}nav[is=nav-header]>menu:first-of-type{--gap:clamp(1rem,2vw,1.6rem)}nav[is=nav-header]>menu:last-of-type{--gap:clamp(0.6rem,1.6vw,1.8rem)}nav[is=nav-header]>menu{--bullet-size:0.6rem;align-items:center;display:flex;font-family:var(--font-menu);gap:var(--gap);height:100%}nav[is=nav-header]>menu>list-item{align-items:center;color:var(--link-colour);display:flex;font-size:var(--text-md);height:100%;justify-content:center;position:relative;text-transform:uppercase}nav[is=nav-header]>menu>list-item:has(hamburger-btn){margin-left:.4rem}@media screen and (max-width:1024px){nav[is=nav-header]>menu>list-item{font-size:var(--text-sm)}}@media screen and (max-width:430px){nav[is=nav-header]>menu>list-item{display:none}nav[is=nav-header]>menu>list-item:has(.logo),nav[is=nav-header]>menu>list-item:has(hamburger-btn),nav[is=nav-header]>menu>list-item:has(svg-icon){display:flex}}nav[is=nav-header]>menu>list-item>a:has(em),nav[is=nav-header]>menu>list-item>button:has(em),nav[is=nav-header]>menu>list-item>cart-summary:has(em),nav[is=nav-header]>menu>list-item>favourites-summary:has(em){--link-colour:var(--icon-colour)}nav[is=nav-header]>menu>list-item>a>em,nav[is=nav-header]>menu>list-item>button>em,nav[is=nav-header]>menu>list-item>cart-summary>em,nav[is=nav-header]>menu>list-item>favourites-summary>em{font-family:var(--font-italic);font-size:var(--text-sm);text-transform:lowercase}nav[is=nav-header]>menu>list-item>a:hover,nav[is=nav-header]>menu>list-item>button:hover,nav[is=nav-header]>menu>list-item>cart-summary:hover,nav[is=nav-header]>menu>list-item>favourites-summary:hover{--link-colour:var(--accent-colour);--icon-colour:var(--accent-colour)}nav[is=nav-header]>menu>list-item[depth="1"]>a{position:relative}@media screen and (min-width:calc(64em - 1px)){nav[is=nav-header]>menu>list-item[depth="1"]>a{padding-top:.5rem}}nav[is=nav-header]>menu>list-item[depth="1"].animate>a:after{background-color:var(--icon-colour);bottom:0;content:"";display:block;height:.1rem;opacity:.4;position:absolute;width:100%}nav[is=nav-header]>menu>list-item>menu.dropdown{display:none}nav[is=nav-header]:not(.shrink)>menu>list-item>menu.dropdown{background-color:var(--bg-colour);border-radius:.4rem;display:block;min-width:10em;opacity:0;padding-block:.4rem .6rem;pointer-events:none;position:absolute;top:calc(100% - 1.2rem);transition:opacity .3s;transition-delay:0s}nav[is=nav-header]:not(.shrink)>menu>list-item>menu.dropdown>li{padding-top:.4rem;text-transform:capitalize}nav[is=nav-header]:not(.shrink)>menu>list-item>menu.dropdown>li>form{text-align:center;width:100%}nav[is=nav-header]:not(.shrink)>menu>list-item>menu.dropdown>li a,nav[is=nav-header]:not(.shrink)>menu>list-item>menu.dropdown>li button{opacity:.8}nav[is=nav-header]:not(.shrink)>menu>list-item>menu.dropdown>li:hover a,nav[is=nav-header]:not(.shrink)>menu>list-item>menu.dropdown>li:hover button{opacity:1}nav[is=nav-header]:not(.shrink)>menu>list-item:hover>menu.dropdown{opacity:1;pointer-events:all;transition-delay:.1s}@media screen and (min-width:calc(48em - 1px)){nav[is=nav-header]{overflow:visible;transform:scaleY(1);transform-origin:top;transition:transform .3s}nav[is=nav-header] breadcrumb-list{text-transform:capitalize;transform:translateX(-150vw);transition:transform .3s .3s}nav[is=nav-header]>menu{transform:scaleY(1);transition:transform .3s}nav[is=nav-header]>menu>list-item>menu[is=category-menu]{align-items:center;display:flex;font-family:var(--font-menu);height:var(--menu-size);pointer-events:none;position:absolute;top:100%;transform:scale(0);transition:transform .3s;width:auto}nav[is=nav-header]>menu>list-item>menu[is=category-menu]:has(list-item>em) list-item:not([selected]){display:none;transform:scale(0)}nav[is=nav-header]>menu>list-item>menu[is=category-menu]>list-item{align-items:center;display:flex;height:100%;position:relative;white-space:nowrap}nav[is=nav-header]>menu>list-item>menu[is=category-menu]>list-item:has(a){padding-inline:calc(var(--gap)/2)}nav[is=nav-header]>menu>list-item>menu[is=category-menu]>list-item:has(em) em{text-transform:capitalize}nav[is=nav-header]>menu>list-item>menu[is=category-menu]>list-item:has(em):before{color:var(--heading-colour,var(--link-colour,hsl(var(--med))));content:">";display:inline-block;opacity:.5;padding-right:calc(var(--gap)/2)}nav[is=nav-header]>menu>list-item>menu[is=category-menu][selected]>list-item:not([selected]) a{color:var(--heading-colour)}nav[is=nav-header]>menu>list-item.animate>menu[is=category-menu],nav[is=nav-header]>menu>list-item:hover>menu[is=category-menu]{pointer-events:all;transform:scale(1)}nav[is=nav-header].shrink{transform:scaleY(calc(1/var(--header-scale)));z-index:1001}nav[is=nav-header].shrink menu:first-of-type{pointer-events:none;transform:scaleY(0)}nav[is=nav-header].shrink menu:last-of-type{transform:scaleY(var(--header-scale))}nav[is=nav-header].shrink breadcrumb-list{opacity:1;transform:translateX(0) scaleY(var(--header-scale))}}page-tools{align-items:center;display:flex;height:var(--input-size);justify-content:flex-end;left:0;position:fixed;right:0;top:var(--header-size);transform:translateY(calc(var(--input-size)*-1));transition:transform .3s;width:100%;z-index:1000}page-tools>.btn,page-tools>.expanding-form,page-tools>validity-checker{opacity:0;transition:opacity .3s}page-tools p{padding-inline:.4rem}page-tools em{display:inline-block;font-family:var(--font-menu);font-size:var(--text-sm);padding-inline:.2rem}page-tools.open>.btn,page-tools.open>.expanding-form,page-tools.open>validity-checker{opacity:1}page-tools:hover{transform:translateY(-1rem);transition-delay:50ms}page-tools:hover>.btn,page-tools:hover>.expanding-form,page-tools:hover>validity-checker{opacity:1}.page-top page-tools{transform:translateY(calc(var(--input-size)*-1 + .8rem))}.page-top page-tools.open,.page-top page-tools:has(.show),.page-top page-tools:hover{transform:translate(0)}.page-top page-tools.open>.btn,.page-top page-tools.open>.expanding-form,.page-top page-tools:has(.show)>.btn,.page-top page-tools:has(.show)>.expanding-form,.page-top page-tools:hover>.btn,.page-top page-tools:hover>.expanding-form{opacity:1;transition-delay:.3s}page-tools .action-link,page-tools .btn{--border-colour:transparent;height:var(--input-size);min-width:var(--input-size)}nav[is=nav-footer]{min-height:var(--header-size);overflow:hidden;padding:1em;width:100%}nav[is=nav-footer] menu{--icon-size:1.6rem;align-items:center;display:flex;font-family:var(--font-menu);gap:1rem}nav[is=nav-footer] menu .btn{border:none}dialog{overscroll-behavior:contain}dialog[is=site-search][open]{transform:scaleY(1)}dialog[is=site-search][open]~nav[is=nav-header] menu{opacity:.5}dialog[is=site-search]{--bg-opacity:0.85;--gap:clamp(1rem,3vw,var(--menu-size));align-items:center;backdrop-filter:blur(1.5rem);border-top:1px solid var(--border-colour);display:flex;flex-direction:column;height:calc(var(--window-height) - var(--menu-size));max-height:calc(var(--window-height) - var(--menu-size));padding:calc(var(--gap)*2) var(--gap);scrollbar-width:none;top:var(--menu-size);transform:scaleY(0);transform-origin:top;transition-behavior:allow-discrete;transition-duration:.3s;transition-property:transform,overlay,display;width:var(--window-width)}dialog[is=site-search]::-webkit-scrollbar{display:none}dialog[is=site-search] p{max-width:65ch}.page-top dialog[is=site-search]{top:var(--header-size)}dialog[is=site-search] .signed-in-notification,dialog[is=site-search]>header{flex-direction:column;text-align:center}dialog[is=site-search] .signed-in-notification .h2,dialog[is=site-search]>header .h2{color:var(--heading-colour);margin-bottom:1rem}dialog[is=site-search] .signed-in-notification p:not([class]),dialog[is=site-search]>header p:not([class]){text-wrap:balance}dialog[is=site-search] sign-up{max-width:65ch}dialog[is=site-search] sign-up>header>p{color:var(--heading-colour);font-size:var(--text-h3);text-transform:uppercase}dialog[is=site-search] sign-up form{--input-border-colour:var(--icon-colour)}dialog[is=site-search] sign-up form>button{height:var(--input-size)}dialog[is=site-search] sign-up .text--xs{opacity:.8}dialog[is=site-search] .btn--accent{border-radius:.6rem;margin-top:var(--gap);padding:1rem 2rem}dialog[is=site-search]>div.coming-soon{display:flex;flex-wrap:wrap;gap:var(--gap);padding-block:2em;pointer-events:none}dialog[is=site-search]>div.coming-soon>nav{--bg-opacity:0.85;align-items:center;background:var(--bg-colour);border:1px solid var(--border-colour);display:flex;flex:1;flex-direction:column;flex-wrap:wrap;gap:1.2rem;min-width:25ch;padding-block:1rem;padding:1rem}dialog[is=site-search]>div.coming-soon>nav>a>span{color:var(--heading-colour);display:block;font-family:var(--font-menu);text-align:center;text-transform:uppercase}dialog[is=site-search]>div.coming-soon>nav>a>em{color:var(--link-colour);display:block;max-width:24ch;text-align:center}dialog[is=site-search]>div.coming-soon>nav>a:hover>em{color:var(--text-colour)}@media screen and (min-width:calc(48em - 1px)){dialog[is=site-search][open]>div>nav{transform:translateY(0);transition:transform .3s}dialog[is=site-search][open]>div:has(~nav[is=nav-header]:not(.shrink)){padding-bottom:calc(var(--gap)*2)}dialog[is=site-search][open]>div:has(~nav[is=nav-header]:not(.shrink))>nav{transform:translateY(var(--gap))}dialog[is=site-search][open]>div~nav[is=nav-header]:not(.shrink) breadcrumb-list{opacity:.8;transform:translateX(-1rem) translateY(var(--header-size)) scaleY(1)}}@starting-style{dialog[is=site-search][open]{transform:scaleY(0)}}.side-bar{bottom:0;display:flex;flex-direction:column;height:var(--window-height);justify-content:space-between;pointer-events:none;position:fixed;top:0;width:var(--menu-size)}.side-bar--left{left:0}.side-bar--right{right:0;z-index:1002}.side-bar--right menu[is=page-menu]{--bg-opacity:0.7;align-items:center;backdrop-filter:blur(1.5rem);display:flex;flex-flow:column;gap:1rem;height:var(--window-height);overflow-x:hidden;overflow-y:scroll;overscroll-behavior:contain;padding-block:.2rem;padding-inline:var(--menu-size) calc(var(--menu-size) + 1rem);position:absolute;right:0;top:0;transform:translateX(calc(100% + var(--menu-size)));transition:transform .3s;will-change:transform;z-index:1}.side-bar--right menu[is=page-menu]::-webkit-scrollbar{display:none}.side-bar--right menu[is=page-menu] li{min-height:var(--menu-size);white-space:nowrap}.page-top .side-bar--right menu[is=page-menu] li:first-of-type{min-height:var(--header-size)}.side-bar--right menu[is=page-menu] li:first-of-type{text-transform:uppercase}.show menu[is=page-menu]{transform:translateX(0)}.show menu[is=page-menu] a,.show menu[is=page-menu] button{pointer-events:all}article{--block-padding:clamp(var(--menu-size),3.6vw,calc(var(--menu-size)*1.2));--inline-padding:clamp(1rem,3vw,var(--menu-size));--column-inline-padding:var(--inline-padding);--scroll-top:var(--header-size)}article:has(nav[is=article-nav]){--scroll-top:calc(var(--header-size) + var(--block-padding))}article>header{padding-inline:var(--inline-padding)}article>header,page-tools.open+main article>header{padding-top:calc(var(--block-padding)*2)}article section{scroll-margin-top:var(--scroll-top)}article section:has(+aside){min-height:60vh}article section-content{scroll-margin-top:calc(var(--scroll-top) + var(--menu-size))}article-hero{--bg-opacity:0.7;position:sticky;top:0;width:100%}@media(orientation:portrait){article-hero{height:calc(var(--vh, 1vh)*80)}}@media(orientation:landscape){article-hero{height:calc(var(--vh, 1vh)*100)}}article-hero figure[is=fancy-figure]{height:calc(100% - var(--header-size));margin-top:var(--header-size);width:100%}article-hero figure[is=fancy-figure] image-box{height:100%;overflow:hidden;width:100%}article-hero figure[is=fancy-figure] image-box img,article-hero figure[is=fancy-figure] image-box video{max-width:none;min-height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media(orientation:portrait){article-hero figure[is=fancy-figure] image-box img,article-hero figure[is=fancy-figure] image-box video{height:100%}article-hero .hero__text{display:none}}@media(orientation:landscape){article-hero .hero__text{bottom:var(--menu-size);display:block;padding:1rem 1.2rem;position:absolute;right:0;text-align:right;z-index:1}article-hero .hero__text p{line-height:1.1}article-hero .hero__text .date{font-family:var(--font-branding);font-size:var(--text-h2)}}nav[is=article-nav]{--gap:0.6rem;font-family:var(--font-menu);height:-moz-fit-content;height:fit-content;position:sticky;top:calc(var(--header-size) - var(--block-padding)/2 + var(--header-size) - var(--menu-size));width:100%;z-index:1000}@media screen and (max-width:768px){nav[is=article-nav]{font-size:var(--text-xs)}}nav[is=article-nav] menu{border-block:1px dashed var(--border-colour);gap:var(--gap);height:var(--menu-size)}nav[is=article-nav] menu:not([is=checkout-process])>li:not(:last-of-type):after{color:var(--border-colour);content:"/";margin-left:var(--gap)}nav[is=article-nav] menu.skip-to:before{content:"Skip to:";display:block;font-style:italic}article>header{flex-direction:column;position:relative;text-align:center;width:100%}article>header>*{max-width:65ch}article>header h1{line-height:1.1}article>header h1~p:first-of-type{font-size:calc(var(--text-lg)*.9);padding-inline:var(--inline-padding);text-wrap:balance}article>header .category-list{color:var(--heading-colour);font-family:var(--font-italic);margin-top:0}article>header p.date{font-size:var(--text-lg)}article>header .header__block{margin-block-start:var(--menu-size);text-align:justify;text-wrap:pretty}article>header .header__block p{border-block:.1rem dashed var(--border-colour);padding-block:var(--text-flow)}@media screen and (min-width:calc(48em - 1px)){article>header .header__block p{font-size:var(--text-sm)}}.article--portfolio{margin-top:var(--header-size)}.article--portfolio>*+*{padding-top:var(--block-padding)}.article--portfolio>section.section--row{justify-content:center}.article--portfolio>section.section--row section-menu>.action-link[action=favourite]>svg-icon{backface-visibility:hidden;transform:scale(1.2);will-change:transform}.article--portfolio>section.section--row section-content{padding-block:var(--inline-padding);padding-inline:var(--column-inline-padding)}.article--portfolio>section.section--row section-content>*+*{margin-block-start:var(--text-flow)}.article--portfolio>section.section--row section-content sign-up header>p{color:var(--heading-colour);font-family:var(--font-headings);font-size:var(--text-h3)}@media(orientation:landscape){.article--portfolio>section.section--row{padding-inline:var(--inline-padding)}.article--portfolio>section.section--row section-media{height:auto;max-width:700px;top:calc(var(--header-size) + var(--inline-padding));width:60%}.article--portfolio>section.section--row section-content{background-color:var(--bg-colour);max-width:50ch;position:relative;width:40%;z-index:2}}@media(orientation:portrait),screen and (max-width:950px){.article--portfolio>section.section--row{align-items:center;flex-wrap:wrap}.article--portfolio>section.section--row section-media{height:auto;order:1;width:100%}.article--portfolio>section.section--row section-content{background-color:var(--bg-colour);max-width:50ch;order:3;position:relative;width:100%;z-index:2}.article--portfolio>section.section--row:has(section-menu) section-content{padding-top:0}.article--portfolio>section.section--row section-menu{height:var(--menu-size);order:2}}.article--portfolio>section.section--column section-content{width:100%}.article--main-page:not(:has(article-hero)){margin-top:var(--header-size)}.article--main-page>header+section,.article--main-page>section+section{padding-top:var(--block-padding)}.article--main-page>header+nav{padding-top:calc(var(--block-padding)/2)}.article--main-page>nav+section{padding-top:calc(var(--block-padding)/1)}.article--main-page section-content sign-up{max-width:35em}.section--row header .heading-category{align-items:center;color:var(--link-colour);display:flex;font-size:var(--text-sm);gap:.6rem;height:var(--inline-padding);position:absolute;top:0}.section--row header .heading-category:after,.section--row header .heading-category:before{content:"❈";display:inline-block}.section--row section-content{--text-md:calc(var(--text-base-size)/1.05)}@media(orientation:landscape){.section--row section-media{z-index:1}.section--row section-media,.section--row section-menu{max-height:calc(var(--window-height) - var(--header-size));position:sticky;top:var(--header-size)}.section--row section-menu{background-color:var(--bg-colour);border-color:var(--border-colour);color:var(--text-colour);justify-content:flex-end;width:0;z-index:2}}@media screen and (orientation:landscape)and (min-width:calc(64em - 1px)){.section--row.playing section-menu{align-items:center;flex-direction:column;justify-content:flex-start}}@media(orientation:portrait){.section--row section-menu{justify-content:flex-end;width:100%}}@media screen and (orientation:portrait)and (max-width:768px){.section--row section-menu breadcrumb-list list-item{display:none}.section--row section-menu breadcrumb-list list-item:first-of-type,.section--row section-menu breadcrumb-list list-item:last-of-type{display:inline-block}}.section--column:has(>section-content>masonry-list),.section--column:has(>section-content>page-item-masonry){padding-top:calc(var(--block-padding)/2)}.section--column section-content{min-width:100%}.section--column section-content[class^=container]{min-width:unset}section-menu .expanding-form>.btn{--input-size:var(--menu-size)}section-menu>.action-link{height:var(--menu-size);min-width:var(--menu-size);position:relative;width:var(--menu-size)}section-menu>.action-link[action=favourite]>svg-icon>svg{animation-duration:.6s;animation-name:heartbeat;backface-visibility:hidden;will-change:transform}section-menu>.action-link[inactive-message]:before{color:var(--link-colour);content:attr(inactive-message);display:block;font-family:var(--font-italic);font-size:var(--text-xs);position:absolute;right:calc(100% - var(--menu-size)/5);transform:scaleX(0);transform-origin:right;transition:transform .3s}section-menu>menu{display:none}section.playing section-menu>.action-link[inactive-message]:hover:before{background-color:var(--bg-colour);padding:.2rem;transform:scaleX(1)}section.playing section-menu>menu{--bg-opacity:0.75;align-items:center;backdrop-filter:blur(1.5rem);bottom:0;display:flex;flex-direction:column;padding:1rem .4rem;position:absolute;right:100%;top:0;transform:translateX(150%);transition:transform .3s;width:13em}section.playing section-menu.expand>menu{transform:translateX(0)}aside[is=my-aside],section-media item-overlay{display:flex;flex-direction:column}aside[is=my-aside]{--bg-opacity:0.95;align-items:center;opacity:1;padding-bottom:var(--block-padding);position:relative;width:100%}aside[is=my-aside] scroll-loader>header,aside[is=my-aside]>header{padding-top:calc(var(--block-padding)*2);padding-inline:var(--column-inline-padding);width:100%}aside[is=my-aside] scroll-loader>header .h2,aside[is=my-aside] scroll-loader>header h2,aside[is=my-aside]>header .h2,aside[is=my-aside]>header h2{color:var(--heading-colour)}aside[is=my-aside] scroll-loader>header>.header__block,aside[is=my-aside]>header>.header__block{max-width:65ch;text-align:justify;text-wrap:pretty}aside[is=my-aside] scroll-loader>header>.header__block p,aside[is=my-aside]>header>.header__block p{border-block:.2rem dotted var(--border-colour);padding-block:var(--text-flow)}@media screen and (min-width:calc(48em - 1px)){aside[is=my-aside] scroll-loader>header>.header__block p,aside[is=my-aside]>header>.header__block p{font-size:var(--text-sm)}}aside[is=my-aside] .btn{height:var(--input-size)}aside[is=my-aside] .btn--circle{--input-size:var(--menu-size)}aside[is=my-aside] call-to-action{display:flex;display:none;justify-content:flex-end;width:100%}aside[is=my-aside] page-search{position:absolute;right:0;top:0}aside[is=my-aside] sign-up{max-width:65ch;padding-top:var(--block-padding);padding-inline:var(--column-inline-padding)}aside[is=my-aside] sign-up>header{padding-top:calc(var(--block-padding)*1.2)}aside[is=my-aside] sign-up>header>p{color:var(--heading-colour);font-size:var(--text-h3);text-transform:uppercase}aside[is=my-aside] sign-up form{--input-border-colour:var(--icon-colour)}aside[is=my-aside] sign-up form>button{height:var(--input-size)}aside[is=my-aside] sign-up .text--xs{opacity:.8}aside[is=my-aside] scroll-loader{display:block}aside[is=my-aside] masonry-list,aside[is=my-aside] scroll-loader{--border-gap:calc(var(--column-inline-padding)/4);--margin-inline:calc(var(--column-inline-padding) - var(--border-gap));margin-inline:var(--margin-inline);margin-bottom:var(--border-gap);width:calc(100% - var(--margin-inline)*2)}aside[is=my-aside] masonry-list:has([is=range-slider]) [is=range-slider],aside[is=my-aside] scroll-loader:has([is=range-slider]) [is=range-slider]{display:none}section-content:has(page-item-masonry){min-height:calc(var(--window-height)/3)}section-content masonry-list,section-content page-item-masonry{margin-inline:var(--border-gap);margin-bottom:var(--border-gap)}section-content masonry-list:has([is=range-slider]),section-content page-item-masonry:has([is=range-slider]){margin-top:var(--border-gap)}section-content masonry-list:has([is=range-slider]) [is=range-slider],section-content page-item-masonry:has([is=range-slider]) [is=range-slider]{top:-1em}section-content page-item-masonry{--border-gap:calc(var(--column-inline-padding)/3)}section-content page-item-masonry:has(aside.flex-center){display:flex;justify-content:center}section-content page-item-masonry>list-item.disable{opacity:.4;pointer-events:none}section-content page-item-masonry>list-item image-box .list-item__cover{display:flex;flex-direction:column;justify-content:flex-end;--btn-opacity:0.7}section-content page-item-masonry>list-item image-box .list-item__cover:hover{--btn-opacity:1}section-content page-item-masonry>list-item image-box .list-item__cover.content-on-hover>*{opacity:0}section-content page-item-masonry>list-item image-box .list-item__cover.content-on-hover:hover>*{opacity:1}section-content page-item-masonry>list-item .list-item__anchor{display:block;padding-bottom:var(--border-gap);pointer-events:all;position:relative}section-content page-item-masonry>list-item .list-item__anchor .list-item__title{color:var(--heading-colour);font-family:var(--font-menu);font-size:var(--text-h4);text-transform:capitalize}section-content page-item-masonry>list-item .list-item__anchor .list-item__nav{font-size:var(--text-xs);text-transform:uppercase}section-content page-item-masonry>list-item .list-item__anchor .list-item__nav>li:not(:last-of-type):after{color:var(--heading-colour)}section-content page-item-masonry>list-item>button[action=favourite]{bottom:calc(var(--border-gap, 0)*2);right:calc(var(--border-gap, 0)*2)}section-content page-item-masonry>list-item>button[action=favourite].active{opacity:0}section-content page-item-masonry>list-item:hover>button[action=favourite]{opacity:1}section-content page-item-masonry>list-item:hover>button[action=favourite]:not(:has(svg-icon)).active{opacity:1}section-content page-item-masonry>list-item:hover .list-item__anchor{opacity:1}section-content masonry-list{--border-gap:calc(var(--column-inline-padding)/4);margin-inline:var(--border-gap);margin-bottom:var(--border-gap)}section-content masonry-list input[type=range]:after{opacity:0}section-content masonry-list>image-box,section-content masonry-list>image-thumbnail,section-content masonry-list>list-item{--bg-opacity:0.6}section-content masonry-list>image-box .image-box__actions,section-content masonry-list>image-box .list-item__anchor,section-content masonry-list>image-thumbnail .image-box__actions,section-content masonry-list>image-thumbnail .list-item__anchor,section-content masonry-list>list-item .image-box__actions,section-content masonry-list>list-item .list-item__anchor{opacity:0;pointer-events:none;position:absolute;z-index:1000}section-content masonry-list>image-box .list-item__anchor,section-content masonry-list>image-thumbnail .list-item__anchor,section-content masonry-list>list-item .list-item__anchor{background-color:var(--bg-colour);color:var(--text-colour);flex-direction:column;inset:var(--border-gap,0);padding:.4rem;pointer-events:all}section-content masonry-list>image-box .list-item__anchor .list-item__title,section-content masonry-list>image-thumbnail .list-item__anchor .list-item__title,section-content masonry-list>list-item .list-item__anchor .list-item__title{color:#fff;font-family:var(--font-menu);font-size:var(--text-h4);text-align:center;text-transform:capitalize;text-wrap:balance}@media screen and (max-width:1024px){section-content masonry-list>image-box .list-item__anchor .list-item__title,section-content masonry-list>image-thumbnail .list-item__anchor .list-item__title,section-content masonry-list>list-item .list-item__anchor .list-item__title{font-size:var(--text-h5)}}section-content masonry-list>image-box .list-item__anchor .list-item__nav,section-content masonry-list>image-thumbnail .list-item__anchor .list-item__nav,section-content masonry-list>list-item .list-item__anchor .list-item__nav{--gap:0.4rem;display:flex;font-size:var(--text-xs);gap:var(--gap);text-transform:uppercase}section-content masonry-list>image-box .list-item__anchor .list-item__nav>li:not(:last-of-type):after,section-content masonry-list>image-thumbnail .list-item__anchor .list-item__nav>li:not(:last-of-type):after,section-content masonry-list>list-item .list-item__anchor .list-item__nav>li:not(:last-of-type):after{color:var(--heading-colour);content:"/";margin-left:var(--gap)}section-content masonry-list>image-box>button[action=favourite],section-content masonry-list>image-thumbnail>button[action=favourite],section-content masonry-list>list-item>button[action=favourite]{right:calc(var(--border-gap, 0)*2);top:calc(var(--border-gap, 0)*2)}section-content masonry-list>image-box:hover .list-item__anchor,section-content masonry-list>image-box:hover>button[action=favourite],section-content masonry-list>image-thumbnail:hover .list-item__anchor,section-content masonry-list>image-thumbnail:hover>button[action=favourite],section-content masonry-list>list-item:hover .list-item__anchor,section-content masonry-list>list-item:hover>button[action=favourite]{opacity:1}aside masonry-list{--border-gap-colour:transparent}aside masonry-list>image-box,aside masonry-list>image-thumbnail,aside masonry-list>list-item{--bg-opacity:0.6}aside masonry-list>image-box .image-box__actions,aside masonry-list>image-box .list-item__anchor,aside masonry-list>image-thumbnail .image-box__actions,aside masonry-list>image-thumbnail .list-item__anchor,aside masonry-list>list-item .image-box__actions,aside masonry-list>list-item .list-item__anchor{opacity:0;pointer-events:none;position:absolute;z-index:1000}aside masonry-list>image-box:after,aside masonry-list>image-thumbnail:after,aside masonry-list>list-item:after{content:"";display:block;inset:calc(var(--border-gap) + 2px);outline:calc(var(--border-gap)/2) solid var(--black);pointer-events:none;position:absolute;z-index:1002}aside masonry-list>image-box .list-item__anchor,aside masonry-list>image-thumbnail .list-item__anchor,aside masonry-list>list-item .list-item__anchor{background-color:var(--bg-colour);color:var(--text-colour);flex-direction:column;inset:calc(var(--border-gap) - 2px);pointer-events:all}aside masonry-list>image-box .list-item__anchor .list-item__title,aside masonry-list>image-thumbnail .list-item__anchor .list-item__title,aside masonry-list>list-item .list-item__anchor .list-item__title{color:#fff;font-family:var(--font-menu);font-size:var(--text-h4);text-transform:capitalize}aside masonry-list>image-box .list-item__anchor .list-item__nav,aside masonry-list>image-thumbnail .list-item__anchor .list-item__nav,aside masonry-list>list-item .list-item__anchor .list-item__nav{--gap:0.4rem;display:flex;font-size:var(--text-xs);gap:var(--gap);text-transform:uppercase}aside masonry-list>image-box .list-item__anchor .list-item__nav>li:not(:last-of-type):after,aside masonry-list>image-thumbnail .list-item__anchor .list-item__nav>li:not(:last-of-type):after,aside masonry-list>list-item .list-item__anchor .list-item__nav>li:not(:last-of-type):after{color:var(--heading-colour);content:"/";margin-left:var(--gap)}aside masonry-list>image-box>button[action=favourite],aside masonry-list>image-thumbnail>button[action=favourite],aside masonry-list>list-item>button[action=favourite]{right:calc(var(--border-gap, 0)*2);top:calc(var(--border-gap, 0)*2)}aside masonry-list>image-box:hover .list-item__anchor,aside masonry-list>image-box:hover>button[action=favourite],aside masonry-list>image-thumbnail:hover .list-item__anchor,aside masonry-list>image-thumbnail:hover>button[action=favourite],aside masonry-list>list-item:hover .list-item__anchor,aside masonry-list>list-item:hover>button[action=favourite]{opacity:1}.component-form-container[loading] button[type=submit],.component-form-container[submitting] button[type=submit]{--s:-1}.component-form-container[loading] button[type=submit]:after,.component-form-container[loading] button[type=submit]:before,.component-form-container[submitting] button[type=submit]:after,.component-form-container[submitting] button[type=submit]:before{animation:dotty-switch 1s linear infinite;aspect-ratio:1;background:var(--icon-colour);border-radius:50%;content:"";grid-area:1/1;height:1em;margin:auto;transform-origin:-100% 50%}.component-form-container[loading] button[type=submit]:after,.component-form-container[submitting] button[type=submit]:after{animation-delay:-.5s;transform-origin:200% 50%}@keyframes dotty-switch{58%,to{transform:rotate(calc(var(--s, 1)*1turn))}}status-message:not(:empty){width:100%}status-message:not(:empty)>div{align-items:center;display:flex;flex-direction:column;gap:.4rem}status-message:not(:empty)>div:has(.editForm){flex-direction:row;flex-wrap:wrap;justify-content:space-between}status-message:not(:empty)>div .editForm{color:var(--accent-colour);font-size:var(--text-sm);padding-top:4px;text-transform:uppercase}.component-form-container>form aside{max-height:unset;overflow:hidden;transition:min-height .3s}.component-form-container>form+status-message{margin-top:.4rem}.component-form-container:has(status-message>div)>form aside{max-height:0}product-purchaser>status-message:not(:empty){--border-colour:var(--heading-colour);border:1px dashed var(--border-colour)}.component-form-container[invalid] button[type=submit]{opacity:.5!important;pointer-events:none!important}.component-form-container[complete]>form{pointer-events:none!important}.component-form-container[complete]>form form-container,.form[disabled]{opacity:.5}favourites-list{--gap:calc(var(--column-inline-padding)/2);display:flex;gap:var(--gap);justify-content:center;width:auto}@media screen and (max-width:430px){favourites-list{flex-wrap:wrap}}favourites-list>*{background-color:#fff;padding:calc(var(--gap)/2)}favourites-list favourites-item{flex-grow:1;max-width:400px;min-width:20vw;position:relative}favourites-list favourites-item>a{display:block}favourites-list favourites-item>a h3{font-size:var(--text-lg)}favourites-list favourites-item>a p{font-size:var(--text-sm)}favourites-list favourites-item>button[action=favourite]{color:var(--link-colour)}favourites-list favourites-item.remove{opacity:.5!important;pointer-events:none!important}