:root{--stone:#d0c9be;--paper:#f3f0e9;--ink:#1b211d;--olive:#97a17d;--muted:#706f67;--line:#c9c8bc;--white:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}h1{font-size:clamp(3.5rem,5.7vw,7rem);line-height:1.02;margin:3rem 0 1.5rem}h2{font-size:clamp(2.7rem,5vw,5.6rem);line-height:1.08;margin:0}p{line-height:1.6}.skip-link{position:absolute;z-index:20;top:-90px;left:1rem;background:var(--white);padding:1rem}.skip-link:focus{top:1rem}a:focus-visible,button:focus-visible{outline:3px solid #677854;outline-offset:4px}.site-header{height:96px;padding:0 clamp(1.25rem,4vw,5rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--stone);position:relative;z-index:2}.brand{display:flex;align-items:center;flex:none;width:158px;height:72px}.logo-art{display:block;width:150px;height:64px;background-image:url('./images/haif-logo-original.png');background-size:300px auto;background-repeat:no-repeat;background-position:center 51.7%;flex:none}.desktop-nav{display:flex;align-items:center;gap:clamp(1.5rem,3vw,3.5rem);margin-left:auto}.desktop-nav a{font-size:.9rem}.desktop-nav a:hover,.underlined:hover,.text-link:hover{color:#516449}.header-actions{display:flex;align-items:center;gap:1.25rem}.language{border:0;background:transparent;color:var(--ink);padding:.65rem;min-width:68px}.order-link,.button{display:inline-flex;justify-content:space-between;align-items:center;gap:2rem;border-radius:2px;font-weight:600}.order-link{background:var(--ink);color:var(--white);padding:1rem 1.4rem;font-size:.84rem;white-space:nowrap}.order-link:hover,.button-dark:hover{background:#3c4a36}.hero{display:grid;grid-template-columns:43% 57%;min-height:min(710px,calc(100svh - 96px));background:var(--stone)}.hero-copy{padding:clamp(2rem,5vw,6.5rem) clamp(1.5rem,4vw,5rem) 2rem;display:flex;flex-direction:column}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;margin:0}.hero-intro{max-width:29rem;font-size:clamp(1.05rem,1.35vw,1.4rem);line-height:1.55}.hero-links{display:flex;align-items:center;flex-wrap:wrap;gap:2rem;margin-top:1.4rem}.button{padding:1.08rem 1.3rem;min-height:54px}.button-dark{background:var(--ink);color:var(--white)}.text-link,.underlined{border-bottom:1px solid currentColor;padding-bottom:.24rem;font-size:.92rem}.hero-bottom{display:flex;align-items:center;gap:1rem;margin-top:auto;padding-top:4rem;font-size:.72rem;letter-spacing:.08em}.hero-bottom .line{height:1px;flex:1;background:#aaa398}.hero-photo{min-width:0;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:54% center}.section-shell{padding-left:clamp(1.25rem,4vw,5rem);padding-right:clamp(1.25rem,4vw,5rem)}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;padding-top:clamp(5rem,9vw,10rem);padding-bottom:clamp(5rem,9vw,10rem)}.intro h2{max-width:12ch;margin-top:1.5rem}.intro-side{align-self:end;max-width:28rem;margin-left:auto}.intro-side p{font-size:clamp(1.15rem,1.65vw,1.65rem);line-height:1.55}.underlined{display:inline-flex;gap:2rem;margin-top:1.5rem}.feature{padding-top:5rem;padding-bottom:7rem;background:#e4e2d9}.section-topline{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.section-topline>span{font-size:.87rem;color:var(--muted)}.feature h2{margin:2.2rem 0 3rem}.feature-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:1.15rem}.feature-main,.feature-small{position:relative;overflow:hidden;background:var(--stone)}.feature-main{min-height:650px}.feature-side{display:grid;grid-template-rows:1fr 1fr;gap:1.15rem;min-height:650px}.feature-main img,.feature-small img{width:100%;height:100%;object-fit:cover}.feature-main img{object-position:center}.feature-small img{object-position:center 55%}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:4rem 2rem 1.5rem;background:linear-gradient(transparent,rgba(9,14,11,.67));color:var(--white);display:flex;justify-content:space-between;align-items:end;gap:1rem}.photo-caption span{font-size:.78rem}.photo-caption strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.3rem,2vw,2.3rem);font-weight:400;text-align:right}.menu-action{margin-top:1.5rem;padding:1.4rem 0;border-top:1px solid #aaa99f;border-bottom:1px solid #aaa99f;display:flex;justify-content:space-between;font-size:1.06rem}.menu-action:hover{color:#516449}.matcha-note{background:var(--olive);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,6vw,8rem);padding-top:6rem;padding-bottom:6rem}.matcha-note h2{max-width:11ch;margin:1.5rem 0 1.5rem}.matcha-note p:not(.eyebrow){max-width:31rem;font-size:1.12rem}.matcha-note img{width:100%;max-height:590px;aspect-ratio:1.2;object-fit:cover}.visit{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr .8fr;gap:6rem;padding-top:clamp(5rem,8vw,9rem);padding-bottom:clamp(5rem,8vw,9rem)}.visit h2{margin:1.7rem 0}.button-light{background:var(--paper);color:var(--ink);margin-top:1.6rem;min-width:220px}.button-light:hover{background:#d7d5cb}.hours{align-self:end;border-top:1px solid #626760;padding-top:1.4rem}.hours h3{font-size:1.25rem;font-weight:400;margin-bottom:2rem}.hours div{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #626760}.hours p{font-size:.8rem;color:#b5bbb0;margin:1.3rem 0 0}footer{background:var(--stone);padding:3.5rem clamp(1.25rem,4vw,5rem) 2rem;display:grid;grid-template-columns:1fr auto;gap:3rem}.footer-brand p{max-width:21rem;font-size:.9rem;margin:1rem 0 0}.footer-links{display:grid;grid-template-columns:repeat(2,auto);align-content:start;gap:1rem 3rem;font-size:.88rem}.footer-links a:hover{text-decoration:underline}footer small{grid-column:1/-1;border-top:1px solid #aaa59c;padding-top:1.2rem;color:#555850;font-size:.7rem}html[dir=rtl] .desktop-nav{margin-left:0;margin-right:auto}html[dir=rtl] .intro-side{margin-left:0;margin-right:auto}html[dir=rtl] .photo-caption strong{text-align:left}html[dir=rtl] .logo-art{background-position:center 51.7%}
@media(max-width:950px){.site-header{gap:1rem}.desktop-nav{gap:1.1rem}.order-link{padding:.8rem}.hero{grid-template-columns:47% 53%}.feature-main,.feature-side{min-height:500px}.feature-main{min-height:500px}.intro{gap:2rem}.visit{gap:2rem}}
@media(max-width:720px){.site-header{height:auto;min-height:80px;padding:0 1rem;flex-wrap:wrap}.brand{width:120px;height:68px}.logo-art{width:120px;height:56px;background-size:240px auto}.desktop-nav{order:3;width:100%;margin:0;justify-content:space-around;padding:.35rem 0 .8rem;border-top:1px solid #b8b0a7}.header-actions{margin-left:auto;gap:.25rem}.order-link{font-size:.76rem;gap:.5rem}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:3rem 1.25rem 2rem}.hero h1{font-size:clamp(3.7rem,13vw,6rem);margin:2rem 0}.hero-bottom{padding-top:3rem}.hero-photo{height:clamp(320px,67vw,540px)}.intro{grid-template-columns:1fr;padding-top:5rem;padding-bottom:5rem}.intro-side{margin:0;max-width:36rem}.feature{padding-top:4rem;padding-bottom:5rem}.feature h2{margin-bottom:2rem}.feature-grid{grid-template-columns:1fr}.feature-main{min-height:440px}.feature-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:0}.feature-small{height:300px}.photo-caption{padding:3rem 1rem 1rem;display:block}.photo-caption strong{display:block;text-align:left;margin-top:.25rem}.matcha-note,.visit{grid-template-columns:1fr;gap:2.5rem}.matcha-note{padding-top:4.5rem;padding-bottom:4.5rem}.matcha-note img{max-height:450px}.visit{padding-top:5rem;padding-bottom:5rem}.hours{align-self:auto}footer{grid-template-columns:1fr;gap:2rem}.footer-links{justify-content:start}html[dir=rtl] .header-actions{margin-left:0;margin-right:auto}html[dir=rtl] .photo-caption strong{text-align:right}}
@media(max-width:420px){.order-link{padding:.7rem;font-size:.72rem}.language{min-width:50px;padding:.4rem}.feature-side{grid-template-columns:1fr}.feature-small{height:330px}.section-topline>span{display:none}.hours div{font-size:.88rem}.footer-links{gap:1rem 2rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
.logo-art,html[dir=rtl] .logo-art{background-size:260px auto;background-position:center center}
@media(max-width:720px){.logo-art,html[dir=rtl] .logo-art{background-size:210px auto;background-position:center center}}