@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{--cream:#fff9ee;--blue:#103b77;--orange:#ec6a24;--ink:#292b22;--muted:#62675c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:'DM Sans',Arial,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Fraunces,Georgia,serif;letter-spacing:-.045em}em{color:var(--orange)}.topline{background:var(--blue);color:#fff;text-align:center;padding:10px;font-size:11px;font-weight:700;letter-spacing:.18em}header{height:92px;max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 6vw}header nav{display:flex;gap:32px;font-size:13px;font-weight:700}.brand{display:flex;align-items:center;gap:11px;color:var(--blue);font-family:Fraunces,Georgia,serif;font-size:18px;line-height:.88}.brand strong{font-size:25px}.brand img{width:55px;height:55px;border-radius:50%;object-fit:cover}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--orange);font-weight:700}.hero{display:grid;grid-template-columns:52% 48%;min-height:650px}.hero-text{padding:95px 6vw 90px 10vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero h1{font-size:clamp(60px,6.8vw,106px);line-height:1.04;margin:25px 0}.hero p{font-size:18px;line-height:1.7;max-width:520px;color:var(--muted)}.button{display:inline-block;background:var(--orange);color:#fff;border-radius:30px;padding:17px 25px;font-size:13px;font-weight:700}.button:hover{background:#cf571d}.hero small{display:block;margin-top:21px;color:var(--blue);font-weight:700}.hero-image{position:relative;min-height:580px}.hero-image>img{position:absolute;width:100%;height:100%;object-fit:cover}.seal{position:absolute;right:30px;bottom:30px;background:#fff9e9;border-radius:50%;width:140px;height:140px;display:grid;place-content:center;text-align:center;font-size:12px;font-weight:700;line-height:1.4;color:var(--blue);box-shadow:0 10px 30px #0003;transform:rotate(9deg)}.seal:first-line{font-size:28px}.values{display:flex;justify-content:space-around;gap:10px;background:var(--blue);padding:25px;color:#fff;font-size:13px;font-weight:700}.products{max-width:1250px;margin:auto;padding:115px 25px}.intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.intro h2{font-size:clamp(49px,6vw,77px);line-height:1.05;margin:17px 0 0}.intro p{max-width:370px;line-height:1.7;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid article{background:#fff;border:1px solid #e8dfd0}.photo{aspect-ratio:1;background:#e9e8d6;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.card-copy{padding:22px}.card-copy span{font-size:10px;letter-spacing:.15em;color:var(--orange);font-weight:700}.card-copy h3{font-size:25px;margin:12px 0}.card-copy p{font-size:13px;line-height:1.5;color:var(--muted)}.story{background:#e4e9cc;text-align:center;padding:90px 24px}.flower{display:block;color:var(--orange);font-size:55px;margin-bottom:16px}.story h2{font-size:clamp(47px,6vw,76px);line-height:1.08;margin:20px 0}.story p{max-width:650px;margin:auto;line-height:1.7;color:#5c6356}.cta{text-align:center;padding:95px 20px}.cta h2{font-size:58px}.cta p{max-width:560px;margin:0 auto 25px;line-height:1.6;color:var(--muted)}footer{background:var(--blue);color:#fff;padding:42px 6vw;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{color:#fff}footer p,footer small{font-size:12px;line-height:1.6}@media(max-width:850px){header nav{gap:15px}.hero{grid-template-columns:1fr}.hero-text{padding:75px 35px}.hero h1{font-size:clamp(56px,9vw,80px)}.hero-image{min-height:500px}.grid{grid-template-columns:repeat(2,1fr)}.intro{display:block}.intro p{margin-top:25px}}@media(max-width:540px){header{height:75px;padding:0 15px}header nav{gap:8px;font-size:10px}header nav a:first-child{display:none}.brand{font-size:13px}.brand strong{font-size:19px}.brand img{width:42px;height:42px}.hero-text{padding:65px 23px}.hero h1{font-size:clamp(49px,12vw,65px)}.hero-image{min-height:370px}.seal{width:105px;height:105px;font-size:9px;right:15px;bottom:15px}.values{flex-direction:column;align-items:center}.products{padding:75px 15px}.intro h2{font-size:50px}.grid{gap:9px}.card-copy{padding:13px}.card-copy h3{font-size:20px}.card-copy span{font-size:8px}.story,.cta{padding:70px 20px}.cta h2{font-size:45px}footer{flex-direction:column;text-align:center}}
