/* Inspiration follows the homepage's imagery, editorial rhythm and brand colours. */
.inspiration-catalogue .inspiration-container { width: min(1280px, calc(100% - 72px)); margin-inline: auto; }
.inspiration-catalogue .inspiration-eyebrow { margin: 0 0 18px; color: #464B20; font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: 2.7px; text-transform: uppercase; }
.inspiration-hero { position: relative; isolation: isolate; min-height: 580px; overflow: hidden; background: #542006; }
.inspiration-hero-image, .inspiration-hero-shade { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 53%; }
.inspiration-hero-shade { z-index: -1; background: linear-gradient(90deg,rgba(17,14,10,.83),rgba(17,14,10,.48) 55%,rgba(17,14,10,.12)),linear-gradient(0deg,rgba(17,14,10,.5),transparent 55%); }
.inspiration-hero::after { position: absolute; inset: 0 0 auto; height: 55px; background: url('../img/hero/peaks-pattern.svg') repeat-x left top / 156px 64px; opacity: .15; mask-image: linear-gradient(#000,transparent); content: ''; pointer-events: none; }
.inspiration-hero-inner { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 580px; padding-block: 100px 110px; }
.inspiration-breadcrumb { position: absolute; top: 33px; left: 0; display: flex; flex-wrap: wrap; gap: 12px; color: #FAF7EF; font-size: 10px; line-height: 1.5; }
.inspiration-breadcrumb a { color: #FAF7EF; }
.inspiration-breadcrumb a:hover { color: #CC9138; }
.inspiration-hero-copy { max-width: 700px; }
.inspiration-catalogue .inspiration-hero-copy .inspiration-eyebrow { color: #FAF7EF; }
.site-content--page .inspiration-catalogue .inspiration-hero-copy h1 { margin: 0; color: #FFFFFF !important; font-size: clamp(34px,4.3vw,58px) !important; font-weight: 800 !important; line-height: 1.12 !important; letter-spacing: 1px; text-transform: uppercase; }
.inspiration-catalogue .inspiration-hero-copy > p:last-of-type { max-width: 560px; margin-top: 24px; color: #FAF7EF; font-size: 16px; line-height: 1.8; }
.inspiration-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 27px; margin-top: 30px; }
.inspiration-button { display: inline-flex; align-items: center; justify-content: center; gap: 17px; min-height: 45px; padding: 14px 23px; border: 1px solid #542006; border-radius: 3px; background: #542006; color: #FFFFFF; font-family: inherit; font-size: 10px; font-weight: 800; line-height: 1.5; letter-spacing: .8px; text-transform: uppercase; cursor: pointer; transition: background .2s,border-color .2s,color .2s; }
.inspiration-button:hover { border-color: #464B20; background: #464B20; color: #FFFFFF; }
.inspiration-hero-actions .inspiration-button { border-color: #CC9138; background: #CC9138; color: #542006; }
.inspiration-hero-actions .inspiration-button:hover { border-color: #464B20; background: #464B20; color: #FFFFFF; }
.inspiration-hero-link { display: inline-flex; align-items: center; gap: 17px; padding: 10px 0; border-bottom: 1px solid rgba(250,247,239,.5); color: #FAF7EF; font-size: 11px; font-weight: 700; }
.inspiration-hero-link:hover { color: #CC9138; }
.inspiration-hero-note { position: absolute; right: 0; bottom: 35px; display: flex; align-items: center; gap: 15px; color: #FAF7EF; }
.inspiration-hero-note > span { color: #CC9138; font-size: 30px; }
.site-content--page .inspiration-catalogue .inspiration-hero-note p { color: #FAF7EF; font-size: 11px; line-height: 1.7; }
.inspiration-section-navigation { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 0 max(36px,calc((100% - 1280px)/2)); border-bottom: 1px solid rgba(84,32,6,.12); background: #FAF7EF; }
.inspiration-section-navigation a { display: flex; align-items: center; justify-content: center; gap: 15px; min-height: 70px; padding: 17px; border-right: 1px solid rgba(84,32,6,.12); color: #542006; font-size: 11px; font-weight: 700; }
.inspiration-section-navigation a:last-child { border-right: 0; }
.inspiration-section-navigation a > span:first-child { color: #464B20; font-size: 10px; font-weight: 500; }
.inspiration-section-navigation a > span:last-child { color: #CC9138; font-size: 18px; }
.inspiration-section-navigation a:hover { background: #FFFFFF; color: #464B20; }
.inspiration-introduction { padding-block: 75px; background: #FFFFFF; }
.inspiration-intro-layout { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: center; gap: 70px; }
.site-content--page .inspiration-catalogue .inspiration-intro-heading h2 { color: #542006; font-size: clamp(26px,2.7vw,36px) !important; line-height: 1.35 !important; letter-spacing: .7px; }
.inspiration-intro-ornament { display: flex; align-items: center; gap: 13px; margin-top: 25px; color: #CC9138; font-size: 18px; }
.inspiration-intro-ornament > span { width: 45px; height: 1px; background: #CC9138; }
.inspiration-intro-copy { padding-left: 35px; border-left: 1px solid rgba(204,145,56,.4); }
.inspiration-catalogue .inspiration-intro-copy p { color: #302820; font-size: 14px; line-height: 1.9; }
.inspiration-intro-copy p + p { margin-top: 16px; }
.inspiration-intro-facts { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 23px; }
.inspiration-intro-facts > div { display: flex; align-items: center; gap: 12px; }
.inspiration-intro-facts strong { color: #464B20; font-size: 29px; font-weight: 500; line-height: 1; }
.inspiration-intro-facts span { max-width: 130px; color: #6B4B3B; font-size: 10px; line-height: 1.5; letter-spacing: .5px; text-transform: uppercase; }
.inspiration-catalogue .inspiration-signatures { position: relative; isolation: isolate; padding-block: 60px 78px; background: #FFFFFF; }
.inspiration-signatures::before { position: absolute; z-index: -1; inset: 0; background: url('../img/activities-route.svg') no-repeat center / 100% 100%; opacity: .2; content: ''; pointer-events: none; }
.inspiration-catalogue .inspiration-signatures .home-activities-grid { margin-top: 35px; }
.site-content--page .inspiration-catalogue .inspiration-signatures .home-activity-label { display: inline-block; max-width: 100%; margin: 8px 0 0; padding: 6px 9px; border-radius: 2px; background: #464B20; color: #FFFFFF !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.45 !important; text-transform: uppercase; overflow-wrap: anywhere; }
.site-content--page .inspiration-catalogue .inspiration-signatures .home-activity-card:nth-child(2) .home-activity-label { background: #542006; }
.site-content--page .inspiration-catalogue .inspiration-signatures .home-activity-card:nth-child(3) .home-activity-label { background: #CC9138; color: #542006 !important; }
.site-content--page .inspiration-catalogue .inspiration-signatures .home-activity-card:nth-child(4) .home-activity-label { background: #6B4B3B; }
.site-content--page .inspiration-catalogue .inspiration-signatures .home-activity-card:nth-child(5) .home-activity-label { background: #FAF7EF; color: #542006 !important; }
.site-content--page .inspiration-catalogue .inspiration-signatures .home-activity-copy > p { margin-top: 9px; color: #FFFFFF; font-size: 12px; line-height: 1.65; }
.site-content--page .inspiration-catalogue .inspiration-signatures .home-activity-copy .inspiration-featured-category { margin-top: 0; color: #FAF7EF; font-size: 9px; letter-spacing: 1.2px; text-transform: uppercase; }
.inspiration-featured-arrow { display: block; margin-top: 12px; color: #CC9138; font-size: 21px; line-height: 1; }
.inspiration-catalogue .inspiration-directory { padding-block: 70px 80px; background: #FAF7EF; border-top: 1px solid rgba(84,32,6,.1); }
.inspiration-listing-layout { display: grid; grid-template-columns: 280px minmax(0,1fr); align-items: start; gap: 32px; margin-top: 34px; }
.inspiration-sidebar, .inspiration-listing-main { min-width: 0; }
.inspiration-catalogue .inspiration-filter-form { display: grid; grid-template-columns: minmax(0,1fr); align-items: end; gap: 20px; padding: 25px; margin: 0; border: 0; border-radius: 4px; background: #FFFFFF; }
.inspiration-filter-field { min-width: 0; }
.inspiration-filter-field label { display: block; margin-bottom: 10px; color: #542006; font-size: 9px; font-weight: 800; line-height: 1.5; letter-spacing: 1.3px; text-transform: uppercase; }
.inspiration-catalogue .inspiration-filter-field select, .inspiration-filter-field input { display: block; width: 100%; min-height: 45px; padding: 12px 30px 12px 13px; border: 1px solid rgba(84,32,6,.2); border-radius: 3px; background: #FAF7EF; color: #542006; font-family: inherit; font-size: 11px; line-height: 1.5; }
.inspiration-filter-field input { padding-right: 13px; }
.inspiration-filter-field input:focus-visible { outline: 3px solid #CC9138; outline-offset: 3px; }
.inspiration-results-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 13px; border-bottom: 1px solid rgba(84,32,6,.15); color: #6B4B3B; font-size: 10px; }
.site-content--page .inspiration-catalogue .inspiration-results-heading p { color: #6B4B3B; font-size: 11px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; }
.inspiration-active-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 17px; font-size: 10px; line-height: 1.5; }
.inspiration-active-filters > span { padding: 6px 10px; border: 1px solid rgba(70,75,32,.2); border-radius: 2px; background: #FFFFFF; color: #464B20; }
.inspiration-active-filters > a { display: inline-flex; align-items: center; gap: 8px; padding: 6px 0; margin-left: 3px; color: #542006; text-decoration: underline; text-underline-offset: 4px; }
.inspiration-catalogue .inspiration-activity-grid { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 24px; }
.inspiration-activity-card { border-radius: 4px; }
.inspiration-catalogue .inspiration-activity-card .home-editorial-photo { height: 250px; }
.inspiration-activity-card .home-editorial-photo::after { position: absolute; z-index: 1; inset: 35% 0 0; background: linear-gradient(transparent,rgba(0,0,0,.68)); content: ''; }
.inspiration-catalogue .inspiration-activity-card .home-editorial-tag { background: #FAF7EF; color: #542006; }
.inspiration-activity-location { position: absolute; z-index: 2; right: 20px; bottom: 17px; left: 20px; display: flex; align-items: center; gap: 7px; color: #FFFFFF; font-size: 10px; font-weight: 600; line-height: 1.6; }
.inspiration-activity-location svg { flex: 0 0 12px; width: 12px; height: 12px; }
.inspiration-activity-time { display: flex; align-items: start; gap: 7px; margin-bottom: 13px; color: #464B20; font-size: 10px; font-weight: 600; line-height: 1.6; }
.inspiration-activity-time svg { flex: 0 0 13px; width: 13px; height: 13px; margin-top: 2px; }
.site-content--page .inspiration-catalogue .inspiration-activity-card h3 { font-size: 18px !important; font-weight: 800 !important; line-height: 1.45 !important; overflow-wrap: anywhere; }
.inspiration-catalogue .inspiration-activity-card .home-editorial-body > p { color: #302820; font-size: 12px; line-height: 1.9; }
.inspiration-empty { grid-column: 1 / -1; padding: 42px 26px; border: 1px solid rgba(84,32,6,.13); background: #FFFFFF; text-align: center; }
.inspiration-empty > span { display: block; margin-bottom: 17px; color: #CC9138; font-size: 28px; }
.site-content--page .inspiration-catalogue .inspiration-empty h3 { color: #542006; font-size: 21px !important; }
.inspiration-empty > p { max-width: 470px; margin: 17px auto 25px; color: #302820; font-size: 13px; line-height: 1.9; }
.inspiration-story { padding-block: 85px; background: #542006; }
.inspiration-story-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 70px; }
.inspiration-story-photo { position: relative; padding: 0 25px 25px 0; }
.inspiration-story-photo::after { position: absolute; z-index: 0; inset: 25px 0 0 25px; border: 1px solid rgba(204,145,56,.7); content: ''; }
.inspiration-story-photo img { position: relative; z-index: 1; display: block; width: 100%; height: 500px; object-fit: cover; object-position: center 10%; border-radius: 3px; }
.inspiration-story-photo > span { position: absolute; z-index: 2; right: 0; bottom: 0; padding: 15px 24px; background: #CC9138; color: #542006; font-size: 10px; font-weight: 700; letter-spacing: .7px; }
.inspiration-catalogue .inspiration-story-copy .inspiration-eyebrow { color: #CC9138; }
.site-content--page .inspiration-catalogue .inspiration-story-copy h2 { color: #FFFFFF; font-size: 32px !important; line-height: 1.4 !important; letter-spacing: .7px; }
.site-content--page .inspiration-catalogue .inspiration-story-copy > p:not(.inspiration-eyebrow) { margin-top: 23px; color: #FAF7EF; font-size: 14px; line-height: 1.9; }
.inspiration-story-copy .inspiration-button { margin-top: 28px; background: #CC9138; border-color: #CC9138; color: #542006; }
.inspiration-story-copy .inspiration-button:hover { background: #464B20; border-color: #464B20; color: #FFFFFF; }
.inspiration-catalogue .inspiration-journal { padding-block: 75px; background: #FAF7EF; }
.inspiration-journal-card .home-editorial-body { flex: 1; }
.inspiration-journal-empty { padding: 32px 24px 0; color: #302820; font-size: 14px; line-height: 1.8; text-align: center; }
.inspiration-catalogue .inspiration-frames { padding-block: 65px 75px; background: #FFFFFF; }
.inspiration-frame-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,.75fr); gap: 24px; margin-top: 34px; }
.inspiration-frame { position: relative; isolation: isolate; display: flex; align-items: flex-end; min-height: 420px; overflow: hidden; border-radius: 4px; background: #6B4B3B; color: #FFFFFF; }
.inspiration-frame > img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.inspiration-frame::after { position: absolute; z-index: -1; inset: 0; background: linear-gradient(transparent 30%,rgba(0,0,0,.74)); content: ''; }
.inspiration-frame > div { position: relative; width: 100%; padding: 28px; }
.inspiration-frame > div > span:first-child { color: #FAF7EF; font-size: 10px; letter-spacing: 1.3px; text-transform: uppercase; }
.site-content--page .inspiration-catalogue .inspiration-frame h3 { margin-top: 11px; padding-right: 30px; color: #FFFFFF !important; font-size: 25px !important; font-weight: 700 !important; }
.inspiration-frame > div > span:last-child { position: absolute; right: 28px; bottom: 30px; color: #CC9138; font-size: 23px; }
.inspiration-frame:hover > img { transform: scale(1.04); }
.inspiration-catalogue a:focus-visible, .inspiration-catalogue button:focus-visible { outline: 3px solid #CC9138; outline-offset: 4px; }
@media (max-width: 1100px) {
    .inspiration-listing-layout { grid-template-columns: 245px minmax(0,1fr); gap: 24px; }
    .inspiration-intro-layout, .inspiration-story-layout { gap: 35px; }
    .inspiration-catalogue .inspiration-activity-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .inspiration-filter-form { column-gap: 14px; }
    .inspiration-story-photo img { height: 460px; }
}
@media (max-width: 899px) {
    .inspiration-listing-layout { grid-template-columns: minmax(0,1fr); gap: 28px; }
    .inspiration-intro-layout, .inspiration-story-layout { grid-template-columns: minmax(0,1fr); }
    .inspiration-intro-copy { padding-left: 0; border-left: 0; }
    .inspiration-catalogue .inspiration-filter-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .inspiration-story-copy { max-width: 660px; }
    .inspiration-story-photo img { height: 420px; }
    .inspiration-frame-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
}
@media (max-width: 639px) {
    .inspiration-catalogue .inspiration-container { width: calc(100% - 36px); }
    .inspiration-hero, .inspiration-hero-inner { min-height: 550px; }
    .inspiration-hero-inner { padding-block: 95px 105px; }
    .inspiration-breadcrumb { top: 28px; font-size: 9px; }
    .inspiration-hero-copy { overflow-wrap: anywhere; }
    .inspiration-catalogue .inspiration-hero-copy > p:last-of-type { font-size: 14px; }
    .inspiration-hero-actions { gap: 13px 20px; margin-top: 25px; }
    .inspiration-hero-actions .inspiration-button { padding-inline: 18px; font-size: 9px; }
    .inspiration-hero-note { right: auto; left: 0; bottom: 27px; }
    .inspiration-section-navigation { grid-template-columns: minmax(0,1fr); padding: 0 18px; }
    .inspiration-section-navigation a { justify-content: flex-start; min-height: 52px; padding: 12px 0; border-right: 0; border-bottom: 1px solid rgba(84,32,6,.12); font-size: 10px; }
    .inspiration-section-navigation a:last-child { border-bottom: 0; }
    .inspiration-section-navigation a > span:last-child { margin-left: auto; }
    .inspiration-introduction, .inspiration-story { padding-block: 55px; }
    .inspiration-catalogue .inspiration-signatures { padding: 45px 18px 55px; }
    .inspiration-catalogue .inspiration-signatures .home-activities-grid { grid-template-columns: minmax(0,1fr); grid-auto-rows: minmax(320px,auto); gap: 16px; margin-top: 28px; }
    .inspiration-catalogue .inspiration-signatures .home-activities-grid .home-activity-card { grid-column: auto; grid-row: auto; min-height: 360px; }
    .inspiration-catalogue .inspiration-directory, .inspiration-catalogue .inspiration-journal, .inspiration-catalogue .inspiration-frames { padding: 55px 18px; }
    .inspiration-listing-layout { margin-top: 28px; }
    .inspiration-catalogue .inspiration-filter-form { grid-template-columns: minmax(0,1fr); gap: 18px; padding: 20px; }
    .inspiration-catalogue .inspiration-activity-grid { grid-template-columns: minmax(0,1fr); gap: 22px; }
    .inspiration-story-photo { padding: 0 20px 20px 0; }
    .inspiration-story-photo img { height: 370px; }
    .inspiration-story-photo > span { padding: 12px 18px; font-size: 9px; }
    .site-content--page .inspiration-catalogue .inspiration-story-copy h2 { font-size: 27px !important; }
    .inspiration-frame-grid { grid-template-columns: minmax(0,1fr); gap: 18px; margin-top: 28px; }
    .inspiration-frame { min-height: 330px; }
    .inspiration-frame > div { padding: 23px; }
    .site-content--page .inspiration-catalogue .inspiration-frame h3 { font-size: 22px !important; }
}
@media (prefers-reduced-motion: reduce) { .inspiration-frame > img, .inspiration-button { transition: none; } }