/* Generated by tools/import-prototype.mjs from Gallery.html and Gallery-Mobile.html — do not edit by hand. */
@media (min-width:768px){
body{margin:0;background:#695A4E}
.hero{height:calc(100 * var(--vh, 1vh));min-height:680px;max-height:900px}
html{scroll-snap-type:y proximity}.hero{scroll-snap-align:start}
.page > section:not(.hero){min-height:clamp(680px,calc(100 * var(--vh, 1vh)),900px);box-sizing:border-box;scroll-snap-align:start}
.page > section:not(.hero):not([style*="display"]){display:flex;flex-direction:column;justify-content:center}
.page > section[style*="flex-direction: column"]{justify-content:center}
.page > section[style*="display: flex"]:not([style*="flex-direction: column"]){align-content:center}
.page > section[style*="display: grid"]{align-content:center}
.page > section.cta-ph{justify-content:flex-end}
.cta-ph > img{transition:transform 8s ease}.cta-ph:hover > img{transform:scale(1.04)}
.chap .chap-n{transition:transform .35s ease}.chap:hover .chap-n{transform:translateY(-6px)}
.gscroll{max-height:clamp(420px,calc(calc(100 * var(--vh, 1vh)) - 240px),660px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#CFC3B3 transparent}
@keyframes hero-zoom{from{transform:scale(1.08)}to{transform:scale(1)}}
@keyframes hero-up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes cue-line{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}
@keyframes rv{from{opacity:0;translate:0 56px}to{opacity:1;translate:0 0}}
@media (prefers-reduced-motion: no-preference){
.hero > img:first-of-type{animation:hero-zoom 2.6s cubic-bezier(.2,.7,.2,1) both}
.hero > div:not([aria-hidden]):not([style*="z-index: 3"]){animation:hero-up 1.1s cubic-bezier(.2,.7,.2,1) .2s both}
.cue i{animation:cue-line 2.2s cubic-bezier(.6,0,.3,1) infinite}
@supports (animation-timeline: view()){.page > section:not(.hero):not(#photos) > *{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 260px}}
}
:is(a,button)[style*="uppercase"]:is([style*="min-height: 4"],[style*="min-height: 5"]){border-radius:999px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;cursor:pointer}
:is(a,button)[style*="uppercase"]:is([style*="min-height: 4"],[style*="min-height: 5"]):hover{transform:translateY(-2px);box-shadow:0 14px 26px -16px rgba(36,34,30,.7);filter:brightness(1.08)}
:is(a,button)[style*="uppercase"][style*="min-height: 5"]:not([role])::after{content:"→";margin-left:12px;font-size:15px;letter-spacing:0;transition:transform .2s ease}
:is(a,button)[style*="uppercase"][style*="min-height: 5"]:hover::after{transform:translateX(4px)}
a[style*="uppercase"][style*="padding: 12px 0"]{display:inline-flex;align-items:center;text-decoration:none;padding:12px 0 6px !important;box-shadow:inset 0 -1px 0 currentColor}
a[style*="uppercase"][style*="padding: 12px 0"]::after{content:"→";margin-left:10px;letter-spacing:0;transition:transform .2s ease}
a[style*="uppercase"][style*="padding: 12px 0"]:hover::after{transform:translateX(4px)}
a{color:#24221E}a:hover{color:#5B5A3D}
.gph img{transition:transform .8s ease}.gph:hover img{transform:scale(1.05)}
.gph .gcap{opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.gph:hover .gcap,.gph:focus-visible .gcap{opacity:1;transform:none}
.chap img{transition:transform .8s ease}.chap:hover img{transform:scale(1.05)}
.chap{transition:transform .3s ease}.chap:hover{transform:translateY(-4px)}
.ig img{transition:transform .6s ease,filter .3s ease}.ig:hover img{transform:scale(1.06);filter:brightness(1.05)}
@media (max-width: 1080px){.nav-c{display:none !important}}
[role="tab"]{transition:background-color .2s ease,border-color .2s ease,transform .2s ease}[role="tab"]:hover{transform:translateY(-2px)}
.gph{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease}.gph:hover{transform:translateY(-4px);box-shadow:0 24px 36px -26px rgba(36,34,30,.7)}
@media (max-width: 720px){.hide-sm{display:none !important}}
.sh-book{border-radius:999px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.sh-book:hover{transform:translateY(-2px);box-shadow:0 12px 22px -14px rgba(36,34,30,.7);filter:brightness(1.08)}
.sh-book::after{content:"→";margin-left:10px;letter-spacing:0;font-size:14px}
.ft-soc{transition:background-color .2s ease,color .2s ease}.ft-soc:hover{background:#EEE6DB;color:#695A4E !important}
}
@media (max-width:767px){
body{margin:0;background:#695A4E}
.mhero{height:100svh;min-height:640px;max-height:844px}
:is(a,button)[style*="uppercase"]:is([style*="min-height: 4"],[style*="min-height: 5"]){border-radius:999px;transition:transform .2s ease,filter .2s ease;cursor:pointer}
:is(a,button)[style*="uppercase"]:is([style*="min-height: 4"],[style*="min-height: 5"]):active{transform:scale(0.98);filter:brightness(1.08)}
:is(a,button)[style*="uppercase"][style*="min-height: 5"]:not([role])::after{content:"→";margin-left:12px;font-size:15px;letter-spacing:0}
a[style*="uppercase"][style*="padding: 12px 0"]{display:inline-flex;align-items:center;text-decoration:none;padding:12px 0 6px !important;box-shadow:inset 0 -1px 0 currentColor}
a[style*="uppercase"][style*="padding: 12px 0"]::after{content:"→";margin-left:10px;letter-spacing:0}
a{color:#24221E}a:hover{color:#5B5A3D}
.chap:active{transform:scale(0.98)}
.mh-book{border-radius:999px;transition:transform .2s ease,filter .2s ease}.mh-book:active{transform:scale(0.97);filter:brightness(1.08)}
.mh-lang{transition:background-color .2s ease,color .2s ease}
}