:root{--cream:#f7eee3;--wine:#621c2a;--ink:#443c32;--line:#cdb8a0;--muted:#81776a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--wine);outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2,.wordmark,.hero-copy p{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;color:var(--wine)}.header{height:104px;display:flex;align-items:center;padding:0 4.5%;gap:40px}.wordmark{font-size:42px;letter-spacing:-1.7px;white-space:nowrap;line-height:1}.header nav{display:flex;gap:42px;margin:auto}.header nav a,.eyebrow,.category>span,.photo-caption{text-transform:uppercase;font-size:12px;letter-spacing:2px;font-weight:500}.header nav a:hover{color:var(--wine)}.search-toggle,.mobile-toggle{border:0;background:none;color:var(--ink);padding:10px}.mobile-toggle{display:none}.hero{display:grid;grid-template-columns:39% 61%;min-height:520px;height:calc(100svh - 104px);max-height:none}.hero-copy{padding:8% 7% 7% 12%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero h1{font-size:clamp(74px,9.8vw,154px);line-height:.82;letter-spacing:-.057em;margin-bottom:24px}.dash{display:block;width:32px;height:1px;background:#a07662;margin:0 0 17px}.hero-copy p{font-size:clamp(23px,2.65vw,40px);line-height:1.25;white-space:nowrap}.button{background:var(--wine);color:var(--cream);display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 27px;font-family:Georgia,serif;font-size:16px;transition:background .2s}.button:hover{background:#803142}.hero .button{margin-top:30px}.hero-photo{position:relative;overflow:hidden}.hero-photo>img{display:block;width:100%;height:100%;object-fit:cover}.photo-caption{position:absolute;right:15%;top:16%;color:#fff4e5;line-height:1.85;text-shadow:0 1px 6px #352413}.photo-caption span{display:block;width:25px;border-top:1px solid;margin-top:15px}.menu-preview{margin:27px 4.5% 0;padding:26px 0 35px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}.preview-copy{padding:0 24px 0 0}.preview-copy h2{font-size:42px;line-height:1.2;margin:0 0 10px;letter-spacing:-1px}.preview-copy .dash{margin-bottom:15px}.preview-copy p{font-family:Georgia,serif;font-size:16px;line-height:1.5;color:var(--muted);max-width:265px}.category>div{aspect-ratio:1.65;overflow:hidden}.category img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.category:hover img{transform:scale(1.04)}.category>span{display:block;font-size:12px;letter-spacing:1.5px;margin-top:10px}.pastry img{object-position:28% 72%;transform:scale(1.75);transform-origin:30% 76%}.pastry:hover img{transform:scale(1.82)}.lower{margin-top:15px;background:#f0e5d6}.section{max-width:1300px;margin:auto;padding:90px 4.5%;scroll-margin-top:15px}.section h2{font-size:clamp(38px,4vw,60px);line-height:1.04;letter-spacing:-1.5px;margin:18px 0 25px}.section p{color:#716454;line-height:1.85}.eyebrow{color:#846b4e}.why{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-bottom:1px solid var(--line)}.why ol{list-style:none;padding:0;margin:0;align-self:center}.why li{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:25px}.why li span{color:#a6774b}.full-menu{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center}.full-menu figure img{width:100%;display:block}.full-menu figcaption{font-family:Georgia,serif;font-style:italic;color:#846b4e;font-size:14px;margin-top:16px}.menu-items{margin-top:25px}.menu-items article{padding:16px 0;border-bottom:1px solid var(--line)}.menu-items h3{font-family:Georgia,serif;font-size:19px;font-weight:400;display:flex;justify-content:space-between;gap:12px;color:var(--wine)}.menu-items h3 span{font:14px 'DM Sans',sans-serif;white-space:nowrap}.menu-items p{font-size:14px;margin-top:5px}.atelier{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;border-top:1px solid var(--line)}.atelier>img{width:100%;aspect-ratio:1.1;object-fit:cover}.stats{display:flex;gap:45px;margin-top:32px}.stats strong{font:42px 'Libre Caslon Display',Georgia,serif;color:var(--wine);display:block}.stats span{display:block;font-size:13px;max-width:160px}.visit{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;border-top:1px solid var(--line)}.visit-links{display:flex;align-items:center;gap:25px;margin-top:30px;flex-wrap:wrap}.visit-links>a:last-child{font-size:14px;border-bottom:1px solid var(--wine);color:var(--wine)}.visit-card{border:1px solid var(--line);padding:35px}.visit-card h3{font:27px 'Libre Caslon Display',Georgia,serif;color:var(--wine);margin-bottom:12px}.visit-card address{font-style:normal;font-size:15px;margin-bottom:28px}.visit-card dl{font-size:14px;margin:0}.visit-card dl>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0}.visit-card dd{margin:0}.offer{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:5px 15px}.offer>span{text-transform:uppercase;font-size:12px;letter-spacing:2px}.offer strong{grid-column:2;grid-row:1/3;font:45px 'Libre Caslon Display',Georgia,serif;color:var(--wine)}.offer p{font-size:13px}footer{padding:45px 5%;display:flex;gap:25px;align-items:center;flex-wrap:wrap}footer .wordmark{font-size:32px}footer p{font-size:13px}footer small{width:100%;font-size:12px;color:var(--muted)}.search-panel{margin-top:20px}.search-panel label{display:block;font-size:14px;margin-bottom:6px}.search-panel input{width:100%;padding:12px;border:1px solid var(--line);background:var(--cream);border-radius:0} [hidden]{display:none!important}
@media(min-width:1700px){.hero h1{font-size:clamp(160px,9.8vw,230px)}.hero-copy p{font-size:clamp(40px,2.65vw,60px)}}@media(max-width:900px){.header{height:85px;padding:0 5%;gap:16px}.wordmark{font-size:34px}.header nav{gap:22px}.hero{height:calc(100svh - 85px);min-height:440px}.hero-copy{padding-left:10%}.hero h1{font-size:9.7vw}.hero-copy p{font-size:2.7vw}.hero .button{font-size:14px;padding:12px 18px}.menu-preview{gap:20px;grid-template-columns:1.3fr 1fr 1fr 1fr}.preview-copy h2{font-size:32px}.preview-copy p{font-size:14px}.full-menu,.atelier,.visit,.why{gap:35px}.section{padding-top:65px;padding-bottom:65px}}
@media(max-width:700px){.header{height:74px;position:relative;padding:0 6%}.wordmark{font-size:32px;letter-spacing:-1.3px}.mobile-toggle{display:flex;flex-direction:column;gap:5px;margin-left:auto}.mobile-toggle span{width:21px;height:1px;background:var(--wine)}.search-toggle{display:none}.header nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--cream);padding:25px 6%;z-index:5;border-bottom:1px solid var(--line)}.header nav.open{display:flex;flex-wrap:wrap}.hero{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column}.hero-photo{order:-1;width:100%;height:auto;aspect-ratio:1.43}.photo-caption{display:none}.hero-copy{padding:28px 7% 30px}.hero h1{font-size:clamp(56px,16.7vw,94px);line-height:.84;letter-spacing:-.045em;margin-bottom:17px}.hero-copy .dash{width:25px;margin-bottom:13px}.hero-copy p{font-size:clamp(22px,6.4vw,36px);white-space:normal}.hero .button{margin-top:22px;padding:12px 23px;font-size:14px;gap:20px;min-width:76%}.menu-preview{margin:0 7%;padding-top:22px;grid-template-columns:1fr 1fr;gap:18px}.preview-copy{grid-column:1/-1}.preview-copy h2{font-size:31px;margin-bottom:0}.preview-copy .dash,.preview-copy p{display:none}.category>div{aspect-ratio:1.4}.category>span{font-size:12px;letter-spacing:1.2px;margin-top:8px}.category:last-child{grid-column:1/-1;max-width:calc(50% - 9px)}.section{padding:55px 7%;display:block}.section h2{font-size:42px}.why ol{margin-top:25px}.full-menu figure{margin-bottom:38px}.atelier>img{margin-top:35px}.visit-card{margin-top:35px;padding:25px}.stats{gap:35px}footer{padding:35px 7%;gap:18px}.visit-links{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Desktop composition follows the complete laptop screen in the reference. */
@media(min-width:701px){
  .header{height:clamp(72px,6.1vw,104px)}
  .hero{grid-template-columns:39% 61%;height:min(40vw,calc(100svh - clamp(72px,6.1vw,104px) - 18.5vw));min-height:370px;max-height:none}
  .hero-copy{padding:5% 7% 5% 12%}
  .hero h1{font-size:clamp(68px,min(9.8vw,16svh),168px);line-height:.82;margin-bottom:24px}
  .hero-copy p{font-size:clamp(22px,2.65vw,42px)}
  .hero-photo>img{object-position:center center}
  .menu-preview{margin:2vw 4.5% 0;padding:2vw 0 2.2vw;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5vw}
  .preview-copy h2{font-size:clamp(30px,3.15vw,48px)}
  .category>div{aspect-ratio:1.6}
}

