:root{--ink:#152a3a;--red:#073d6b;--cream:#ffdc65;--line:#e4e5e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;font:16px/1.6 Arial,sans-serif;color:var(--ink)}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #167ba8;outline-offset:5px}h1,h2,h3,p{margin:0 0 20px}h1,h2{line-height:1.02;letter-spacing:-.055em}h2{font-size:clamp(2.4rem,4.5vw,4rem)}.status{padding:10px 5%;background:#132d3e;color:#fff;font-size:.8rem;letter-spacing:.1em;display:flex;justify-content:space-between;gap:15px}.status span{letter-spacing:0}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 5%;background:white}.brand{font-size:1.7rem;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand span{display:block;font-size:.7rem;letter-spacing:.3em}nav{display:flex;gap:24px}nav a{text-decoration:none;font-size:.9rem}.contact{border:1px solid #182d3a;border-radius:30px;padding:10px 20px;text-decoration:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px;background:var(--red)}.hero-copy{padding:60px 10%;color:white}.flags{display:flex;align-items:center;gap:12px;font-size:.7rem;letter-spacing:.12em;margin-bottom:38px}.flags img{width:32px;height:22px;object-fit:cover}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.16em;margin-bottom:20px}.hero h1{font-size:clamp(3.5rem,6.6vw,6.5rem);font-weight:800}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;color:#ffdf8e}.intro{font-size:1.12rem;margin:28px 0}.button{display:inline-block;padding:15px 27px;border-radius:30px;text-decoration:none;font-weight:bold;font-size:.95rem}.cream{background:var(--cream);color:#123d56}.dark{background:var(--ink);color:white}.hero-image{position:relative;background:#fffdf6;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 8%}.hero-image>img{width:100%;max-width:600px;mix-blend-mode:multiply;transform:rotate(-7deg)}.image-caption{align-self:flex-start;margin:38px 0 0 10px}.image-caption span{font-size:.73rem;letter-spacing:.15em}.image-caption strong{display:block;font:italic 2.6rem Georgia,serif;margin:6px 0}.image-caption p{font-size:.9rem}.vertical{position:absolute;right:16px;top:35px;writing-mode:vertical-rl;font-size:.7rem;letter-spacing:.18em}.ribbon{padding:20px 0;overflow:hidden;white-space:nowrap;background:#ffcc4d;font-size:1.35rem;font-weight:800;letter-spacing:.1em;text-align:center}.ribbon span{margin:0 35px;color:#074e7f}.wrap{max-width:1350px;margin:auto;padding:80px 5%}.introduction{display:grid;grid-template-columns:1fr 1fr;gap:80px}.introduction p{max-width:610px}.introduction a{font-weight:bold;font-size:.9rem}.collection{padding-top:30px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px}.section-head>p,.section-head>span{font-size:.9rem;color:#57626c}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 35px}.filters button{border:1px solid #d4d8dd;background:white;border-radius:24px;padding:10px 19px;font-size:.9rem;color:var(--ink)}.filters button[aria-pressed=true]{background:var(--red);border-color:var(--red);color:white}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.product{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white;transition:transform .2s,box-shadow .2s}.product:hover{transform:translateY(-5px);box-shadow:0 15px 30px #142b3e16}.picture-button{display:block;width:100%;padding:0;border:0;background:white}.frame{position:relative;overflow:hidden;display:block;background:white}.frame img{position:absolute;max-width:none}.product-copy{padding:20px 22px;border-top:4px solid var(--accent)}.product-copy small{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#62717b}.product h3{font-size:1.2rem;line-height:1.3;margin:7px 0 0}.note{color:#65717b;font-size:.86rem;line-height:1.6;margin-top:25px}.interlude{display:grid;grid-template-columns:1.1fr 1fr;background:#172d40;color:white;min-height:480px}.cake-scene{background:url('assets/jordina/catalog-09.jpg') center bottom/190% auto no-repeat;min-height:440px}.interlude-copy{padding:70px 13%}.interlude-copy h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.025em;color:#ffd983}.sheet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.sheet{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f6f7fa;text-align:left;padding:0;color:var(--ink)}.sheet img{width:100%;aspect-ratio:4/3;object-fit:contain;display:block;background:white}.sheet span{display:block;padding:12px 16px;font-size:.88rem}.inquiry{background:#ffdc6a;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-left:max(5%,calc((100vw - 1215px)/2));padding-right:max(5%,calc((100vw - 1215px)/2))}.inquiry p{max-width:500px}.terms{background:#fff9e9;padding:35px;border-radius:18px}.terms h3{font-size:1.4rem}.terms dl{margin:0}.terms dl div{border-top:1px solid #dfd6be;padding:14px 0}.terms dt{font-weight:bold;font-size:.9rem}.terms dd{margin:3px 0 0;font-size:.9rem}.terms p{font-size:.85rem;margin-bottom:0}footer{background:#102a3c;color:white;padding:45px 5%}footer .brand{display:inline-block;margin-bottom:20px}footer p{margin-bottom:10px}footer .note{color:#c1cdd5;max-width:900px}dialog{border:0;border-radius:14px;width:min(1100px,96vw);max-height:94vh;padding:22px;background:white;color:var(--ink)}dialog::backdrop{background:#081423e6}#full{display:block;width:100%;height:auto}#caption{padding-right:45px;font-size:.9rem}#close{position:sticky;float:right;top:0;border:0;border-radius:50%;background:#162d40;color:white;width:42px;height:42px;font-size:1.7rem;z-index:2}.viewer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px}.viewer-actions button{border:1px solid #aab4bd;border-radius:20px;background:white;padding:8px 15px}.viewer-actions a{font-size:.9rem}@media(max-width:850px){header{flex-wrap:wrap}nav{order:3;width:100%;justify-content:space-between;gap:10px}.hero{min-height:0}.hero-copy{padding:45px 8%}.hero h1{font-size:3.6rem}.flags{font-size:.6rem;gap:7px}.hero-image{padding:40px 6%}.product-grid,.sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.introduction{gap:30px}.wrap{padding:55px 5%}.interlude-copy{padding:50px 9%}.inquiry{gap:30px}}@media(max-width:560px){.status{font-size:.65rem;flex-direction:column;gap:1px}header{padding:17px 5%}.brand{font-size:1.5rem}.contact{font-size:.8rem;padding:8px 13px}nav a{font-size:.8rem}.hero,.introduction,.interlude,.inquiry{grid-template-columns:1fr}.hero-copy{padding:40px 6%}.hero h1{font-size:3.7rem}.hero-image{padding:30px 12% 15px}.hero-image>img{max-width:400px}.image-caption{margin-top:15px}.image-caption strong{font-size:2rem}.flags{font-size:.65rem}.section-head{display:block}.filters{gap:7px}.filters button{padding:8px 12px;font-size:.83rem}.product-grid{gap:12px}.product-copy{padding:14px 12px}.product h3{font-size:1rem}.product-copy small{font-size:.65rem}.sheet-grid{gap:12px}.sheet span{font-size:.75rem;padding:10px}.cake-scene{min-height:280px}.interlude-copy{padding:40px 6%}.terms{padding:25px}.ribbon{font-size:1rem}h2{font-size:2.6rem}.inquiry{padding:45px 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product{transition:none}}

/* Kasih editorial collection */
.hero{background:#073d6b;min-height:680px}.hero h1{font-size:clamp(3rem,5.6vw,5.6rem)}.hero h1 em{color:#ffdd69}.hero-image{background:#e9f5ff;padding:40px 6%}.hero-packs{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;width:100%}.hero-packs img{width:100%;height:240px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 16px 12px #193c5420)}.hero-packs img:first-child{grid-row:span 2;height:440px;transform:rotate(-7deg)}.hero-packs img:nth-child(2){transform:rotate(7deg)}.hero-packs img:nth-child(3){transform:rotate(-4deg)}.image-caption{margin:15px 0 0}.product-picture{height:280px;background:#f7faff;display:flex;align-items:center;justify-content:center;padding:25px}.product-picture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.product-copy{min-height:130px}.product-source{font-size:.8rem;display:inline-block;margin-top:12px}.interlude{background:#006b63}.tea-display{background:#e6f6ef;display:flex;align-items:center;justify-content:center;padding:45px 6%;gap:20px}.tea-display img{width:46%;height:340px;object-fit:contain;mix-blend-mode:multiply}.tea-display img:first-child{transform:rotate(-8deg)}.tea-display img:last-child{transform:rotate(8deg)}.inquiry{background:#ffda60}.ribbon{background:#ffda60}.library{background:#f7faff;max-width:none;padding-left:max(5%,calc((100vw - 1215px)/2));padding-right:max(5%,calc((100vw - 1215px)/2))}.sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:560px){.hero h1{font-size:3.1rem}.hero-packs img:first-child{height:300px}.hero-packs img{height:160px}.hero-image{padding:25px 8%}.product-picture{height:200px;padding:15px}.product-copy{min-height:145px}.tea-display{padding:25px 6%}.tea-display img{height:230px}.sheet-grid{grid-template-columns:1fr}}

/* Give each package more room and reduce unused image padding. */
.collection{max-width:1500px;padding-left:4%;padding-right:4%}
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.product-picture{height:420px;padding:12px}
.hero-image{padding:30px 3%}
.hero-packs img{height:275px}
.hero-packs img:first-child{height:490px}
.tea-display{padding:30px 3%;gap:12px}
.tea-display img{width:47%;height:390px}
@media(max-width:850px){.product-picture{height:350px;padding:10px}}
@media(max-width:600px){.product-grid{grid-template-columns:1fr;gap:24px}.product-picture{height:auto;aspect-ratio:1.08;padding:10px}.hero-image{padding:25px 4%}.hero-packs img{height:200px}.hero-packs img:first-child{height:350px}.tea-display img{height:280px}}

/* Three products across on desktop; comfortable sizes on smaller screens. */
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media(max-width:850px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:600px){.product-grid{grid-template-columns:1fr;gap:24px}}