@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500&display=swap");
@import "tailwindcss";

:root{--background:30 8% 6%;--foreground:40 20% 92%;--primary:42 65% 58%;--primary-foreground:30 8% 6%;--surface:30 8% 10%;--muted-foreground:30 8% 55%;--border:30 8% 18%}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:"Inter",sans-serif;font-weight:300}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.site-header{position:absolute;z-index:50;top:0;left:0;right:0}.micro-bar{height:28px;display:flex;align-items:center;justify-content:center;gap:9px;border-bottom:1px solid hsl(var(--border)/.55);background:hsl(var(--background)/.82);color:hsl(var(--muted-foreground));font-size:10px;font-weight:400;letter-spacing:.12em;text-transform:uppercase}.micro-bar i{width:2px;height:2px;border-radius:50%;background:hsl(var(--primary))}
.navbar{height:76px;padding-inline:max(32px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid hsl(var(--border)/.45);background:hsl(var(--background)/.7);backdrop-filter:blur(14px)}.wordmark{width:fit-content;color:hsl(var(--primary));font:italic 600 27px/1 "Cormorant Garamond",serif}.nav-links{display:flex;align-items:center;gap:34px}.nav-links a{position:relative;color:hsl(var(--foreground)/.82);font-size:12px;font-weight:400}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:hsl(var(--primary));transition:right .25s}.nav-links a:hover:after{right:0}
.button{min-height:46px;width:fit-content;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid hsl(var(--primary));background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:12px;font-weight:500;letter-spacing:.02em;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-2px);background:hsl(42 68% 64%)}.button-outline{background:transparent;color:hsl(var(--primary))}.button-outline:hover{background:hsl(var(--primary));color:hsl(var(--background))}.nav-cta{justify-self:end;min-height:38px;padding-inline:16px}.menu-toggle,.mobile-nav{display:none}.menu-toggle span{display:block;width:21px;height:1px;background:hsl(var(--primary));transition:.25s}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:#0c0b0a}.hero-image{position:absolute;inset:0;background:url("assets/maison-noir-hero.png") center/cover;transform:scale(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,11,10,.82),rgba(12,11,10,.25) 55%,rgba(12,11,10,.1)),linear-gradient(to top,rgba(12,11,10,.98),rgba(12,11,10,.55) 45%,rgba(12,11,10,.25))}
.hero-content{position:relative;z-index:2;padding-top:180px;padding-bottom:clamp(64px,8vh,100px)}.eyebrow,.chip{width:fit-content;margin:0 0 22px;padding:7px 11px;display:flex;align-items:center;gap:9px;border:1px solid hsl(var(--primary)/.42);color:hsl(var(--primary));font:italic 600 14px/1 "Cormorant Garamond",serif;letter-spacing:.04em}.eyebrow i{width:3px;height:3px;background:hsl(var(--primary));border-radius:50%}.hero h1{margin:0;max-width:790px;font:700 clamp(56px,7.3vw,110px)/.76 "Cormorant Garamond",serif;letter-spacing:-.035em}.hero h1 em{color:hsl(var(--primary));font-weight:600}.hero-subtitle{margin:30px 0 0;color:hsl(var(--foreground)/.72);font-size:14px;letter-spacing:.02em}.hero-actions{margin-top:26px;display:flex;gap:12px}.scroll-cue{position:absolute;z-index:3;right:40px;bottom:30px;width:32px;height:32px;display:grid;place-items:center;border:1px solid hsl(var(--foreground)/.2);border-radius:50%}.scroll-cue span{width:1px;height:9px;background:hsl(var(--primary));animation:pulse 1.8s infinite}@keyframes pulse{50%{transform:translateY(4px);opacity:.4}}
.philosophy-strip{min-height:154px;padding:34px 24px;display:flex;align-items:center;justify-content:center;gap:24px;border-block:1px solid hsl(var(--border)/.7);background:hsl(var(--surface))}.philosophy-strip p{margin:0;text-align:center;font:italic 400 clamp(22px,2.5vw,30px)/1.4 "Cormorant Garamond",serif}.gold-rule{width:48px;height:1px;background:hsl(var(--primary));transform-origin:center;opacity:.65}
.section{padding:110px 0}.section-heading{text-align:center;margin-bottom:62px}.section-heading .kicker{margin:0 0 10px;color:hsl(var(--primary));font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.section-heading h2,.chef-copy h2,.reservation-content h2{margin:0;font:700 clamp(42px,5vw,60px)/1 "Cormorant Garamond",serif}.section-heading i{display:block;width:70px;height:1px;margin:20px auto 0;background:linear-gradient(90deg,transparent,hsl(var(--primary)),transparent)}
.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.menu-column h3{margin:0 0 18px;color:hsl(var(--primary));font:italic 600 20px "Cormorant Garamond",serif}.dish-row{padding:22px 16px 20px;border-bottom:1px solid hsl(var(--border));transition:background .25s,transform .25s}.dish-row:hover{background:hsl(var(--surface));transform:translateX(4px)}.dish-topline{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.dish-topline h4{margin:0;font:600 20px "Cormorant Garamond",serif}.dish-topline span{color:hsl(var(--primary));font-size:13px;font-weight:500}.dish-row p{margin:7px 0 0;color:hsl(var(--muted-foreground));font-size:11px;line-height:1.65}.center-action{display:flex;justify-content:center;margin-top:48px}
.chef-section{padding:110px 0;background:hsl(var(--surface))}.chef-grid{display:grid;grid-template-columns:minmax(340px,.86fr) 1fr;align-items:center;gap:90px}.chef-portrait-wrap{position:relative;max-width:460px}.chef-portrait{aspect-ratio:.82;background:url("assets/maison-noir-chef.png") center top/cover no-repeat;filter:saturate(.82) contrast(1.04)}.portrait-frame{position:absolute;inset:22px -22px -22px 22px;z-index:-1;border:1px solid hsl(var(--primary)/.35)}.chef-copy .chip{font-family:"Inter",sans-serif;font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:.15em}.chef-copy h2{margin-bottom:28px}.chef-copy p{max-width:600px;margin:0 0 18px;color:hsl(var(--foreground)/.65);font-size:13px;line-height:1.9}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.chip-row span{padding:7px 10px;border:1px solid hsl(var(--primary)/.45);color:hsl(var(--primary));font-size:8px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.experience-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.experience-card,.testimonial-card{min-height:265px;padding:34px;border:1px solid hsl(var(--border));background:hsl(var(--surface));transition:border-color .25s,box-shadow .25s,transform .25s}.experience-card:hover{transform:translateY(-5px);border-color:hsl(var(--primary));box-shadow:0 0 24px hsl(42 65% 58%/.12)}.experience-card>svg{color:hsl(var(--primary));width:25px;height:25px;stroke-width:1.3}.experience-card h3{margin:28px 0 12px;font:600 25px "Cormorant Garamond",serif}.experience-card p{min-height:58px;margin:0 0 25px;color:hsl(var(--muted-foreground));font-size:11px;line-height:1.75}.experience-card a{display:flex;align-items:center;gap:8px;color:hsl(var(--primary));font-size:11px;font-weight:500}
.card-icon,.calendar-icon{color:hsl(var(--primary));font:400 26px "Cormorant Garamond",serif}
.press-strip{overflow:hidden;padding:40px 0 48px;border-block:1px solid hsl(var(--border));background:hsl(var(--surface))}.press-strip>p{margin:0 0 27px;text-align:center;color:hsl(var(--muted-foreground));font-size:9px;font-weight:500;letter-spacing:.35em;text-transform:uppercase}.marquee{overflow:hidden}.marquee-track{display:flex;width:max-content;animation:marquee 20s linear infinite}.press-set{display:flex;align-items:center;gap:42px;padding-right:42px}.press-set span{color:hsl(var(--foreground)/.45);font:italic 400 25px "Cormorant Garamond",serif;white-space:nowrap}.press-set i{width:4px;height:4px;border-radius:50%;background:hsl(var(--primary)/.5)}@keyframes marquee{to{transform:translateX(-50%)}}
.testimonial-card{min-height:245px;display:flex;flex-direction:column}.stars{color:hsl(var(--primary));font-size:13px;letter-spacing:.16em}.testimonial-card blockquote{margin:25px 0;flex:1;font:italic 400 20px/1.55 "Cormorant Garamond",serif}.testimonial-card>p{margin:0;display:flex;align-items:center;gap:10px;color:hsl(var(--muted-foreground));font-size:9px;letter-spacing:.13em;text-transform:uppercase}.testimonial-card>p i{width:16px;height:1px;background:hsl(var(--primary)/.6)}
.reservation-section{position:relative;overflow:hidden;padding:130px 24px;background:hsl(var(--surface));border-top:1px solid hsl(var(--border))}.reservation-section:before,.reservation-section:after{content:"";position:absolute;top:50%;width:min(20vw,260px);height:1px;background:linear-gradient(90deg,transparent,hsl(var(--primary)/.35))}.reservation-section:before{left:0}.reservation-section:after{right:0;transform:rotate(180deg)}.noise{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.reservation-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.reservation-content>svg{margin-bottom:22px;color:hsl(var(--primary));stroke-width:1.2}.reservation-content h2{font-style:italic;font-size:clamp(48px,6vw,72px)}.reservation-content>p{margin:18px 0 28px;color:hsl(var(--muted-foreground));font-size:12px}.call-link{margin-top:24px;color:hsl(var(--muted-foreground));font-size:11px}.call-link span{color:hsl(var(--primary))}
footer{padding:70px 0 25px;background:hsl(30 8% 4%);border-top:1px solid hsl(var(--border))}.footer-grid{display:grid;grid-template-columns:1.25fr .8fr 1.1fr;gap:60px}.footer-grid h3{margin:0 0 20px;color:hsl(var(--muted-foreground));font-size:9px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.footer-grid p,.footer-grid a:not(.wordmark){color:hsl(var(--foreground)/.58);font-size:10px;line-height:1.9}.footer-grid>div:first-child p{margin-top:17px}.footer-grid>div:nth-child(2) p{margin:0}.footer-grid svg{width:12px;height:12px;margin-right:8px;color:hsl(var(--primary));vertical-align:-2px}.footer-grid>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.footer-grid .muted{color:hsl(var(--muted-foreground))}.footer-bottom{margin-top:55px;padding-top:24px;display:flex;align-items:center;justify-content:center;gap:12px;border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));font-size:8px;letter-spacing:.05em}.footer-bottom i{width:3px;height:3px;border-radius:50%;background:hsl(var(--primary))}
@media(max-width:820px){.container{width:min(100% - 38px,620px)}.micro-bar{letter-spacing:.05em}.navbar{height:66px;grid-template-columns:1fr auto;padding-inline:20px}.nav-links,.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:8px;background:none;border:0;color:hsl(var(--primary))}.mobile-nav{padding:0 24px;display:flex;max-height:0;overflow:hidden;opacity:0;flex-direction:column;gap:20px;background:hsl(var(--background)/.98);border-bottom:1px solid transparent;transition:max-height .35s ease,opacity .25s ease,padding .35s ease}.mobile-nav.open{max-height:360px;opacity:1;padding-block:24px;border-color:hsl(var(--border))}.mobile-nav>a:not(.button){font:600 24px "Cormorant Garamond",serif}.hero-content{padding-top:150px;padding-bottom:64px}.hero h1{font-size:clamp(44px,15vw,78px);line-height:.83}.hero-subtitle{max-width:280px;line-height:1.6}.hero-image{background-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(12,11,10,.92),rgba(12,11,10,.36)),linear-gradient(to top,rgba(12,11,10,.98),rgba(12,11,10,.3))}.scroll-cue{display:none}.philosophy-strip{min-height:160px;gap:12px}.gold-rule{width:24px;flex:0 0 auto}.section{padding:82px 0}.section-heading{margin-bottom:42px}.menu-grid,.chef-grid,.footer-grid{grid-template-columns:1fr}.menu-grid{gap:50px}.chef-section{padding:82px 0}.chef-grid{gap:65px}.chef-portrait-wrap{width:calc(100% - 18px)}.chef-copy h2{font-size:45px}.experience-grid,.testimonial-grid{grid-template-columns:1fr}.experience-card,.testimonial-card{min-height:0}.experience-card p{min-height:0}.reservation-section{padding:95px 20px}.reservation-section:before,.reservation-section:after{display:none}.footer-grid{gap:38px}.footer-bottom{flex-wrap:wrap;text-align:center}}
@media(max-width:470px){.micro-bar span:nth-of-type(2),.micro-bar i:nth-of-type(2){display:none}.hero-actions{align-items:stretch}.hero-actions .button{min-height:44px;padding-inline:14px;font-size:11px}.philosophy-strip p{font-size:20px}.dish-row{padding-inline:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
.hero .eyebrow,.hero h1,.hero-subtitle,.hero-actions{opacity:0;transform:translateY(30px);animation:hero-in .7s forwards}.hero h1{animation-delay:.12s}.hero-subtitle{animation-delay:.24s}.hero-actions{animation-delay:.36s}@keyframes hero-in{to{opacity:1;transform:none}}
.gold-rule{transform:scaleX(0);transition:transform .5s ease}.gold-rule.visible{transform:scaleX(1)}
.dish-row.reveal:nth-child(3){transition-delay:.06s}.dish-row.reveal:nth-child(4){transition-delay:.12s}