/* Generated by tools/import-prototype.mjs from Main.html and Home-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,.slide{scroll-snap-align:start}
.slide{min-height:clamp(680px,calc(100 * var(--vh, 1vh)),900px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
@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}
.hero > div:not([aria-hidden]):not([style*="z-index: 3"]) ~ div:not([aria-hidden]){animation-delay:.45s}
.cue i{animation:cue-line 2.2s cubic-bezier(.6,0,.3,1) infinite}
@supports (animation-timeline: view()){.page section:not(.hero) > *{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 260px}}
}
.hl{transition:transform .3s ease}.hl:hover{transform:translateY(-4px)}
a{color:#24221E}a:hover{color:#5B5A3D}
@media (max-width: 1080px){.nav-c{display:none !important}}
.page section:not(.hero) :is(div,a,article,figure,span)[style*="overflow: hidden"] > img{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.page section:not(.hero) :is(div,a,article,figure,span)[style*="overflow: hidden"]:hover > img{transform:scale(1.045)}
.page section:not(.hero) article:not([style*="flex-wrap"]):not(.occ){transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease}
.page section:not(.hero) article:not([style*="flex-wrap"]):not(.occ):hover{transform:translateY(-6px);box-shadow:0 30px 48px -34px rgba(36,34,30,.65)}
.page section:not(.hero) li[style*="border-bottom"]{transition:padding-left .3s ease}
.page section:not(.hero) li[style*="border-bottom"]:hover{padding-left:10px !important}
.page section:not(.hero) dl > div{transition:transform .3s ease}.page section:not(.hero) dl > div:hover{transform:translateX(4px)}
@media (max-width: 720px){.hide-sm{display:none !important}}
: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)}
.lift{transition:transform .35s ease}.lift:hover{transform:translateY(-4px)}
.bw-f{transition:background-color .2s ease,border-color .2s ease}.bw-f:hover{background:#F6F1EA !important;border-color:#5B5A3D !important}
.bw-go{transition:transform .2s ease,filter .2s ease}.bw-go:hover{transform:translateY(-2px);filter:brightness(1.06)}
.seg button{transition:background-color .2s ease,color .2s ease}
@media (max-width: 1080px){.bw{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.bw > a{grid-column:span 2}}
.zoom img{transition:transform .8s ease}.zoom:hover img{transform:scale(1.04)}
.idx{transition:padding-left .3s ease,background-color .3s ease}.idx:hover{padding-left:12px !important;background:#F6F1EA}
.idx-a{transition:transform .3s ease}.idx:hover .idx-a{transform:translateX(4px)}
@keyframes spin{to{transform:rotate(360deg)}}
.spin{transform-origin:100px 100px}
@media (prefers-reduced-motion: no-preference){.spin{animation:spin 36s linear infinite}}
.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}
.ps-btn{transition:background-color .2s ease,transform .2s ease}.ps-btn:hover{background:rgba(238,230,219,0.38) !important;transform:scale(1.05)}
.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}
a{color:#24221E}a:hover{color:#5B5A3D}
: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"]):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}
.tile{transition:background-color .2s ease,border-color .2s ease}.tile:active{background:#F6F1EA !important;border-color:#5B5A3D !important}
.swipe{scrollbar-width:none}.swipe::-webkit-scrollbar{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
.spin{transform-origin:100px 100px}
@media (prefers-reduced-motion: no-preference){.spin{animation:spin 36s linear infinite}}
.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}
.ps-btn{transition:background-color .2s ease,transform .2s ease}.ps-btn:hover{background:rgba(238,230,219,0.38) !important;transform:scale(1.05)}
}