@font-face{font-family:'Manrope';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/manrope-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/manrope-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/manrope-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/manrope-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-500-italic.woff2) format('woff2')}
#menu[hidden]{display:none}
.skip{position:absolute;left:-999px;top:0;z-index:99;background:#ff8c6b;color:#1a110d;padding:.6em 1em}
.skip:focus{left:1em}
body{margin:0;background:#0a0d0c}
html{scroll-behavior:smooth}
a{color:#ece7de}a:hover{color:#ff8c6b}
.row .arr{transition:transform .35s ease}
.row:hover .arr{transform:translateX(6px)}
.pill{transition:box-shadow .35s ease, transform .35s ease}
.pill:hover{transform:translateY(-2px);box-shadow:0 0 3.2em rgba(255,140,107,0.6)}
@keyframes rise{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: no-preference){
@supports (animation-timeline: view()){
.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
}
}
@media (max-width: 680px){
.hdr-book{display:none !important}
.logo{font-size:1em !important;letter-spacing:0.16em !important}
.sec{padding-top:4em !important;padding-bottom:4em !important}
.hero{aspect-ratio:auto !important;min-height:0 !important;max-height:none !important;overflow:visible !important}
.hero-media{position:relative !important;height:22em}
.hero-text{position:relative !important;padding-top:2em !important}
}
@media (min-width: 681px) and (max-width: 1024px){
.sec{padding-top:5em !important;padding-bottom:5em !important}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}