:root{--paper:#f6f2ea;--cream:#fffdf8;--ink:#22362c;--green:#254638;--moss:#496455;--rose:#b96f72;--soft:#e7ded1;--line:#dfd9cc;--sans:"DM Sans",Arial,sans-serif;--serif:"Playfair Display",Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}
button,a{touch-action:manipulation}
button{font:inherit;cursor:pointer}
a{color:inherit}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.14em;fill:currentColor;color:inherit}
:focus-visible{outline:3px solid #b35b61;outline-offset:4px}
.shell{width:min(100% - 56px,1360px);margin-inline:auto}
.skip-link{position:absolute;z-index:50;top:-80px;left:18px;padding:12px 18px;background:var(--green);color:white}
.skip-link:focus{top:12px}
.preview-bar{min-height:35px;display:flex;align-items:center;justify-content:center;gap:9px;background:#e7e3d7;color:#435448;text-align:center;padding:5px 16px;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.preview-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--rose);flex:none}
.preview-bar a{color:var(--green);text-decoration:underline;text-underline-offset:2px}
.preview-bar .icon-arrow{width:11px;height:11px;vertical-align:-.1em}
.preview-bar a:hover{color:#17382a}
.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:40;transition:box-shadow .2s}
.site-header.is-scrolled{box-shadow:0 8px 22px #22362c12}
.header-inner{min-height:95px;display:flex;align-items:center;gap:32px}
.brand{display:inline-flex;align-items:center;gap:11px;min-width:256px;text-decoration:none}
.brand-mark{display:grid;place-items:center;width:47px;height:47px;flex:none}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.18)}
.brand-name{font-family:var(--serif);font-size:26px;letter-spacing:-.065em;line-height:1}
.brand-name em,.footer-brand em{color:var(--rose);font-weight:400}
.brand-name small{display:block;font-family:var(--sans);letter-spacing:.24em;font-size:8px;font-weight:700;margin-top:7px}
.main-nav{display:flex;align-items:center;gap:36px;margin:auto}
.main-nav a{font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.main-nav a:hover,.text-link:hover{color:var(--rose)}
.button{min-height:54px;border:1px solid transparent;border-radius:13px;padding:15px 24px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:12px;font-weight:700;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px)}
.button:active{transform:translateY(1px) scale(.98);box-shadow:inset 0 2px 7px #0002}
.button-dark{background:var(--green);color:#fff}
.button-dark:hover{background:#17382a}
.button-light{background:var(--cream);color:var(--ink)}
.button-light:hover{background:#eee8dc}
.button-small{min-height:44px;padding:10px 15px;gap:12px}
.button .icon-arrow{width:18px;height:18px}
.menu-toggle{display:none;width:48px;height:48px;border:1px solid var(--line);border-radius:12px;background:transparent;padding:11px;flex-direction:column;justify-content:center;gap:5px;color:var(--green)}
.menu-toggle span{display:block;width:100%;height:2px;background:currentColor;border-radius:2px}
.menu-toggle:active,.menu-close:active{transform:scale(.94)}
.hero{overflow:hidden}
.hero-grid{display:grid;grid-template-columns:46% 54%;min-height:665px}
.hero-copy{padding:98px 52px 80px 0;align-self:center}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#85575a;margin:0 0 24px}
.eyebrow .line{display:inline-block;width:28px;height:1px;background:currentColor;vertical-align:middle;margin-right:12px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--serif);font-weight:400}
h1{font-size:clamp(54px,5.2vw,84px);line-height:1.1;letter-spacing:-.065em;margin-bottom:30px}
h1 em,h2 em{color:var(--rose);font-weight:400}
.lead{max-width:550px;color:#536159;font-size:17px;line-height:1.8;margin-bottom:31px}
.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}
.text-link{display:inline-block;padding:6px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--green);font-size:13px;font-weight:700;text-decoration:none}
.text-link .icon-arrow{width:16px;height:16px;margin-left:10px}
.hero-note{display:flex;gap:12px;align-items:center;margin-top:70px;color:#6e786d;font-size:12px}
.note-icon{width:24px;height:24px;color:var(--rose)}
.hero-visual{position:relative;min-height:660px;margin-right:calc((min(100vw - 56px,1360px) - 100vw)/2)}
.hero-visual>img{width:100%;height:100%;display:block;object-fit:cover;object-position:59% center;border-radius:20px}
.hero-card{position:absolute;left:-42px;bottom:35px;display:flex;align-items:center;gap:16px;padding:18px 26px;border-radius:13px;background:var(--cream);box-shadow:0 14px 35px #22362c1f;color:#5a665d;font-family:var(--serif);font-size:15px;line-height:1.45}
.hero-card strong{font-weight:600;color:var(--ink)}
.hero-card-icon{width:30px;height:30px;color:var(--rose)}
.intro-strip{border-block:1px solid var(--line);background:#eee9de}
.ticker-shell{width:100%;min-height:70px;display:flex;align-items:center;overflow:hidden;padding:0;border:0;background:transparent;text-align:left}
.ticker-viewport{display:block;overflow:hidden;flex:1;min-width:0}
.ticker-track{display:flex;width:max-content;animation:ticker-scroll 26s linear infinite}
.ticker-group{display:flex;align-items:center;gap:54px;flex:none;padding-right:54px;white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:.2em;color:#647268}
.ticker-shell.is-paused .ticker-track,.ticker-shell.focus-paused .ticker-track{animation-play-state:paused}
@media(hover:hover){.ticker-shell:hover .ticker-track{animation-play-state:paused}}
.ticker-shell.force-playing .ticker-track{animation-play-state:running}
.ticker-shell:disabled{cursor:default}
@keyframes ticker-scroll{to{transform:translateX(-50%)}}
.strip-flower{width:20px;height:20px;color:var(--rose)}
.section{padding:110px 0}
.collections{background:var(--cream)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:38px}
.section-heading h2,.order-lead h2,.delivery h2,.closing h2{font-size:clamp(42px,4vw,64px);line-height:1.15;letter-spacing:-.055em;margin:0}
.section-heading .eyebrow{margin-bottom:13px}
.section-heading>p{max-width:410px;margin:0 0 4px;color:#637067;font-size:14px;line-height:1.7}
.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.collection-card{background:var(--paper);border-radius:18px;overflow:hidden;transition:transform .28s,box-shadow .28s}
.collection-card:hover,.collection-card:focus-within{transform:translateY(-4px);box-shadow:0 18px 38px #22362c20}
.collection-card:active{transform:translateY(-1px) scale(.995)}
.card-image{display:block;height:370px;overflow:hidden;background:var(--soft)}
.card-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s}
.collection-card:hover .card-image img{transform:scale(1.025)}
.collection-card:first-child .card-image img{object-position:75% center}
.card-content{min-height:181px;display:flex;align-items:end;justify-content:space-between;gap:20px;padding:27px 26px 30px}
.card-index{display:block;margin-bottom:12px;color:#a06368;font-size:10px;font-weight:700;letter-spacing:.16em}
.card-content h3{font-size:31px;line-height:1.15;letter-spacing:-.035em;margin-bottom:8px}
.card-content p{font-size:13px;color:#6b736b;margin:0}
.round-arrow{width:45px;height:45px;flex:none;display:grid;place-items:center;border:1px solid #bdc7bd;border-radius:50%;background:transparent;color:var(--green);font-size:25px;text-decoration:none;transition:background-color .2s,color .2s,transform .2s}
.round-arrow .icon-flower{width:25px;height:25px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.round-arrow:hover{background:var(--green);color:#fff}
.round-arrow:active{transform:scale(.91)}
.round-arrow:hover .icon-flower,.round-arrow:focus-visible .icon-flower{transform:rotate(90deg)}
.round-arrow:active .icon-flower,.round-arrow.is-blooming .icon-flower{transform:rotate(180deg)}
.image-disclaimer{margin:23px 0 0;color:#768278;font-size:11px}
.order-section{background:var(--green);color:#fff}
.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:130px;align-items:center}
.order-lead .eyebrow{color:#e6b6b4}
.order-lead h2{margin-bottom:27px}
.order-lead h2 em{color:#f1c6bf}
.order-lead>p:not(.eyebrow){max-width:470px;color:#dbe4db;margin-bottom:30px}
.steps{list-style:none;margin:0;padding:0}
.steps li{display:grid;grid-template-columns:45px 1fr;gap:22px;padding:29px 0;border-bottom:1px solid #ffffff4a}
.steps li:first-child{border-top:1px solid #ffffff4a}
.steps li>span{color:#e9bfb9;font-family:var(--serif);font-size:21px}
.steps h3{font-size:26px;margin:0 0 5px}
.steps p{max-width:340px;color:#dbe4db;font-size:13px;margin:0}
.delivery{background:var(--paper)}
.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:15%;align-items:center}
.delivery h2{margin-bottom:25px}
.delivery-grid>div:first-child>p:not(.eyebrow){max-width:510px;color:#5f6e63;margin-bottom:25px}
.delivery-panel{min-height:390px;background:#e7e5d9;position:relative;overflow:hidden;padding:61px 62px;border-radius:18px}
.panel-flower{position:absolute;top:-76px;right:15px;width:220px;height:220px;color:#d5dace}
.panel-kicker{position:relative;z-index:1;color:#866365;font-size:11px;font-weight:700;letter-spacing:.19em}
.delivery-panel h3{position:relative;z-index:1;max-width:370px;font-size:42px;line-height:1.2;letter-spacing:-.04em;margin-bottom:19px}
.delivery-panel>p:not(.panel-kicker){position:relative;z-index:1;color:#56665a;font-size:14px;max-width:370px}
.panel-rule{display:block;width:100%;height:1px;background:#c9cbbc;margin:26px 0 17px}
.delivery-panel .panel-small{font-size:11px!important;line-height:1.6}
.closing{background:#e6dcd0;text-align:center;padding:92px 0 100px}
.closing-inner{display:flex;flex-direction:column;align-items:center}
.closing-flower{width:34px;height:34px;color:var(--rose)}
.closing .eyebrow{margin:12px 0}
.closing h2{margin-bottom:12px}
.closing p:not(.eyebrow){color:#56665a}
.closing .button{margin-top:16px}
.site-footer{background:#20382d;color:#e3e9e0}
.footer-main{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:60px;padding:63px 0 52px}
.footer-main .footer-brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:16px;font-family:var(--serif);font-size:30px;letter-spacing:-.06em;line-height:1;color:white;text-decoration:none}
.footer-brand-mark{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:12px;background:var(--cream)}
.footer-brand-mark img{display:block;width:45px;height:45px;object-fit:contain}
.footer-brand small{display:block;margin-top:6px;font:700 7px var(--sans);letter-spacing:.2em}
.footer-main .footer-brand:hover{text-decoration:none}
.footer-verify{max-width:300px;margin-top:13px!important;color:#aebcaf!important;font-size:11px!important;line-height:1.5!important}
.footer-main p,.footer-main a{display:block;color:#c5d0c5;font-size:13px;text-decoration:none;line-height:1.9}
.footer-main h3{font:700 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;margin-bottom:21px}
.footer-main a:hover{color:white;text-decoration:underline}
.footer-main .icon-arrow,.footer-bottom .icon-arrow{width:13px;height:13px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff30;padding:19px 0 25px;color:#adbcaf;font-size:11px}
.footer-bottom a{color:#e3e9e0;text-decoration:underline;text-underline-offset:3px}
.footer-bottom a:hover{color:white}
.floating-whatsapp{position:fixed;right:20px;bottom:20px;z-index:30;display:grid;place-items:center;width:72px;height:72px;text-decoration:none;filter:drop-shadow(0 8px 11px #142a2250);transition:opacity .22s,transform .22s}
.floating-whatsapp:hover{transform:translateY(-3px)}
.floating-whatsapp:active{transform:translateY(1px) scale(.95)}
.floating-whatsapp.is-scrolling{opacity:0;transform:translateY(18px);pointer-events:none}
.floating-whatsapp svg{display:block;width:100%;height:100%}
.floating-whatsapp .flower-petals{transform-origin:40px 40px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.floating-whatsapp:hover .flower-petals{transform:rotate(12deg)}
.mobile-menu{position:fixed;inset:0 0 0 auto;width:min(88vw,380px);height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:18px 0 0 18px;background:var(--paper);color:var(--ink);box-shadow:-20px 0 55px #0002}
.mobile-menu::backdrop{background:#15261baa}
.mobile-menu-inner{height:100%;padding:23px;display:flex;flex-direction:column}
.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:26px;border-bottom:1px solid var(--line);font:26px var(--serif)}
.mobile-menu-brand{display:inline-flex;align-items:center;gap:8px}
.mobile-menu-brand img{display:block;width:43px;height:43px;object-fit:contain}
.mobile-menu-top em{color:var(--rose)}
.menu-close{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--ink);font-size:29px;line-height:1}
.mobile-menu nav{display:flex;flex-direction:column;margin:24px 0}
.mobile-menu nav a{padding:16px 4px;border-bottom:1px solid var(--line);font:25px var(--serif);text-decoration:none}
.mobile-menu .button{margin-top:12px}
.mobile-menu p{margin:auto 0 0;color:#667168;font-size:12px}
body.menu-open{overflow:hidden}
body.menu-open .floating-whatsapp{opacity:0;pointer-events:none}
@media(max-width:1100px){.main-nav{gap:18px}.header-inner{gap:18px}.brand{min-width:205px}.order-grid{gap:60px}.hero-grid{grid-template-columns:49% 51%}.hero-copy{padding-right:35px}.card-image{height:320px}}
@media(max-width:850px){.shell{width:min(100% - 36px,1360px)}.header-inner{min-height:77px}.main-nav{display:none}.header-inner>.button{margin-left:auto}.menu-toggle{display:flex}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:70px 0 55px}.hero-note{margin-top:42px}.hero-visual{min-height:470px;margin:0}.hero-card{left:25px}.section{padding:74px 0}.collection-grid{gap:14px}.card-image{height:260px}.card-content{padding:20px;min-height:170px}.card-content h3{font-size:25px}.round-arrow{width:44px;height:44px}.order-grid,.delivery-grid{gap:45px}.delivery-panel{padding:38px}}
@media(max-width:650px){.preview-bar{font-size:9px;letter-spacing:.05em}.brand{min-width:0}.brand-mark{width:39px;height:39px}.brand-name{font-size:20px}.brand-name small{font-size:6px}.header-inner>.button{display:none}.menu-toggle{margin-left:auto}.hero-copy{padding:62px 0 48px}.eyebrow{font-size:10px}h1{font-size:clamp(46px,12vw,65px)}.lead{font-size:15px}.hero-actions{gap:15px}.hero-actions .button{width:100%}.hero-note{margin-top:31px}.hero-visual{min-height:370px;margin-bottom:18px}.hero-card{padding:12px 15px;bottom:16px;left:15px;font-size:12px}.hero-card-icon{width:23px;height:23px}.ticker-shell{min-height:57px}.ticker-group{gap:30px;padding-right:30px}.ticker-toggle{margin-right:12px;min-width:48px;font-size:10px}.section-heading{display:block}.section-heading h2,.order-lead h2,.delivery h2,.closing h2{font-size:43px}.section-heading>p{margin-top:17px}.collection-grid,.order-grid,.delivery-grid{grid-template-columns:1fr}.collection-grid{gap:18px}.card-image{height:360px}.card-content{min-height:145px}.order-grid{gap:35px}.order-lead h2{font-size:41px}.steps li{padding:20px 0}.delivery-grid{gap:39px}.delivery-panel{min-height:320px}.delivery-panel h3{font-size:36px}.closing{padding:69px 0}.footer-main{grid-template-columns:1fr 1fr;gap:28px;padding:50px 0}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:4px}.floating-whatsapp{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:54px;height:54px;justify-content:center;padding:0}.floating-whatsapp span{display:none}}
@media(max-width:850px){.hero-copy{padding-bottom:34px}.hero-visual{margin-bottom:32px}}
@media(max-width:650px){.hero-copy{padding-bottom:30px}.hero-visual{margin-bottom:28px}}
@media(min-width:851px){.site-header{position:sticky;top:0}.hero{padding-bottom:34px}#top,#collections,#how-it-works,#delivery{scroll-margin-top:95px}}
@media(max-width:650px){.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}.floating-whatsapp{right:13px;bottom:calc(13px + env(safe-area-inset-bottom));width:62px;height:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-header,.button,.card-image img,.collection-card,.round-arrow,.round-arrow .icon-flower,.floating-whatsapp,.floating-whatsapp .flower-petals{transition:none}.ticker-track{animation:none!important}.ticker-viewport{overflow-x:auto}}