html {
    scroll-behavior: smooth
}

body {
    margin: 0
}

.faq-answer {
    transition: all .2s ease
}

.canterbury-content-width {
    box-sizing: border-box;
    width: 100%;
    padding-inline: 24px
}

@media(min-width:640px) {
    .canterbury-content-width {
        padding-inline: 64px
    }
}

.canterbury-contact-form input:is([type=text], [type=email], [type=tel]) {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    height: 48px;
    padding: 8px 12px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid var(--Opacity-Transparent, rgba(255, 255, 255, 0));
    background: var(--Opacity-Neutral-Darkest-5, rgba(3, 3, 3, .05))
}

.canterbury-contact-form select {
    appearance: none;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    padding: 8px 44px 8px 12px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid var(--Opacity-Transparent, rgba(255, 255, 255, 0));
    background-color: var(--Opacity-Neutral-Darkest-5, rgba(3, 3, 3, .05));
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23030303' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-position: right 12px center;
    background-size: 16px 16px;
    background-repeat: no-repeat
}

.canterbury-contact-form input[type=radio] {
    appearance: none;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    margin: 0;
    border-radius: 100px;
    border: 1px solid var(--Opacity-Transparent, rgba(255, 255, 255, 0));
    background: var(--Opacity-Neutral-Darkest-5, rgba(3, 3, 3, .05))
}

.canterbury-contact-form input[type=radio]:checked {
    background: var(--Color-Smalt-Blue, #4E9389);
    box-shadow: inset 0 0 0 4px #f2f2f2
}

.canterbury-contact-form textarea {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    height: 180px;
    padding: 12px;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid var(--Opacity-Transparent, rgba(255, 255, 255, 0));
    background: var(--Opacity-Neutral-Darkest-5, rgba(3, 3, 3, .05))
}

.canterbury-contact-form input[type=checkbox] {
    appearance: none;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    margin: 0;
    border-radius: 4px;
    border: 1px solid var(--Opacity-Transparent, rgba(255, 255, 255, 0));
    background: var(--Opacity-Neutral-Darkest-5, rgba(3, 3, 3, .05))
}

.canterbury-contact-form input[type=checkbox]:checked {
    background-color: var(--Color-Smalt-Blue, #4E9389);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4 10-10'/%3E%3C/svg%3E");
    background-size: 14px 14px;
    background-position: center;
    background-repeat: no-repeat
}
.canterbury-footer-menu a{color:inherit;text-decoration:none}
.canterbury-footer-menu a:hover{text-decoration:underline}
.canterbury-footer-menu a:focus-visible,.canterbury-header-actions a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.canterbury-header-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 20px;border-radius:100px;background:#fff;color:#141414;font-family:Manrope,sans-serif;font-size:16px;font-weight:500;line-height:24px;text-decoration:none;white-space:nowrap}
.canterbury-header-actions li:nth-child(n+2) a{background:#20201c;color:#fff}
.canterbury-header-actions a:hover{background:#fff4dc}
.canterbury-header-actions li:nth-child(n+2) a:hover{background:#38382f}

.canterbury-menu-toggle{display:none;align-items:center;gap:12px;border:1px solid #ffffff80;border-radius:100px;padding:12px 18px;background:#fff;color:#030303;font:500 16px/24px Manrope,sans-serif;cursor:pointer}
.canterbury-mobile-menu{box-sizing:border-box;position:fixed;inset:0 0 0 auto;width:min(100%,480px);height:100dvh;max-height:100dvh;max-width:100%;margin:0;border:0;padding:24px;background:#fff;color:#030303;overflow-y:auto;font:400 16px/1.5 Manrope,sans-serif}
.canterbury-mobile-menu[open]{display:flex;flex-direction:column;animation:canterbury-menu-in .25s ease-out}
.canterbury-mobile-menu::backdrop{background:rgba(3,3,3,.55);backdrop-filter:blur(4px)}
.canterbury-mobile-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:16px}
.canterbury-menu-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid transparent;border-radius:100px;background:rgba(3,3,3,.05);color:inherit;font-size:32px;cursor:pointer}
.canterbury-mobile-eyebrow{margin:48px 0 12px;color:#b9d4ca;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.canterbury-mobile-links{list-style:none;margin:40px 0;padding:0}
.canterbury-mobile-links li{border-top:1px solid #dedede}
.canterbury-mobile-links li:last-child{border-bottom:1px solid #dedede}
.canterbury-mobile-links a{display:flex;align-items:center;gap:16px;padding:20px 0;color:#4e4e4e;text-decoration:none;font:500 18px/1.5 Manrope,sans-serif}
.canterbury-mobile-links a:hover{color:#4e9389}
.canterbury-mobile-bottom{margin-top:auto;padding-top:16px}
.canterbury-mobile-bottom>p{margin:0 0 16px;font:400 22px/1.4 Aleo,serif}
.canterbury-mobile-actions{display:flex;flex-wrap:wrap;gap:16px;list-style:none;padding:0;margin:0}
.canterbury-mobile-actions li{flex:1 1 140px}
.canterbury-mobile-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 24px;border:1px solid transparent;border-radius:100px;background:rgba(3,3,3,.05);color:#030303;text-decoration:none;font-weight:500}
.canterbury-mobile-actions li:nth-child(n+2) a{background:#4e9389;border-color:#4e9389;color:#fff}
.canterbury-mobile-menu a:focus-visible,.canterbury-mobile-menu button:focus-visible,.canterbury-menu-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}
html.canterbury-menu-open{overflow:hidden}
@media(max-width:1199px){#header-content{width:calc(100% - 48px);flex-direction:row;align-items:center}.canterbury-desktop-nav{display:none}.canterbury-menu-toggle{display:inline-flex}}
@media(prefers-reduced-motion:reduce){.canterbury-mobile-menu[open]{animation:none}}
@keyframes canterbury-menu-in{from{transform:translateX(32px);opacity:0}to{transform:translateX(0);opacity:1}}

@media(max-width:1199px){
    body>header{min-height:116px;height:auto;padding-block:24px}
    #header-content{width:calc(100% - 64px);gap:24px}
    #header-content>a img{width:clamp(164px,36vw,224px);height:auto}
    .canterbury-menu-toggle{position:relative;justify-content:center;width:48px;height:48px;padding:0;gap:0;border:0;border-radius:0;background:transparent;color:#030303}
    .canterbury-menu-toggle>span:first-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}

@media(max-width:639px){
    body>header{min-height:72px;padding-block:12px}
    #header-content{width:calc(100% - 40px);gap:16px}
    #header-content>a img{width:144px;height:auto}
    .canterbury-hero>div:first-child{box-sizing:border-box;display:flex;width:100%;height:540px;padding:0;flex-direction:column;justify-content:center;align-items:center;gap:48px}
    .canterbury-hero-image{width:100%;height:540px;min-height:0;object-fit:cover;object-position:center}
    .canterbury-hero-crest{left:50%;bottom:0;width:129px;height:122px;object-fit:contain;translate:-50% 40%;transform:none}
    #hero-content{width:calc(100% - 36px);grid-template-columns:1fr;gap:24px;padding-top:76px;padding-bottom:32px;text-align:center}
    #home-hero-title{font-family:Aleo,serif;font-size:44px;font-style:normal;font-weight:400;line-height:1.2;letter-spacing:-.44px;text-align:center;color:var(--Color-Scheme-4-Text,#FFF)}
    #hero-content>div{padding-top:0}
    .canterbury-hero-actions{flex-direction:column;align-items:stretch;gap:16px;margin-top:24px}
    .canterbury-hero-actions a{box-sizing:border-box;width:100%;min-height:44px;padding:10px 24px;font:500 12px/18px Manrope,sans-serif}
    .canterbury-hero-actions a:first-child{background:#4e9389}
}

.canterbury-menu-bars{display:block;width:24px;height:24px;flex-shrink:0;border:0}

@media(max-width:639px){
    #main-content>section:not(.canterbury-hero),#main-content~footer{box-sizing:border-box;padding:64px 20px}
    #main-content>section:not(.canterbury-hero)>div:first-child,#main-content~footer>div:first-child{box-sizing:border-box;width:100%;max-width:none;margin-inline:0}
}

@media(max-width:639px){
    #features-title{font-family:Aleo,serif;font-size:40px;font-style:normal;font-weight:400;line-height:1.2;letter-spacing:-.4px;text-align:center;color:var(--Color-Scheme-1-Text,#030303)}
    #features-title+p{margin-top:20px;font-family:Manrope,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.5;text-align:center;color:var(--Color-Scheme-1-Text,#030303)}
}

@media(max-width:639px){
    #features h3{margin-top:20px;font-family:Aleo,serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.4;letter-spacing:-.2px;text-align:center;color:var(--Color-Scheme-1-Text,#030303)}
    #features h3+p{margin-top:12px;font-family:Manrope,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.5;text-align:center;color:var(--Color-Scheme-1-Text,#030303)}
}

@media(max-width:639px){
    #features h3+ p{font-weight:400}
    #features .grid.text-center>div>img{width:48px;height:48px;object-fit:contain}
}

@media(max-width:639px){
    #features .grid.text-center{gap:48px}
}

@media(max-width:639px){
    #features-title+p{margin-bottom:0}
    #features>div>div:nth-child(2){margin-top:48px;gap:48px}
    #features img[src*='caravan-family']{order:3;width:100%;height:auto;aspect-ratio:1;border-radius:8px;object-fit:cover}
    #features>div>div:last-child{margin-top:48px;flex-direction:column;align-items:stretch;gap:16px}
    #features>div>div:last-child>a{box-sizing:border-box;width:100%;min-height:44px;padding:10px 24px;font-size:12px;line-height:18px;font-weight:500;text-align:center}
}

@media(max-width:639px){
    #pricing-title{font-family:Aleo,serif;font-size:40px;line-height:1.2;letter-spacing:-.4px}
    #pricing-title+p{margin-top:20px;font-family:Manrope,sans-serif;font-size:12px;line-height:1.5}
    #pricing>div>div:nth-child(2){margin-top:48px;grid-template-columns:1fr;gap:32px}
    #pricing article{padding:24px;border-radius:8px}
    #pricing article h3{font-family:Aleo,serif;font-size:18px;font-style:normal;font-weight:400;line-height:1.4;letter-spacing:-.18px;color:var(--Color-Scheme-1-Text,#030303)}
    #pricing article>div:first-child>img{width:48px;height:48px;object-fit:contain}
    #pricing article>p[aria-label]{font-family:Aleo,serif;font-size:44px;font-style:normal;font-weight:400;line-height:1.2;letter-spacing:-.44px;color:var(--Color-Scheme-1-Text,#030303)}
    #pricing article>p[aria-label]>span>span:not(:first-child){font-family:Aleo,serif;font-size:24px;font-style:normal;font-weight:400;line-height:1.3;letter-spacing:-.24px;color:var(--Color-Scheme-1-Text,#030303)}
    #pricing article>p[aria-label]>span>span:nth-child(2){padding-top:4px}
    #pricing article>p:not([aria-label]),#pricing article>div:nth-last-of-type(1){font-size:12px;line-height:1.5}
    #pricing article>div:nth-last-of-type(1){margin-top:32px;padding-top:32px}
    #pricing article>div:nth-last-of-type(1)>ul{margin-top:16px;gap:16px;margin-bottom:32px}
    #pricing article>a{font-size:12px;line-height:18px;min-height:40px;padding:10px 24px}
}

@media(max-width:639px){
    #contact>div{grid-template-columns:1fr;gap:48px}
    #contact-title{font-family:Aleo,serif;font-size:40px;font-style:normal;font-weight:400;line-height:48px;letter-spacing:-.4px;color:var(--Color-Scheme-3-Text,#030303)}
    #contact-title+p{margin-top:20px;font-family:Manrope,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:18px;color:var(--Color-Scheme-3-Text,#030303)}
    #contact>div>div:first-child>p:first-child{font-family:Manrope,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:24px;color:var(--Color-Scheme-3-Text,#030303)}
    #contact>div>div:first-child>ul{margin-top:32px;font-family:Manrope,sans-serif;font-size:12px;line-height:1.5;gap:16px}
    #contact>div>div:first-child>ul>li{gap:12px}
    .canterbury-contact-form{font-size:12px;line-height:1.5;gap:24px}
    .canterbury-contact-form>div.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
    .canterbury-contact-form>div.grid>label:nth-child(n+3){grid-column:1/-1}
    .canterbury-contact-form fieldset>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
    .canterbury-contact-form input,.canterbury-contact-form select,.canterbury-contact-form textarea{font-family:Manrope,sans-serif;font-size:12px;line-height:1.5}
    .canterbury-contact-form>div>button{width:100%;font-size:12px;line-height:18px;min-height:40px}
}

@media(max-width:639px){
    #faq-title{font-family:Aleo,serif;font-size:40px;font-style:normal;font-weight:400;line-height:48px;letter-spacing:-.4px;color:var(--Color-Scheme-1-Text,#030303)}
    #faq-title+p{margin-top:20px;font-family:Manrope,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:18px;color:var(--Color-Scheme-1-Text,#030303)}
    #faq dl{margin-top:48px;gap:40px;padding-top:20px}
    #faq dl>div{grid-template-columns:1fr;gap:16px}
    #faq dt,#faq dd{font-family:Manrope,sans-serif;font-size:16px;font-style:normal;line-height:24px;color:var(--Color-Scheme-1-Text,#030303)}
    #faq dt{font-weight:700}
    #faq dd{font-weight:400}
    #faq dl>div::before{top:-20px}
    #faq>div>div:last-child{margin-top:48px}
    #faq h3{font-family:Aleo,serif;font-size:24px;font-style:normal;font-weight:400;line-height:31.2px;letter-spacing:-.24px;color:var(--Color-Scheme-1-Text,#030303)}
    #faq h3+p{margin-top:16px;font-family:Manrope,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:18px;color:var(--Color-Scheme-1-Text,#030303)}
    #faq a[href='#contact']{box-sizing:border-box;display:flex;width:100%;padding:10px 24px;justify-content:center;align-items:center;gap:8px;flex:1 0 0;margin-top:24px;border-radius:100px;border:1px solid var(--Opacity-Transparent,rgba(255,255,255,0));background:var(--Opacity-Neutral-Darkest-5,rgba(3,3,3,.05));font-size:12px;line-height:18px;min-height:40px}
}

@media(max-width:639px){
    #pricing>div>div:first-child>p:first-child{font-family:Manrope,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:24px;text-align:center;color:var(--Color-Scheme-1-Foreground,#F2F2F2)}
    #pricing-title{max-width:300px;margin-inline:auto;margin-top:16px;font-family:Aleo,serif;font-size:40px;font-style:normal;font-weight:400;line-height:48px;letter-spacing:-.4px;text-align:center;color:var(--Color-Scheme-1-Foreground,#F2F2F2);text-wrap:balance}
    #pricing-title+p{max-width:300px;margin-inline:auto;margin-top:20px;font-family:Manrope,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;text-align:center;color:var(--Color-Scheme-1-Foreground,#F2F2F2);text-wrap:balance}
}

@media(max-width:639px){
    #pricing article>p:not([aria-label]){font-family:Manrope,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:18px;color:var(--Color-Scheme-1-Text,#030303)}
}

@media(max-width:639px){
    #pricing article li{font-family:Manrope,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:18px;color:var(--Color-Scheme-1-Text,#030303)}
}

@media(max-width:639px){
    .canterbury-contact-form label>span,.canterbury-contact-form legend{font-family:Manrope,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:18px;color:var(--Color-Scheme-3-Text,#030303)}
}

@media(max-width:639px){
    #home-cta-title{font-family:Aleo,serif;font-size:40px;font-style:normal;font-weight:400;line-height:48px;letter-spacing:-.4px;color:var(--Color-Scheme-1-Text,#030303)}
    #home-cta-title+p{margin-top:20px;font-family:Manrope,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:18px;color:var(--Color-Scheme-1-Text,#030303)}
}

@media(max-width:639px){
    #home-cta-title+p+div{margin-top:24px;flex-direction:column;align-items:stretch;gap:16px}
    #home-cta-title+p+div>a{box-sizing:border-box;width:100%;min-height:40px;padding:10px 24px;font-size:12px;line-height:18px}
}

@media(max-width:639px){
    #main-content~footer>div>div:first-child>div:first-child>a>img{width:106px;height:101px;object-fit:contain}
}

@media(max-width:639px){
    #main-content~footer>div>div:first-child>div:first-child>p:first-of-type{font-size:12px;line-height:18px}
    #main-content~footer form{flex-direction:column;align-items:stretch;gap:16px;margin-top:24px}
    #main-content~footer #footer-email{box-sizing:border-box;flex:0 0 auto;width:100%;height:48px;padding:8px 12px;font-size:12px;line-height:18px}
    #main-content~footer form>button{box-sizing:border-box;width:100%;min-height:44px;padding:10px 24px;border:1px solid var(--Color-Smalt-Blue,#4E9389);background:var(--Color-Smalt-Blue,#4E9389);color:var(--Color-White,#FFF);font:500 12px/18px Manrope,sans-serif}
    #main-content~footer form>button:hover{background:#358078}
    #main-content~footer #footer-consent{margin-top:12px;font-size:10px;line-height:15px}
}

@media(max-width:639px){
    #main-content~footer>div>div:first-child>div:first-child>a{display:table;margin-inline:auto}
}

/* Bridge tablet and smaller desktop widths without changing the approved end layouts. */
@media(min-width:640px) and (max-width:1439px){
    #hero-content,#contact>div,#faq>div,section[aria-labelledby='home-cta-title']>div,#main-content~footer>div{width:calc(100% - 64px);min-width:0}
    #main-content section>div>*{min-width:0}
    .canterbury-hero-crest{left:32px}
    #contact>div{gap:48px}
    #contact li{overflow-wrap:anywhere}
    #hero-content{gap:32px}
    #home-hero-title{font-size:clamp(44px,5vw,72px)}
    #features>div>div:nth-child(2){grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);gap:24px}
    #features h3{font-size:24px}
}
@media(min-width:640px) and (max-width:899px){
    #hero-content,#contact>div,section[aria-labelledby='home-cta-title']>div{grid-template-columns:1fr}
    #features>div>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
    #features img[src*='caravan-family']{order:3;grid-column:1/-1;max-width:540px}
    #contact-title,#home-cta-title{font-size:44px}
    #main-content~footer>div>div:first-child{grid-template-columns:1fr;gap:48px}
}
@media(min-width:1200px) and (max-width:1439px){
    #header-content,#hero-content,#contact>div,#faq>div,section[aria-labelledby='home-cta-title']>div,#main-content~footer>div{width:calc(100% - 2 * clamp(32px,calc(65.8333vw - 758px),190px))}
    .canterbury-hero-crest{left:clamp(32px,calc(65.8333vw - 758px),190px)}
}
@media(max-width:359px){
    #home-cta-title>span{white-space:normal}
    #home-cta-title{font-size:36px;line-height:1.2}
    .canterbury-contact-form fieldset>div{gap:12px 8px}
    .canterbury-contact-form fieldset label{gap:8px}
}

@media(max-width:639px){
    #hero-content>div>p{font-family:Manrope,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;text-align:center;color:var(--Color-Scheme-4-Text,#FFF)}
}

@media(max-width:1199px){
    .canterbury-mobile-actions{flex-direction:column;align-items:stretch;gap:16px}
    .canterbury-mobile-actions li{flex:0 0 auto;width:100%}
    .canterbury-mobile-actions a{box-sizing:border-box;width:100%}
}

.canterbury-contact-notice{margin:0;border:1px solid currentColor;border-radius:12px;padding:12px;font:inherit}
.canterbury-contact-notice:empty{display:none}
.canterbury-contact-notice[data-success=true]{color:#23645b}
.canterbury-contact-notice[data-success=false]{color:#a12b2b}
.canterbury-contact-form button:disabled{opacity:.65;cursor:wait}

#contact>div>div:first-child>ul{font-family:Manrope,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:var(--Color-Scheme-3-Text,#030303)}
#contact>div>div:first-child>ul>li:first-child>a,#contact>div>div:first-child>ul>li:nth-child(2)>span{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}
@media(max-width:639px){
    #contact>div>div:first-child>ul{font-size:12px;line-height:18px}
}

@media(min-width:768px){ #faq dl>div{column-gap:96px} }

@media(min-width:1440px){
    #faq dl>div{grid-template-columns:minmax(0,1fr) minmax(0,720px);column-gap:96px}
    #faq dd{min-width:0;overflow-wrap:normal;word-break:normal}
}

@media(min-width:640px){
    footer nav ul a{font-size:14px;line-height:21px}
}

@media(max-width:639px){
    #main-content~footer nav h2,#main-content~footer nav ul a,#main-content~footer>div>div:last-child{font-size:12px;line-height:18px}
}

@media(min-width:640px) and (max-width:1023px){
    #pricing article>p[aria-label]{font-size:44px;line-height:1.2;letter-spacing:-.44px}
    #pricing article>p[aria-label]>span{flex-wrap:nowrap;white-space:nowrap}
    #pricing article>p[aria-label]>span>span:not(:first-child){font-size:24px;line-height:1.3;letter-spacing:-.24px}
    #pricing article>p[aria-label]>span>span:nth-child(2){padding-top:4px}
}

/* Ten black curtains lift left to right once when a new page opens. */
.canterbury-page-curtain{display:none;position:fixed;inset:0;z-index:2147483000;overflow:hidden;pointer-events:none;grid-template-columns:repeat(10,minmax(0,1fr))}
.canterbury-page-curtain>span{display:block;height:100%;margin-right:-1px;background:#000;transform:translateY(0)}
@media(prefers-reduced-motion:no-preference){
    .canterbury-page-curtain{display:grid;animation:canterbury-curtain-finish 1.8s step-end forwards}
    .canterbury-page-curtain>span{animation:canterbury-curtain-lift .8s cubic-bezier(.65,0,.35,1) both;animation-delay:calc(.15s + var(--curtain-index)*.09s)}
    .canterbury-hero picture{overflow:hidden}
    .canterbury-hero-image{transform-origin:center;animation:canterbury-hero-zoom-out 1.8s cubic-bezier(.22,1,.36,1) .15s both}
}
@keyframes canterbury-curtain-lift{from{transform:translateY(0)}to{transform:translateY(-101%)}}
@keyframes canterbury-curtain-finish{from{visibility:visible}to{visibility:hidden}}
@keyframes canterbury-hero-zoom-out{from{transform:scale(1.2)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.canterbury-page-curtain{display:none!important}.canterbury-hero-image{animation:none!important}}
