@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f7f4ec;--ink:#173d35;--orange:#f06438;--muted:#66716a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}.wrap{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}.nav{height:108px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-family:'Space Grotesk',sans-serif;font-size:29px;letter-spacing:-1.8px;font-weight:700}.logo span{font-weight:400}.logo i{font-style:normal;color:var(--orange);margin-left:8px}.navlinks{display:flex;gap:30px;font-size:13px}.smallbutton{font-size:13px;border-bottom:1px solid;padding-bottom:7px}.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:20px;padding-top:55px;padding-bottom:70px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;line-height:1.7}.dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(40px,4.4vw,60px);line-height:1.08;letter-spacing:-3.4px;font-weight:500;margin:25px 0}em{font-style:normal;color:var(--orange)}.hero-copy>p{font-size:16px;line-height:1.8;max-width:425px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button,.outline{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:50px;padding:14px 20px;font-size:12px;font-weight:700;border:1px solid var(--ink);border-radius:4px}.button{background:var(--ink);color:white}.outline{background:transparent;color:var(--ink)}.button:hover{background:var(--orange);border-color:var(--orange)}.outline:hover{background:#e9e5da}.caption{font-size:10px;color:var(--muted);margin-top:13px}.hero-note{margin-top:44px;font-size:11px;line-height:1.6;display:flex;gap:15px}.hero-note>span{color:var(--orange)}.visual{position:relative;min-height:550px;display:flex;justify-content:center;align-items:center;background:#e6e6d9;border-radius:160px 160px 8px 8px;margin-left:28px}.vertical-label{position:absolute;left:12px;top:140px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px}.phone{width:254px;height:443px;background:#1d2721;border:7px solid #283129;border-radius:28px;transform:rotate(7deg);box-shadow:15px 22px 0 #ced0c0;overflow:hidden;position:relative}.phone-top{height:30px;color:#eae9d9;display:flex;justify-content:space-between;padding:8px;font-size:7px}.cafe{position:relative;height:358px;background:#b4b89b;overflow:hidden}.window{position:absolute;width:160px;height:220px;background:#e8d6b0;border:12px solid #697256;border-radius:90px 90px 0 0;left:-25px;top:-75px;box-shadow:inset 35px 0 0 #c5cda9}.sun{width:60px;height:60px;background:#f9e7bd;border-radius:50%;position:absolute;right:20px;top:30px}.shelf{position:absolute;bottom:0;width:100%;height:166px;background:#8d5e3c;transform:skewY(-12deg)}.cup{position:absolute;top:140px;left:64px;width:110px;height:87px;background:#e8ddbd;border-radius:7px 7px 40px 40px;box-shadow:10px 12px 16px #54382470;transform:rotate(-8deg)}.cup:after{content:'';position:absolute;right:-27px;top:13px;width:30px;height:40px;border:9px solid #e8ddbd;border-radius:50%;z-index:-1}.coffee{height:24px;background:#5c361e;border:5px solid #f5ead1;border-radius:50%;margin-top:-8px}.coffee:after{content:'♡';display:block;color:#f2d8a8;text-align:center;line-height:12px;font-size:22px}.saucer{position:absolute;top:219px;left:48px;width:150px;height:22px;background:#d7c9a3;border-radius:50%;transform:rotate(-8deg)}.reel-title{position:absolute;top:254px;left:18px;color:#fff5df;font-family:'Space Grotesk';font-weight:600;font-size:27px;line-height:1.03;letter-spacing:-1px}.reel-title em{color:#ffcd7f}.beans{position:absolute;right:15px;top:200px;font-size:40px;color:#edba6a}.reel-bottom{position:absolute;bottom:9px;left:18px;right:15px;display:flex;justify-content:space-between;color:#fff5df;font-size:6px;line-height:1.6}.reel-bottom>span+span{font-size:22px}.timeline{height:38px;display:flex;gap:8px;align-items:center;color:#eee;font-size:8px;padding:8px}.timeline>div{height:2px;background:#758271;flex:1}.timeline i{display:block;width:40%;background:#e8aa67;height:2px}.timeline small{font-size:6px}.floating{position:absolute;background:#fffdf6;box-shadow:0 7px 20px #262a2410;padding:14px 16px;font-size:9px;letter-spacing:1px}.label-one{left:-28px;top:65px;transform:rotate(-7deg)}.label-one span{color:var(--orange);padding:0 8px}.label-two{right:-12px;bottom:75px;transform:rotate(-6deg);font-size:11px;letter-spacing:0}.label-two span{color:var(--orange);font-size:20px;margin-right:8px}.visual-foot{position:absolute;bottom:15px;font-size:8px;color:var(--muted);text-align:center}.ticker{overflow:hidden;background:var(--orange);color:#fff6e9;padding:20px 0;white-space:nowrap}.ticker>div{font-family:'Space Grotesk';font-size:15px;letter-spacing:2px;display:flex;gap:35px;justify-content:center}.ticker span{color:#ffcf8c}.how{padding-top:90px;padding-bottom:90px}.section-top{display:grid;grid-template-columns:1.3fr .7fr;gap:15px 80px}.section-top .eyebrow{grid-column:1/-1}h2{font-size:40px;line-height:1.13;letter-spacing:-1.8px;font-weight:500;margin:12px 0}.section-top>p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.steps article{border-top:1px solid #bfc2b4;padding-top:20px}.steps article>span{font-size:11px;color:var(--orange)}h3{font-size:20px;letter-spacing:-.6px;font-weight:500}.steps p,.idea p{font-size:13px;line-height:1.8;color:var(--muted)}.ideas{background:#e9e9df;padding:75px 0}.idea-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.idea-heading>p{font-size:12px;color:var(--muted);line-height:1.8}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.art{height:320px;position:relative;overflow:hidden;padding:24px;border-radius:4px}.art small{position:absolute;bottom:15px;left:20px;font-size:7px;letter-spacing:1.4px}.food-art{background:#e8a243;color:#5c3322}.food-art>span{font:500 37px/.95 'Space Grotesk';letter-spacing:-2px;position:relative;z-index:1}.food-art em{color:#fff1cb}.plate{border-radius:50%;background:#e1dba9;width:190px;height:190px;border:12px solid #f8edc6;position:absolute;right:-25px;bottom:35px;color:#68804b;font-size:150px;line-height:165px;text-align:center;box-shadow:0 10px 15px #593c2520}.shop-art{background:#c5c6ef;color:#353a6a}.shop-art>span{position:absolute;bottom:60px;font:500 33px/1 'Space Grotesk';letter-spacing:-1px}.shop-art em{color:#353a6a}.bag{height:150px;width:125px;background:#f6ecd6;position:absolute;top:25px;right:36px;transform:rotate(13deg);font:70px 'Space Grotesk';padding:20px;box-shadow:10px 12px 0 #a7a6d1}.bag:before{content:'';position:absolute;top:-15px;left:40px;width:40px;height:40px;border:4px solid #777891;border-radius:50%;z-index:-1}.bag span{font-size:30px;color:var(--orange)}.service-art{background:#356255;color:#fff1d6}.spark{font-size:170px;position:absolute;right:20px;top:-25px;line-height:1.3;color:#c2d09d}.service-art>span{position:absolute;bottom:65px;font:500 37px/1 'Space Grotesk';letter-spacing:-1.5px}.service-art em{color:#d9dfae}.launch{padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.launch p{font-size:14px;color:var(--muted);line-height:1.8;max-width:380px}.brief-preview{padding:35px;background:#ecece1;border:1px solid #d7d9cb;border-radius:8px;transform:rotate(3deg)}.preview-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;border-bottom:1px solid #c5c9b9;padding-bottom:20px}.preview-top span{color:var(--orange);font-size:18px}.preview-line{font-size:9px;color:var(--muted);letter-spacing:1px;margin:25px 0 9px}.brief-preview strong{font-family:'Space Grotesk';font-size:25px;font-weight:400}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:25px 0}.tags span{background:var(--paper);padding:8px;font-size:9px;border-radius:3px}.preview-footer{font-size:10px;border-top:1px solid #c5c9b9;padding-top:20px;display:flex;justify-content:space-between}.preview-footer span{color:var(--orange);font-size:25px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding-bottom:80px}.faq h2{font-size:30px}details{border-bottom:1px solid #c7cabd;padding:20px 0}summary{font-size:14px;cursor:pointer}details p{font-size:13px;line-height:1.8;color:var(--muted)}footer{border-top:1px solid #c7cabd;min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer small{font-size:11px;color:var(--muted)}dialog{border:0;background:var(--paper);color:var(--ink);max-width:450px;padding:45px;border-radius:10px}dialog::backdrop{background:#14201699}dialog p{font-size:14px;line-height:1.8}dialog .close{position:absolute;right:15px;top:10px;background:none;border:none;font-size:28px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
@media(max-width:800px){.wrap{padding-left:24px;padding-right:24px}.nav{height:85px}.navlinks{display:none}.hero{grid-template-columns:1fr;padding-top:25px;gap:35px}h1{font-size:48px;letter-spacing:-2.7px}.hero-copy>p{max-width:530px}.hero-note{display:none}.visual{margin:0 10px;min-height:510px}.label-one{left:-15px}.label-two{right:-15px}.section-top{grid-template-columns:1fr;gap:0}.steps{gap:22px}.steps h3{font-size:18px}h2{font-size:34px}.idea-grid{grid-template-columns:1fr}.art{height:340px}.idea{display:grid;grid-template-columns:1fr}.food-art .plate{right:20px}.idea-heading{display:block}.idea-heading>p{display:none}.launch{grid-template-columns:1fr;gap:45px}.brief-preview{margin:0 10px}.faq{grid-template-columns:1fr;gap:15px}.how,.launch{padding-top:60px;padding-bottom:60px}footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px}footer p{display:none}}
@media(max-width:480px){.smallbutton{font-size:11px}.logo{font-size:25px}.hero .actions{flex-direction:column;align-items:stretch}.hero h1{font-size:41px}.steps{grid-template-columns:1fr;gap:18px}.steps h3{margin:12px 0}.steps p{margin-top:0}.visual{min-height:490px}.label-one{font-size:7px}.label-two{font-size:10px}.section-top h2{font-size:31px}.launch .actions{display:grid}.caption{font-size:9px}}

.logo{display:inline-flex;align-items:center;gap:8px}.logo img{flex:none;border-radius:9px}.logo .brand-period{color:var(--orange);font-weight:700;margin-left:-8px}