@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');

:root{
  --green:#173b20;
  --green-deep:#0e2b16;
  --green-soft:#315d37;
  --cream:#f5efe1;
  --cream-light:#fbf8f0;
  --cream-dark:#e8ddc7;
  --red:#bd2c25;
  --text:#18331e;
  --muted:#687168;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--cream);color:var(--text)}
body{font-family:"DM Sans",Arial,sans-serif}
a{text-decoration:none;color:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.site-header{
  background:var(--cream-light);
  border-bottom:1px solid rgba(23,59,32,.12);
}
.header-inner{
  max-width:1440px;margin:auto;padding:20px 5vw;
  display:flex;align-items:center;justify-content:space-between;gap:30px;
}
.brand img{display:block;width:250px;max-width:50vw;height:auto;mix-blend-mode:multiply}
.header-note{
  color:var(--green);font-size:10px;font-weight:700;letter-spacing:.13em;
}

.hero{
  max-width:1440px;margin:auto;
  min-height:calc(100vh - 95px);
  display:grid;grid-template-columns:50% 50%;
  overflow:hidden;
}
.hero-left{
  padding:clamp(55px,8vw,110px) clamp(25px,6vw,90px);
  background:var(--cream-light);
  display:flex;flex-direction:column;justify-content:center;
}
.kicker{
  margin:0 0 22px;color:var(--green-soft);
  font-size:11px;font-weight:700;letter-spacing:.16em;
}
h1{
  margin:0;color:var(--green-deep);
  font-size:clamp(55px,6.5vw,94px);
  line-height:.95;letter-spacing:-.045em;
  font-weight:600;
}
h1 em{
  font-family:"Playfair Display",Georgia,serif;
  color:var(--red);font-weight:600;
}
.lead{
  max-width:570px;margin:28px 0 34px;
  color:#626b62;font-size:16px;line-height:1.8;
}

.launch-card{
  max-width:570px;background:var(--green);
  padding:25px 26px 22px;color:#fff;
  box-shadow:0 18px 45px rgba(23,59,32,.18);
}
.launch-title{margin:0 0 4px;font-size:18px;font-weight:700}
.launch-copy{margin:0 0 16px;color:#dbe4d9;font-size:12px}
form{display:flex}
input{
  flex:1;min-width:0;border:1px solid #d9d5c9;
  border-right:0;border-radius:7px 0 0 7px;
  padding:14px 15px;background:#fff;color:var(--text);
  font:inherit;font-size:13px;outline:none;
}
button{
  border:0;border-radius:0 7px 7px 0;padding:0 20px;
  background:var(--red);color:#fff;cursor:pointer;
  font:700 11px "DM Sans",sans-serif;letter-spacing:.08em;
}
button:hover{filter:brightness(.94)}
button span{font-size:16px;margin-left:7px}
.launch-card small{display:block;margin-top:9px;color:#c9d5c8;font-size:9px}
.success{margin:9px 0 0!important;color:#fff!important;font-size:11px!important;font-weight:600}

.trust-row{
  display:grid;grid-template-columns:repeat(4,1fr);
  max-width:650px;margin-top:38px;border-top:1px solid #d7d0c1;
  padding-top:18px;
}
.trust-row div{
  display:flex;gap:9px;align-items:flex-start;
  padding-right:10px;border-right:1px solid #d7d0c1;
}
.trust-row div:last-child{border-right:0}
.trust-row b{color:var(--red);font-size:10px}
.trust-row span{font-size:9px;line-height:1.45;font-weight:600;color:#566157}

.hero-right{
  position:relative;overflow:hidden;background:var(--green);
  min-height:650px;
}
.pattern{
  position:absolute;inset:0;opacity:.1;
  background-image:
    linear-gradient(30deg,transparent 47%,#fff 48%,#fff 52%,transparent 53%),
    linear-gradient(150deg,transparent 47%,#fff 48%,#fff 52%,transparent 53%);
  background-size:44px 44px;
}
.image-frame{
  position:absolute;inset:9% 7% 7% 8%;
  background:linear-gradient(145deg,#eee5d2,#d8c9ab);
  overflow:hidden;
  box-shadow:0 28px 80px rgba(0,0,0,.25);
}
.image-glow{
  position:absolute;width:500px;height:500px;border-radius:50%;
  top:-130px;right:-110px;background:rgba(255,255,255,.35);
}
.basket{
  position:absolute;width:520px;height:380px;
  left:50%;top:48%;transform:translate(-50%,-35%) rotate(-5deg);
  z-index:4;
}
.basket-weave{
  position:absolute;left:25px;right:25px;bottom:0;height:235px;
  border-radius:8% 8% 28% 28%;
  background:
   repeating-linear-gradient(9deg,rgba(104,69,32,.18) 0 3px,transparent 3px 11px),
   repeating-linear-gradient(81deg,rgba(104,69,32,.12) 0 2px,transparent 2px 12px),
   #d2b37c;
  box-shadow:0 30px 45px rgba(65,51,29,.25);
}
.basket-weave:before{
  content:"";position:absolute;left:-18px;right:-18px;top:-18px;height:45px;
  border-radius:50%;background:#d9bd8a;border:6px solid #b8955e;
}
.handle{
  position:absolute;width:55px;height:300px;top:15px;
  border:18px solid #1c4723;border-bottom:0;
  border-radius:60px 60px 0 0;z-index:5;
}
.h1{left:190px;transform:rotate(17deg)}
.h2{left:330px;transform:rotate(22deg)}
.sprig{
  position:absolute;bottom:205px;left:100px;width:12px;height:170px;
  background:#1e4b27;border-radius:100% 0;transform-origin:bottom;z-index:6;
}
.s1{transform:rotate(-28deg)}
.s2{left:145px;transform:rotate(-9deg);height:190px}
.s3{left:190px;transform:rotate(15deg);height:160px}
.cloth{
  position:absolute;right:-90px;bottom:5px;width:500px;height:180px;
  transform:rotate(8deg);
  background:repeating-linear-gradient(
    0deg,#b92c26 0 13px,#e3c997 13px 27px,#275328 27px 39px,#f0d9a4 39px 55px
  );
  opacity:.9;
}
.seal{
  position:absolute;right:34px;top:34px;width:92px;height:92px;
  border:1px solid rgba(23,59,32,.45);border-radius:50%;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  color:var(--green);font-size:9px;font-weight:800;letter-spacing:.12em;
  text-align:center;background:rgba(250,245,232,.78);z-index:8;
}
.seal span{color:var(--red);font-size:13px}

.statement{
  max-width:1440px;margin:auto;background:var(--green);
  color:#fff;padding:35px 6vw;display:grid;
  grid-template-columns:auto 1fr 1.2fr;gap:28px;align-items:center;
}
.statement-mark{font-size:25px;color:#e5c98d}
.mini{margin:0 0 5px;font-size:9px;letter-spacing:.16em;color:#b8c9b6}
.statement h2{margin:0;font-family:"Playfair Display",Georgia,serif;font-size:34px;font-weight:500}
.statement-copy{margin:0;color:#d8e1d6;font-size:13px;line-height:1.7;max-width:500px}

footer{
  background:var(--green-deep);color:#dce5da;
  padding:20px 6vw;display:flex;justify-content:space-between;
  align-items:center;font-size:10px;letter-spacing:.03em;
}
footer nav{display:flex;gap:22px}
footer nav a:hover{color:#fff}

@media(max-width:900px){
  .header-inner{padding:16px 25px}
  .header-note{display:none}
  .hero{grid-template-columns:1fr}
  .hero-right{order:-1;min-height:450px}
  .hero-left{padding:55px 25px}
  .image-frame{inset:7% 5% 5%}
  .basket{transform:translate(-50%,-38%) scale(.78) rotate(-5deg)}
}
@media(max-width:560px){
  .brand img{width:205px}
  .hero-right{min-height:350px}
  .basket{transform:translate(-50%,-40%) scale(.57) rotate(-5deg)}
  .seal{right:15px;top:15px;transform:scale(.8)}
  h1{font-size:54px}
  .lead{font-size:14px}
  form{flex-direction:column;gap:8px}
  input{border-right:1px solid #d9d5c9;border-radius:7px}
  button{min-height:48px;border-radius:7px}
  .trust-row{grid-template-columns:1fr 1fr;gap:14px}
  .trust-row div:nth-child(2){border-right:0}
  .statement{grid-template-columns:auto 1fr;gap:14px}
  .statement-copy{grid-column:1/-1}
  footer{flex-direction:column;gap:12px;text-align:center}
}