:root { --fog:#dce9e5; --shell:#f7f4ea; --seaweed:#315c52; --marine:#153843; --muted:#526b6c; --line:#a9c0ba; --display: Georgia, "Times New Roman", serif; --body: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--marine);background:var(--shell);font-family:var(--body)} img{display:block;width:100%;height:100%;object-fit:cover} a{color:inherit}
:focus-visible{outline:3px solid var(--seaweed);outline-offset:4px}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1.25rem,4vw,4rem);background:rgba(247,244,234,.96);border-bottom:1px solid var(--line)}.brand{font:400 1.5rem/1 var(--display);text-decoration:none}.site-header nav{display:flex;gap:1rem;overflow-x:auto}.site-header nav a,.button{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center}.site-header nav a{min-width:2.75rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.hero{min-height:82svh;display:grid;grid-template-columns:1.25fr 1fr;background:var(--fog)}.hero-copy{align-self:center;padding:clamp(3rem,8vw,8rem)}.eyebrow{color:var(--seaweed);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3{font-family:var(--display);font-weight:400}h1{margin:1rem 0;font-size:clamp(4rem,8vw,8rem);line-height:.88}h2{margin:.7rem 0 1.5rem;font-size:clamp(2.5rem,5vw,5rem);line-height:.98}p{line-height:1.75}.button{margin-top:1rem;padding:.8rem 1.1rem;color:white;background:var(--seaweed);text-decoration:none;font-weight:700}
.portfolio-return{display:inline-flex;align-items:center;min-block-size:2.75rem;padding-block:.55rem;padding-inline:.75rem;border:1px solid currentColor;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-decoration:none}.site-header .portfolio-return{margin-inline-start:auto}
.section{padding:clamp(4rem,9vw,9rem) clamp(1.25rem,7vw,7rem);scroll-margin-top:6rem}.idea,.room{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(2rem,7vw,7rem);align-items:center}.idea img,.room img{min-height:32rem}.menu{background:var(--marine);color:var(--shell)}.menu .eyebrow{color:#a9d0c5}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.menu-grid article{padding:2rem;border:1px solid rgba(247,244,234,.24)}.visit dl{display:grid;grid-template-columns:repeat(2,minmax(0,18rem));gap:1rem}.visit dl div{padding-top:1rem;border-top:1px solid var(--line)}footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem clamp(1.25rem,4vw,4rem);background:var(--marine);color:var(--shell)}
@media (max-width:48rem){.site-header{align-items:flex-start;flex-direction:column}.site-header .portfolio-return{margin-inline-start:0}.hero,.idea,.room{grid-template-columns:1fr}.hero img{min-height:22rem}.section{scroll-margin-top:8rem}.menu-grid,.visit dl{grid-template-columns:1fr}.idea img,.room img{min-height:22rem}footer{flex-direction:column}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}}