:root{--paper:#f7f3eb;--cream:#eee6d9;--ink:#29231f;--muted:#766d64;--orange:#ed542d;--line:#d9d0c4;--white:#fffdf9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.topline{height:31px;background:var(--ink);color:#f7f3eb;display:flex;justify-content:space-between;align-items:center;padding:0 6vw;font-size:8px;letter-spacing:.18em}.header{height:88px;padding:0 6vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}.logo img{width:145px;max-height:60px;object-fit:contain;mix-blend-mode:multiply}.nav{display:flex;align-items:center;gap:32px;font-size:11px;font-weight:600}.nav a:not(.nav-order):hover,.underlink:hover{color:var(--orange)}.nav-order{background:var(--orange);color:white;padding:14px 19px}.nav-order span{margin-left:14px}.nav-toggle{display:none;border:0;background:none;font-size:24px}.hero{padding:65px 6vw 78px;display:grid;grid-template-columns:.88fr 1.12fr;gap:5vw;align-items:center;min-height:620px}.kicker{font-size:9px;letter-spacing:.2em;font-weight:700;color:var(--orange);margin:0 0 23px}.kicker i{display:inline-block;width:24px;height:1px;background:var(--orange);vertical-align:middle;margin-right:10px}.hero h1,.brand-story h2,.section-top h2,.manifesto h2,.visit h2{font-family:'Playfair Display',serif;font-weight:500;font-size:clamp(58px,7vw,98px);line-height:.94;letter-spacing:-.055em;margin:0}.hero h1 em,.brand-story h2 em,.section-top h2 em,.manifesto h2 em,.visit h2 em,.quote em{color:var(--orange);font-weight:500}.hero-text{font-family:'Playfair Display',serif;font-size:23px;line-height:1.35;max-width:390px;margin:28px 0 12px}.hero-sub{font-size:12px;color:var(--muted);line-height:1.9;max-width:405px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:29px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 19px;font-size:10px;font-weight:700}.btn span{font-size:14px}.dark{background:var(--ink);color:white}.dark:hover{background:var(--orange)}.underlink{font-size:10px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-foot{font-size:8px;letter-spacing:.15em;color:#988b7e;margin-top:58px}.hero-foot span{color:var(--orange);font-size:15px;margin-left:8px}.hero-visual{height:490px;position:relative}.hero-visual>img{width:100%;height:100%;object-fit:cover;display:block}.round-seal{position:absolute;right:-24px;bottom:28px;width:145px;height:145px;border-radius:50%;background:var(--orange);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;transform:rotate(7deg)}.round-seal span{font-size:6px;letter-spacing:.17em}.round-seal b{font-family:'Playfair Display',serif;font-size:22px;line-height:1.02;font-weight:500}.image-caption{position:absolute;bottom:0;left:0;background:var(--paper);padding:10px 14px;font-size:7px;letter-spacing:.16em}.brand-story{background:var(--cream);padding:35px 8vw 100px}.story-label{display:flex;justify-content:space-between;border-bottom:1px solid #d6cbbd;padding-bottom:15px;font-size:8px;letter-spacing:.16em;color:#887c70}.story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;padding-top:75px;align-items:center}.brand-story h2,.section-top h2,.manifesto h2,.visit h2{font-size:clamp(44px,5.3vw,70px);line-height:1.02}.story-copy{max-width:470px}.story-copy .lead{font-family:'Playfair Display',serif;font-size:22px;line-height:1.45;margin:0 0 17px}.story-copy p:not(.lead){font-size:12px;line-height:2;color:var(--muted);margin:0 0 23px}.menu{padding:100px 6vw 95px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-intro{max-width:290px;color:var(--muted);font-size:12px;line-height:1.9;margin:0 3vw 5px 0}.menu-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.feature-card{position:relative;min-height:245px;overflow:hidden;background:#b7a18c;color:white}.feature-card:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.68))}.feature-card img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .6s}.feature-card:hover img{transform:scale(1.04)}.feature-card.large{min-height:510px}.feature-stack{display:grid;gap:18px}.feature-overlay{position:absolute;z-index:1;bottom:25px;left:27px;right:25px}.feature-overlay span{font-size:8px;letter-spacing:.18em}.feature-overlay h3{font-family:'Playfair Display',serif;font-size:29px;font-weight:500;margin:9px 0 5px}.feature-overlay p{font-size:10px;line-height:1.6;margin:0;max-width:330px;color:#f2ece4}.feature-card.large .feature-overlay h3{font-size:42px}.menu-list{margin-top:65px;border-top:1px solid var(--line)}.menu-list>div{display:grid;grid-template-columns:60px 1fr 30px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line)}.menu-index{font-family:'Playfair Display',serif;color:var(--orange);font-size:20px}.menu-list h3{font-family:'Playfair Display',serif;font-weight:500;font-size:22px;margin:0 0 5px}.menu-list p{font-size:10px;color:var(--muted);margin:0;line-height:1.6}.menu-arrow{color:var(--orange);font-size:17px;text-align:right}.menu-cta{display:flex;justify-content:space-between;align-items:center;margin-top:32px}.menu-cta p{font-family:'Playfair Display',serif;font-size:23px;margin:0}.fineprint{font-size:9px;color:#9b8e82;margin-top:25px}.manifesto{display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}.manifesto-image{position:relative;min-height:600px}.manifesto-image img{position:absolute;width:100%;height:100%;object-fit:cover}.manifesto-image span{position:absolute;bottom:22px;left:25px;color:white;font-size:8px;letter-spacing:.18em}.manifesto-copy{padding:85px 9vw 75px 7vw;align-self:center}.manifesto-lead{font-family:'Playfair Display',serif;font-size:21px;line-height:1.4;margin:26px 0 10px}.manifesto-copy>p:not(.kicker):not(.manifesto-lead){font-size:11px;line-height:1.9;color:var(--muted);max-width:400px}.values{margin-top:35px;border-top:1px solid #d6cbbd}.values div{display:flex;gap:24px;padding:14px 0;border-bottom:1px solid #d6cbbd;font-size:10px}.values b{color:var(--orange);font-size:9px}.quote{text-align:center;padding:83px 20px 88px;background:#e8ded0}.quote-symbol{font-family:'Playfair Display',serif;color:var(--orange);font-size:60px;line-height:.8}.quote p{font-family:'Playfair Display',serif;font-size:clamp(35px,4.5vw,55px);line-height:1.12;margin:16px 0 22px}.quote .kicker{margin:0}.visit{background:var(--orange);color:white;padding:82px 9vw;display:grid;grid-template-columns:1fr .8fr;gap:10vw}.visit .kicker{color:#ffe1d6}.visit h2 em{color:#ffe1d6}.visit-main>p:not(.kicker){font-size:12px;line-height:1.9;max-width:340px;margin:25px 0}.light{background:var(--paper);color:var(--ink);margin-top:9px}.visit-info{border-left:1px solid rgba(255,255,255,.45);padding-left:42px;display:grid;grid-template-columns:1fr 1fr;gap:28px 25px;align-content:center}.visit-info span{font-size:8px;letter-spacing:.17em;color:#ffe1d6;font-weight:700}.visit-info p{font-size:11px;line-height:1.8;margin:9px 0 0}.visit-info a:hover{text-decoration:underline}.footer{text-align:center;padding:45px 20px 22px}.footer>a img{width:118px;max-height:55px;object-fit:contain;mix-blend-mode:multiply}.footer>p{font-family:'Playfair Display',serif;font-style:italic;font-size:18px;margin:12px 0 22px}.footer-nav{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;font-size:9px;font-weight:600;margin-bottom:36px}.footer-bottom{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.13em;color:#93877c}@media(max-width:800px){.topline{padding:0 5vw;font-size:7px}.topline span:last-child{display:none}.header{height:76px;padding:0 5vw}.logo img{width:125px}.nav-toggle{display:block;color:var(--ink)}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:25px 6vw 30px;flex-direction:column;align-items:stretch;gap:20px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav-order{text-align:center}.hero{grid-template-columns:1fr;padding:48px 6vw 60px;gap:35px}.hero h1{font-size:clamp(64px,14vw,88px)}.hero-visual{height:370px;margin-right:10px}.round-seal{width:115px;height:115px;right:-10px}.round-seal b{font-size:18px}.hero-foot{margin-top:35px}.brand-story{padding:28px 7vw 70px}.story-grid{grid-template-columns:1fr;gap:30px;padding-top:55px}.section-top{display:block}.section-intro{margin:22px 0 0}.menu{padding:72px 6vw}.menu-feature{grid-template-columns:1fr}.feature-card.large{min-height:390px}.feature-stack{grid-template-columns:1fr 1fr}.feature-stack .feature-card{min-height:230px}.feature-overlay{left:16px;bottom:17px}.feature-overlay h3{font-size:22px}.feature-overlay p{font-size:9px}.feature-card.large .feature-overlay h3{font-size:34px}.menu-list{margin-top:45px}.menu-list>div{grid-template-columns:40px 1fr 20px}.menu-list h3{font-size:19px}.menu-list p{max-width:270px}.menu-cta{align-items:flex-start;gap:15px;flex-direction:column}.manifesto{grid-template-columns:1fr}.manifesto-image{min-height:350px}.manifesto-copy{padding:65px 7vw}.quote{padding:65px 20px}.visit{grid-template-columns:1fr;gap:40px;padding:68px 7vw}.visit-info{border-left:0;border-top:1px solid rgba(255,255,255,.45);padding:30px 0 0}.footer-nav{gap:17px}.footer-bottom{gap:12px;flex-direction:column}}@media(max-width:480px){.feature-stack{grid-template-columns:1fr}.feature-stack .feature-card{min-height:245px}.hero-visual{height:315px}.hero-text{font-size:21px}.story-label span:last-child{display:none}.visit-info{grid-template-columns:1fr 1fr;gap:23px 15px}}

/* Canffle custom updates */
.logo img{width:156.6px;max-height:59.4px}
.footer>a img{width:127.44px;max-height:59.4px}

.hero-visual{height:auto;aspect-ratio:680/359;min-height:0}
.hero-visual>img{object-fit:cover;object-position:center center}

/* Online order dropdowns */
.order-dropdown{position:relative;display:inline-block}
.order-dropdown summary{list-style:none;cursor:pointer}
.order-dropdown summary::-webkit-details-marker{display:none}
.order-options{position:absolute;top:calc(100% + 10px);left:0;min-width:200px;background:var(--white);border:1px solid var(--line);box-shadow:0 14px 28px rgba(0,0,0,.10);padding:10px;display:grid;gap:8px;z-index:20}
.order-options a{padding:10px 12px;font-size:10px;font-weight:700;background:#fff;border:1px solid var(--line)}
.order-options a:hover{background:var(--paper);color:var(--orange)}
.order-nav .order-options{left:auto;right:0}
.order-footer .order-options{left:50%;transform:translateX(-50%)}
.order-visit .order-options{left:auto;right:0}

/* Sweet creations image row */
.menu-row-sweet{align-items:start}
.menu-row-sweet .menu-inline-image{display:block;width:100%;margin-top:16px;border-radius:18px;max-height:300px;object-fit:cover;box-shadow:0 14px 26px rgba(0,0,0,.08)}
.menu-row-sweet .menu-arrow{padding-top:6px}

@media(max-width:800px){
  .logo img{width:135px;max-height:54px}
  .hero-visual{aspect-ratio:680/359}
  .order-options{min-width:180px}
  .menu-row-sweet .menu-inline-image{max-height:220px;margin-top:14px}
}
@media(max-width:480px){
  .logo img{width:124.2px;max-height:51.3px}
  .footer>a img{width:108px;max-height:48.6px}
  .menu-row-sweet .menu-inline-image{max-height:180px;border-radius:14px}
  .order-options{position:absolute;left:0;right:auto;transform:none;min-width:170px}
  .order-footer .order-options{left:0;transform:none}
}


/* Header and footer logos reduced to two-thirds of prior displayed dimensions. */
.header { height: 110px; }
.header .logo { display: block; flex: 0 0 auto; line-height: 0; }
.header .logo img {
  display: block;
  width: 175.33px;
  height: 56px;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center;
  mix-blend-mode: multiply;
}
.footer > a { display: inline-block; line-height: 0; }
.footer > a img {
  display: block;
  width: 150px;
  height: 50px;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center;
  mix-blend-mode: multiply;
}
@media (max-width: 800px) {
  .header { height: 94px; }
  .header .logo img { width: 135.33px; height: 45.33px; max-height: none; }
  .nav { top: 94px; }
  .footer > a img { width: 130px; height: 44px; max-height: none; }
}
@media (max-width: 480px) {
  .header { height: 88px; }
  .header .logo img { width: 115.33px; height: 39.33px; max-height: none; }
  .nav { top: 88px; }
  .footer > a img { width: 115.33px; height: 39.33px; max-height: none; }
}

/* Brunch favourites: matching Sweet creations photo layout */
.menu-row-brunch{align-items:start}
.menu-row-brunch .menu-inline-image{display:block;width:100%;margin-top:16px;border-radius:18px;max-height:300px;object-fit:cover;box-shadow:0 14px 26px rgba(0,0,0,.08)}
.menu-row-brunch .menu-arrow{padding-top:6px}
@media(max-width:800px){.menu-row-brunch .menu-inline-image{max-height:220px;margin-top:14px}}
@media(max-width:480px){.menu-row-brunch .menu-inline-image{max-height:180px;border-radius:14px}}

/* Savoury bites photo consistent with Brunch favourites */
.menu-row-savoury{align-items:start}
.menu-row-savoury .menu-inline-image{display:block;width:100%;margin-top:16px;border-radius:18px;max-height:300px;object-fit:cover;box-shadow:0 14px 26px rgba(0,0,0,.08)}
.menu-row-savoury .menu-arrow{padding-top:6px}
@media(max-width:800px){.menu-row-savoury .menu-inline-image{max-height:220px;margin-top:14px}}
@media(max-width:480px){.menu-row-savoury .menu-inline-image{max-height:180px;border-radius:14px}}

/* A/B/C menu photos: 2/3 of previous width, aligned to the right. */
.menu-list > div .menu-inline-image {
  width: 66.6667%;
  height: auto;
  max-height: 200px;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 800px) {
  .menu-list > div .menu-inline-image { max-height: 147px; }
}
@media (max-width: 480px) {
  .menu-list > div .menu-inline-image { max-height: 120px; }
}

/* A/B/C photos: preserve 2/3 width and right alignment; increase displayed height 1.5x. */
.menu-list > div .menu-inline-image {
  width: 66.6667%;
  height: 300px;
  max-height: 300px;
  object-fit: cover;
  object-position: center;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 800px) {
  .menu-list > div .menu-inline-image { height: 220px; max-height: 220px; }
}
@media (max-width: 480px) {
  .menu-list > div .menu-inline-image { height: 180px; max-height: 180px; }
}

/* Social links in Your table is waiting section */
.visit .social-links-block > span {
  display: block;
}
.visit-social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  align-items: center;
  margin-top: 12px;
}
.visit-social-links a {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  border-bottom: 1px solid rgba(255,255,255,.45);
  padding-bottom: 5px;
}
.visit-social-links a:hover,
.visit-social-links a:focus-visible {
  color: #ffe1d6;
  border-bottom-color: currentColor;
}
.visit-social-links a svg {
  width: 22px;
  height: 22px;
  flex: none;
}
.visit-social-links a span {
  font-size: 11px;
  letter-spacing: normal;
  color: inherit;
}

/* Contact and social text: 2/3 of the previously doubled font sizes. */
.visit-info { grid-template-columns: 1fr; gap: 22px; }
.visit-info > div > span { font-size: 10.67px; line-height: 1.3; }
.visit-info > div > p { font-size: 14.67px; line-height: 1.55; margin-top: 9px; overflow-wrap: anywhere; }
.visit-social-links a span { font-size: 14.67px; line-height: 1.35; }
.visit-social-links { gap: 12px 20px; }
@media (max-width: 800px) {
  .visit-info { grid-template-columns: 1fr; gap: 22px; }
}

/* Video story — portrait film, editorial layout */
.film-section{background:#eee8dc;padding:clamp(64px,8vw,120px) clamp(20px,5vw,84px);overflow:hidden}
.film-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,465px);align-items:center;gap:clamp(35px,8vw,110px)}
.film-copy{max-width:520px}
.film-copy .kicker{font-size:11px;letter-spacing:.17em;color:#8c5d44;display:flex;align-items:center;gap:12px}
.film-spark{font-size:19px;color:#bd7657}
.film-copy h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(43px,5.1vw,73px);line-height:1.09;letter-spacing:-.035em;font-weight:500;margin:22px 0 26px;color:#312b27}
.film-copy h2 em{color:#aa634d;font-weight:500}
.film-lead{font-size:clamp(17px,1.7vw,21px);line-height:1.65;color:#39322d;margin:0 0 16px}
.film-sub{font-size:14px;line-height:1.8;color:#71685f;margin:0 0 31px}
.film-link{display:inline-flex;align-items:center;gap:27px;border-bottom:1px solid #4c3830;padding:0 0 9px;text-decoration:none;font-size:14px;font-weight:700;color:#392e29}
.film-link:hover{color:#a85f44;border-color:#a85f44}
.film-note{display:block;margin-top:clamp(55px,9vw,120px);font-size:10px;letter-spacing:.18em;color:#9a8778}
.film-frame{width:100%;max-width:465px;justify-self:center}
.film-video-shell{position:relative;aspect-ratio:9/16;border-radius:210px 210px 22px 22px;overflow:hidden;background:#d4c3b0;box-shadow:18px 24px 0 #e0d2c1,0 22px 54px rgba(56,38,26,.16)}
.film-video{display:block;width:100%;height:100%;object-fit:cover;background:#d4c3b0}
.film-meta{display:flex;justify-content:space-between;gap:10px;margin-top:25px;color:#79685a;font-size:9px;letter-spacing:.13em;font-weight:700}
@media(max-width:850px){.film-inner{grid-template-columns:1fr;gap:34px}.film-copy{max-width:680px}.film-copy h2{margin-top:16px}.film-note{margin-top:38px}.film-frame{width:min(78%,400px)}.film-section{padding:64px 25px 78px}}
@media(max-width:520px){.film-frame{width:min(90%,360px)}.film-copy h2{font-size:44px}.film-video-shell{box-shadow:10px 14px 0 #e0d2c1,0 18px 34px rgba(56,38,26,.14)}.film-meta{font-size:8px;letter-spacing:.06em}.film-section{padding-left:20px;padding-right:20px}}