:root{--ivory:#f7f1e7;--espresso:#3b2922;--gold:#c5a46d;--beige:#ede1d1;--cocoa:#79665b;--rule:#d8c7ae;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--ivory);color:var(--espresso);font-family:var(--sans);font-size:16px;line-height:1.6}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #845c23;outline-offset:5px}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.05}h2{font-size:clamp(34px,3vw,48px)}p+p{margin-top:16px}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--gold);border-radius:10px;background:var(--gold);color:var(--espresso);padding:9px 29px;font:500 19px/1.3 var(--serif);min-height:52px;transition:background .3s,transform .3s;white-space:nowrap}.button:hover{background:#d1b583;text-decoration:none;transform:translateY(-1px)}.button.outline{background:transparent;border-color:#9c7c55}.eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;line-height:1.8}.line:after{content:'';display:inline-block;width:35px;margin-left:14px;vertical-align:middle;border-top:1px solid var(--gold)}.handwritten{font:italic 23px/1.15 var(--serif);color:#886647}.small{font-size:12px;line-height:1.6;color:var(--cocoa)}.site-header{height:90px;display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);align-items:center;padding:0 4%;border-bottom:1px solid var(--rule);position:relative;z-index:10}.site-header nav{display:flex;gap:clamp(20px,2vw,30px);font:500 17px var(--serif)}.brand{width:132px;height:86px;justify-self:center;overflow:hidden}.brand img{height:100%;object-fit:contain}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:45px}.header-actions .handwritten{font-size:20px;transform:rotate(-7deg)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:45% 55%;min-height:clamp(650px,76vh,780px);height:auto;margin-bottom:0}.hero-copy{padding:64px 32px 64px clamp(48px,6vw,110px);align-self:center;position:relative;z-index:1}.hero h1{font-size:clamp(72px,7vw,120px);line-height:.9;letter-spacing:-.045em;margin:32px 0 28px}.hero-tagline{font:500 21px/1.3 var(--serif);letter-spacing:.2em;text-transform:uppercase}.intro{font:400 20px/1.4 var(--serif);max-width:380px;margin:26px 0 30px}.actions{display:flex;gap:14px}.hero-note{margin:28px 0 0 12px;font-size:20px;transform:rotate(-5deg)}.hero-photo{position:relative;overflow:hidden;background:#eee8e3}.hero-photo>img{height:100%;object-fit:cover;object-position:54% 48%}.photo-note{position:absolute;right:6%;bottom:6%;font:italic 20px/1.2 var(--serif);text-align:right;color:var(--espresso);background:var(--ivory);padding:10px 14px;transform:rotate(-5deg)}.section-pad{max-width:1440px;margin-inline:auto;padding:90px clamp(24px,5vw,72px) 100px}.section-heading{text-align:center;margin-bottom:42px}.section-heading h2{font-size:34px;text-transform:uppercase;letter-spacing:.075em}.section-heading p{font:400 17px/1.5 var(--serif);margin-top:16px}.ornament{display:block;color:#93703b;height:16px;font-size:17px;line-height:1.2}.flavors .section-heading p{font:12px/1.7 var(--sans);text-transform:uppercase;letter-spacing:.2em;margin-top:16px}.product-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:5px 4px 24px;scrollbar-width:thin;scrollbar-color:var(--gold) var(--beige)}.product-image{aspect-ratio:1.15;overflow:hidden;background:var(--beige)}.product-image img{height:100%;object-fit:cover;transition:transform .5s}.product:hover img,.gallery-grid a:hover img{transform:scale(1.035)}.product{text-align:center;scroll-snap-align:start;min-width:0}.product h3{font-size:28px;margin-top:20px}.product p{font-size:12px;color:var(--cocoa)}.product button{border:0;background:none;font:17px var(--serif);padding:8px 12px;min-height:44px;color:#795527}.catalog-note{font-size:12px;text-align:center;color:var(--cocoa);margin-top:28px}.story{display:grid;grid-template-columns:43% 57%;max-width:1440px;margin:0 auto 110px;padding-inline:clamp(24px,5vw,72px);min-height:490px}.story-photo{height:490px;overflow:hidden}.story-photo img{height:100%;object-fit:cover;object-position:50% 40%}.story-copy{padding:40px 0 40px 12%;align-self:center}.story-copy h2{font-size:clamp(36px,3.3vw,48px);margin:22px 0 28px}.story-copy>p:not(.eyebrow){font:21px/1.55 var(--serif);max-width:650px}.story-copy .handwritten{display:block;text-align:right;margin-top:24px}.video-feature{display:grid;grid-template-columns:40% 60%;max-width:1440px;margin:0 auto 100px;background:var(--beige)}.video-copy{padding:48px 12%;align-self:center;border-left:1px solid var(--gold);margin-left:8%}.video-copy h2{margin:12px 0}.video-copy>p:not(.eyebrow):not(.small){font:19px/1.4 var(--serif)}.video-copy .small{margin-top:15px}.video-stage{position:relative;height:440px;overflow:hidden}.video-stage>img,.video-stage>video{width:100%;height:100%;object-fit:cover}.play-indicator{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:1px solid white;background:#f7f1e7ba;display:grid;place-items:center;font-size:40px}.video-caption{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--ivory);padding:4px 12px;font-size:12px}.moments-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;max-width:1440px;margin:0 auto;padding-inline:clamp(24px,4vw,56px)}.preorder,.reviews{background:#f0e6d8;padding:48px 28px}.moments-row .section-heading h2{font-size:28px}.booking-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:25px;align-items:center}.calendar{background:var(--ivory);border:1px solid #dfd2bf;border-radius:7px;padding:10px 14px}.calendar-heading{display:flex;align-items:center;justify-content:space-between}.calendar-heading h3{font-size:21px}.icon-button{border:1px solid var(--gold);border-radius:50%;background:transparent;min-width:44px;min-height:44px;font:25px var(--serif)}.calendar-heading .icon-button{border:0}.weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:2px}.weekdays{font:11px var(--sans);border-block:1px solid var(--rule);padding:8px 0;margin:5px 0}.calendar-days button{border:0;background:transparent;aspect-ratio:1;font:13px var(--sans);border-radius:50%;padding:0;min-height:30px}.calendar-days button:not(:disabled):hover{background:var(--beige)}.calendar-days button[aria-pressed=true]{background:var(--gold)}.calendar-days button:disabled{text-decoration:line-through;opacity:.32}.calendar-note{text-align:center;font-size:10px;margin-top:7px}.booking-steps ol{list-style:none;padding:0;margin:0 0 18px}.booking-steps li{display:flex;align-items:center;gap:15px;font:19px var(--serif);margin:16px 0}.booking-steps li span{background:var(--gold);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:21px}.booking-steps .button{width:100%;padding-inline:12px;margin:10px 0}.reviews{display:flex;flex-direction:column;justify-content:center}.review-content{text-align:center;padding:34px 24px;min-height:285px;border:1px solid #dfd2bf;background:var(--ivory);border-radius:7px}.sample-label{font-size:10px;letter-spacing:.12em}.stars{color:#97703a;font-size:24px;letter-spacing:5px;margin:13px 0}blockquote{font:30px/1.3 var(--serif);margin:0 auto 14px;max-width:390px}.review-name{font:17px var(--serif)}.review-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:16px}.review-controls span{font-size:12px;color:var(--cocoa)}#pause-reviews{font:12px var(--sans);border:0;border-radius:0}.gallery-heading{display:grid;grid-template-columns:1fr auto;align-items:center}.gallery-heading .section-heading{margin-left:0}.gallery-heading>a{font:16px var(--serif)}.gallery-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.gallery-grid a{display:block;overflow:hidden;aspect-ratio:1.15}.gallery-grid img{height:100%;object-fit:cover;transition:transform .5s}.final-cta{display:flex;align-items:center;justify-content:space-around;background:var(--beige);text-align:center;padding:72px 5%;gap:30px}.final-cta h2{font-size:46px}.final-cta p{font:18px var(--serif);margin:8px 0 16px}.final-cta>.handwritten{transform:rotate(-8deg)}.footer-main{display:grid;grid-template-columns:170px 1.1fr 1.2fr .85fr;gap:35px;max-width:1440px;margin:auto;padding:60px 4%;font:15px/1.7 var(--serif)}.footer-main>div{border-left:1px solid var(--rule);padding-left:30px}.footer-logo img{height:130px;object-fit:contain}.footer-main h3{font-size:18px;margin:10px 0 15px}.footer-main a:not(.footer-logo){display:block;overflow-wrap:anywhere;margin-bottom:8px}.hours{display:grid;grid-template-columns:auto 1fr;column-gap:18px;margin:0}.hours dd{margin:0}.payments{font:500 22px var(--sans);display:flex;gap:24px}.footer-bottom{border-top:1px solid var(--rule);padding:15px 4%;font:12px var(--serif);display:flex;justify-content:space-between;gap:20px}.skip-link{position:absolute;left:10px;top:-100px;background:var(--ivory);padding:12px;z-index:30}.skip-link:focus{top:10px}dialog{border:1px solid var(--rule);border-radius:8px;background:var(--ivory);color:var(--espresso);width:min(540px,calc(100% - 32px));max-height:90vh;padding:36px}dialog::backdrop{background:#3b292277}dialog h2{font-size:36px;margin:18px 0}dialog>p{font-size:14px}dialog label{display:block;font-size:13px;margin-top:20px}textarea{width:100%;border:1px solid var(--rule);padding:12px;background:#fffaf3;color:var(--espresso);font:14px/1.6 var(--sans);resize:vertical;margin-top:8px}.dialog-close{float:right}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.text-link{font-size:14px;padding:10px 0}.dialog-actions .button{font-size:18px} @media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:760px}.story-photo{height:520px}} @media(max-width:1100px){.site-header{padding-inline:3%;grid-template-columns:1fr 110px 1fr}.site-header nav{gap:14px;font-size:14px}.header-actions{gap:15px}.header-actions .handwritten{display:none}.hero-copy{padding:54px 28px 54px 6vw}.hero h1{font-size:clamp(72px,7.3vw,83px)}.hero-tagline{font-size:18px}.actions{gap:14px}.actions .button{padding-inline:20px}.story-copy{padding:30px 0 30px 9%}.story-copy h2{font-size:34px}.moments-row{grid-template-columns:1fr 1fr}.booking-layout{grid-template-columns:1fr}.booking-steps ol{display:flex;gap:12px;margin:0}.booking-steps li{font-size:15px;gap:7px;align-items:flex-start}.booking-steps li span{flex-shrink:0;font-size:17px;width:25px;height:25px}.footer-main{grid-template-columns:130px 1fr 1fr;gap:20px}.footer-main>div:last-child{grid-column:2/4}.product-grid{gap:24px;grid-auto-columns:270px}.product h3{font-size:27px}.section-pad{padding-block:80px 90px}.story{margin-bottom:90px}.video-feature{margin-bottom:80px}} @media(max-width:800px){.site-header{height:85px;grid-template-columns:1fr 1fr}.brand{grid-column:1;grid-row:1;justify-self:start;width:95px;height:80px}.header-actions{grid-column:2;grid-row:1}.header-actions>.button{font-size:17px;padding:8px 20px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;background:none;border:1px solid var(--rule);border-radius:4px}.menu-toggle span{height:1px;width:20px;background:var(--espresso);margin:auto;flex:0 0 1px}.menu-toggle span:first-child{margin-bottom:0}.menu-toggle span:last-child{margin-top:0}.site-header nav{display:none;position:absolute;left:0;right:0;top:85px;padding:20px 5%;background:var(--ivory);border-bottom:1px solid var(--rule);font-size:19px}.site-header nav.is-open{display:flex;flex-wrap:wrap;gap:24px}.hero{grid-template-columns:1fr;min-height:0;height:auto}.hero-copy{padding:60px 7%;max-width:680px}.hero h1{font-size:clamp(78px,12vw,96px)}.hero-photo{height:480px}.hero-tagline{font-size:20px}.intro{font-size:21px}.actions{flex-wrap:wrap}.hero-note{font-size:18px;margin-left:0}.photo-note{font-size:20px}.product-grid{grid-template-columns:none;grid-auto-columns:270px;gap:24px}.story{grid-template-columns:42% 58%}.story-photo{height:460px}.story-copy h2{font-size:30px}.story-copy>p:not(.eyebrow){font-size:19px}.video-copy{padding:40px 8%;margin-left:5%}.video-copy h2{font-size:37px}.moments-row{grid-template-columns:1fr;gap:35px}.booking-layout{grid-template-columns:1fr 1fr}.booking-steps ol{display:block}.booking-steps li{font-size:19px;align-items:center}.gallery-heading{display:block}.gallery-heading .section-heading{margin-left:0;margin-bottom:10px}.gallery-heading>a{display:block;text-align:center;margin-bottom:20px}.gallery-grid{grid-template-columns:repeat(4,1fr)}.gallery-grid a:last-child{grid-column:span 2;aspect-ratio:2.4}.final-cta>.handwritten{display:none}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:last-child{grid-column:auto}.footer-main>div{padding-left:20px}.footer-bottom{font-size:12px}} @media(max-width:560px){html{scroll-padding-top:20px}.hero{display:flex;flex-direction:column;margin-bottom:0}.hero-copy{padding:48px 24px 42px}.hero h1{font-size:clamp(70px,19vw,86px);margin:28px 0 26px}.hero-tagline{font-size:19px}.intro{font-size:20px;max-width:330px}.actions{flex-wrap:nowrap;gap:12px}.actions .button{flex:1;padding:10px 14px;font-size:19px}.hero-note{text-align:center;margin:26px 0 0}.hero-photo{height:340px}.hero-photo>img{object-position:center}.photo-note{font-size:18px;bottom:12px}.section-pad{padding:60px 24px 70px}.section-heading h2{font-size:28px}.product-grid{grid-template-columns:none;grid-auto-columns:82%;gap:18px}.product-image{aspect-ratio:1.05}.product h3{font-size:24px}.story{display:flex;flex-direction:column;margin:0 0 65px;padding:0}.story-photo{height:340px}.story-copy{padding:40px 24px 0}.story-copy h2{font-size:35px}.story-copy>p:not(.eyebrow){font-size:20px}.story-copy .handwritten{text-align:left;font-size:22px}.video-feature{display:flex;flex-direction:column;margin:0 0 60px}.video-copy{padding:26px 6%;margin:20px 6%}.video-copy h2{font-size:43px}.video-stage{height:300px}.moments-row{margin:0;padding:0;gap:24px}.preorder,.reviews{padding:48px 24px}.booking-layout{grid-template-columns:1fr;gap:18px}.calendar{padding:12px 18px}.calendar-days button{min-height:38px;font-size:14px;aspect-ratio:1.1}.calendar-note{font-size:12px}.booking-steps ol{display:flex;justify-content:space-between;gap:10px}.booking-steps li{display:block;font-size:17px;line-height:1.2;flex:1}.booking-steps li span{margin-bottom:8px;width:29px;height:29px}.booking-steps>.small{text-align:center}.review-content{padding:25px 15px}.sample-label{font-size:10px}blockquote{font-size:27px}.gallery-grid{grid-template-columns:1fr 1fr;gap:10px}.gallery-grid a:last-child{aspect-ratio:2.2}.final-cta{padding:60px 24px}.final-cta h2{font-size:36px}.footer-main{padding:25px 6%;gap:25px 10px}.footer-logo{grid-column:1/-1}.footer-logo img{height:115px}.footer-main>div{grid-column:1/-1;border-left:0;border-top:1px solid var(--rule);padding:15px 0 0}.footer-main>div:last-child{grid-column:1/-1}.footer-main{font-size:17px}.footer-bottom{flex-direction:column;padding:18px 6%;gap:8px}dialog{padding:24px}dialog h2{font-size:32px}.eyebrow{font-size:11px}} .site-header .brand img{mix-blend-mode:darken} .site-header{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .hero-fullbleed__content .hero-logo{width:clamp(125px,9vw,150px);height:auto;margin:0 0 20px;mix-blend-mode:darken} @media(max-width:800px){.hero-fullbleed__content .hero-logo{width:clamp(105px,27vw,120px);margin-bottom:18px}} .hero-fullbleed__content .hero-note{transform:none;rotate:0deg} #flavors .section-heading{margin-bottom:8px} #flavors .flavor-controls{margin-bottom:14px} #flavors .product-grid{grid-auto-columns:calc((100% - 60px)/4);gap:20px;padding-bottom:12px} #flavors .product:nth-child(even){padding-top:10px} #flavors .product-image{aspect-ratio:1.05} #flavors .product{padding-bottom:0} @media(max-width:1150px){#flavors .product-grid{grid-auto-columns:calc((100% - 40px)/3)}} @media(max-width:850px){#flavors .product-grid{grid-auto-columns:calc((100% - 20px)/2)}#flavors .product:nth-child(even){padding-top:0}} @media(max-width:560px){#flavors .section-heading{margin-bottom:8px}#flavors .flavor-controls{margin-bottom:12px}#flavors .product-grid{grid-auto-columns:82%;gap:20px;padding-bottom:8px}} #flavors{max-width:1360px} #flavors .product-grid{grid-auto-columns:calc((100% - 96px)/4);gap:32px;padding:0 0 18px} #flavors .product:nth-child(even){padding-top:0} #flavors .product-image{aspect-ratio:.87;border:1px solid rgba(197,164,109,.32);border-radius:3px;overflow:hidden} #flavors .product-image img{object-position:50% 50%} #flavors .product-number{display:block;margin-top:14px;color:var(--gold);font:500 11px/1 var(--sans);letter-spacing:.22em} #flavors .product h3{font:500 23px/1.1 var(--serif);letter-spacing:.03em;margin:9px 0 0;color:var(--espresso)} #flavors .product-explore{display:block;margin-top:10px;color:#8b6a3e;font:16px/1.2 var(--serif)} #flavors .product-explore span{display:inline-block;transition:transform .4s} #flavors .flavor-controls{justify-content:center;gap:12px;margin:18px 0 0} #flavors .flavor-controls button{width:40px;height:40px;min-width:40px;min-height:40px;font-size:22px} #flavors .flavor-progress{width:min(180px,45%);height:1px;margin:13px auto 0;background:rgba(197,164,109,.24);position:relative} #flavors .flavor-progress span{display:block;width:var(--progress,0%);height:2px;background:var(--gold);transition:width .35s} @media(hover:hover) and (pointer:fine){#flavors .product:hover .product-explore span{transform:translateX(4px)}} @media(max-width:1150px){#flavors .product-grid{grid-auto-columns:calc((100% - 64px)/3)}} @media(max-width:850px){#flavors .product-grid{grid-auto-columns:calc((100% - 24px)/2);gap:24px}} @media(max-width:560px){#flavors .product-grid{grid-auto-columns:82%;gap:20px;padding-bottom:10px}#flavors .product h3{font-size:22px}#flavors .flavor-controls,#flavors .flavor-progress{display:none}} .moments-row>section,.booking-layout>div{min-width:0} .weekdays,.calendar-days{grid-template-columns:repeat(7,minmax(0,1fr))} .calendar-days button{min-width:0;width:100%;aspect-ratio:auto;height:38px} .product-grid:focus-visible{outline:2px solid #845c23;outline-offset:5px} @media(min-width:801px) and (max-width:1100px){.hero-photo{height:520px;align-self:center}} .site-header .brand img{transform:scale(1.24)} .hero{grid-template-columns:45% 55%;min-height:650px;height:clamp(650px,calc(100svh - 90px),790px)} .hero .hero-copy{align-self:center;padding:24px 32px 40px clamp(48px,6vw,110px);max-width:none;min-width:0} .hero h1{font-size:clamp(80px,6.4vw,114px);line-height:.86;letter-spacing:-.035em;margin:32px 0 30px} .hero .eyebrow{color:var(--espresso)} .hero .eyebrow:after{width:32px} .hero .hero-tagline{font-size:20px;line-height:1.35;letter-spacing:.14em} .hero .intro{width:100%;max-width:380px;font-size:20px;line-height:1.5;color:var(--cocoa);margin:24px 0 30px} .hero .actions{gap:12px;flex-wrap:nowrap} .hero .actions .button{min-height:50px;padding:10px 28px;border-radius:9px;font-size:19px} .hero .actions .button:hover{background:#b89458;transform:translateY(-2px)} .hero .actions .outline{background:var(--ivory)} .hero .actions .outline:hover{background:var(--beige)} .hero .hero-note{font-size:18px;line-height:1.4;color:var(--cocoa);margin:36px 0 0 8px;transform:none;text-align:left} .hero .hero-photo{width:100%;height:min(100%,calc(55vw * .87));min-height:520px;align-self:center;position:relative} .hero .hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:100% 50%} .hero .hero-photo:after{content:'';position:absolute;inset:0 auto 0 0;width:55px;background:linear-gradient(90deg,rgba(247,241,231,.32),rgba(247,241,231,0));pointer-events:none} .hero .hero-copy>.eyebrow{animation:hero-rise .6s both} .hero h1{animation:hero-rise .6s .07s both} .hero .hero-tagline,.hero .intro{animation:hero-rise .6s .14s both} .hero .actions,.hero .hero-note{animation:hero-rise .6s .21s both} .hero .hero-photo>img{animation:hero-reveal .7s .1s both} @keyframes hero-rise{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}} @keyframes hero-reveal{from{opacity:0}to{opacity:1}} @media(min-width:801px) and (max-width:1100px){ .hero h1{font-size:clamp(68px,7.2vw,80px)} .hero .hero-copy{padding-left:6vw;padding-right:24px} .hero .hero-tagline{font-size:18px} .hero .actions .button{padding-inline:20px} } @media(max-width:800px){ .hero{grid-template-columns:1fr;height:auto;min-height:0} .hero .hero-copy{width:100%;padding:56px 24px 46px;max-width:620px;justify-self:start;align-self:start} .hero h1{font-size:clamp(72px,12vw,96px)} .hero .hero-photo{height:auto;min-height:0;aspect-ratio:1024/790;align-self:stretch} .hero .hero-photo>img{position:absolute;inset:0} .hero .hero-photo:after{display:none} } @media(max-width:560px){ .hero .hero-copy{padding:44px 24px 40px} .hero h1{font-size:clamp(64px,18.5vw,80px);margin:30px 0 28px} .hero .hero-tagline{font-size:18px;letter-spacing:.12em} .hero .intro{font-size:19px;margin:24px 0 30px} .hero .actions .button{padding-inline:14px;flex:1} .hero .hero-note{margin:34px 0 0;font-size:17px} } @media(max-width:350px){.hero .actions{flex-direction:column}.hero h1{font-size:60px}} #flavors{padding-top:96px;padding-bottom:104px} #flavors{overflow:hidden} #flavors .section-heading{margin-bottom:32px} #flavors .section-heading p{font-size:13px;letter-spacing:.12em} #flavors .flavor-controls{display:flex;justify-content:flex-end;gap:10px;margin-bottom:22px} #flavors .flavor-controls button{width:42px;height:42px;min-height:42px;min-width:42px;font-size:24px} #flavors .product-grid{grid-auto-columns:calc((100% - 72px)/4);gap:24px;scrollbar-width:none;padding:4px 0 30px;scroll-padding-inline:0;cursor:grab} #flavors .product-grid::-webkit-scrollbar{display:none} #flavors .product-grid.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none} #flavors .product:nth-child(even){padding-top:18px} #flavors .product-image{aspect-ratio:1.12;background:transparent} #flavors .product-image img{object-position:50% 50%;transform:none;transition:transform .5s;user-select:none;-webkit-user-drag:none} #flavors .product h3{font-size:29px;margin-top:22px} #flavors .product p{font:13px/1.6 var(--sans);margin:8px 0 0} #flavors .product .price{color:var(--espresso)} #flavors .product button{font-size:19px;margin-top:5px} #flavors .product button span{display:inline-block;transition:transform .5s} #flavors .catalog-note{margin-top:18px} @media(hover:hover) and (pointer:fine){#flavors .product:hover img{transform:scale(1.03)}#flavors .product button:hover span{transform:translateX(4px)}} @media(max-width:1150px){#flavors .product-grid{grid-auto-columns:calc((100% - 48px)/3)}} @media(max-width:850px){#flavors{padding-block:80px 90px}#flavors .product-grid{grid-auto-columns:calc((100% - 24px)/2)}#flavors .product:nth-child(even){padding-top:0}} @media(max-width:560px){#flavors{padding:64px 24px 72px}#flavors .product-grid{grid-auto-columns:82%;gap:20px}#flavors .section-heading{margin-bottom:24px}#flavors .flavor-controls{margin-bottom:18px}#flavors .product h3{font-size:28px}} #perfect-spoonful{max-width:1280px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:52px;margin:0 auto 100px;padding:64px 40px;background:var(--beige)} #perfect-spoonful .video-stage{height:auto;aspect-ratio:854/480;width:100%;min-width:0;overflow:hidden;border-radius:2px} #perfect-spoonful video{display:block;width:100%;height:100%;object-fit:cover;object-position:center} #perfect-spoonful .video-copy{padding:0;margin:0;border:0;min-width:0} #perfect-spoonful h2{font-size:clamp(44px,4.4vw,64px);line-height:.98;letter-spacing:-.025em;margin:25px 0} #perfect-spoonful .spoonful-tagline{font:italic 40px/1.12 var(--serif);color:#957144;margin:0 0 25px} #perfect-spoonful .spoonful-body{font:17px/1.7 var(--sans);color:var(--cocoa);margin:0 0 28px;max-width:370px} #perfect-spoonful .button{gap:12px} @media(max-width:1100px){#perfect-spoonful{gap:32px;padding:54px 32px;margin-bottom:80px}#perfect-spoonful h2{font-size:clamp(38px,4.5vw,50px)}#perfect-spoonful .spoonful-tagline{font-size:34px}} @media(max-width:800px){#perfect-spoonful{gap:26px;padding:42px 24px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}#perfect-spoonful h2{font-size:36px}#perfect-spoonful .spoonful-tagline{font-size:30px}#perfect-spoonful .spoonful-body{font-size:16px}} @media(max-width:650px){#perfect-spoonful{display:flex;flex-direction:column;align-items:stretch;gap:34px;padding:28px 24px 48px;margin-bottom:60px}#perfect-spoonful h2{font-size:clamp(40px,11vw,54px);margin:22px 0}#perfect-spoonful .spoonful-tagline{font-size:34px}#perfect-spoonful .spoonful-body{font-size:17px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}} .hero{position:relative;display:flex;align-items:center;justify-content:center;width:calc(100vw - 19px);max-width:none;min-height:clamp(620px,76vh,800px);height:clamp(620px,76vh,800px);margin-top:0;margin-right:0;margin-bottom:0;margin-left:calc(50% - 50vw + 9.5px);overflow:hidden;background:var(--espresso)} html:has(#home){overflow-x:clip} body:has(#home){overflow-x:hidden} .hero-fullbleed{position:relative;width:calc(100vw - 19px);max-width:none;height:clamp(680px,calc(100vh - 90px),820px);min-height:680px;margin:0 0 0 calc(50% - 50vw + 9.5px);overflow:hidden;background:var(--ivory)} .hero-fullbleed__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% 50%;animation:hero-reveal .7s .1s both} .hero-fullbleed__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,241,231,.7) 0%,rgba(247,241,231,.4) 30%,rgba(247,241,231,.08) 52%,rgba(247,241,231,0) 70%);pointer-events:none} .hero-fullbleed__content{position:absolute;z-index:2;left:7%;top:50%;width:46%;max-width:760px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--espresso);padding:24px} .hero-fullbleed__content>.eyebrow{color:var(--espresso);animation:hero-rise .6s both}.hero-fullbleed__content>.eyebrow:before{content:'';display:inline-block;width:32px;margin-right:14px;vertical-align:middle;border-top:1px solid var(--gold)}.hero-fullbleed__content>.eyebrow:after{width:32px;margin-left:14px} .hero-fullbleed__content h1{font-size:clamp(88px,7vw,128px);line-height:.84;letter-spacing:-.035em;color:var(--espresso);margin:28px 0 26px;animation:hero-rise .6s .07s both} .hero-fullbleed__content .hero-tagline{font-size:22px;line-height:1.35;letter-spacing:.12em;color:#5f493e;animation:hero-rise .6s .14s both}.hero-fullbleed__content .intro{max-width:380px;margin:22px 0 28px;font-size:19px;line-height:1.5;color:#5f493e;animation:hero-rise .6s .14s both}.hero-fullbleed__content .actions{display:flex;gap:14px;animation:hero-rise .6s .21s both}.hero-fullbleed__content .actions .button{min-height:50px;padding:10px 28px;border-radius:9px}.hero-fullbleed__content .actions .outline{background:rgba(247,241,231,.55);border-color:var(--espresso);color:var(--espresso)}.hero-fullbleed__content .hero-note{margin:30px 0 0;color:#957144;font-size:18px;animation:hero-rise .6s .28s both} @media(max-width:800px){.hero-fullbleed{height:clamp(680px,calc(100svh - 85px),760px);min-height:680px}.hero-fullbleed__image{object-position:67% 50%}.hero-fullbleed__overlay{background:radial-gradient(ellipse 72% 55% at 50% 48%,rgba(247,241,231,.38),rgba(247,241,231,.1) 62%,rgba(247,241,231,0) 82%),linear-gradient(90deg,rgba(247,241,231,.72),rgba(247,241,231,.27) 58%,rgba(247,241,231,0) 100%)}.hero-fullbleed__content{left:5%;width:90%;padding:24px}.hero-fullbleed__content h1{font-size:clamp(64px,16vw,88px)}.hero-fullbleed__content .hero-tagline{font-size:18px}.hero-fullbleed__content .intro{font-size:18px;max-width:320px}} @media(max-width:350px){.hero-fullbleed__content .actions{flex-direction:column;width:min(240px,100%)}.hero-fullbleed__content .actions .button{width:100%}} .hero .hero-photo{position:absolute;inset:0;width:100%;height:100%;min-height:0;z-index:0} .hero .hero-photo:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 38% 52% at 50% 48%,rgba(45,27,20,.44),rgba(45,27,20,.18) 54%,rgba(45,27,20,.03) 80%);pointer-events:none} .hero .hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:64% 50%;animation:hero-reveal .7s .1s both} .hero .hero-copy{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(850px,100%);max-width:850px;padding:60px 24px;text-align:center;color:#f7f1e7;align-self:auto} .hero .hero-copy>.eyebrow{color:#f7f1e7;animation:hero-rise .6s both} .hero .hero-copy>.eyebrow:before{content:'';display:inline-block;width:32px;margin-right:14px;vertical-align:middle;border-top:1px solid var(--gold)} .hero .hero-copy>.eyebrow:after{width:32px;margin-left:14px} .hero .hero-copy h1{font-size:clamp(80px,7vw,128px);line-height:.86;letter-spacing:-.035em;margin:30px 0 28px;color:#f7f1e7;text-align:center;animation:hero-rise .6s .07s both} .hero .hero-copy .hero-tagline{font-size:22px;line-height:1.35;letter-spacing:.14em;color:#f7f1e7;animation:hero-rise .6s .14s both} .hero .hero-copy .intro{max-width:380px;margin:24px 0 30px;font-size:19px;line-height:1.5;color:#f7f1e7;animation:hero-rise .6s .14s both} .hero .hero-copy .actions{display:flex;gap:14px;justify-content:center;animation:hero-rise .6s .21s both} .hero .hero-copy .actions .button{min-height:50px;padding:10px 28px;border-radius:9px} .hero .hero-copy .actions .outline{background:rgba(59,41,34,.3);border-color:#f7f1e7;color:#f7f1e7} .hero .hero-copy .hero-note{margin:34px 0 0;color:#e8c98e;font-size:18px;animation:hero-rise .6s .28s both} @media(max-width:800px){.hero{min-height:680px;height:calc(100svh - 85px)}.hero .hero-photo>img{object-position:67% 50%}.hero .hero-copy{padding:48px 24px}.hero .hero-copy h1{font-size:clamp(64px,16vw,88px);margin:28px 0}.hero .hero-copy .hero-tagline{font-size:18px}.hero .hero-copy .intro{max-width:320px;font-size:18px}} @media(max-width:560px){.hero{min-height:690px}.hero .hero-photo:after{background:radial-gradient(ellipse 66% 54% at 50% 46%,rgba(45,27,20,.4),rgba(45,27,20,.15) 72%,rgba(45,27,20,.04))}.hero .hero-copy h1{font-size:clamp(58px,16vw,78px);line-height:.88}.hero .hero-copy .actions{gap:12px}.hero .hero-copy .actions .button{padding-inline:16px}.hero .hero-copy .hero-note{font-size:16px}} @media(max-width:350px){.hero .hero-copy .actions{flex-direction:column;width:min(240px,100%)}.hero .hero-copy .actions .button{width:100%}} #flavors .product:nth-child(even){padding-top:0} #flavors .flavor-controls{display:flex;justify-content:center;gap:12px;margin:18px 0 0} #flavors .flavor-controls button{width:40px;height:40px;min-width:40px;min-height:40px;font-size:22px} #flavors .flavor-progress{width:min(180px,45%);height:1px;margin:13px auto 0;background:rgba(197,164,109,.24);position:relative} #flavors .flavor-progress span{display:block;width:var(--progress,0%);height:2px;background:var(--gold);transition:width .35s} @media(max-width:560px){#flavors .flavor-controls,#flavors .flavor-progress{display:none}} #menu{max-width:1400px;padding:110px clamp(20px,4vw,64px) 130px;scroll-margin-top:105px} #menu .section-heading{margin-bottom:28px} .menu-tabs{display:flex;justify-content:center;gap:clamp(20px,4vw,58px);overflow-x:auto;scrollbar-width:none;margin-bottom:58px} .menu-tabs button{border:0;background:none;min-height:44px;padding:8px 2px;color:var(--cocoa);font:500 15px var(--sans);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer;border-bottom:1px solid transparent} .menu-tabs button.is-active{color:var(--espresso);border-bottom-color:var(--gold)} .menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:68px 44px;transition:opacity .2s,transform .2s} .menu-grid.is-switching{opacity:0;transform:translateY(6px)} .menu-item{min-width:0}.menu-media{aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(197,164,109,.26);border-radius:5px;background:var(--beige);display:grid;place-items:center}.menu-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.menu-eyebrow{margin-top:20px;color:var(--gold);font:11px var(--sans);letter-spacing:.2em;text-transform:uppercase}.menu-eyebrow span{float:right;letter-spacing:.16em}.menu-item h3{margin-top:10px;font-size:29px;line-height:1.08}.menu-description{margin-top:13px;color:var(--cocoa);font:16px/1.5 var(--serif)}.menu-prices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;border-top:1px solid var(--rule);padding-top:18px;font:13px var(--sans);color:var(--cocoa)}.menu-prices span{display:flex;flex-direction:column;gap:4px}.menu-prices b,.menu-price{color:var(--espresso);font:500 20px var(--serif)}.menu-price{margin-top:18px}.menu-order{display:inline-flex;align-items:center;gap:7px;border:0;background:none;padding:10px 0;min-height:44px;color:#8b6a3e;font:18px var(--serif);cursor:pointer}.menu-order span{transition:transform .35s}.menu-order:focus-visible{outline:2px solid #845c23;outline-offset:4px}.menu-item--text{background:var(--beige);border:1px solid rgba(197,164,109,.4);border-radius:4px;padding:36px 38px;min-height:330px}.menu-item--text .menu-eyebrow{margin-top:0}.menu-item--text h3{font-size:34px;margin-top:20px}.menu-item--text .menu-description{font-size:16px;line-height:1.7}.menu-grid--extras{grid-template-columns:repeat(2,minmax(280px,360px));justify-content:center;gap:48px} @media(hover:hover) and (pointer:fine){.menu-item:hover .menu-media img{transform:scale(1.02)}.menu-item:hover .menu-order span{transform:translateX(4px)}} @media(max-width:900px){#menu{padding-block:90px 110px}.menu-grid,.menu-grid--extras{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 28px}} @media(max-width:560px){#menu{padding:78px 20px 90px}.menu-tabs{justify-content:flex-start;margin-bottom:42px}.menu-grid,.menu-grid--extras{grid-template-columns:1fr;gap:52px}.menu-item h3{font-size:27px}.menu-description{font-size:17px}.menu-item--text{padding:28px 22px;min-height:0}.menu-item--text h3{font-size:31px}} .order-options{margin:18px 0;padding:16px 0;border-block:1px solid var(--rule);font:15px var(--sans)}.order-options fieldset{border:0;padding:0;margin:0 0 16px}.order-options legend,.order-options strong{font-weight:600;color:var(--espresso)}.order-options label{display:block;margin-top:8px}.order-quantity{display:flex;align-items:center;gap:12px;margin:14px 0}.order-quantity button{width:32px;height:32px;border:1px solid var(--gold);background:transparent;border-radius:50%}.order-subtotal{display:flex;justify-content:space-between;margin:0} /* Editorial menu layouts */ #menu .menu-grid{display:grid;gap:0 72px;transition:opacity .2s,transform .2s} #menu .menu-grid--panna{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start} #menu .menu-grid--panna .menu-item{padding:34px 0 42px;border-bottom:1px solid rgba(197,164,109,.35);background:none;border-radius:0} #menu .menu-grid--panna .menu-item--text{min-height:0;padding:34px 0 42px} #menu .menu-grid--panna .menu-item:nth-child(even){transform:translateY(20px)} #menu .menu-grid--panna .menu-eyebrow{margin:0}.menu-rule{display:block;width:58px;border-top:1px solid var(--gold);margin:15px 0 17px}.menu-grid--panna h3{font-size:36px;font-weight:500}.menu-grid--panna .menu-description{max-width:500px;font-size:16px;line-height:1.7;margin:0}.menu-grid--panna .menu-prices{max-width:360px;margin-top:24px}.menu-grid--panna .menu-order{margin-top:12px} #menu .menu-grid--savory{display:flex;flex-direction:column;gap:110px}.menu-grid--savory .menu-item{display:grid;grid-template-columns:minmax(0,52%) minmax(0,1fr);gap:56px;align-items:center}.menu-grid--savory .menu-item--reverse{grid-template-columns:minmax(0,1fr) minmax(0,52%)}.menu-grid--savory .menu-item--reverse .menu-media{grid-column:2;grid-row:1}.menu-grid--savory .menu-item--reverse .menu-copy{grid-column:1;grid-row:1}.menu-grid--savory .menu-media{aspect-ratio:4/3}.menu-grid--savory .menu-copy{padding:20px 0;min-width:0}.menu-grid--savory h3{font-size:clamp(34px,3.2vw,48px);overflow-wrap:anywhere}.menu-grid--savory .menu-price{font-size:27px;margin-top:22px}.menu-grid--savory .menu-order{margin-top:12px} #menu .menu-grid--extras{display:grid;grid-template-columns:repeat(2,minmax(280px,380px));justify-content:center;gap:0}.menu-grid--extras .menu-item{padding:0 54px}.menu-grid--extras .menu-item+ .menu-item{border-left:1px solid rgba(197,164,109,.45)}.menu-grid--extras .menu-media{background:transparent;border:0;aspect-ratio:1.2}.menu-grid--extras .menu-media img{object-fit:contain}.menu-grid--extras .menu-copy{text-align:center}.menu-grid--extras .menu-eyebrow span{display:none}.menu-grid--extras .menu-eyebrow{margin-top:18px}.menu-grid--extras h3{font-size:34px}.menu-grid--extras .menu-price{font-size:27px}.menu-grid--extras .menu-order{margin-top:10px} @media(max-width:900px){#menu .menu-grid--panna{gap:0 40px}.menu-grid--savory .menu-item{gap:36px}.menu-grid--extras .menu-item{padding:0 28px}} @media(max-width:640px){#menu .menu-grid--panna{display:block}.menu-grid--panna .menu-item:nth-child(even){transform:none}.menu-grid--panna .menu-item,.menu-grid--panna .menu-item--text{padding:30px 0 38px}.menu-grid--panna h3{font-size:32px}.menu-grid--savory{gap:64px!important}.menu-grid--savory .menu-item,.menu-grid--savory .menu-item--reverse{display:flex;flex-direction:column;gap:20px;align-items:stretch}.menu-grid--savory .menu-item--reverse .menu-media,.menu-grid--savory .menu-item--reverse .menu-copy{order:initial}.menu-grid--savory h3{font-size:36px}.menu-grid--extras{display:block!important}.menu-grid--extras .menu-item{padding:0 0 38px}.menu-grid--extras .menu-item+.menu-item{border-left:0;border-top:1px solid rgba(197,164,109,.45);padding-top:38px}.menu-grid--extras h3{font-size:31px}} #menu .section-heading{margin-bottom:38px} #menu .section-heading h2{margin-bottom:10px} #menu .ornament{height:16px} #menu .menu-tabs{gap:clamp(38px,4vw,52px);margin-bottom:68px} #menu .menu-tabs button{transition:color .2s,border-color .2s} #menu .menu-grid{max-width:1280px;margin-inline:auto} #menu .menu-grid--panna{column-gap:clamp(80px,9vw,150px);row-gap:55px} #menu .menu-grid--panna .menu-item{padding-block:34px 38px} #menu .menu-grid--panna .menu-item:nth-child(even){transform:translateY(18px)} #menu .menu-grid--panna .menu-description{max-width:480px} #menu .menu-grid--panna .menu-prices{max-width:330px} #menu .menu-grid--savory{gap:110px;max-width:1360px} #menu .menu-grid--savory .menu-media{max-height:540px} #menu .menu-grid--savory .menu-description{max-width:470px} #menu .menu-grid--savory h3{font-size:clamp(38px,3.1vw,46px)} #menu .menu-grid--extras .menu-media{height:350px;aspect-ratio:auto} #menu .menu-grid--extras .menu-media img{max-width:300px;max-height:340px} #menu .menu-grid--extras .menu-item:last-child .menu-media img{max-height:330px} #menu .menu-order{font:18px var(--serif);color:#8b6a3e} #menu .menu-order:hover{color:var(--gold)} @media(max-width:640px){#menu{padding-bottom:88px}#menu .menu-tabs{margin-bottom:64px}#menu .menu-grid--panna .menu-item{text-align:left}#menu .menu-grid--panna .menu-item:nth-child(even){transform:none}#menu .menu-grid--panna .menu-prices{margin-inline:0}#menu .menu-grid--savory{gap:80px!important}#menu .menu-grid--savory .menu-media{max-height:none}#menu .menu-grid--extras .menu-media{height:300px}#menu .menu-grid--extras .menu-item:last-child .menu-media{height:330px}} @media(prefers-reduced-motion:reduce){#menu .menu-grid{transition:none}#menu .menu-tabs button{transition:none}} .hero-service{margin-top:28px;color:#6f5b50;font:11px var(--sans);letter-spacing:.15em}.hero-service span{color:var(--gold);padding:0 10px} .delivery-section{max-width:1280px;margin:0 auto 110px;padding:92px clamp(24px,5vw,64px);display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center}.delivery-copy h2{font-size:clamp(42px,4vw,64px);margin:18px 0}.delivery-copy>p:not(.eyebrow),.delivery-detail p,.pickup-detail p{font:20px/1.5 var(--serif);color:var(--cocoa)}.delivery-detail{margin-top:42px;padding-top:24px;border-top:1px solid var(--rule)}.delivery-detail span,.pickup-detail .eyebrow{display:block;color:var(--gold);font:11px var(--sans);letter-spacing:.2em}.delivery-detail strong{display:block;font:28px var(--serif);margin-top:8px}.delivery-detail .button{margin-top:18px}.pickup-detail{padding:50px 0 50px 64px;border-left:1px solid rgba(197,164,109,.5)}.pickup-detail h3{font-size:40px;line-height:1.1;margin:18px 0 24px}.pickup-detail strong{color:var(--espresso)} @media(max-width:640px){.hero-service{font-size:10px;line-height:1.6}.delivery-section{display:block;padding:72px 24px 84px;margin-bottom:80px}.delivery-copy h2{font-size:46px}.pickup-detail{margin-top:54px;padding:42px 0 0;border-left:0;border-top:1px solid rgba(197,164,109,.5)}.pickup-detail h3{font-size:36px}} /* Whole-page rhythm correction */ #menu{padding-top:78px;padding-bottom:92px} #menu .menu-tabs{margin-bottom:58px} #menu .menu-grid--panna{row-gap:46px} #menu .menu-grid--panna .menu-item,#menu .menu-grid--panna .menu-item--text{padding-block:22px 18px} #menu .menu-grid--panna .menu-item:nth-child(even){transform:translateY(10px)} #menu .menu-grid--panna h3{font-size:clamp(30px,2.6vw,36px)} #menu .menu-grid--panna .menu-description{font-size:15px;line-height:1.62} #menu .menu-interlude{width:min(62%,660px);margin:48px auto 42px} .story{background:var(--beige);max-width:1500px;padding:0 clamp(24px,5vw,72px);grid-template-columns:55% 45%;margin-bottom:78px} .story-photo{height:560px}.story-copy{padding:48px 0 48px 10%}.story-copy h2{font-size:clamp(42px,4vw,60px)} .delivery-section{background:var(--beige);max-width:none;padding-inline:max(24px,calc((100vw - 1280px)/2));margin-bottom:72px} .moments-row{gap:18px}.reviews{background:var(--beige);padding:64px 34px}.review-content{background:var(--ivory);border:0;max-width:560px;margin-inline:auto;padding:42px 34px}.gallery-grid{grid-template-columns:2fr 1fr 1fr 1fr;grid-template-rows:190px 190px;gap:12px;max-width:1500px;margin-inline:auto}.gallery-grid a:first-child{grid-row:span 2;aspect-ratio:auto}.gallery-grid a{aspect-ratio:auto}.gallery-grid a:last-child{grid-column:auto;aspect-ratio:auto} .final-cta{padding-block:86px;background:var(--beige)} @media(max-width:640px){#menu{padding-top:64px;padding-bottom:72px}#menu .menu-tabs{margin-bottom:46px}#menu .menu-grid--panna{row-gap:0}#menu .menu-grid--panna .menu-item,#menu .menu-grid--panna .menu-item--text{padding-block:22px 20px}.story{display:flex;flex-direction:column;padding:0;margin-bottom:64px}.story-photo{height:380px}.story-copy{padding:38px 24px 44px}.story-copy h2{font-size:40px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,150px);gap:8px}.gallery-grid a:first-child{grid-column:span 2;grid-row:span 2}.gallery-grid a:last-child{grid-column:auto}.reviews{padding:52px 20px}} #menu .menu-grid--panna{max-width:1240px;column-gap:clamp(80px,9vw,140px);row-gap:72px} #menu .menu-grid--panna .menu-item,#menu .menu-grid--panna .menu-item--text{background:transparent;border:0;box-shadow:none;border-radius:0;min-height:0;padding:30px 0 24px;max-width:480px} #menu .menu-grid--panna .menu-item:nth-child(even){transform:translateY(18px)} #menu .menu-grid--panna .menu-item:nth-last-child(1){grid-column:1/-1;justify-self:center;text-align:left;width:100%;max-width:460px;transform:none} #menu .menu-grid--panna h3{font-size:clamp(34px,3vw,40px)} #menu .menu-grid--panna .menu-description{font-size:16px;line-height:1.7;color:#6f5b50} #menu .menu-grid--panna .menu-rule{width:52px;margin:16px 0 20px} #menu .menu-interlude{grid-column:1/-1;width:min(68%,720px);margin:64px auto 58px;text-align:center} #menu .menu-interlude img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(197,164,109,.24)} #menu .menu-interlude figcaption{margin-top:14px;color:var(--espresso);font:16px/1.25 var(--serif);letter-spacing:.12em;text-transform:uppercase} #menu .menu-interlude figcaption span{font-size:13px;letter-spacing:.04em;text-transform:none;color:var(--cocoa)} #menu .menu-grid--savory{gap:88px;max-width:1280px} #menu .menu-grid--savory .menu-item{gap:64px} #menu .menu-grid--savory h3{font-size:clamp(38px,3vw,44px)} #menu .menu-grid--savory .menu-description{font-size:16px;line-height:1.65} #menu .menu-grid--savory .menu-order{font-size:16px} @media(max-width:640px){#menu .menu-grid--panna .menu-item,#menu .menu-grid--panna .menu-item--text{max-width:none;padding:30px 0 34px}.menu-grid--panna .menu-item:nth-last-child(1){width:auto}.menu-grid--panna .menu-interlude{width:100%;margin:58px auto 50px}.menu-grid--savory{gap:76px!important}.menu-grid--savory .menu-item{gap:26px}} #flavors{max-width:1400px;padding:120px clamp(20px,4vw,64px) 130px} #flavors .section-heading{margin-bottom:72px} #flavors .product-grid{grid-auto-columns:calc((100% - 138px)/4);gap:clamp(28px,2.5vw,46px);padding:0 0 8px} #flavors .product-image{aspect-ratio:4/3;border-radius:3px} #flavors .product-number{margin-top:20px;font-size:12px;letter-spacing:.24em} #flavors .product h3{font-size:25px;line-height:1.1;margin-top:14px;letter-spacing:0} #flavors .product-explore{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-top:12px;padding:8px 2px;color:#8b6a3e;font:17px/1.2 var(--serif);cursor:pointer;transition:color .3s} #flavors .product-explore span{transition:transform .4s} #flavors .product-explore:focus-visible{outline:2px solid #845c23;outline-offset:4px} #flavors .flavor-controls{margin:42px 0 0;gap:12px} #flavors .flavor-controls button{width:44px;height:44px;min-width:44px;min-height:44px} #flavors .flavor-progress{width:150px;margin:15px auto 0} #flavors .flavor-controls[hidden],#flavors .flavor-progress[hidden]{display:none} @media(hover:hover) and (pointer:fine){#flavors .product:hover .product-image img{transform:scale(1.025)}#flavors .product:hover .product-explore{color:var(--gold)}#flavors .product:hover .product-explore span{transform:translateX(4px)}} @media(max-width:1150px){#flavors{padding-block:105px 120px}#flavors .section-heading{margin-bottom:65px}#flavors .product-grid{grid-auto-columns:calc((100% - 92px)/3)}} @media(max-width:850px){#flavors{padding-inline:28px}#flavors .product-grid{grid-auto-columns:calc((100% - 48px)/2);gap:24px}} @media(max-width:560px){#flavors{padding:88px 20px 100px}#flavors .section-heading{margin-bottom:58px}#flavors .product-grid{grid-auto-columns:82%;gap:20px;padding-bottom:12px}#flavors .product h3{font-size:23px}#flavors .flavor-controls{margin-top:38px}} /* Panna Cotta editorial menu presentation */ #menu .menu-heading .menu-eyebrow-main{margin:0 0 10px;color:var(--gold);font:11px/1.2 var(--sans);letter-spacing:.28em;text-transform:uppercase} #menu .menu-heading h2{text-transform:none;font-size:clamp(44px,5vw,62px);letter-spacing:-.02em;margin:0 0 8px} #menu .menu-heading p:last-child{font:17px/1.5 var(--serif);color:var(--cocoa);margin:0} #menu .menu-grid--panna .menu-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:460px} #menu .menu-grid--panna{align-items:start;grid-auto-rows:max-content;row-gap:54px} #menu .menu-grid--panna .menu-item{align-self:start} #menu .menu-grid--panna .menu-title-row h3{margin:0} #menu .menu-grid--panna .menu-icon{display:inline-flex;color:var(--gold);opacity:.9;flex:0 0 auto} #menu .menu-grid--panna .menu-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round} #menu .menu-grid--panna .menu-icon--flower svg{transform:rotate(20deg)} #menu .menu-grid--panna .menu-icon--chocolate svg{transform:rotate(-8deg)} #menu .menu-interlude{grid-column:1/-1;width:100%;margin:48px 0 56px} #menu .menu-video{position:relative;width:100%;height:clamp(340px,27vw,420px);overflow:hidden;background:#6b4b3a} #menu .menu-video video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%} #menu .menu-video:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,19,14,.42),transparent 38%,transparent 64%,rgba(32,19,14,.3));pointer-events:none} #menu .menu-video-caption{position:absolute;z-index:1;color:#fff;top:50%;transform:translateY(-50%);text-shadow:0 1px 18px rgba(30,17,10,.4)} #menu .menu-video-caption--left{left:clamp(24px,5vw,72px)} #menu .menu-video-caption--right{right:clamp(24px,5vw,72px);text-align:right} #menu .menu-video-caption span{font:11px/1.45 var(--sans);letter-spacing:.28em} #menu .menu-video-caption i{display:block;width:42px;border-top:1px solid rgba(255,255,255,.75);margin:14px 0} #menu .menu-video-caption--right i{margin-left:auto} #menu .menu-video-caption em{font:italic 22px/1.25 var(--serif)} @media(max-width:640px){#menu .menu-heading h2{font-size:44px}#menu .menu-heading p:last-child{font-size:16px}#menu .menu-grid--panna .menu-title-row{max-width:none}#menu .menu-interlude{margin:42px 0 46px}#menu .menu-video{height:clamp(240px,62vw,300px)}#menu .menu-video-caption--right{display:none}#menu .menu-video-caption em{font-size:20px}} /* Targeted Panna Cotta density and legibility pass */ #menu .menu-grid--panna{row-gap:42px;column-gap:clamp(64px,7vw,108px)} #menu .menu-grid--panna .menu-item,#menu .menu-grid--panna .menu-item--text{padding:18px 0 14px} #menu .menu-grid--panna .menu-eyebrow{font-size:13px;letter-spacing:.16em;margin-top:0;color:#9a7650} #menu .menu-grid--panna .menu-eyebrow span{font-size:13px;color:#9a7650} #menu .menu-grid--panna h3{font-size:clamp(30px,2.4vw,34px)} #menu .menu-grid--panna .menu-rule{width:48px;margin:10px 0 14px} #menu .menu-grid--panna .menu-description{max-width:430px;font-size:15.5px;line-height:1.6;color:#6b574d;margin-top:0} #menu .menu-grid--panna .menu-prices{max-width:300px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(216,199,174,.72);gap:20px} #menu .menu-grid--panna .menu-prices span{font-size:13px;gap:2px} #menu .menu-grid--panna .menu-prices b{font-size:16px;font-weight:600} #menu .menu-grid--panna .menu-order{font-size:15px;margin-top:7px;min-height:44px;padding-block:7px} #menu .menu-grid--panna .menu-icon{width:28px;height:28px;color:#a17b51} #menu .menu-grid--panna .menu-icon svg{width:28px;height:28px} #menu .menu-interlude{width:100vw;max-width:100vw;margin:42px 0 44px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)} #menu .menu-video{height:clamp(320px,25vw,400px)} #menu .menu-grid--panna .menu-item:nth-last-child(1){margin-top:-8px} @media(max-width:640px){#menu .menu-grid--panna{row-gap:0}#menu .menu-grid--panna .menu-item,#menu .menu-grid--panna .menu-item--text{padding:18px 0 16px}#menu .menu-grid--panna .menu-item+.menu-item{margin-top:0}#menu .menu-interlude{width:100vw;max-width:100vw;margin:38px 0 40px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}#menu .menu-video{height:clamp(220px,66vw,280px)}#menu .menu-grid--panna .menu-item:nth-last-child(1){margin-top:0}#menu .menu-grid--panna .menu-description{font-size:15px}#menu .menu-grid--panna h3{font-size:29px}#menu .menu-grid--panna .menu-icon{width:24px;height:24px}#menu .menu-grid--panna .menu-icon svg{width:24px;height:24px}} /* Final Panna Cotta optical polish */ #menu .menu-grid--panna .menu-meta{display:flex;align-items:center;gap:10px;height:28px;margin-bottom:8px;color:#9a7650} #menu .menu-grid--panna .menu-number{font:13px/1 var(--sans);letter-spacing:.16em} #menu .menu-grid--panna .menu-icon{width:27px;height:27px;display:inline-flex;align-items:center;color:#9a7650;opacity:.95} #menu .menu-grid--panna .menu-icon svg{width:27px;height:27px;stroke-width:1.5} #menu .menu-grid--panna .menu-title-row{justify-content:flex-start} #menu .menu-grid--panna .menu-title-row{align-items:center;gap:14px} #menu .menu-grid--panna .menu-product-photo{width:138px;height:128px;flex:0 0 138px;object-fit:cover;border-radius:3px;border:1px solid rgba(197,164,109,.2)} #menu .menu-grid--panna .menu-title-row h3{flex:1} #menu .menu-grid--panna .menu-item:nth-last-child(1){text-align:center} #menu .menu-grid--panna .menu-item:nth-last-child(1) .menu-title-row{justify-content:center} #menu .menu-grid--panna .menu-item:nth-last-child(1) .menu-title-row h3{flex:0 1 auto} #menu .menu-grid--panna .menu-item:nth-last-child(1) .menu-description{margin-inline:auto} #menu .menu-grid--panna .menu-item:nth-last-child(1) .menu-prices{margin-inline:auto;text-align:left} #menu .menu-grid--panna .menu-interlude{margin-bottom:0} #menu .menu-grid--panna .menu-item:nth-last-child(1){margin-top:-4px} @media(max-width:640px){#menu .menu-grid--panna .menu-meta{height:24px;margin-bottom:7px;gap:8px}#menu .menu-grid--panna .menu-number{font-size:12px}#menu .menu-grid--panna .menu-product-photo{width:88px;height:82px;flex-basis:88px}#menu .menu-grid--panna .menu-interlude{margin-bottom:0}#menu .menu-grid--panna .menu-item:nth-last-child(1){margin-top:0}} @media (min-width:641px) and (max-width:1050px){#menu .menu-grid--panna .menu-product-photo{width:118px;height:112px;flex-basis:118px}} @media(max-width:640px){#menu .menu-grid--panna .menu-product-photo{width:108px;height:100px;flex-basis:108px}} /* Controlled large-desktop Panna Cotta composition */ @media(min-width:1280px){#menu .menu-heading .menu-eyebrow-main{font-size:12px}#menu .menu-heading h2{font-size:clamp(48px,3.2vw,56px)}#menu .menu-heading p:last-child{font-size:16px}#menu .menu-tabs{margin-bottom:56px}#menu .menu-grid--panna{max-width:1180px;column-gap:84px;row-gap:58px}#menu .menu-grid--panna .menu-item,#menu .menu-grid--panna .menu-item--text{max-width:548px}#menu .menu-grid--panna .menu-product-photo{width:158px;height:145px;flex-basis:158px}#menu .menu-grid--panna h3{font-size:clamp(30px,1.8vw,34px)}#menu .menu-grid--panna .menu-description{font-size:16px;line-height:1.65}#menu .menu-grid--panna .menu-prices span{font-size:14px}#menu .menu-grid--panna .menu-prices b{font-size:16px}#menu .menu-grid--panna .menu-order{font-size:15px}#menu .menu-grid--panna .menu-item:nth-last-child(1){max-width:548px;text-align:left}#menu .menu-grid--panna .menu-item:nth-last-child(1) .menu-title-row{justify-content:flex-start}#menu .menu-grid--panna .menu-item:nth-last-child(1) .menu-description{margin-inline:0}#menu .menu-grid--panna .menu-item:nth-last-child(1) .menu-prices{margin-inline:0}} /* Large-screen proportion polish: contained content stays grouped while media remains expansive. */ @media(min-width:1600px){ body{max-width:none;margin:0} .site-header{padding-inline:clamp(48px,5vw,96px)} .site-header nav{gap:clamp(24px,1.8vw,34px);font-size:18px} .header-actions{gap:clamp(28px,2.8vw,52px)} .header-actions .button{padding-inline:32px;font-size:20px} .hero-fullbleed{height:clamp(760px,calc(100vh - 90px),840px)} .hero-fullbleed__content{left:clamp(72px,9vw,170px);width:min(48%,820px);padding:28px} .hero-fullbleed__content h1{font-size:clamp(112px,6.2vw,136px)} .hero-fullbleed__content .hero-tagline{font-size:24px} .hero-fullbleed__content .intro{max-width:450px;font-size:21px} .hero-fullbleed__content .actions{gap:18px} .hero-fullbleed__content .actions .button{min-height:54px;padding-inline:32px;font-size:20px} .section-pad{max-width:1480px;padding-inline:clamp(48px,5vw,96px);padding-block:96px 108px} .section-heading h2{font-size:clamp(38px,2.5vw,54px)} .section-heading p{font-size:18px} .story{max-width:1560px;grid-template-columns:52% 48%;min-height:580px;padding-inline:clamp(48px,5vw,96px);margin-bottom:100px} .story-photo{height:580px} .story-copy{padding:56px 0 56px 10%} .story-copy h2{font-size:clamp(46px,3.1vw,62px)} .story-copy>p:not(.eyebrow){font-size:22px} .delivery-section{padding-block:110px;gap:110px} .delivery-copy h2{font-size:clamp(50px,3.5vw,68px)} .delivery-copy>p:not(.eyebrow),.delivery-detail p,.pickup-detail p{font-size:21px} .pickup-detail h3{font-size:46px} .video-feature{max-width:1560px;margin-bottom:108px} .video-stage{height:500px} .video-copy{padding:60px 12%} .video-copy h2{font-size:clamp(48px,3.4vw,64px)} .preorder,.reviews{padding:82px clamp(48px,5vw,96px)} .preorder .section-heading h2,.reviews .section-heading h2{font-size:clamp(40px,2.8vw,56px)} .moments-row{max-width:1560px;gap:28px} .booking-layout{gap:42px} .calendar{padding:18px 24px} .calendar-days button{min-height:38px;font-size:14px} .booking-steps li{font-size:21px} .review-content{max-width:680px;padding:52px 48px;min-height:330px} blockquote{font-size:34px;max-width:520px} .gallery-grid{max-width:1560px;grid-template-rows:240px 240px;gap:14px} .final-cta{padding-block:104px} .final-cta h2{font-size:clamp(50px,3.5vw,68px)} .final-cta p{font-size:20px} .footer-main{max-width:1560px;padding-block:72px;font-size:17px;gap:48px} .footer-logo img{height:150px} .footer-main h3{font-size:20px} .footer-bottom{padding-inline:clamp(48px,5vw,96px);font-size:14px} } /* Restrained edge ornament system */ .menu,.story,.delivery-section,.preorder,.reviews,.final-cta{position:relative;overflow:clip} .menu:before,.story:after,.final-cta:before{content:"";position:absolute;z-index:0;pointer-events:none;width:220px;height:280px;opacity:.14;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 280' fill='none' stroke='%23c5a46d' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M18 270C42 208 74 153 126 108C151 86 177 64 204 20M45 214c-7-34-3-56 12-77M75 170c18-23 38-34 61-35M108 128c-3-24 3-43 18-58M145 91c20-13 36-16 53-12'/%3E%3Cpath d='M56 139c-18-7-29-18-34-34 19 1 31 10 34 34M90 149c10-20 24-31 43-36-2 19-15 31-43 36M128 85c-13-17-15-32-10-47 16 7 21 22 10 47M163 67c12-14 25-20 40-19-4 16-17 23-40 19'/%3E%3C/svg%3E");} .menu:before{left:-72px;bottom:90px} .story:after{right:-78px;bottom:-40px;transform:scaleX(-1);opacity:.16} .final-cta:before{left:-70px;bottom:-110px;width:190px;height:240px;opacity:.12} .menu .section-heading,.menu .menu-tabs,.menu .menu-grid,.story-photo,.story-copy,.delivery-copy,.pickup-detail,.preorder>* ,.reviews>* ,.final-cta>*{position:relative;z-index:1} .delivery-section:after,.preorder:after,.reviews:after{content:"— ◇ —";position:absolute;z-index:0;pointer-events:none;color:rgba(197,164,109,.35);font:18px var(--serif);letter-spacing:.2em} .delivery-section:after{right:5%;top:28px}.preorder:after{left:5%;bottom:24px}.reviews:after{right:5%;top:24px} @media(max-width:1024px){.menu:before,.story:after,.final-cta:before{width:150px;height:190px;opacity:.1}.menu:before{left:-90px}.story:after{right:-95px}.delivery-section:after,.preorder:after,.reviews:after{font-size:14px}} @media(max-width:768px){.menu:before,.story:after,.final-cta:before{display:none}.delivery-section:after,.preorder:after,.reviews:after{font-size:12px;opacity:.18}} /* Savory Meals editorial composition */ #menu .menu-grid--savory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1180px;column-gap:82px;row-gap:76px;align-items:start} #menu .menu-grid--savory .menu-item,#menu .menu-grid--savory .menu-item--reverse{display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px;align-items:start;padding:20px 0;background:transparent;border:0;border-radius:0;box-shadow:none;min-height:0} #menu .menu-grid--savory .menu-item--reverse .menu-media,#menu .menu-grid--savory .menu-item--reverse .menu-copy{grid-column:auto;grid-row:auto;order:initial} #menu .menu-grid--savory .menu-media{width:210px;height:180px;aspect-ratio:auto;overflow:hidden;border:0;border-radius:4px;background:transparent} #menu .menu-grid--savory .menu-media img{width:100%;height:100%;object-fit:cover} #menu .menu-grid--savory .menu-copy{padding:0;min-width:0} #menu .menu-grid--savory .menu-eyebrow{margin:0 0 10px;font-size:14px;letter-spacing:.16em;color:#9a7650} #menu .menu-grid--savory .menu-eyebrow span{float:none;margin-left:10px} #menu .menu-grid--savory h3{font-size:clamp(27px,1.8vw,32px);line-height:1.05;overflow-wrap:anywhere;margin-top:0} #menu .menu-grid--savory .menu-rule{width:52px;margin:14px 0 16px} #menu .menu-grid--savory .menu-description{max-width:300px;font-size:15.5px;line-height:1.62;color:#6b574d;margin:0} #menu .menu-grid--savory .menu-price{font-size:21px;margin-top:16px;color:var(--espresso);font-weight:600} #menu .menu-grid--savory .menu-order{font-size:15px;margin-top:7px;min-height:44px} #menu .menu-grid--savory .menu-item:nth-child(5){grid-column:1/-1;justify-self:center;width:548px;max-width:100%} @media(max-width:1050px){#menu .menu-grid--savory{column-gap:52px;row-gap:58px}.menu-grid--savory .menu-item,.menu-grid--savory .menu-item--reverse{grid-template-columns:160px minmax(0,1fr);gap:22px}.menu-grid--savory .menu-media{width:160px;height:145px}} @media(max-width:640px){#menu .menu-grid--savory{display:block}.menu-grid--savory .menu-item,.menu-grid--savory .menu-item--reverse{display:grid;grid-template-columns:108px minmax(0,1fr);gap:18px;padding:18px 0 24px}.menu-grid--savory .menu-media{width:108px;height:104px}.menu-grid--savory .menu-item:nth-child(5){width:auto}.menu-grid--savory h3{font-size:28px}.menu-grid--savory .menu-description{font-size:15px}.menu-grid--savory .menu-price{font-size:19px}} @media(max-width:380px){#menu .menu-grid--savory .menu-item,#menu .menu-grid--savory .menu-item--reverse{display:block}.menu-grid--savory .menu-media{width:150px;height:128px;margin-bottom:16px}} /* Panna Cotta uses the same open photo + content system as Savory Meals. */ #menu .menu-grid--panna{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1180px;column-gap:82px;row-gap:76px;align-items:start} #menu .menu-grid--panna .menu-item{display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px;align-items:start;padding:20px 0;background:transparent;border:0;border-radius:0;box-shadow:none;min-height:0} #menu .menu-grid--panna .menu-media{width:210px;height:180px;aspect-ratio:auto;overflow:hidden;border:0;border-radius:4px;background:transparent} #menu .menu-grid--panna .menu-media img{width:100%;height:100%;object-fit:cover} #menu .menu-grid--panna .menu-copy{padding:0;min-width:0} #menu .menu-grid--panna .menu-eyebrow{margin:0 0 10px;font-size:14px;letter-spacing:.16em;color:#9a7650} #menu .menu-grid--panna .menu-eyebrow span{float:none;margin-left:10px} #menu .menu-grid--panna h3{font-size:clamp(27px,1.8vw,32px);line-height:1.05;overflow-wrap:anywhere;margin-top:0} #menu .menu-grid--panna .menu-rule{width:52px;margin:14px 0 16px} #menu .menu-grid--panna .menu-description{max-width:300px;font-size:15.5px;line-height:1.62;color:#6b574d;margin:0} #menu .menu-grid--panna .menu-prices{display:flex;gap:22px;flex-wrap:wrap;margin-top:16px;font-size:14px} #menu .menu-grid--panna .menu-prices b{font-size:16px;font-weight:600;color:var(--espresso);margin-left:6px} #menu .menu-grid--panna .menu-order{font-size:15px;margin-top:7px;min-height:44px} #menu .menu-grid--panna .menu-item:nth-child(even){transform:none} #menu .menu-grid--panna .menu-item:nth-last-child(1){grid-column:1/-1;justify-self:center;width:548px;max-width:100%;text-align:left;transform:none} #menu .menu-grid--panna .menu-item:nth-last-child(1) .menu-description{margin-inline:0} #menu .menu-grid--panna .menu-item:nth-last-child(1) .menu-prices{margin-inline:0;text-align:left} #menu .menu-grid--panna .menu-interlude{grid-column:1/-1;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)} @media(max-width:1050px){#menu .menu-grid--panna{column-gap:52px;row-gap:58px}.menu-grid--panna .menu-item{grid-template-columns:160px minmax(0,1fr);gap:22px}.menu-grid--panna .menu-media{width:160px;height:145px}} @media(max-width:640px){#menu .menu-grid--panna{display:block}.menu-grid--panna .menu-item{display:grid;grid-template-columns:108px minmax(0,1fr);gap:18px;padding:18px 0 24px}.menu-grid--panna .menu-item:nth-last-child(1){width:auto;text-align:left}.menu-grid--panna .menu-media{width:108px;height:104px}.menu-grid--panna h3{font-size:28px}.menu-grid--panna .menu-description{font-size:15px}.menu-grid--panna .menu-prices{gap:12px;font-size:13px}.menu-grid--panna .menu-prices b{font-size:15px}} @media(max-width:380px){#menu .menu-grid--panna .menu-item{display:block}.menu-grid--panna .menu-media{width:150px;height:128px;margin-bottom:16px}} /* Add-ons share the unified editorial product presentation. */ #menu .menu-grid--extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1080px;column-gap:82px;row-gap:76px;justify-content:center;align-items:start} #menu .menu-grid--extras .menu-item{display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px;align-items:start;padding:20px 0;background:transparent;border:0;border-radius:0;box-shadow:none;min-height:0} #menu .menu-grid--extras .menu-media{width:210px;height:180px;aspect-ratio:auto;overflow:hidden;border:0;border-radius:4px;background:transparent} #menu .menu-grid--extras .menu-media img{width:100%;height:100%;object-fit:contain;object-position:center} #menu .menu-grid--extras .menu-copy{padding:0;min-width:0;text-align:left} #menu .menu-grid--extras .menu-eyebrow{margin:0 0 10px;font-size:14px;letter-spacing:.16em;color:#9a7650} #menu .menu-grid--extras .menu-eyebrow span{float:none;margin-left:10px} #menu .menu-grid--extras h3{font-size:clamp(27px,1.8vw,32px);line-height:1.05;overflow-wrap:anywhere;margin-top:0} #menu .menu-grid--extras .menu-rule{width:52px;margin:14px 0 16px} #menu .menu-grid--extras .menu-price{font-size:21px;margin-top:16px;color:var(--espresso);font-weight:600} #menu .menu-grid--extras .menu-order{font-size:15px;margin-top:7px;min-height:44px} @media(max-width:1050px){#menu .menu-grid--extras{column-gap:52px}.menu-grid--extras .menu-item{grid-template-columns:160px minmax(0,1fr);gap:22px}.menu-grid--extras .menu-media{width:160px;height:145px}} @media(max-width:640px){#menu .menu-grid--extras{display:block}.menu-grid--extras .menu-item{display:grid;grid-template-columns:108px minmax(0,1fr);gap:18px;padding:18px 0 24px}.menu-grid--extras .menu-media{width:108px;height:104px}.menu-grid--extras h3{font-size:28px}.menu-grid--extras .menu-price{font-size:19px}} @media(max-width:380px){#menu .menu-grid--extras .menu-item{display:block}.menu-grid--extras .menu-media{width:150px;height:128px;margin-bottom:16px}} @media(min-width:1440px){ #menu .menu-grid--panna,#menu .menu-grid--savory{max-width:1480px;column-gap:74px;row-gap:64px} #menu .menu-grid--panna .menu-item,#menu .menu-grid--savory .menu-item,#menu .menu-grid--savory .menu-item--reverse{grid-template-columns:250px minmax(0,1fr);gap:32px} #menu .menu-grid--panna .menu-media,#menu .menu-grid--savory .menu-media{width:250px;height:215px} #menu .menu-grid--panna h3,#menu .menu-grid--savory h3{font-size:clamp(30px,1.8vw,36px)} #menu .menu-grid--panna .menu-eyebrow,#menu .menu-grid--savory .menu-eyebrow{font-size:15px} #menu .menu-grid--panna .menu-description,#menu .menu-grid--savory .menu-description{max-width:360px;font-size:17px;line-height:1.65} #menu .menu-grid--panna .menu-price,#menu .menu-grid--savory .menu-price{font-size:23px} #menu .menu-grid--panna .menu-prices{gap:26px;font-size:15px} #menu .menu-grid--panna .menu-prices b{font-size:18px} #menu .menu-grid--panna .menu-order,#menu .menu-grid--savory .menu-order{font-size:16px} #menu .menu-grid--panna .menu-item:nth-last-child(1),#menu .menu-grid--savory .menu-item:nth-child(5){width:620px} #menu .menu-grid--extras{max-width:1150px;column-gap:74px} #menu .menu-grid--extras .menu-item{grid-template-columns:250px minmax(0,1fr);gap:32px} #menu .menu-grid--extras .menu-media{width:250px;height:215px} #menu .menu-grid--extras h3{font-size:clamp(30px,1.8vw,36px)} #menu .menu-grid--extras .menu-eyebrow{font-size:15px} #menu .menu-grid--extras .menu-price{font-size:23px} } /* Shared editorial photo mat: integrates baked-in light photo backgrounds without altering source assets. */ #menu .menu-media{box-sizing:border-box;padding:0;background:transparent;border:0;border-radius:3px;overflow:hidden} #menu .menu-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center} #menu .menu-grid--extras .menu-media img{object-fit:contain} /* Transparent cutouts need a breathing stage rather than photographic cropping. */ #menu .menu-grid--savory .menu-media{overflow:visible;background:transparent} #menu .menu-grid--savory .menu-media img{object-fit:contain;object-position:center;transform:none;padding:6px;box-sizing:border-box} @media(max-width:1050px){#menu .menu-grid--savory .menu-media img{padding:5px}} #menu .menu-grid--extras .menu-media{overflow:visible;background:transparent} #menu .menu-grid--extras .menu-item{gap:26px} #menu .menu-grid--extras .menu-media img{object-fit:contain;object-position:center;transform:scale(1);padding:4px;box-sizing:border-box} #menu .menu-grid--extras .menu-item:nth-child(1) .menu-media img{transform:none} #menu .menu-grid--extras .menu-item:nth-child(2) .menu-media img{transform:none} @media(min-width:1440px){#menu .menu-grid--extras .menu-item{grid-template-columns:260px minmax(0,1fr);gap:32px}#menu .menu-grid--extras .menu-media{width:260px;height:205px}#menu .menu-grid--extras .menu-item:nth-child(1) .menu-media img,#menu .menu-grid--extras .menu-item:nth-child(2) .menu-media img{transform:none}} @media(max-width:640px){#menu .menu-grid--extras .menu-media img{padding:4px;transform:scale(1.02)}#menu .menu-grid--extras .menu-item:nth-child(1) .menu-media img,#menu .menu-grid--extras .menu-item:nth-child(2) .menu-media img{transform:none}} /* Keep Add-ons as two cohesive product units, not four loose columns. */ #menu .menu-grid--extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(1120px,100%);max-width:1120px;margin-inline:auto;column-gap:86px;row-gap:64px;justify-content:center} #menu .menu-grid--extras .menu-item{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;align-items:center;width:100%;padding:20px 0} #menu .menu-grid--extras .menu-copy{min-width:0} @media(max-width:1050px){#menu .menu-grid--extras{column-gap:56px}.menu-grid--extras .menu-item{grid-template-columns:190px minmax(0,1fr);gap:28px}.menu-grid--extras .menu-media{width:190px;height:170px}} @media(max-width:640px){#menu .menu-grid--extras{display:block;width:100%;max-width:none}.menu-grid--extras .menu-item{grid-template-columns:108px minmax(0,1fr);gap:20px;width:100%;padding:18px 0 24px}} @media(min-width:1051px){ #menu .menu-grid--extras{display:flex;width:auto;max-width:none;justify-content:center;align-items:center;gap:96px;margin-inline:auto} #menu .menu-grid--extras .menu-item{display:grid;grid-template-columns:max-content minmax(180px,240px);width:max-content;gap:26px;justify-self:auto;align-items:center;padding:20px 0} #menu .menu-grid--extras .menu-media{width:260px;height:205px} } @media(min-width:1440px){#menu .menu-grid--extras .menu-item{grid-template-columns:max-content minmax(180px,240px);gap:28px}#menu .menu-grid--extras .menu-media{width:260px;height:205px}} @media (min-width:641px) and (max-width:1050px){#menu .menu-grid--extras{display:flex;flex-wrap:wrap;justify-content:center;gap:56px}.menu-grid--extras .menu-item{width:max-content;grid-template-columns:190px minmax(160px,210px)}} /* Panna Cotta transparent cutouts: preserve the complete container without photographic cropping. */ #menu .menu-grid--panna .menu-media{overflow:visible;background:transparent;border:0} #menu .menu-grid--panna .menu-media img{object-fit:contain;object-position:center;padding:4px;box-sizing:border-box} /* Our Story cover-art presentation */ .story{position:relative;display:flex;align-items:center;width:100vw;max-width:none;min-height:660px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:110px;padding:0;background:var(--ivory) url('../assets/products/our-story-cover.png') center center/cover no-repeat;overflow:hidden} .story-photo{display:none} .story-copy{position:relative;z-index:1;width:50%;max-width:720px;margin-left:auto;padding:56px 10% 56px 6%;align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(248,241,229,0) 0%,rgba(248,241,229,.28) 12%,rgba(248,241,229,.7) 34%,rgba(248,241,229,.9) 68%,rgba(248,241,229,.94) 100%)} .story-copy h2,.story-copy>p:not(.eyebrow),.story-copy .handwritten{position:relative;z-index:1} @media (min-width:801px) and (max-width:1100px){.story-copy{width:54%;padding-inline:6% 7%}} @media (min-width:801px){.story-copy:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 72% 52%,rgba(248,241,229,.42) 0%,rgba(248,241,229,.2) 42%,transparent 74%)}} @media (min-width:801px){.story-copy>p:not(.eyebrow){color:#5a3b2e;line-height:1.68}.story-copy h2{margin-top:26px;margin-bottom:28px}.story-copy .handwritten{margin-top:24px}} @media(max-width:800px){.story{display:block;min-height:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:360px 0 0;background-size:auto 360px;background-position:42% top;background-color:var(--ivory)}.story-copy{width:100%;margin:0;padding:42px 24px 52px;background:var(--ivory)}.story-copy h2{font-size:40px}} @media(max-width:560px){.story{padding-top:300px;background-size:auto 300px;background-position:38% top}.story-copy{padding:36px 24px 46px}} /* Delivery & Pickup editorial layout */ .delivery-section{position:relative;isolation:isolate;max-width:none;width:100%;margin:0 auto 110px;padding:88px clamp(24px,7vw,110px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:88px;align-items:center;background:radial-gradient(circle at 50% 48%,#fbf6ed 0%,#f7f1e7 58%,#eee2d2 100%);overflow:hidden} .delivery-section:after{content:"";position:absolute;z-index:-1;inset:auto 2% 0 auto;width:230px;height:230px;opacity:.1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220' fill='none' stroke='%23c5a46d' stroke-width='1.2'%3E%3Cpath d='M210 8C154 34 125 78 95 126C72 162 44 190 8 215M157 52c22 4 38 16 50 35M127 94c22 2 38 12 50 28M91 143c18 0 31 8 44 20'/%3E%3C/svg%3E") center/contain no-repeat} .delivery-copy,.pickup-detail{position:relative;z-index:1} .delivery-copy:before,.pickup-detail:before{position:absolute;z-index:-1;top:-42px;color:rgba(197,164,109,.07);font:180px/1 var(--serif);pointer-events:none;user-select:none} .delivery-copy:before{content:"DELIVERY";left:0}.pickup-detail:before{content:"PICKUP";left:0} .delivery-copy h2{font-size:clamp(48px,4vw,68px);line-height:1.02;margin:18px 0 22px}.delivery-copy>p:not(.eyebrow),.delivery-detail p,.pickup-detail p{font-size:19px;line-height:1.6;color:#6b574d} .delivery-detail{margin-top:32px;padding-top:22px;border-top:1px solid rgba(197,164,109,.55)}.delivery-detail:before{content:"";display:block;width:52px;border-top:1px solid var(--gold);margin-top:-23px;margin-bottom:22px}.delivery-detail strong{font-size:29px}.delivery-detail .button{margin-top:18px} .pickup-detail{padding:34px 0 34px 88px;border-left:1px solid rgba(197,164,109,.6)}.pickup-detail:after{content:"";position:absolute;left:-5px;top:50%;width:8px;height:8px;border:1px solid var(--gold);background:var(--ivory);transform:translateY(-50%) rotate(45deg)}.pickup-detail h3{font-size:clamp(38px,3.2vw,54px);line-height:1.02;margin:18px 0 24px}.pickup-detail strong{color:var(--espresso)}.pickup-detail .button{margin-top:18px;background:transparent} @media(max-width:1024px){.delivery-section{padding:72px 6vw;gap:56px}.pickup-detail{padding-left:56px}.delivery-copy:before,.pickup-detail:before{font-size:130px}.delivery-copy h2{font-size:clamp(42px,5vw,56px)}} @media(max-width:768px){.delivery-section{display:block;padding:68px 24px 78px;margin-bottom:80px}.delivery-copy:before,.pickup-detail:before{display:none}.pickup-detail{margin-top:48px;padding:42px 0 0;border-left:0;border-top:1px solid rgba(197,164,109,.6)}.pickup-detail:after{left:50%;top:-5px;transform:translateX(-50%) rotate(45deg)}.delivery-copy h2{font-size:46px}} .moments-row{display:block;max-width:none;margin:0;padding:0} .moments-row>.preorder,.moments-row>.reviews{position:relative;isolation:isolate;width:100%;max-width:none;margin:0;padding:92px clamp(24px,7vw,110px);overflow:hidden} .moments-row>.preorder{background:#f7f1e7} .moments-row>.reviews{background:#efe4d6} .moments-row>.preorder:before,.moments-row>.reviews:before{content:"";position:absolute;z-index:0;inset:48px auto auto 50%;transform:translateX(-50%);font:190px/1 var(--serif);letter-spacing:.02em;color:rgba(197,164,109,.035);pointer-events:none;user-select:none} .moments-row>.preorder:before{content:"PRE-ORDER"}.moments-row>.reviews:before{content:"REVIEWS"} .moments-row>.preorder>* ,.moments-row>.reviews>*{position:relative;z-index:1} .moments-row>.section-heading{margin-bottom:44px} .moments-row>.preorder .section-heading h2,.moments-row>.reviews .section-heading h2{font-size:clamp(42px,4vw,62px);line-height:1.02;text-transform:uppercase;letter-spacing:.04em} .moments-row>.preorder .section-heading p,.moments-row>.reviews .section-heading p{font-size:19px} .moments-row>.preorder:after{content:"";position:absolute;right:7%;bottom:24px;width:130px;height:88px;opacity:.1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 110'%3E%3Cg fill='none' stroke='%23c5a46d' stroke-width='1.1' stroke-linecap='round'%3E%3Cpath d='M14 98C46 75 70 52 145 14M49 71c-10-14-10-26-5-35 12 7 16 18 5 35ZM82 49c-3-14 2-24 10-32 8 11 7 21-10 32ZM113 31c4-11 12-18 21-21 2 10-4 17-21 21Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat} .moments-row>.preorder .booking-layout{max-width:1180px;margin:0 auto;grid-template-columns:minmax(400px,460px) minmax(360px,420px);justify-content:center;gap:76px} .moments-row>.preorder .calendar{border-radius:16px;padding:22px 24px} .moments-row>.reviews .review-content{max-width:760px;margin:0 auto;min-height:0;padding:58px 48px;border-radius:18px} .moments-row>.reviews blockquote{font-size:31px} .moments-row>.reviews .review-controls{margin-top:24px} @media(max-width:1024px){.moments-row>.preorder,.moments-row>.reviews{padding:76px 6vw}.moments-row>.preorder .booking-layout{grid-template-columns:minmax(340px,1fr) minmax(300px,1fr);gap:44px}.moments-row>.preorder:before,.moments-row>.reviews:before{font-size:140px}} @media(max-width:768px){.moments-row>.preorder,.moments-row>.reviews{padding:68px 24px}.moments-row>.preorder .booking-layout{display:grid;grid-template-columns:1fr;gap:32px}.moments-row>.preorder .calendar{padding:16px 18px}.moments-row>.preorder .section-heading,.moments-row>.reviews .section-heading{margin-bottom:32px}.moments-row>.preorder .section-heading h2,.moments-row>.reviews .section-heading h2{font-size:40px}.moments-row>.preorder:before,.moments-row>.reviews:before{font-size:90px;top:28px}.moments-row>.preorder:after{right:8px;width:86px;height:62px;opacity:.07}.moments-row>.reviews .review-content{padding:38px 22px}.moments-row>.reviews blockquote{font-size:27px}} .moments-row>.preorder .section-heading:before{content:"PRE-ORDER";display:block;margin-bottom:10px;color:#a47c43;font:12px/1.8 var(--sans);letter-spacing:.22em;text-transform:uppercase} .moments-row>.preorder .section-heading:after{content:"";display:block;width:30px;margin:10px auto 0;border-top:1px solid var(--gold);opacity:.7} .moments-row>.preorder .section-heading h2{max-width:900px;margin-inline:auto;letter-spacing:.025em} .moments-row>.preorder .calendar{background:rgba(255,251,244,.42);border-color:rgba(197,164,109,.65);box-shadow:none} .moments-row>.preorder .calendar-heading .icon-button{width:44px;height:44px;min-width:44px;background:#f1e7d8;border:0} .moments-row>.preorder .calendar-heading h3{font-size:29px} .moments-row>.preorder .weekdays{font-size:12px;letter-spacing:.08em;padding:11px 0} .moments-row>.preorder .calendar-days{gap:5px} .moments-row>.preorder .calendar-days button{min-height:44px;font-size:16px} .moments-row>.preorder .booking-steps{padding-top:6px} .moments-row>.preorder .booking-steps li{position:relative;min-height:68px;gap:22px;margin:0;font-size:23px;align-items:center} .moments-row>.preorder .booking-steps li span{position:relative;z-index:1;width:54px;height:54px;flex:0 0 54px;border:1px solid var(--gold);background:#f7f1e7;color:var(--espresso);font-size:21px} .moments-row>.preorder .booking-steps li:first-child span{background:var(--gold);color:var(--ivory)} .moments-row>.preorder .booking-steps li:not(:last-child):after{content:"";position:absolute;z-index:0;left:26px;top:54px;height:30px;border-left:1px solid rgba(197,164,109,.65)} .moments-row>.preorder .booking-steps>.small{font-size:16px;margin-top:22px} .moments-row>.preorder .booking-steps .button{min-height:58px;border-radius:11px;margin-top:16px;font-size:20px} .moments-row>.preorder .booking-steps>.small:last-child{display:flex;align-items:flex-start;gap:10px} .moments-row>.preorder .booking-steps>.small:last-child:before{content:"i";display:inline-grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border:1px solid var(--gold);border-radius:50%;font:14px var(--serif);color:#8b6738} @media(max-width:768px){.moments-row>.preorder .booking-steps li{font-size:20px}.moments-row>.preorder .calendar-heading h3{font-size:24px}.moments-row>.preorder .calendar-days button{min-height:42px}} .moments-row>.preorder{display:grid;grid-template-columns:minmax(300px,.38fr) minmax(0,.62fr);column-gap:76px;align-items:center;padding-inline:clamp(32px,7vw,110px)} .moments-row>.preorder>.section-heading{grid-column:1;grid-row:1;align-self:center;text-align:left;margin:0;padding:0;max-width:390px} .moments-row>.preorder>.section-heading:after{margin-left:0} .moments-row>.preorder>.section-heading h2{font-size:clamp(50px,4.2vw,64px);line-height:1.02;letter-spacing:.01em} .moments-row>.preorder>.section-heading p{max-width:300px;font-size:19px;line-height:1.5} .moments-row>.preorder>.booking-layout{grid-column:2;grid-row:1;max-width:none;margin:0;grid-template-columns:minmax(300px,1.15fr) minmax(230px,.85fr);gap:42px;align-items:start} .moments-row>.preorder:before{left:22%;transform:none;top:58px;font-size:190px} @media(max-width:1100px){.moments-row>.preorder{grid-template-columns:minmax(240px,.35fr) minmax(0,.65fr);column-gap:42px;padding-inline:6vw}.moments-row>.preorder>.booking-layout{grid-template-columns:minmax(280px,1.1fr) minmax(210px,.9fr);gap:28px}.moments-row>.preorder>.section-heading h2{font-size:clamp(44px,5vw,56px)}} @media(max-width:768px){.moments-row>.preorder{display:block;padding-inline:24px}.moments-row>.preorder>.section-heading{max-width:420px;margin:0 0 38px;text-align:left}.moments-row>.preorder>.section-heading h2{font-size:42px}.moments-row>.preorder>.section-heading p{font-size:18px}.moments-row>.preorder>.booking-layout{display:grid;grid-template-columns:1fr;gap:32px}.moments-row>.preorder:before{left:18px;top:34px;font-size:86px}} .moments-row>.preorder{grid-template-columns:minmax(360px,.34fr) minmax(0,.66fr);max-width:none;padding:82px max(32px,calc((100% - 1340px)/2));column-gap:64px} .moments-row>.preorder>.section-heading{max-width:430px} .moments-row>.preorder>.section-heading h2{font-size:clamp(58px,4.5vw,68px);line-height:1;letter-spacing:0} .moments-row>.preorder>.section-heading p{font-size:20px;line-height:1.5;max-width:340px} .moments-row>.preorder>.section-heading p:after{content:"THURSDAYS CLOSED • PHILIPPINE TIME";display:block;margin-top:28px;color:#9a7545;font:11px/1.6 var(--sans);letter-spacing:.16em} .moments-row>.preorder:before{left:calc((100% - 1340px)/2 + 20px);top:48px;font-size:220px;opacity:.04} .moments-row>.preorder>.booking-layout{grid-template-columns:minmax(520px,1.18fr) minmax(280px,.82fr);gap:42px} .moments-row>.preorder .calendar{padding:24px 28px;border-radius:18px} .moments-row>.preorder .calendar-heading h3{font-size:28px} .moments-row>.preorder .calendar-days{gap:7px} .moments-row>.preorder .calendar-days button{min-height:46px;font-size:17px} .moments-row>.preorder .weekdays{font-size:13px;padding:12px 0} .moments-row>.preorder .booking-steps{padding-top:10px} .moments-row>.preorder .booking-steps li{min-height:76px;gap:20px;font-size:22px} .moments-row>.preorder .booking-steps li span{width:50px;height:50px;flex-basis:50px} .moments-row>.preorder .booking-steps li:not(:last-child):after{left:24px;height:34px} .moments-row>.preorder .booking-steps>.small{font-size:16px;margin-top:28px} .moments-row>.preorder .booking-steps .button{min-height:56px;margin-top:18px} .moments-row>.preorder:after{left:max(12px,calc((100% - 1340px)/2));right:auto;bottom:18px;width:176px;height:122px;opacity:.09} @media(max-width:1250px){.moments-row>.preorder{grid-template-columns:minmax(300px,.35fr) minmax(0,.65fr);padding-inline:5vw;column-gap:48px}.moments-row>.preorder>.booking-layout{grid-template-columns:minmax(440px,1.1fr) minmax(240px,.9fr);gap:30px}.moments-row>.preorder>.section-heading h2{font-size:clamp(52px,5vw,62px)}.moments-row>.preorder:before{left:4vw}} @media(max-width:1100px){.moments-row>.preorder>.booking-layout{grid-template-columns:1fr;gap:30px}.moments-row>.preorder .booking-steps{max-width:520px}.moments-row>.preorder>.section-heading{max-width:390px}} @media(max-width:768px){.moments-row>.preorder{padding:68px 24px}.moments-row>.preorder>.section-heading h2{font-size:44px}.moments-row>.preorder:before{left:18px;top:28px;font-size:92px}.moments-row>.preorder:after{left:6px;bottom:12px;width:94px;height:68px;opacity:.07}} .delivery-section{margin-bottom:0} .moments-row>.preorder{padding-top:76px;padding-bottom:76px} .moments-row>.reviews{padding-top:76px;padding-bottom:72px} .gallery.section-pad{padding-top:70px;padding-bottom:70px} .final-cta{padding-block:60px} .menu{padding-bottom:64px} .menu + .story{margin-top:32px} .moments-row>.preorder{padding-bottom:100px} @media(max-width:768px){.menu{padding-bottom:48px}.menu + .story{margin-top:38px}} @media(max-width:768px){.delivery-section{margin-bottom:0}.moments-row>.preorder{padding-top:58px;padding-bottom:74px}.moments-row>.reviews{padding-top:58px;padding-bottom:56px}.gallery.section-pad{padding-top:52px;padding-bottom:56px}.final-cta{padding-block:50px}} .moments-row>.reviews::after{content:"";position:absolute;z-index:0;right:clamp(16px,5vw,80px);top:32px;left:auto;bottom:auto;width:150px;height:110px;transform:none;opacity:.08;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 120'%3E%3Cg fill='none' stroke='%23c5a46d' stroke-width='1.1' stroke-linecap='round'%3E%3Cpath d='M16 102C48 78 76 56 157 18M52 75c-10-15-9-27-4-37 12 7 17 19 4 37ZM84 53c-3-15 2-26 10-34 8 11 8 22-10 34ZM114 35c4-12 12-20 22-23 2 11-4 19-22 23Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat} .moments-row>.preorder::before{color:rgba(197,164,109,.04)} .gallery{position:relative;isolation:isolate} .gallery::before{content:"GALLERY";position:absolute;z-index:0;right:5%;top:30px;color:rgba(197,164,109,.028);font:180px/1 var(--serif);pointer-events:none;user-select:none} .gallery>*{position:relative;z-index:1} .footer-main{position:relative} .footer-main::before{content:"— ◇ —";position:absolute;left:50%;top:-22px;transform:translateX(-50%);color:rgba(197,164,109,.35);font:15px var(--serif);letter-spacing:.18em;pointer-events:none} @media(max-width:768px){.moments-row>.reviews::after{right:8px;top:22px;width:86px;height:64px;opacity:.06}.gallery::before{font-size:90px;right:4%;top:24px}.footer-main::before{top:-18px;font-size:12px;opacity:.7}} .moments-row>.reviews{display:grid;grid-template-columns:minmax(330px,.39fr) minmax(0,.61fr);column-gap:84px;align-items:center;padding:96px max(32px,calc((100% - 1360px)/2));justify-content:center} .moments-row>.reviews>.section-heading{grid-column:1;grid-row:1;text-align:left;margin:0;align-self:center} .moments-row>.reviews>.section-heading h2{font-size:clamp(58px,4.5vw,68px);line-height:1;letter-spacing:0;text-transform:uppercase} .moments-row>.reviews>.section-heading p{font:23px/1.35 var(--serif);white-space:pre-line;margin-top:26px;max-width:240px} .moments-row>.reviews>.section-heading:before{content:"REVIEWS";display:block;color:#a47c43;font:13px/1.8 var(--sans);letter-spacing:.22em;text-transform:uppercase;margin-bottom:10px} .moments-row>.reviews>.section-heading:after{content:"";display:block;width:182px;height:1px;margin-top:34px;background:linear-gradient(90deg,var(--gold) 0 42%,transparent 42% 48%,var(--gold) 48% 50%,transparent 50% 56%,var(--gold) 56% 100%);opacity:.65} .moments-row>.reviews>.review-content{grid-column:2;grid-row:1;position:relative;width:100%;max-width:760px;min-height:370px;margin:0 auto;padding:74px 62px 54px;border:1px solid rgba(197,164,109,.62);border-radius:22px;background:rgba(255,251,244,.62);text-align:center} .moments-row>.reviews>.review-content:before{content:"“";position:absolute;left:30px;top:4px;color:rgba(197,164,109,.28);font:120px/1 var(--serif);pointer-events:none} .moments-row>.reviews>.review-content:after{content:"";position:absolute;right:28px;top:28px;width:8px;height:8px;border:1px solid var(--gold);transform:rotate(45deg);opacity:.55} .moments-row>.reviews #review-position{position:absolute;right:38px;top:27px;color:#947044;font:17px var(--serif)} .moments-row>.reviews .sample-label{font-size:12px;letter-spacing:.14em} .moments-row>.reviews .stars{font-size:24px;letter-spacing:7px;margin:18px 0 30px;color:#ae8140} .moments-row>.reviews blockquote{font-size:36px;line-height:1.25;max-width:600px} .moments-row>.reviews .review-name{font-size:19px;margin-top:22px}.moments-row>.reviews .review-preview-note{font-size:14px;color:var(--cocoa);margin-top:5px} .moments-row>.reviews>.review-controls{grid-column:2;grid-row:2;margin:20px auto 0;gap:48px} .moments-row>.reviews .review-controls .icon-button{width:56px;height:56px;background:transparent;border-color:var(--gold);font-size:26px} .moments-row>.reviews #pause-reviews{font:20px var(--serif);padding:10px 18px;min-height:44px} .moments-row>.reviews:before{left:auto;right:12%;transform:none;top:18px;font-size:220px;opacity:.035} @media(max-width:1050px){.moments-row>.reviews{grid-template-columns:minmax(260px,.36fr) minmax(0,.64fr);column-gap:48px;padding-inline:6vw}.moments-row>.reviews>.section-heading h2{font-size:clamp(48px,5vw,60px)}.moments-row>.reviews>.review-content{padding-inline:38px}.moments-row>.reviews blockquote{font-size:31px}} @media(max-width:768px){.moments-row>.reviews{display:block;padding:68px 24px}.moments-row>.reviews>.section-heading{margin-bottom:34px}.moments-row>.reviews>.section-heading h2{font-size:44px}.moments-row>.reviews>.section-heading p{font-size:21px}.moments-row>.reviews>.review-content{min-height:330px;padding:62px 22px 38px;border-radius:18px}.moments-row>.reviews>.review-content:before{left:18px;font-size:80px}.moments-row>.reviews #review-position{right:22px;top:22px;font-size:15px}.moments-row>.reviews blockquote{font-size:27px}.moments-row>.reviews>.review-controls{margin-top:18px;gap:24px}.moments-row>.reviews .review-controls .icon-button{width:50px;height:50px}.moments-row>.reviews #pause-reviews{font-size:18px}.moments-row>.reviews:before{right:2%;top:22px;font-size:100px;opacity:.025}} .moments-row>.reviews>.section-heading h2{font-size:clamp(56px,4.1vw,64px);max-width:560px} .moments-row>.reviews>.section-heading:after{content:"──── ◇ ────";display:block;width:auto;height:auto;margin-top:30px;background:none;color:var(--gold);font:16px/1 var(--serif);letter-spacing:.08em;opacity:.72} .moments-row>.reviews>.review-content{min-height:350px} .moments-row>.reviews:before{right:10%;top:16px;font-size:240px;opacity:.04} .moments-row>.reviews>.review-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:32px;width:100%;max-width:760px;margin:18px auto 0} .moments-row>.reviews>.review-controls #review-position{display:none} .moments-row>.reviews .review-controls .icon-button{width:52px;height:52px;min-width:52px} .moments-row>.reviews #pause-reviews{min-width:84px;text-align:center} .moments-row>.reviews>.review-controls:before{content:"";position:absolute;left:-34px;bottom:-58px;width:132px;height:92px;opacity:.07;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 110'%3E%3Cg fill='none' stroke='%23c5a46d' stroke-width='1.1' stroke-linecap='round'%3E%3Cpath d='M8 100C40 75 74 52 146 15M43 76c-9-15-9-26-4-36 12 7 16 18 4 36ZM77 53c-3-14 2-24 10-32 8 11 8 21-10 32Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat} .moments-row>.reviews:before{content:"REVIEWS";position:absolute;z-index:0;left:auto;right:-42px;top:48px;transform:none;font:500 clamp(180px,15vw,280px)/.9 var(--serif);letter-spacing:.015em;color:rgba(197,164,109,.105);white-space:nowrap;pointer-events:none;user-select:none} .moments-row>.reviews::after{opacity:.16} .moments-row>.reviews>.review-controls:before{opacity:.12} .moments-row>.reviews>.section-heading,.moments-row>.reviews>.review-content,.moments-row>.reviews>.review-controls{position:relative;z-index:2} @media(min-width:1100px){.moments-row>.reviews{grid-template-columns:minmax(390px,.42fr) minmax(0,.58fr);column-gap:60px}.moments-row>.reviews>.section-heading h2{font-size:clamp(54px,4vw,60px);white-space:nowrap}} @media(max-width:1050px){.moments-row>.reviews>.section-heading h2{font-size:clamp(48px,5vw,58px)}} @media(max-width:768px){.moments-row>.reviews:before{right:-8%;top:18px;font-size:clamp(85px,28vw,140px);opacity:.06}.moments-row>.reviews::after{opacity:.12}.moments-row>.reviews>.review-controls:before{opacity:.09}.moments-row>.reviews>.section-heading h2{white-space:normal}} @media(max-width:768px){.moments-row>.reviews:before{right:-8%;top:18px;font-size:clamp(85px,28vw,140px);opacity:.035}.moments-row>.reviews>.section-heading h2{font-size:44px}.moments-row>.reviews>.section-heading:after{font-size:14px}.moments-row>.reviews>.review-content{min-height:330px}.moments-row>.reviews>.review-controls:before{left:-4px;bottom:-46px;width:80px;height:58px;opacity:.05}} /* The menu interlude uses the same full-bleed treatment and safe caption bounds. */ #menu .menu-interlude{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:48px;margin-bottom:56px;overflow:visible} #menu .menu-video{height:clamp(500px,42vw,680px);overflow:hidden} #menu .menu-video video{object-fit:cover;object-position:center center} #menu .menu-video-caption--left{left:5%;max-width:190px} #menu .menu-video-caption--right{right:5%;max-width:190px} @media(max-width:1024px){#menu .menu-video{height:clamp(460px,52vw,540px)}#menu .menu-video-caption--left{left:6%}#menu .menu-video-caption--right{right:6%}} @media(max-width:560px){#menu .menu-interlude{margin-top:38px;margin-bottom:44px}#menu .menu-video{height:clamp(480px,125vw,560px)}#menu .menu-video-caption--right{display:none}#menu .menu-video-caption--left{left:24px;top:auto;bottom:30px;transform:none;max-width:220px}} /* Subtle editorial transitions between major sections. */ .menu,.story,.delivery-section,.video-feature,.reviews,.gallery{position:relative;isolation:isolate;overflow:visible} .menu::after,.reviews::after{content:"";position:absolute;z-index:3;left:50%;bottom:-22px;width:156px;height:44px;transform:translateX(-50%);pointer-events:none;opacity:.72;background:linear-gradient(var(--gold),var(--gold)) center 50%/54px 1px no-repeat} .menu::before,.reviews::before{content:"";position:absolute;z-index:3;left:50%;bottom:-26px;width:8px;height:8px;border:1px solid var(--gold);background:var(--ivory);transform:translateX(-50%) rotate(45deg);pointer-events:none;opacity:.72} .story::after,.gallery::after{content:"";position:absolute;z-index:3;right:clamp(20px,6vw,96px);bottom:-38px;width:150px;height:104px;pointer-events:none;opacity:.14;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 120'%3E%3Cg fill='none' stroke='%23c5a46d' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M18 108C45 84 72 63 158 18'/%3E%3Cpath d='M55 79c-10-16-9-27-4-38 13 7 18 18 4 38Z'/%3E%3Cpath d='M83 62c-3-17 2-29 11-38 8 12 7 24-11 38Z'/%3E%3Cpath d='M111 47c4-15 13-23 24-27 2 13-5 23-24 27Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat} .delivery-section::after{content:"";position:absolute;z-index:3;left:clamp(18px,4vw,70px);bottom:-35px;width:142px;height:94px;pointer-events:none;opacity:.13;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 120'%3E%3Cg fill='none' stroke='%23c5a46d' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M12 105C46 86 70 58 142 18'/%3E%3Cpath d='M46 79C32 66 30 53 33 42c15 6 21 18 13 31Z'/%3E%3Cpath d='M75 59C65 45 66 32 72 22c12 9 14 20 3 34Z'/%3E%3Cpath d='M104 42c0-14 8-24 18-30 5 12 1 22-18 30Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat} .video-feature::after{content:"";position:absolute;z-index:3;left:50%;bottom:-30px;width:128px;height:72px;transform:translateX(-50%);pointer-events:none;opacity:.18;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 80'%3E%3Cpath d='M8 56c31-35 55 25 86-7 17-18 30-24 58-17' fill='none' stroke='%23c5a46d' stroke-width='1.2' stroke-linecap='round'/%3E%3Ccircle cx='80' cy='42' r='2.5' fill='none' stroke='%23c5a46d'/%3E%3C/svg%3E") center/contain no-repeat} @media(max-width:768px){.menu::after,.reviews::after{bottom:-17px;width:108px;height:34px}.menu::before,.reviews::before{bottom:-21px;width:6px;height:6px}.story::after,.gallery::after,.delivery-section::after{width:92px;height:68px;opacity:.1;bottom:-27px}.video-feature::after{width:96px;height:54px;bottom:-22px;opacity:.12}} /* Story → Delivery transition: a compact cream fade with one botanical crossing. */ .story{margin-bottom:0} .story::before{content:"";position:absolute;z-index:0;left:0;right:0;bottom:-1px;height:64px;pointer-events:none;background:linear-gradient(180deg,rgba(247,241,231,0),rgba(247,241,231,.7) 62%,#f7f1e7 100%)} .delivery-section::before{content:"";position:absolute;z-index:3;left:50%;top:-25px;width:142px;height:50px;transform:translateX(-50%);pointer-events:none;opacity:.24;background:linear-gradient(var(--gold),var(--gold)) center/46px 1px no-repeat} .delivery-section::before{border:0} .delivery-section{margin-top:0} @media(max-width:768px){.story::before{height:40px}.delivery-section::before{top:-19px;width:104px;height:38px;background:linear-gradient(var(--gold),var(--gold)) center/34px 1px no-repeat;opacity:.18}} .story::before,.delivery-section::before{content:none} .story::after{right:clamp(18px,5vw,76px);bottom:-30px;width:154px;height:108px;opacity:.08} .delivery-section{padding-top:76px} @media(max-width:1024px){.delivery-section{padding-top:68px}.story::after{right:18px;bottom:-24px;width:120px;height:86px;opacity:.075}} @media(max-width:768px){.delivery-section{padding-top:68px}.story::after{right:12px;bottom:-20px;width:86px;height:64px;opacity:.06}} .pickup-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:28px;align-items:center} .pickup-info{min-width:0} .pickup-map{width:100%;min-width:300px;max-width:340px;height:220px;overflow:hidden;border:1px solid rgba(197,164,109,.3);border-radius:14px;background:var(--beige)} .pickup-map{position:relative} .pickup-map iframe{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:210px;border:0;z-index:1} .pickup-detail>.pickup-map{position:relative;z-index:2} @media(max-width:1100px){.pickup-detail{grid-template-columns:1fr;gap:24px}.pickup-map{min-width:0;max-width:340px;height:210px}} @media(max-width:768px){.pickup-detail{display:block}.pickup-map{max-width:none;width:100%;height:210px;margin-top:24px}} /* Give the complete Our Story block a little more document-flow separation from the menu. */ .menu + .story{margin-top:72px} @media (max-width:1050px){.menu + .story{margin-top:52px}} @media (max-width:640px){.menu + .story{margin-top:38px}} /* Keep the Reviews ghost word as a real layer so it cannot be lost to pseudo-element stacking. */ #reviews .reviews-background-word{ position:absolute; z-index:1; top:35px; right:clamp(30px,4vw,80px); display:block; white-space:nowrap; pointer-events:none; user-select:none; font:500 clamp(150px,12vw,230px)/.9 var(--serif); letter-spacing:.015em; color:rgba(197,164,109,.16); } #reviews>.section-heading, #reviews>.review-content, #reviews>.review-controls{position:relative;z-index:2} @media(max-width:768px){ #reviews .reviews-background-word{ top:18px; right:20px; font-size:clamp(70px,22vw,120px); opacity:.09; } } /* Editorial four-photo client gallery mosaic. */ #gallery{position:relative;isolation:isolate;overflow:hidden} #gallery .gallery-bg-word{position:absolute;z-index:0;right:4%;top:16px;white-space:nowrap;pointer-events:none;user-select:none;color:rgba(197,164,109,.065);font:500 clamp(170px,15vw,270px)/.85 var(--serif)} #gallery .gallery-heading,#gallery .gallery-grid,#gallery .gallery-bottom-ornament{position:relative;z-index:1} #gallery .gallery-heading{grid-template-columns:1fr minmax(190px,1fr);align-items:end;margin-bottom:48px} #gallery .gallery-heading .section-heading{margin:0;text-align:center} #gallery .gallery-heading .section-heading .eyebrow{display:block;color:#a47c43;margin-bottom:4px} #gallery .gallery-heading .section-heading .ornament{display:block;color:var(--gold);font:16px/1 var(--serif);margin-bottom:12px} #gallery .gallery-heading h2{font-size:clamp(42px,4.2vw,60px);white-space:nowrap;letter-spacing:.06em} #gallery .gallery-heading p{font-size:19px} #gallery .gallery-heading>a{justify-self:end;align-self:center;font:17px var(--serif);padding-bottom:0;white-space:nowrap} #gallery .gallery-heading>a span{display:inline-block;transition:transform .25s ease} #gallery .gallery-heading>a:hover span{transform:translateX(4px)} #gallery .gallery-grid{display:grid;grid-template-columns:1.72fr 1fr 1.08fr;grid-template-rows:250px 270px;gap:14px;max-width:1450px;margin-inline:auto} #gallery .gallery-grid a{position:relative;display:block;min-height:0;aspect-ratio:auto;overflow:hidden;border-radius:16px;background:var(--beige)} #gallery .gallery-grid a:first-child{grid-row:1 / span 2} #gallery .gallery-grid a:nth-child(2){grid-row:1 / span 2} #gallery .gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .32s ease} #gallery .gallery-grid a:first-child img{object-position:center 50%} #gallery .gallery-grid a:nth-child(2) img{object-position:center 48%} #gallery .gallery-grid a:nth-child(3) img{object-position:center 44%} #gallery .gallery-grid a:nth-child(4) img{object-position:center 54%} #gallery .gallery-grid a:hover img{transform:scale(1.02)} #gallery .gallery-caption{position:absolute;left:16px;bottom:14px;padding:8px 14px;border:1px solid rgba(197,164,109,.45);border-radius:999px;background:rgba(255,250,242,.92);color:var(--espresso);font:14px/1.25 var(--serif);white-space:nowrap} #gallery .gallery-bottom-ornament{text-align:center;color:var(--gold);font:17px/1 var(--serif);margin-top:32px} @media(max-width:1100px){#gallery .gallery-grid{grid-template-columns:1.35fr 1fr;grid-template-rows:300px 210px}.gallery-grid a:first-child{grid-row:1 / span 2}.gallery-grid a:nth-child(2){grid-row:1}.gallery-grid a:nth-child(3){grid-column:2;grid-row:2}.gallery-grid a:nth-child(4){grid-column:1;grid-row:2}#gallery .gallery-heading{display:flex;justify-content:space-between;gap:24px}#gallery .gallery-heading h2{font-size:clamp(38px,5vw,54px)}} @media(max-width:768px){#gallery{padding-top:58px;padding-bottom:64px}#gallery .gallery-bg-word{top:18px;right:0;font-size:clamp(90px,25vw,150px);opacity:.055}#gallery .gallery-heading{display:block;margin-bottom:28px}#gallery .gallery-heading .section-heading{text-align:left;margin-bottom:14px}#gallery .gallery-heading h2{font-size:clamp(34px,9vw,48px);white-space:normal}#gallery .gallery-heading p{font-size:18px}#gallery .gallery-heading>a{text-align:left;display:inline-block;padding:0}.gallery-grid,#gallery .gallery-grid{grid-template-columns:1fr;grid-template-rows:none;gap:12px}#gallery .gallery-grid a,#gallery .gallery-grid a:first-child,#gallery .gallery-grid a:nth-child(2),#gallery .gallery-grid a:nth-child(3),#gallery .gallery-grid a:nth-child(4){grid-column:auto;grid-row:auto;min-height:0;aspect-ratio:1.25}#gallery .gallery-grid a:first-child{aspect-ratio:1.1}#gallery .gallery-grid a:nth-child(2){aspect-ratio:.82}#gallery .gallery-grid a:nth-child(4){aspect-ratio:.95}#gallery .gallery-caption{left:12px;bottom:12px;font-size:14px;padding:7px 13px;white-space:normal}} @media(prefers-reduced-motion:reduce){#gallery .gallery-grid img,#gallery .gallery-heading>a span{transition:none}} /* Desktop editorial split: gallery introduction left, photo story right. */ #gallery{width:100%;max-width:none} @media(min-width:1100px){ #gallery{display:grid;width:100%;max-width:none;margin-inline:0;grid-template-columns:minmax(300px,30%) minmax(0,1fr);column-gap:clamp(50px,5vw,90px);align-items:start;padding-inline:clamp(32px,5vw,96px);padding-top:80px;padding-bottom:80px} #gallery .gallery-bg-word{left:clamp(120px,18vw,300px);right:auto;top:12px;font-size:clamp(180px,15vw,300px);opacity:.075} #gallery .gallery-heading{grid-column:1;grid-row:1;display:block;margin:10px 0 0;text-align:left} #gallery .gallery-heading .section-heading{text-align:left;margin:0} #gallery .gallery-heading h2{font-size:clamp(48px,3.6vw,64px);line-height:.98;white-space:normal;max-width:330px} #gallery .gallery-heading p{font-size:19px;line-height:1.35;max-width:210px} #gallery .gallery-heading>a{display:inline-block;margin-top:24px;justify-self:auto} #gallery .gallery-grid{grid-column:2;grid-row:1;grid-template-columns:1.2fr 1fr;grid-template-rows:280px 250px;gap:14px;max-width:none;margin:0} #gallery .gallery-grid a:first-child{grid-column:1;grid-row:1} #gallery .gallery-grid a:nth-child(2){grid-column:2;grid-row:1} #gallery .gallery-grid a:nth-child(3){display:block;grid-column:1;grid-row:2} #gallery .gallery-grid a:nth-child(4){grid-column:2;grid-row:2} #gallery .gallery-bottom-ornament{display:none} #gallery .gallery-heading .section-heading:after{content:"──── ◇ ────";display:block;color:var(--gold);font:16px/1 var(--serif);letter-spacing:.08em;margin-top:24px;opacity:.8} } /* Full-bleed closing CTA cover art. */ .final-cta{ position:relative; isolation:isolate; width:100vw; max-width:none; margin-inline:calc(50% - 50vw); min-height:clamp(420px,32vw,520px); padding:64px clamp(32px,5vw,96px); overflow:hidden; display:grid; place-items:center; text-align:center; background:url("../assets/final-cta-cover.png") center center/cover no-repeat; } .final-cta::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(248,241,229,.12),rgba(248,241,229,.24) 30%,rgba(248,241,229,.38) 48%,rgba(248,241,229,.38) 52%,rgba(248,241,229,.24) 70%,rgba(248,241,229,.12))} .final-cta>div{position:relative;z-index:1;max-width:900px;margin-inline:auto} .final-cta>.handwritten{display:none} .final-cta h2{font-size:clamp(48px,4vw,68px);line-height:1.08} .final-cta p{font-size:20px;margin:18px 0 22px} .final-cta .button{min-height:50px;padding-inline:30px} .final-cta>div::after{content:"──── ◇ ────";display:block;margin-top:28px;color:var(--gold);font:17px/1 var(--serif);letter-spacing:.08em} @media(max-width:768px){.final-cta{min-height:460px;padding:56px 22px;background-position:center center}.final-cta h2{font-size:clamp(38px,10vw,48px)}.final-cta p{font-size:17px}.final-cta>div::after{margin-top:26px}} /* Compact closing CTA banner height, preserving the centered cover composition. */ .final-cta{min-height:clamp(320px,22vw,360px);padding-block:42px} .final-cta p{margin-top:16px;margin-bottom:20px} .final-cta>div::after{margin-top:24px} @media(max-width:1199px){.final-cta{min-height:clamp(320px,30vw,350px);padding-block:38px}} @media(max-width:600px){.final-cta{min-height:clamp(360px,100vw,420px);padding-block:44px}.final-cta p{margin-top:14px;margin-bottom:18px}.final-cta>div::after{margin-top:24px}} /* Editorial footer treatment. */ footer{position:relative;isolation:isolate;overflow:hidden;background:var(--ivory)} footer::before{content:"──── ◇ ────";position:absolute;z-index:1;top:18px;left:50%;transform:translateX(-50%);color:var(--gold);font:17px/1 var(--serif);letter-spacing:.1em;pointer-events:none} footer::after{content:"SWEET MEMORY";position:absolute;z-index:0;left:50%;bottom:24px;transform:translateX(-50%);white-space:nowrap;pointer-events:none;user-select:none;color:rgba(197,164,109,.085);font:500 clamp(100px,11vw,190px)/.8 var(--serif);letter-spacing:.01em} .footer-main{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.15fr 1.05fr 1.25fr;gap:0;max-width:1600px;margin:auto;padding:72px clamp(60px,7vw,130px) 52px;font:16px/1.6 var(--serif)} .footer-main>div,.footer-logo{border-left:1px solid rgba(197,164,109,.4);padding-left:clamp(24px,3vw,48px)} .footer-logo{border-left:0;padding-left:0;text-align:center;display:flex;flex-direction:column;align-items:center} .footer-logo img{width:170px;height:130px;object-fit:contain;mix-blend-mode:multiply} .footer-logo::after{content:"A little sweetness,\A a lasting memory.\A\A ◇ ───";white-space:pre;text-align:center;font:22px/1.2 var(--serif);color:var(--cocoa);margin-top:10px} .footer-main h3{display:flex;align-items:center;gap:12px;font-size:23px;margin:0 0 22px} .footer-main h3::before{content:none} .footer-icon{width:36px;height:36px;border-radius:50%;background:rgba(197,164,109,.2);border:1px solid rgba(197,164,109,.35);display:grid;place-items:center;flex:0 0 36px;color:var(--espresso)} .footer-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .hours{display:grid;grid-template-columns:120px 1fr;column-gap:18px;row-gap:8px;font-size:17px} .footer-main a:not(.footer-logo){display:block;margin-bottom:14px;font-size:18px;transition:color .2s} .footer-main a:not(.footer-logo):hover{color:#9a713b} .payments{display:flex;align-items:center;gap:24px;font:500 27px var(--sans);color:#1d5b9f} .payments span{color:#16519a}.footer-main>div:last-child>p:last-child{font:18px/1.2 var(--serif);color:var(--cocoa);margin-top:14px} .payment-logos{display:flex;align-items:center;gap:26px;margin:2px 0 14px}.payment-logos img{width:auto;height:27px;max-width:120px;object-fit:contain}.footer-main>div:last-child .payment-logos+p{font:18px/1.2 var(--serif);color:var(--cocoa);margin:0} .payment-logos{gap:22px;justify-content:flex-start;align-items:center} .payment-logos img{display:block;max-width:none;height:30px;width:auto;object-fit:contain} .payment-logos img[alt="Maya"]{height:23px} .payment-logos img[alt="BDO"]{height:24px} .cod-payment{display:flex;align-items:center;gap:7px;font:18px/1.2 var(--serif);color:var(--cocoa);margin:0} .cod-payment svg{width:16px;height:16px;flex:0 0 16px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .payment-logos{gap:18px} .payment-logos img[alt="Maya"]{height:20px;transform:translateY(-1px)} .payment-logos img[alt="BDO"]{height:21px;transform:translateY(1px)} .cod-payment{margin-top:13px} .cod-payment svg{width:14px;height:14px;flex-basis:14px} .payment-logos{display:flex;align-items:center;justify-content:flex-start;gap:16px;height:28px;margin:2px 0 14px} .payment-logo-slot{height:28px;display:inline-flex;align-items:center;justify-content:center;line-height:0;flex:0 0 auto} .payment-logo-slot img{display:block;width:auto;max-width:none;margin:0;padding:0;position:static;top:auto;bottom:auto;vertical-align:middle;transform:none!important} .payment-logo-slot .maya-logo{height:19px} .payment-logo-slot .bdo-logo{height:20px} .payment-logos{display:inline-flex;align-items:stretch;height:42px;gap:0;margin:14px 0 0;background:rgba(255,255,255,.32);border:1px solid rgba(190,150,90,.22);border-radius:10px;overflow:hidden} .payment-logos .payment-logo-slot{width:92px;height:42px;display:flex;align-items:center;justify-content:center;line-height:0;border:0} .payment-logos .payment-logo-slot + .payment-logo-slot{border-left:1px solid rgba(190,150,90,.2)} .payment-logos .payment-logo-slot .maya-logo{height:18px} .payment-logos .payment-logo-slot .bdo-logo{height:19px} .cod-payment{margin-top:10px} .payment-methods-strip{display:inline-flex;align-items:stretch;width:max-content;max-width:100%;height:42px;border:1px solid rgba(190,150,90,.22);border-radius:10px;overflow:hidden;background:rgba(255,255,255,.28)} .payment-methods-strip .payment-method{height:42px;display:flex;align-items:center;justify-content:center;padding-inline:13px;line-height:0;flex:0 0 auto} .payment-methods-strip .payment-method + .payment-method{border-left:1px solid rgba(190,150,90,.2)} .payment-methods-strip .payment-logo-slot{width:70px;height:42px;padding-inline:0} .payment-methods-strip .payment-method--cod{gap:6px;padding-inline:14px;white-space:nowrap;line-height:1.2;font:18px/1.2 var(--serif);color:var(--cocoa)} .payment-methods-strip .payment-method--cod svg{width:14px;height:14px;flex:0 0 14px} .payment-methods-strip .payment-logo-slot .maya-logo{height:18px} .payment-methods-strip .payment-logo-slot .bdo-logo{height:19px} .footer-main>div:last-child .payment-methods-strip + p{display:none} @media(max-width:600px){.payment-methods-strip .payment-method--cod{padding-inline:10px;font-size:16px}.payment-methods-strip .payment-logo-slot{width:62px}} .payment-methods-strip{height:36px;border:1px solid rgba(190,150,90,.25);border-radius:8px} .payment-methods-strip .payment-method{height:36px} .payment-methods-strip .payment-logo-slot{width:auto;padding-left:11px;padding-right:12px} .payment-methods-strip .payment-logo-slot + .payment-logo-slot{border-left:1px solid rgba(170,130,75,.28)} .payment-methods-strip .payment-method--cod{padding-left:11px;padding-right:12px;gap:6px;justify-content:flex-start} .payment-methods-strip .payment-method--cod{border-left:1px solid rgba(170,130,75,.28)} .payment-methods-strip .payment-method--cod svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} .footer-bottom{position:relative;z-index:2;border-top:1px solid rgba(197,164,109,.5);padding:16px clamp(60px,7vw,130px);font:15px var(--serif);display:flex;justify-content:space-between;gap:20px;background:rgba(247,241,231,.72)} @media(max-width:1100px){.footer-main{grid-template-columns:1fr 1fr;gap:38px 0}.footer-main>div:nth-child(odd){border-left:0;padding-left:0}.footer-main>div:nth-child(even){padding-left:32px}.footer-logo{border-left:0}.footer-main h3{font-size:21px}} @media(max-width:600px){footer::before{top:14px;font-size:14px}footer::after{font-size:88px;bottom:58px}.footer-main{grid-template-columns:1fr;padding:64px 24px 42px;gap:30px;text-align:left}.footer-main>div,.footer-main>div:nth-child(even){border-left:0;border-top:1px solid rgba(197,164,109,.3);padding:26px 0 0}.footer-logo{border-top:0!important;padding-top:0!important;text-align:center}.footer-logo img{width:155px}.footer-logo::after{font-size:20px}.footer-main h3{font-size:21px}.footer-bottom{padding:16px 24px;text-align:center;display:block;font-size:14px}.footer-bottom span{display:block}.footer-bottom span+span{margin-top:8px}} /* Final cascade: the orders photo must crop to its landscape tile, never contain. */ #gallery .gallery-grid a:nth-child(4) img{width:100%;height:100%;display:block;object-fit:cover!important;object-position:50% 45%} /* Expand footer information to a true full-bleed editorial width. */ @media(min-width:1200px){ .footer-main{width:min(94vw,1760px);max-width:none;padding-inline:0} .footer-bottom{padding-inline:clamp(40px,3vw,72px)} footer::after{font-size:clamp(120px,11vw,210px)} } @media(min-width:601px) and (max-width:1199px){ .footer-main{width:92vw;max-width:none;padding-inline:0} } /* Keep only the stacked-orders photo on a full-cover crop. */ #gallery .gallery-grid a:nth-child(4){overflow:hidden} #gallery .gallery-grid a:nth-child(4) img{width:100%;height:100%;object-fit:cover;object-position:50% 45%} /* Gallery photo fitting: every editorial tile is fully covered, with individual focal points. */ #gallery .gallery-grid img{width:100%;height:100%;display:block;object-fit:cover} #gallery .gallery-grid a:first-child img{object-position:50% 50%} #gallery .gallery-grid a:nth-child(2) img{object-position:50% 40%} #gallery .gallery-grid a:nth-child(3) img{object-position:50% 45%} #gallery .gallery-grid a:nth-child(4){background:var(--beige)} #gallery .gallery-grid a:nth-child(4) img{object-fit:cover;object-position:50% 45%} @media(min-width:1100px){ #gallery .gallery-grid{grid-template-columns:1.3fr .85fr;grid-template-rows:clamp(330px,24vw,380px) clamp(210px,15vw,250px)} #gallery .gallery-grid a:nth-child(4){background:#eee3d3} #gallery .gallery-grid a:nth-child(4) img{object-fit:contain;object-position:center center} } @media (min-width:769px) and (max-width:1099px){ #gallery .gallery-heading .section-heading{text-align:left} #gallery .gallery-heading>a{text-align:left} } /* Subtle alternating editorial rhythm before the full-bleed Gallery. */ @media(min-width:1200px){ .moments-row>.preorder>.section-heading, .moments-row>.preorder>.booking-layout{transform:translateX(clamp(-100px,-4vw,-50px))} .moments-row>.reviews>.section-heading, .moments-row>.reviews>.review-content, .moments-row>.reviews>.review-controls{transform:translateX(clamp(50px,4vw,100px))} #reviews .reviews-background-word{transform:translateX(clamp(50px,4vw,100px))} } @media(min-width:901px) and (max-width:1199px){ .moments-row>.preorder>.section-heading, .moments-row>.preorder>.booking-layout{transform:translateX(clamp(-35px,-2.5vw,-20px))} .moments-row>.reviews>.section-heading, .moments-row>.reviews>.review-content, .moments-row>.reviews>.review-controls{transform:translateX(clamp(20px,2.5vw,35px))} #reviews .reviews-background-word{transform:translateX(clamp(20px,2.5vw,35px))} }