:root{--ink:#152a3a;--red:#a91c3c;--cream:#fff5df;--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:#61132a}.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:#9b183a}.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}.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}}

/* Jordina collection refresh */
:root{--red:#a3153d;--ink:#142c42} .hero{background:linear-gradient(125deg,#841032,#bf244e)}.hero-image{background:#dce9f5;padding:40px 8%;overflow:hidden}.hero-product{width:100%;aspect-ratio:650/620;border-radius:50% 50% 12px 12px;box-shadow:0 22px 70px #142c4230}.hero-product img{transform:none}.image-caption{margin-top:25px}.image-caption strong{font-size:2.3rem;color:#831a39}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product{border:0;border-radius:14px;background:#fff;box-shadow:0 2px 18px #12304b10}.picture-button{background:#dfe9f6;padding:12px}.product .frame{background:#dce9f5;border-radius:8px}.product-copy{padding:18px}.product-copy small{font-size:.875rem;letter-spacing:.07em}.product h3{font-size:1.06rem}.collection{max-width:1500px}.snack-feature{padding:50px 16%;background:#dfe9f6;display:flex;align-items:center}.snack-feature .frame{width:100%;aspect-ratio:460/425;border-radius:16px}.interlude{background:#133d43}.filters{position:relative;padding:15px 0}.eyebrow{font-size:.875rem}.filters button{font-size:.95rem}#full-frame{width:min(700px,100%);margin:0 auto}#full-frame #full{position:absolute;max-width:none}dialog{width:min(850px,96vw)}.viewer-actions span{font-size:.875rem;color:#586776}@media(max-width:1050px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-copy{padding:15px 12px}.hero h1{font-size:clamp(3rem,9vw,4.5rem)}.hero-product{max-width:450px}.hero-image{padding:25px 8%}.snack-feature{padding:35px 20%}.product-copy small{font-size:.8rem}.product h3{font-size:1rem}.picture-button{padding:7px}}

/* Transparent product cutouts */
.picture-button:has(.cutout-frame){background:#fff}.cutout-frame{display:flex;align-items:center;justify-content:center;aspect-ratio:1.5;padding:12px;box-sizing:border-box;background:#fff}.cutout-frame img{display:block;position:static;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}

/* Full product gallery: clear originals and larger cards */
.collection{max-width:1640px;padding-left:4%;padding-right:4%}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.product{border:1px solid #ece6e2;border-radius:20px;box-shadow:0 5px 22px #142b3e09}
.picture-button{padding:0;background:white;position:relative;overflow:hidden}
.product-photo{display:block;aspect-ratio:3/2;background:#fff}
.product-photo img{display:block;width:100%;height:100%;object-fit:contain}
.enlarge-label{display:block;font-size:.82rem;color:#667680;text-align:right;padding:0 20px 10px}
.product-copy{padding:22px 24px}.product h3{font-size:1.3rem;line-height:1.3}
.product-copy small{font-size:.85rem}
.hero-image,.snack-feature{background:white}
.hero-product{aspect-ratio:3/2;box-shadow:none;border-radius:0;background:white}
.hero-product img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain}
.snack-feature{padding:30px 6%}.snack-feature .frame{aspect-ratio:3/2}
.snack-feature .frame img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain}
dialog{width:min(1200px,96vw);padding:25px}
#full-frame.full-product{width:100%;max-width:none;display:flex;justify-content:center;align-items:center;background:white}
#full-frame.full-product #full{position:static;display:block;width:100%;height:auto;max-height:72vh;max-width:100%;object-fit:contain}
#caption{font-size:1.2rem;font-weight:700;padding-right:50px}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media(max-width:600px){.product-grid{grid-template-columns:1fr;gap:25px}.collection{padding-left:5%;padding-right:5%}.product h3{font-size:1.25rem}.product-copy{padding:20px}.product-photo{aspect-ratio:3/2}dialog{padding:16px}#caption{font-size:1rem}}

/* Make the products the focus, including tall packages. */
.collection{max-width:1500px}
.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.product-photo{aspect-ratio:1.18}
.product-photo img{object-fit:contain}
@media(max-width:600px){.product-grid{grid-template-columns:1fr;gap:25px}}

/* Larger product presentation, preserving the complete product photo. */
.collection{max-width:1700px;padding-left:3%;padding-right:3%}
.product-grid{gap:26px}
.product-photo{aspect-ratio:1}
.hero-image{padding:30px 3%}
.hero-product{aspect-ratio:1.18;max-width:none}
.snack-feature{padding:24px 3%}
.snack-feature .frame{aspect-ratio:1.18}
@media(max-width:600px){.collection{padding-left:3%;padding-right:3%}.product-grid{gap:24px}.hero-image{padding:25px 4%}.product-photo{aspect-ratio:1.08}}

/* 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}}