:root{--wine:#762f20;--cream:#fcf6d9;--gold:#f8b749;--ink:#1a1a1b;--serif:"Higuen Elegant Serif","DM Serif Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);font-size:16px}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.topline{padding:10px 5%;background:var(--ink);color:var(--cream);font-size:11px;font-weight:700;letter-spacing:.12em;text-align:center;text-transform:uppercase}.topline span{color:var(--gold);margin:0 12px}.site-header{height:94px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;background:var(--cream);position:relative;z-index:3}.brand{display:flex;width:85px;height:70px;align-items:center}.brand img{display:block;mix-blend-mode:multiply;width:100%;height:70px;object-fit:contain}nav{display:flex;gap:31px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}nav a{transition:.2s}nav a:hover,nav a.active{color:var(--wine)}.nav-contact{border-bottom:1px solid var(--ink);padding:9px 0}.menu-toggle{display:none;border:0;background:none;font-size:22px}.eyebrow{color:var(--wine);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0 0 19px}.hero{min-height:650px;display:grid;grid-template-columns:1.15fr .85fr;background:linear-gradient(120deg,#efd99c 0%,#f8b749 38%,#e79c37 100%);overflow:hidden}.hero-copy{padding:110px 9% 70px 16%;position:relative;z-index:1}.hero-copy:after{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(118,47,32,.22);border-radius:50%;left:-85px;bottom:-232px;pointer-events:none}.hero h1,.products-hero h1{font-family:var(--serif);font-size:clamp(60px,7vw,112px);line-height:.86;letter-spacing:-.055em;font-weight:400;margin:0;color:var(--wine)}h1 em,h2 em{font-weight:400}.intro{max-width:445px;font-size:17px;line-height:1.65;margin:32px 0;color:#4d241b}.button{display:inline-flex;gap:26px;align-items:center;justify-content:space-between;padding:15px 20px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:.25s}.button-dark{background:var(--ink);color:var(--cream)}.button-dark:hover{background:var(--wine);transform:translateY(-2px)}.button-outline{border:1px solid var(--wine);color:var(--wine)}.button-outline:hover{background:var(--wine);color:var(--cream)}.hero-product{position:relative;display:flex;align-items:center;justify-content:center;padding:55px}.arch{width:min(390px,90%);height:510px;border-radius:220px 220px 0 0;overflow:hidden;background:#d5832c;position:relative;box-shadow:20px 20px 0 rgba(118,47,32,.13)}.arch img{width:100%;height:100%;object-fit:cover;object-position:53% center}.roundel{position:absolute;right:-34px;top:75px;width:110px;height:110px;background:var(--wine);border:1px solid var(--cream);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--cream);font-family:var(--serif);font-size:15px;line-height:1.15;transform:rotate(12deg)}.hero-product>p{position:absolute;bottom:30px;right:22px;writing-mode:vertical-rl;font-family:var(--serif);font-style:italic;color:var(--wine)}.marquee{background:var(--wine);color:var(--cream);overflow:hidden;white-space:nowrap;padding:19px 0;font-family:var(--serif);font-size:21px}.marquee div{animation:scroll 25s linear infinite}.marquee span{color:var(--gold);margin:0 22px}@keyframes scroll{to{transform:translateX(-40%)}}.section{padding:110px 8%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:50px}.section-heading h2,.origin h2,.kitchen-note h2,.footer-top h2,.catalogue h2{font-family:var(--serif);font-size:clamp(46px,5vw,74px);line-height:.9;letter-spacing:-.045em;font-weight:400;margin:0;color:var(--wine)}.text-link{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding:0 0 8px}.text-link span{margin-left:18px;font-size:18px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-image{height:400px;position:relative;overflow:hidden;background:#eee0b8}.product-image img{height:100%;width:100%;object-fit:cover;transition:.5s}.product-card:hover img{transform:scale(1.05)}.product-image span{position:absolute;top:14px;left:14px;padding:7px 10px;background:var(--cream);color:var(--wine);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.product-meta{padding:20px 2px}.product-meta p{color:#8a6f55;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin:0 0 7px}.product-meta h3{font-family:var(--serif);font-size:28px;font-weight:400;margin:0 0 14px}.card-link{border:0;background:transparent;padding:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:6px}.card-link b{font-size:16px;margin-left:12px}.origin{display:grid;grid-template-columns:1.1fr .9fr;background:var(--wine);color:var(--cream);min-height:650px}.origin-photo{position:relative;padding:0 15% 0 0}.origin-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(.92)}.origin-photo:after{content:"";position:absolute;inset:0 15% 0 0;background:linear-gradient(0deg,rgba(26,26,27,.38),transparent 60%)}.origin-photo p{position:absolute;z-index:1;bottom:28px;left:12%;font-family:var(--serif);font-size:20px;font-style:italic;max-width:260px}.origin-copy{padding:125px 15% 90px 4%}.origin-copy .eyebrow{color:var(--gold)}.origin h2{color:var(--cream);margin-bottom:34px}.origin-copy>p:not(.eyebrow){font-size:16px;line-height:1.72;max-width:470px}.origin .button-outline{border-color:var(--cream);color:var(--cream);margin-top:18px}.origin .button-outline:hover{background:var(--cream);color:var(--wine)}.journal{background:#f5e7bc}.heading-note{max-width:290px;font-size:14px;line-height:1.65;margin:0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(118,47,32,.3)}.article-grid article{padding:26px 32px 26px 0;border-bottom:1px solid rgba(118,47,32,.3)}.article-grid article+article{padding-left:32px;border-left:1px solid rgba(118,47,32,.3)}.article-no{color:var(--wine);font-family:var(--serif);font-style:italic;font-size:18px}.article-grid h3{font-family:var(--serif);font-size:31px;line-height:1.02;font-weight:400;margin:46px 0 18px}.article-grid p{font-size:14px;line-height:1.7;max-width:310px}.article-grid a{display:block;color:var(--wine);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-top:28px}.article-grid b{margin-left:16px;font-size:18px}.kitchen-note{display:grid;grid-template-columns:1fr 1fr;background:var(--gold)}.note-photo{height:570px;overflow:hidden}.note-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}.kitchen-note>div:last-child{padding:105px 14%}.kitchen-note h2{color:var(--wine);margin-bottom:30px}.kitchen-note p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:360px;margin-bottom:36px}footer{background:var(--ink);color:var(--cream);padding:90px 8% 25px}.footer-top{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:72px;border-bottom:1px solid rgba(252,246,217,.28)}.footer-top .eyebrow{color:var(--gold)}.footer-top h2{color:var(--cream)}.contact-actions{display:flex;gap:12px}.contact-button{display:grid;grid-template-columns:30px 1fr 20px;gap:12px;align-items:center;border:1px solid rgba(252,246,217,.45);padding:16px;width:250px;transition:.25s}.contact-button:hover{background:var(--cream);color:var(--ink);transform:translateY(-3px)}.contact-button>span{color:var(--gold);font-size:22px}.contact-button small{font-size:10px;letter-spacing:.09em;text-transform:uppercase;display:block;margin-bottom:5px}.contact-button strong{font-family:var(--serif);font-weight:400;font-size:18px}.contact-button>b{font-size:18px}.footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;padding-top:28px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.footer-bottom p{opacity:.65;text-align:center}.footer-bottom>a:last-child{text-align:right}.wordmark{font-family:var(--serif);font-size:34px;letter-spacing:-.05em;text-transform:none}.products-hero{text-align:center;background:var(--gold);padding:95px 5% 110px}.products-hero h1{font-size:clamp(60px,7vw,110px)}.products-hero>p:last-child{max-width:460px;margin:30px auto 0;line-height:1.7}.catalogue{padding:85px 10%}.catalogue-card{display:grid;grid-template-columns:1fr .8fr;gap:10%;align-items:center;padding:65px 0;border-bottom:1px solid rgba(118,47,32,.25)}.catalogue-card.reverse .catalogue-img{order:2}.catalogue-img{height:470px;position:relative;overflow:hidden;background:#e6d6ae}.catalogue-img img{width:100%;height:100%;object-fit:cover}.catalogue-img span{position:absolute;left:22px;top:19px;color:var(--wine);font-family:var(--serif);font-style:italic;font-size:25px}.catalogue-card h2{margin:10px 0 22px}.catalogue-card>div:last-child>p:not(.eyebrow){line-height:1.7;margin-bottom:28px}.catalogue-multi{display:flex;flex-direction:column;gap:36px}.catalogue-multi .catalogue-sub+.catalogue-sub{padding-top:34px;border-top:1px solid rgba(118,47,32,.25)}.catalogue-sub p:not(.eyebrow){line-height:1.7;margin-bottom:22px}.enquiry-modal{border:0;padding:48px;background:var(--cream);max-width:480px;width:calc(100% - 32px);box-shadow:0 14px 60px rgba(0,0,0,.28)}.enquiry-modal::backdrop{background:rgba(26,26,27,.63);backdrop-filter:blur(3px)}.close-modal{position:absolute;right:16px;top:12px;border:0;background:none;color:var(--wine);font-size:30px}.enquiry-modal h2{font-family:var(--serif);font-size:47px;font-weight:400;line-height:.95;letter-spacing:-.04em;color:var(--wine);margin:0 0 22px}.modal-copy{line-height:1.7;margin-bottom:25px}.modal-whatsapp{width:100%}.modal-instagram{display:block;text-align:center;color:var(--wine);font-size:12px;font-weight:700;margin-top:18px}@media(max-width:780px){.topline{font-size:9px}.site-header{height:76px}.brand{height:60px;width:70px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--cream);padding:24px 5%;flex-direction:column;align-items:flex-start;gap:22px;border-top:1px solid #e1d6b9}.site-header.menu-open nav{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;min-height:unset}.hero-copy{padding:74px 9% 56px}.hero-product{padding:20px 12% 58px}.arch{height:450px}.hero-product>p{bottom:8px}.section{padding:75px 7%}.section-heading{align-items:flex-start;flex-direction:column;gap:22px}.product-grid,.article-grid{grid-template-columns:1fr}.product-image{height:370px}.origin{grid-template-columns:1fr}.origin-photo{height:440px;padding:0}.origin-photo:after{inset:0}.origin-copy{padding:74px 8%}.article-grid article,.article-grid article+article{padding:28px 0;border-left:0}.article-grid h3{margin:22px 0 12px}.kitchen-note{grid-template-columns:1fr}.note-photo{height:360px}.kitchen-note>div:last-child{padding:72px 9%}.footer-top{display:block;padding-bottom:44px}.contact-actions{display:grid;margin-top:35px}.contact-button{width:min(100%,320px)}.footer-bottom{grid-template-columns:1fr;gap:12px;align-items:start}.footer-bottom p,.footer-bottom>a:last-child{text-align:left;margin:0}.products-hero{padding:76px 7%}.catalogue{padding:45px 7%}.catalogue-card,.catalogue-card.reverse{grid-template-columns:1fr;gap:28px;padding:48px 0}.catalogue-card.reverse .catalogue-img{order:0}.catalogue-img{height:360px}} /* Consolidated component and responsive styles */ /* Brand refinement: Singapore-forward, no display italics, spice-quill motif. */ h1 em,h2 em{font-style:normal} .hero h1,.products-hero h1,.section-heading h2,.origin h2,.kitchen-note h2,.footer-top h2,.catalogue h2,.product-meta h3,.article-grid h3,.wordmark,.article-page>h1,.article-copy h2,.enquiry-modal h2{font-family:"Prata",Georgia,serif!important} .brand{width:72px;height:72px;justify-content:center;border-radius:50%;overflow:hidden;background:#762f20;border:2px solid #762f20} .brand img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal} .roundel{right:17px;display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.1;transform:rotate(4deg)} .hero-product>p{font-style:normal} .spice-mark{display:inline-flex!important;align-items:center;gap:2px;margin:0 12px!important;vertical-align:middle;color:var(--gold)} .spice-mark i{display:block;width:5px;height:13px;border:1px solid currentColor;border-radius:60%;transform:rotate(-28deg)} .spice-mark i:nth-child(2){transform:translateY(-3px);height:14px} .spice-mark i:nth-child(3){transform:rotate(28deg)} .roundel .spice-mark,.contact-button .spice-mark,.marquee .spice-mark{margin:0!important;color:var(--gold)} .catalogue-img span{display:none} @media(max-width:780px){.brand{width:60px;height:60px}.roundel{right:14px}} .marquee .spice-mark{margin-left:34px!important;margin-right:34px!important} .hero-product>p{bottom:72px} .product-card:first-child .product-image img{object-position:center} .article-page{max-width:1120px;margin:0 auto;padding:100px 8% 110px}.article-page>h1{font-family:var(--serif);font-size:clamp(56px,8vw,108px);line-height:.88;letter-spacing:-.055em;font-weight:400;color:var(--wine);margin:0 0 26px}.article-lead{max-width:570px;font-size:19px;line-height:1.65;margin:0 0 48px}.article-hero{width:100%;height:min(62vw,590px);object-fit:cover;object-position:center}.article-copy{max-width:690px;margin:65px auto 0;font-size:17px;line-height:1.78}.article-copy h2{font-family:var(--serif);font-size:39px;line-height:1;letter-spacing:-.035em;font-weight:400;color:var(--wine);margin:52px 0 15px}.article-copy p{margin:0 0 20px}.article-kicker{color:var(--wine);font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.article-source{border-top:1px solid rgba(118,47,32,.3);margin-top:48px!important;padding-top:20px;font-size:13px}.article-source a{color:var(--wine);text-decoration:underline;text-underline-offset:3px} .article-hero{height:auto!important;max-height:none!important;object-fit:contain!important;display:block} .article-page~footer{margin-top:0}.article-page~footer~*{display:none}body:has(.article-page) nav a[href="index.html#journal"]{padding:10px 13px;border:1px solid var(--wine);color:var(--wine)}body:has(.article-page) nav a[href="index.html#journal"]:before{content:"← "} @media(max-width:780px){.hero-product .roundel{left:14px;top:22px}.article-page{padding:70px 7%}.article-lead{font-size:17px}.article-copy{margin-top:42px;font-size:16px}.article-copy h2{font-size:33px}} @media(max-width:1050px){.hero{min-height:0}.hero-copy{padding:95px 8% 68px 12%}.hero-product{padding:42px}.arch{height:min(52vw,510px)}.article-page{padding-top:72px}}@media(max-width:780px){.article-escape{position:fixed;right:22px;bottom:22px;background:var(--wine);color:var(--cream);padding:13px 16px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 5px 18px rgba(0,0,0,.2)}} @media(max-width:780px){.article-escape{right:14px;bottom:14px}} .article-page .article-copy h2:first-of-type+ p + h2{display:none} .topline{display:flex;align-items:center;justify-content:center} .topline{display:grid;grid-template-columns:1fr auto 1fr}.topline>span:first-child{text-align:right}.topline>span:last-child{text-align:left}.topline .spice-mark{justify-self:center} @media(max-width:520px){.topline{grid-template-columns:1fr auto 1fr;font-size:8px}.topline .spice-mark{margin:0 9px!important}} .footer-logo{display:flex;align-items:center;width:128px;height:auto}.footer-logo img{width:100%;height:auto;object-fit:contain;object-position:left center} @media(max-width:780px){.footer-logo{width:104px;height:auto}} .marquee{overflow:hidden}.marquee-track{display:flex!important;width:max-content;animation:marquee-loop 28s linear infinite!important}.marquee-set{display:inline-flex;align-items:center;white-space:nowrap}.marquee-set .spice-mark{margin-left:34px!important;margin-right:34px!important}@keyframes marquee-loop{to{transform:translateX(-50%)}} /* Full-bleed kitchen image and a consistent, slightly airier display rhythm. */ .kitchen-note{align-items:stretch}.kitchen-note .note-photo{height:auto!important;align-self:stretch}.kitchen-note .note-photo img{height:100%!important}.hero h1,.products-hero h1{line-height:.98!important}.section-heading h2,.origin h2,.kitchen-note h2,.footer-top h2,.catalogue h2,.article-page>h1,.article-copy h2,.enquiry-modal h2{line-height:1.05!important} @media(max-width:780px){.kitchen-note .note-photo{height:360px!important;align-self:auto}.hero h1,.products-hero h1{line-height:1.02!important}} /* Cloves & Kalu Miris card: let the photo span the full height of the text column instead of being cropped to a fixed box. */ .catalogue-card-multi{align-items:stretch} .catalogue-card-multi .catalogue-img{height:auto} .catalogue-card-multi .catalogue-img img{height:100%;object-fit:contain} .catalogue-card-multi .catalogue-multi{justify-content:center} /* Hero arch photo (landing page): a leftover vw-based height was fighting the fixed-height rule and shrinking the box far below the photo's own proportions, cropping it aggressively on phones. Size the arch by the photo's own aspect ratio instead so it always shows uncropped. */ @media(max-width:1050px){.arch{height:auto;aspect-ratio:3/4}} /* Menu + text links: force off-black normal state and the site's wine red for hover/active/accent links, with !important and a -webkit-text-fill-color fallback in case something (e.g. iOS auto-link styling) was overriding plain color. */ nav a,nav a:visited,.text-link{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)} nav a:hover,nav a:active,nav a.active,.article-grid a,.article-source a,nav a[href="index.html#journal"]{color:var(--wine)!important;-webkit-text-fill-color:var(--wine)} /* The real source of the blue on mobile: the hamburger icon and the plain "Enquire to order" buttons on the homepage cards are