:root{--bg:#eee7d9;--accent:#eb5b25}[data-theme=dark]{--bg:#eb5b25;--accent:#eee7d9}html{scroll-behavior:smooth}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--accent);cursor:url(/henrys-head.png) 16 16,auto;min-height:100vh;font-family:Clash Grotesk,sans-serif;transition:background-color .4s,color .4s;overflow-x:hidden}main{grid-template-columns:2fr 3fr;max-width:1280px;min-height:100vh;margin:0 auto;display:grid}.content{z-index:1;flex-direction:column;justify-content:center;gap:40px;padding-left:clamp(24px,5.3vw,76px);padding-right:24px;display:flex}.logo{aspect-ratio:508/171;background-color:var(--accent);width:min(508px,100%);transition:background-color .4s;-webkit-mask-image:url(/logo.svg);mask-image:url(/logo.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}nav{gap:48px;padding-left:15px;display:flex}nav a{color:var(--accent);letter-spacing:.02em;font-size:20px;font-weight:500;text-decoration:none;transition:color .4s,opacity .2s}nav a:hover{opacity:.7}.illustration{cursor:url(/henrys-head.png) 16 16,pointer;background:0 0;border:none;justify-content:flex-end;align-items:center;padding:0;display:flex;overflow:hidden}.room{aspect-ratio:764/974;background-color:var(--accent);width:100%;max-height:100vh;transition:background-color .4s;-webkit-mask-image:url(/room.svg);mask-image:url(/room.svg);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.instagram-link{color:var(--accent);z-index:10;transition:color .4s,opacity .2s;position:fixed;top:28px;left:28px}.instagram-link:hover{opacity:.7}.reservations{max-width:1280px;margin:0 auto;padding:120px clamp(24px,5.3vw,76px)}.reservations p{letter-spacing:.02em;font-size:26px;font-weight:500}.reservations-phone{margin-top:24px}.reservations-phone a{color:var(--accent);text-decoration:none;transition:opacity .2s}.reservations-phone a:hover{opacity:.7}@media (width<=900px){main{grid-template-rows:auto 1fr;grid-template-columns:1fr;min-height:100vh}.content{text-align:center;align-items:center;gap:24px;padding:80px 24px 32px}.logo{width:min(320px,80vw)}nav{justify-content:center;gap:32px;padding-left:0}nav a{font-size:20px}.illustration{justify-content:center;align-items:flex-start}.room{max-height:none;-webkit-mask-position:bottom;mask-position:bottom}.reservations{text-align:center;padding:80px 24px}.reservations p{font-size:20px}}