@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap');
:root{--cream:#fbf6eb;--wine:#781e25;--ink:#382a24;--orange:#d9822c;--line:#ded3c3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b65d25;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;color:var(--wine)}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;line-height:1.04;letter-spacing:-.025em}h1{font-size:clamp(48px,5.7vw,88px);margin-bottom:25px}h2{font-size:clamp(43px,4.4vw,67px);margin-bottom:27px}em{font-weight:400}img{display:block;max-width:100%}.location{background:var(--wine);color:#fff4de;text-align:center;font-size:10px;letter-spacing:3px;padding:9px 15px}header{height:103px;display:flex;align-items:center;justify-content:space-between;padding:16px 6%;border-bottom:1px solid var(--line);background:var(--cream);position:relative;z-index:5}.brand img{width:234px}nav{display:flex;gap:34px;align-items:center;font-size:13px}nav a:hover,.text-link:hover{color:#b35420}.outline{border:1px solid var(--wine);padding:11px 22px;border-radius:2px;color:var(--wine)}.outline span{margin-left:20px}.menu{display:none;background:transparent;border:0;font-size:25px;color:var(--wine)}.hero{min-height:620px;height:min(720px,72vw);position:relative;overflow:hidden;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fbf6ebc9 0%,#fbf6eb88 34%,transparent 58%)}.hero-copy{position:relative;z-index:1;margin:0 6%;width:55%;animation:arrive .8s ease-out}.hero-copy p:not(.eyebrow){font-size:17px;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:600;color:#a45128;margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--wine);color:white;border:1px solid var(--wine);padding:15px 23px;font-size:13px;border-radius:2px;transition:transform .25s,background .25s}.button:hover{background:#59131c;transform:translateY(-2px)}.text-link{display:inline-block;margin:18px 0 0 23px;font-size:13px;border-bottom:1px solid var(--orange);padding-bottom:5px}.hero-caption{position:absolute;bottom:23px;right:6%;z-index:1;color:#fff;font-size:9px;letter-spacing:3px;text-shadow:0 1px 8px #000}.ribbon{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;gap:20px;padding:18px 6%;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--wine)}.section{padding:95px 6%;max-width:1580px;margin:auto}.intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}.intro-art{background:#f1eadb;border-radius:50% 50% 0 0;overflow:hidden;position:relative;padding:15px 25px 45px;transition:transform .3s;transform-style:preserve-3d}.intro-art img{height:440px;width:100%;object-fit:contain;mix-blend-mode:multiply}.art-caption{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2.5px;color:var(--wine)}.intro-copy{max-width:480px}.intro-copy p:not(.eyebrow){color:#75665c}.intro-copy .text-link{margin-left:0}.collection{padding-top:38px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-head>p{font-size:13px;color:#75665c}.section-head h2{max-width:660px}.catalogue-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.filters{display:flex;gap:12px}.filters button{background:none;border:1px solid transparent;padding:8px 18px;color:var(--ink);font-size:13px;border-radius:30px}.filters button[aria-pressed=true]{background:var(--wine);color:#fff}.filters span{opacity:.6;margin-left:7px;font-size:10px}.search input{border:0;border-bottom:1px solid var(--line);background:transparent;padding:9px 2px;width:240px;font-size:13px;color:var(--ink)}.price-note,.small{font-size:11px;color:#75665c;line-height:1.7}.price-note{margin:18px 0 27px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 23px}.product{min-width:0;animation:arrive .4s ease-out}.product-art{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:245px;background:#f0e8d8;overflow:hidden;border:0;padding:20px;transition:background .3s;border-radius:120px 120px 2px 2px}.product-art:hover{background:#eaddc5}.product-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}.product-art:hover img{transform:translateY(-6px) rotate(-3deg)}.product-art .number{position:absolute;top:18px;left:20px;font-size:10px;color:var(--wine)}.coffee-art{background:linear-gradient(145deg,#e6d7bf,#c5a781);color:#553427;text-align:center}.coffee-art .bean{font-size:68px;line-height:1;color:#68442c;border:2px solid #946343;border-radius:50%;height:100px;width:68px;transform:rotate(32deg);display:flex;align-items:center;justify-content:center;box-shadow:12px 16px 25px #68442c24}.coffee-art:after{content:'COFFEE';position:absolute;bottom:23px;letter-spacing:4px;font-size:9px}.product h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:26px;line-height:1.1;margin:18px 0 7px}.product .marathi{font-size:12px;color:#847365;margin:0 0 13px}.product .product-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:15px;color:var(--wine)}.product-bottom small{font-size:10px;color:#807062}.detail-link{border:0;border-bottom:1px solid #b98265;padding:5px 0;background:none;color:var(--wine);font-size:11px}.product-stock{font-size:10px;color:#807062;margin:6px 0}.collection>.small{margin-top:30px}.sunrise{text-align:center;background:#d88631;color:#fff7df;padding:70px 20px;position:relative;overflow:hidden}.sunrise h2{color:inherit;font-size:clamp(50px,5vw,76px);position:relative}.sunrise .eyebrow{color:#6d291e;position:relative}.sun{position:absolute;left:-80px;bottom:-180px;font-size:560px;line-height:1;color:#9b3c1d30;animation:turn 100s linear infinite}.button.light{background:#fff5e4;color:var(--wine);border-color:transparent}.visit{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.visit-art{background:#eee5d3;padding:35px}.visit-art img{width:100%;mix-blend-mode:multiply}.visit-art span{display:block;text-align:center;font-size:9px;letter-spacing:2px;color:var(--wine);margin-top:25px}footer{border-top:1px solid var(--line);padding:40px 6%;display:flex;gap:20px;align-items:center;flex-wrap:wrap}footer img{width:175px}footer p{font-size:12px;color:#75665c;margin:0;flex:1}footer a{font-size:12px;color:var(--wine)}footer small{width:100%;font-size:10px;color:#8c7d70;margin-top:15px}.steam{position:absolute;right:24%;top:24%;z-index:1;display:flex;gap:13px;pointer-events:none}.steam i{width:10px;height:100px;filter:blur(8px);border-radius:70%;background:#fff9;animation:steam 6s infinite}.steam i:nth-child(2){animation-delay:2s}.steam i:nth-child(3){animation-delay:4s}dialog{border:1px solid var(--line);padding:40px;max-width:520px;width:calc(100% - 30px);background:var(--cream);color:var(--ink);border-radius:6px}dialog::backdrop{background:#20140ec9}dialog h2{font-size:43px}.close{position:absolute;top:10px;right:16px;border:0;background:none;font-size:30px;color:var(--wine)}dialog label{display:block;font-size:12px}dialog input{display:block;margin-top:8px;padding:10px;background:white;border:1px solid var(--line);width:100%}.detail-price{font-size:26px;color:var(--wine)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skip{position:absolute;left:10px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes steam{0%{opacity:0;transform:translateY(45px) scaleX(.5)}40%{opacity:.5}100%{opacity:0;transform:translateY(-65px) scaleX(1.7)}}@keyframes turn{to{transform:rotate(360deg)}}
@media(min-width:1600px){.hero-copy{margin-left:calc((100vw - 1390px)/2)}}@media(max-width:1000px){nav{gap:18px}.hero{min-height:560px}.hero-copy{width:61%}h1{font-size:61px}.products{grid-template-columns:repeat(3,1fr)}.intro{gap:6%}.intro-art img{height:370px}.section{padding:70px 5%}.brand img{width:200px}.product-art{height:230px}}@media(max-width:700px){header{height:84px;padding:15px 6%}.brand img{width:182px}.menu{display:block}nav{display:none;position:absolute;top:83px;left:0;right:0;background:var(--cream);padding:25px;box-shadow:0 12px 20px #382a2410}nav.open{display:flex;flex-direction:column;align-items:stretch}.location{font-size:8px;letter-spacing:1.8px}.hero{height:760px;align-items:flex-start;min-height:0}.hero-bg{object-position:70% bottom;height:58%;top:auto;bottom:0}.hero:after{background:linear-gradient(180deg,var(--cream) 0%,var(--cream) 39%,#fbf6eb00 64%)}.hero-copy{width:90%;padding-top:40px}h1{font-size:52px}.hero-copy p:not(.eyebrow){font-size:14px}.hero .eyebrow{margin-bottom:20px}.button{padding:13px 18px;font-size:12px}.hero-caption{font-size:8px;bottom:15px}.text-link{margin-left:15px;font-size:12px}.ribbon{font-size:9px;letter-spacing:.6px;padding:16px 5%;gap:12px}.ribbon span:nth-child(3),.ribbon span:nth-child(4){display:none}.section{padding:55px 6%}.intro{grid-template-columns:1fr;gap:35px}.intro-art{max-width:380px;margin:auto;width:100%}.intro-art img{height:330px}.intro-copy{max-width:none}.intro-copy h2{font-size:48px}.section-head{display:block}.section-head>p{display:none}.collection{padding-top:15px}.collection h2{font-size:46px}.catalogue-tools{display:block}.search input{width:100%;margin-top:15px}.filters{gap:5px}.filters button{padding:7px 16px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.product-art{height:205px;padding:10px}.product h3{font-size:24px}.product .marathi{font-size:11px;min-height:36px}.product-bottom{flex-wrap:wrap}.detail-link{font-size:10px}.sunrise{padding:55px 18px}.sunrise h2{font-size:48px}.visit{grid-template-columns:1fr;gap:35px}.visit-art{padding:20px}footer{padding:30px 6%;align-items:flex-start;flex-direction:column}footer p{font-size:11px}.steam{display:none}dialog{padding:30px 23px}}@media(max-width:360px){h1{font-size:44px}.hero{height:740px}.product-art{height:175px}.product h3{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.tilt{transform:none!important}}
.packaging-pair{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;align-items:center}.packaging-pair figure{margin:0;min-width:0}.packaging-pair img{width:100%;height:260px;object-fit:contain;mix-blend-mode:multiply}.packaging-pair figcaption{text-align:center;font-size:10px;color:#781e25;margin-top:12px}@media(max-width:700px){.packaging-pair{gap:10px}.packaging-pair img{height:210px}.packaging-pair figcaption{font-size:9px}}
.packaging-pair figure:first-child img{object-fit:cover;object-position:center}.packaging-pair{grid-template-columns:.7fr 1.3fr}

/* Approved reference design */
.location{letter-spacing:5px;font-size:9px;padding:8px 15px}
header{height:105px;padding:15px 8%}.brand img{width:230px}
nav{font-family:Georgia,serif;color:var(--wine);gap:30px;font-size:14px}
.outline{border-radius:28px;padding:8px 25px}.outline span{display:none}
.hero{height:auto;min-height:0;aspect-ratio:1.58;align-items:flex-start}
.hero-bg{object-fit:cover;object-position:center;inset:0;width:100%;height:100%}
.hero:after{background:none}
.hero-copy{margin:0;width:58%;padding:8% 0 0 8%}
.hero .eyebrow{font-size:10px;letter-spacing:4px;margin-bottom:25px}
.hero h1{font-family:Georgia,serif;font-weight:600;font-size:clamp(35px,4.45vw,76px);line-height:1.03;letter-spacing:-.035em;margin-bottom:16px}
.hero-copy p:not(.eyebrow){font-family:Georgia,serif;font-size:clamp(16px,1.9vw,27px);line-height:1.3;margin-bottom:25px}
.button{border-radius:30px;font-family:Georgia,serif;font-size:16px;padding:12px 24px;gap:24px}
.text-link{font-family:Georgia,serif;color:var(--wine);font-size:16px;margin-left:20px}
.steam{right:43%;top:53%;opacity:.5}
.showcase{text-align:center;padding:38px 8% 30px;max-width:1250px}
.showcase h2{font-family:Georgia,serif;font-weight:600;font-size:clamp(35px,4vw,60px);margin-bottom:11px}
.heading-rule{height:2px;width:38px;background:var(--orange);margin:0 auto 14px}
.showcase>p:not(.small){font-family:Georgia,serif;font-size:20px;margin-bottom:25px}
.showcase-image{width:100%;height:auto;display:block;border-radius:180px 180px 0 0}
.showcase-captions{display:grid;grid-template-columns:1fr 1fr;padding-top:12px;font-family:Georgia,serif;font-size:18px;color:var(--wine)}
.showcase .small{color:var(--wine);font-size:10px;letter-spacing:1px;margin:16px 0 0}
.collection{padding-top:45px;padding-bottom:55px}
.collection h2{font-family:Georgia,serif;font-weight:500;font-size:48px}
.sunrise{min-height:205px;padding:35px 7%;display:flex;align-items:center;justify-content:flex-end;background-color:#df882c;background-image:radial-gradient(ellipse at 20% 20%,#ffe4a329,transparent 65%),repeating-linear-gradient(24deg,#cb642512 0 2px,transparent 2px 7px);text-align:left}
.sunrise h2{font-family:Georgia,serif;color:#fff4db;font-weight:500;font-size:clamp(32px,3.7vw,57px);line-height:1.08;position:relative;margin:0;width:49%}
.sunrise-art{position:absolute;left:0;top:0;height:100%;width:49%;object-fit:contain;padding:5px 25px;opacity:.8}
.visit{padding-top:55px;padding-bottom:55px}
.visit h2{font-family:Georgia,serif;font-size:clamp(36px,3.8vw,57px);font-weight:600}
.visit h2 em{font-style:normal;font-weight:600}
.visit-art{background:transparent;padding:10px}.packaging-pair img{height:250px}
footer{padding:25px 8%;gap:25px}footer img{width:150px}
@media(max-width:1000px) and (min-width:701px){header{padding-left:6%;padding-right:6%}.hero-copy{padding-left:6%;width:63%;padding-top:7%}.hero .eyebrow{margin-bottom:18px}.hero-copy p:not(.eyebrow){font-size:19px}.button{font-size:14px;padding:10px 20px}.text-link{font-size:14px}.hero{aspect-ratio:1.5}}
@media(max-width:700px){header{height:85px;padding:14px 6%}.brand img{width:185px}nav{top:84px}.hero{height:760px;aspect-ratio:auto}.hero-bg{height:61%;top:auto;bottom:0;object-position:72% center}.hero:after{background:linear-gradient(180deg,var(--cream) 0%,var(--cream) 35%,#fbf6eb00 56%)}.hero-copy{width:100%;padding:35px 6% 0;z-index:1}.hero h1{font-size:clamp(34px,7.8vw,53px);line-height:1.07}.hero .eyebrow{font-size:8px;letter-spacing:3px;margin-bottom:18px}.hero-copy p:not(.eyebrow){font-size:18px;margin-bottom:20px}.hero .button,.hero .text-link{font-size:13px}.hero .button{padding:11px 19px}.showcase{padding:34px 5% 24px}.showcase>p:not(.small){font-size:16px}.showcase-image{border-radius:65px 65px 0 0}.showcase-captions{font-size:15px}.collection h2{font-size:38px}.collection{padding-top:30px}.sunrise{min-height:190px;padding:30px 5%}.sunrise h2{font-size:31px;width:58%}.sunrise-art{width:44%;padding:5px}.visit h2{font-size:39px}.button{font-size:14px}.steam{display:none}}

