@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500&display=swap');
.gallery-page-hero{display:block;height:auto;min-height:0;aspect-ratio:2.4;background:#100c06;isolation:isolate}
.gallery-page-hero{background:linear-gradient(90deg,rgba(8,7,3,.78),rgba(8,7,3,.16) 72%,rgba(8,7,3,.28)),url('merge.png') center/cover no-repeat;background-color:#17110b}
.gallery-hero-art{display:none}
.gallery-page-hero:before{z-index:-1;background:linear-gradient(90deg,#080703cf,transparent 55%)}
.gallery-page-hero:after{display:none}
.gallery-page-hero .page-hero-inner{width:86%;padding:clamp(120px,13vw,245px) 0 24px;margin:auto}
.gallery-page-hero h1{font-size:clamp(32px,3.65vw,66px);max-width:46%;margin:10px 0}
.gallery-page-hero h1 em{display:block}
.gallery-page-hero .eyebrow{font-size:clamp(9px,.85vw,13px);letter-spacing:3px}
.gallery-page-hero .eyebrow:before{display:none}
.gallery-page-hero .page-hero-inner>p{max-width:36%;font-size:clamp(11px,1.1vw,16px);line-height:1.5;color:#fff}
.gallery-page-hero .page-crumb{margin-top:17px;font-size:12px}
.gallery-hero-features{display:flex;margin-top:20px;width:35%;gap:12px}
.gallery-hero-features>span{flex:1;text-align:center;font-size:clamp(9px,.95vw,14px);line-height:1.35;border-right:1px solid #d7ad5533}
.gallery-hero-features>span:last-child{border:0}
.gallery-hero-features .icon{display:block;margin:0 auto 7px;color:#edc269;width:28px;height:28px}
.gallery-hero-note{position:absolute;right:3%;top:24%;font:clamp(22px,2.6vw,45px)/1 'Caveat',cursive;color:#edbd66;transform:rotate(-8deg);text-shadow:0 2px 6px #000}
.gallery-page-body{background:url('assets/leaf.svg') left top/150px auto repeat-y,url('assets/leaf.svg') right bottom/130px auto repeat-y,#fcfaf6}
.gallery-page-body #gallery .gallery-rail.reveal{opacity:1;transform:none}
.gallery-page-body:before{display:none}
.gallery-page-body #gallery{width:91%;max-width:1600px;padding:45px 0 34px!important}
.gallery-page-body #gallery .title-row{grid-template-columns:1.2fr 1fr;gap:30px!important;margin-bottom:25px!important;align-items:end!important}
.gallery-page-body #gallery .title-row p{font-size:13px!important;max-width:520px;line-height:1.65}
.gallery-page-body #gallery h2{font-size:clamp(30px,3.5vw,54px)}
.gallery-page-body #gallery .gallery-filters{position:relative;justify-self:end;box-shadow:0 4px 20px #9c794410;border:0}
.gallery-page-body #gallery .gallery-filters:before{content:'Spaces that stay with you ♥';position:absolute;right:10px;bottom:70px;width:160px;font:32px/.9 'Caveat',cursive;color:#b96d29;transform:rotate(-9deg);text-align:center}
.gallery-page-body #gallery .gallery-filters button{padding:10px 18px;font-size:12px}
.gallery-page-body #gallery .gallery-filters button.active{background:linear-gradient(110deg,#d29a49,#af692b)}
.gallery-page-body #gallery .gallery-rail{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-rows:auto;gap:16px!important}
.gallery-page-body #gallery .gallery-rail>a{grid-column:span 2;grid-row:auto;height:auto!important;aspect-ratio:1.18;border-radius:7px!important;box-shadow:0 5px 18px #49331510!important}
.gallery-page-body #gallery .gallery-rail>a:nth-child(-n+2){grid-column:span 3;aspect-ratio:1.5}
.gallery-page-body #gallery:has([data-filter]:not([data-filter="all"]).active) .gallery-rail>a{grid-column:span 2;aspect-ratio:1.18}
.gallery-page-body #gallery .g-cap{padding:22px 20px 19px;padding-right:58px}
.gallery-page-body #gallery .g-cap b{font:400 clamp(19px,1.9vw,30px)/1.15 var(--serif);margin-bottom:8px}
.gallery-page-body #gallery .g-cap .gallery-description{font-size:clamp(10px,.95vw,14px);line-height:1.4;opacity:1;transform:none;color:#ece9e3;max-width:100%}
.gallery-page-body #gallery .g-cap:after{content:'›';position:absolute;right:18px;bottom:24px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #d8af57;border-radius:50%;font:28px/1 Georgia;color:#fff}
.gallery-page-body #gallery .g-photo i{top:17px;left:17px;font-size:9px;padding:6px 9px}
.gallery-page-body #gallery .section-action{margin-top:25px}
.gallery-page-body+.bottom-cta{background:linear-gradient(90deg,#100a04ed,#100a04a8),url('assets/gallery-journey-branded.jpg') center/cover;border-bottom:1px solid #ad814633;padding:35px 0}
@media(max-width:1100px) and (min-width:701px){.gallery-page-hero .page-hero-inner{padding-top:112px}.gallery-page-hero h1{font-size:34px}.gallery-hero-features{margin-top:14px}.gallery-page-hero .page-crumb{margin-top:12px}.gallery-page-body #gallery .gallery-filters button{padding:9px 12px}.gallery-page-body #gallery .g-cap{padding:15px 48px 15px 15px}}
@media(max-width:700px){.gallery-page-hero{aspect-ratio:auto;padding-top:100px;display:flex;flex-direction:column;background-position:center;background-size:cover}.gallery-page-hero:before{display:block}.gallery-page-hero .page-hero-inner{padding:24px 0 28px;order:1;width:88%}.gallery-page-hero h1,.gallery-page-hero .page-hero-inner>p{max-width:100%}.gallery-page-hero h1{font-size:38px}.gallery-page-hero .page-hero-inner>p{font-size:13px}.gallery-hero-features{width:100%;margin-top:22px}.gallery-hero-features>span{font-size:11px}.gallery-hero-note{display:none}.gallery-page-body #gallery .title-row{grid-template-columns:1fr;gap:20px!important}.gallery-page-body #gallery .gallery-filters:before{display:none}.gallery-page-body #gallery .gallery-filters{justify-self:start;width:100%;justify-content:space-between!important}.gallery-page-body #gallery .gallery-filters button{font-size:11px;padding:9px 12px}.gallery-page-body #gallery .gallery-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.gallery-page-body #gallery .gallery-rail>a:nth-child(n){grid-column:span 1;aspect-ratio:.74;height:auto!important}.gallery-page-body #gallery .g-cap{padding:14px 12px}.gallery-page-body #gallery .g-cap b{font-size:19px}.gallery-page-body #gallery .g-cap:after{display:none}.gallery-page-body #gallery .g-photo i{top:10px;left:10px;font-size:7px}.gallery-page-body #gallery .g-cap .gallery-description{font-size:10px}.gallery-page-body #gallery:has([data-filter]:not([data-filter="all"]).active) .gallery-rail>a{grid-column:span 1;aspect-ratio:.74}}
@media(max-width:380px){.gallery-page-body #gallery .gallery-rail{grid-template-columns:1fr!important}.gallery-page-body #gallery .gallery-rail>a:nth-child(n){aspect-ratio:1.1}}
@media(max-width:700px){
  .gallery-page-hero{background-size:auto 100%;background-position:58% center;}
}