:root{
  --paper:#f3ece6;
  --ink:#3c2e22;
  --pink:#ad7f8c;
  --max:1180px;
}
*{box-sizing:border-box}
html{background:var(--paper);scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.46}
a{color:inherit}
.site-shell{width:min(100%,var(--max));margin:0 auto;background:var(--paper);overflow:hidden}
.hero{width:100%;height:640px;overflow:hidden}
.hero img{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block}
.section{position:relative;padding:92px 8.5%}
.copy{position:relative;z-index:4;max-width:690px}
.copy.narrow{max-width:650px;margin:auto}
h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:700;letter-spacing:.005em;line-height:1.06;margin:0 0 28px;color:var(--ink)}
h1{font-size:clamp(36px,4vw,56px)}
h2{font-size:clamp(32px,3.5vw,50px)}
p{margin:0 0 21px}.centered{text-align:center}.text-left{text-align:left}.tagline{font-size:.94rem}
.decor,.feature{position:absolute;z-index:2;display:block}.bean{width:82px;height:auto}.llama{width:190px;height:auto}
.intro{min-height:790px;padding-top:86px;padding-bottom:90px}.intro .copy{width:58%}.bean-a{right:6%;top:8%}.bean-b{left:4%;top:29%}.cup-hand{left:-3%;bottom:2%;width:31%;max-width:360px}.intro-llama{right:3%;bottom:15%;width:24%;max-width:250px}.faint-beans{width:46%;left:27%;top:18%;opacity:.18}
.two-col{min-height:650px}.looking .copy{width:67%;margin-left:8%}.mockup-products{right:-4%;bottom:12%;width:33%;max-width:360px}.beans-left{left:-8%;bottom:3%;width:34%;opacity:.55}.beans-right{right:2%;top:17%;width:11%}
.closeup{min-height:710px;padding-top:85px}.closeup .copy{width:67%;margin-left:8%}.pink-left{left:-1%;top:14%;width:17%;max-width:175px}.round-logo{right:4%;top:31%;width:22%;max-width:225px}.scatter-low{left:-10%;bottom:4%;width:48%;opacity:.28}.products-strip-inline{width:43%;margin-top:25px;border-radius:1px;display:block}
.screen{min-height:690px;padding-top:90px}.screen .copy{width:62%;margin-left:13%}.left-visual{position:absolute;left:-6%;bottom:5%;width:23%;z-index:2}.left-visual img{width:100%;height:auto;display:block}.tin{right:2%;top:16%;width:31%;max-width:320px;border-radius:50%;clip-path:ellipse(49% 43% at 50% 50%)}
.cup-section{min-height:720px;padding-top:110px}.cup-section .copy{width:69%;margin-left:8%}.protection{right:1%;top:15%;width:28%;max-width:300px}.cup-bean{right:3%;bottom:7%;width:78px}
.split-panel{display:grid;grid-template-columns:58% 42%;padding:0;min-height:720px;align-items:stretch}.sign-image{width:100%;height:100%;object-fit:cover;display:block}.marewick-copy{padding:95px 12% 70px 9%;display:flex;flex-direction:column;justify-content:center}.marewick-copy h2{font-size:clamp(33px,3.5vw,50px)}.marewick-copy p{max-width:370px}
.final-cta{min-height:630px;padding-top:84px;padding-bottom:60px}.final-cta .copy{width:66%;margin-left:8%}.bottom-beans{right:-11%;top:3%;width:48%;opacity:.24}.final-llama{right:2%;bottom:7%;width:18%;max-width:190px}.final-bean{left:-1%;bottom:4%;width:16%;max-width:165px}.etsy-btn{display:inline-block;background:var(--pink);text-decoration:none;padding:10px 18px;border-radius:6px;font-weight:700;letter-spacing:.015em}.etsy-btn:hover{filter:brightness(.96)}
.footer{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:18px 8.5% 26px;font-size:12px;line-height:1.35}.footer a{text-decoration:none}.footer .studio{font-family:"Playfair Display",Georgia,serif;font-size:21px;font-weight:700;white-space:nowrap}
@media (max-width:850px){
 body{font-size:15px}.site-shell{width:100%}.hero{height:70vw;min-height:330px;max-height:560px}.hero img{object-position:center center}
 .section{padding-left:7%;padding-right:7%}.intro{min-height:780px}.intro .copy,.looking .copy,.closeup .copy,.screen .copy,.cup-section .copy,.final-cta .copy{width:74%;margin-left:10%}
 .cup-hand{width:36%;left:-8%}.intro-llama{width:25%;right:-1%}.mockup-products{width:30%;right:-5%}.round-logo{width:24%;right:1%}.screen .left-visual{width:25%}.tin{width:33%}.protection{width:31%}
 .split-panel{grid-template-columns:56% 44%;min-height:650px}.marewick-copy{padding-left:8%;padding-right:8%}
}
@media (max-width:620px){
 body{font-size:13px;line-height:1.38}.hero{height:67vw;min-height:300px}.section{padding-top:58px;padding-bottom:58px}.copy p{margin-bottom:15px}
 h1{font-size:28px;margin-bottom:20px}h2{font-size:27px;margin-bottom:20px}
 .intro{min-height:650px}.intro .copy{width:68%}.cup-hand{width:37%;bottom:0}.intro-llama{width:25%;bottom:12%}.bean{width:54px}.bean-a{right:3%}.bean-b{left:0}.faint-beans{width:60%;left:20%}
 .looking{min-height:570px}.looking .copy{width:68%;margin-left:9%}.mockup-products{width:30%;bottom:10%}.beans-left{width:36%;left:-10%}.beans-right{width:12%;right:1%}
 .closeup{min-height:590px}.closeup .copy{width:68%;margin-left:9%}.pink-left{width:17%;left:-2%}.round-logo{width:24%;right:0;top:34%}.products-strip-inline{width:46%}
 .screen{min-height:560px}.screen .copy{width:69%;margin-left:11%}.left-visual{width:24%!important;left:-4%!important}.tin{width:31%;right:-3%;top:20%}
 .cup-section{min-height:610px}.cup-section .copy{width:69%;margin-left:9%}.protection{width:30%;right:-2%;top:19%}.cup-bean{width:54px}
 .split-panel{grid-template-columns:58% 42%;min-height:520px}.marewick-copy{padding:45px 6%}.marewick-copy h2{font-size:25px}.marewick-copy p{font-size:12px}
 .final-cta{min-height:540px}.final-cta .copy{width:70%;margin-left:8%}.final-llama{width:20%;right:0}.final-bean{width:16%;left:-2%}.bottom-beans{width:52%;right:-16%}
 .etsy-btn{padding:8px 12px}.footer{font-size:9px;padding-left:6%;padding-right:6%}.footer .studio{font-size:16px}
}