:root{--oat:#f7f1e7;--milk:#fffdf8;--green:#637052;--pist:#a6b58a;--peach:#e6a079;--berry:#b35e72;--coffee:#5b4339;--ink:#292826;--muted:#77716d;--line:rgba(91,67,57,.16);font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--oat)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--oat);line-height:1.55}img{display:block;width:100%;object-fit:cover}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.ribbon{height:8px;background:linear-gradient(90deg,var(--peach) 0 34%,var(--pist) 34% 65%,var(--berry) 65%)}.header{position:sticky;z-index:20;top:0;background:rgba(255,253,248,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.headrow{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:25px;font-weight:750;letter-spacing:-1.5px}.brand small{font-size:10px;letter-spacing:2px;display:block;margin-top:-5px;color:var(--green)}.nav{display:flex;gap:21px;font-size:14px}.nav a{padding:8px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{border-color:var(--peach)}.status{font-size:12px;color:var(--green)}.menu-toggle{display:none;border:0;background:none;font-size:25px}.sheet{display:none}.hero{padding:44px 0 72px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:30px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(45px,6vw,78px);letter-spacing:-4px;line-height:.95;margin:17px 0 22px}h2{font-size:clamp(29px,4vw,48px);line-height:1;letter-spacing:-2.5px}.lead{font-size:17px;color:var(--muted);max-width:500px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{border:1px solid var(--coffee);padding:12px 18px;border-radius:30px;background:var(--coffee);color:#fff;font-weight:650}.btn.alt{background:transparent;color:var(--coffee)}.window{height:550px;border-radius:180px 180px 28px 28px;overflow:hidden;position:relative;background:var(--pist)}.window img{height:100%}.mini{position:absolute;width:165px;border:8px solid var(--milk);border-radius:50%;right:-32px;bottom:38px;box-shadow:0 15px 36px #35281e26}.mini.two{right:auto;left:-40px;bottom:145px;width:130px}.sip{padding:24px 0 70px;background:var(--milk)}.strip{display:flex;overflow:auto;gap:15px;padding:10px 0;scroll-snap-type:x mandatory}.sip-item{min-width:155px;scroll-snap-align:start}.sip-item img{height:180px;border-radius:85px 85px 15px 15px}.sip-item b{display:block;margin-top:10px}.sip-item span{color:var(--berry);font-size:13px}.section{padding:86px 0}.tone{background:#f0eadc}.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.sun-path{position:relative;height:215px;border-top:3px solid var(--peach);border-radius:50% 50% 0 0;margin:45px 0 10px}.dayparts{display:flex;justify-content:space-between;position:absolute;inset:auto 0 -20px}.dayparts button,.orbit button,.mood button{border:0;background:none;color:var(--coffee);font-size:13px;font-weight:700}.dayparts button.active{color:var(--berry);transform:translateY(-8px)}.day-content{display:grid;grid-template-columns:220px 1fr;gap:22px;background:var(--milk);padding:18px;border-radius:22px}.day-content img{height:190px;border-radius:16px}.orbit-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.orbit{height:410px;position:relative;border:1px solid var(--line);border-radius:50%;max-width:410px;margin:auto}.orbit-center{position:absolute;inset:30%;border-radius:50%;background:var(--coffee);color:white;display:grid;place-content:center;text-align:center;padding:16px}.orbit button{position:absolute;border-radius:50%;background:var(--milk);box-shadow:0 8px 20px #5943321d;width:92px;height:92px}.orbit button.active{background:var(--peach);color:white}.orbit button:nth-of-type(1){top:-18px;left:39%}.orbit button:nth-of-type(2){right:-14px;top:25%}.orbit button:nth-of-type(3){right:13%;bottom:-12px}.orbit button:nth-of-type(4){left:13%;bottom:-12px}.orbit button:nth-of-type(5){left:-14px;top:25%}.orbit button:nth-of-type(6){left:35%;top:40%}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.results img{height:140px;border-radius:20px}.stagger{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.stagger img{height:330px;border-radius:25px}.stagger .stack{display:grid;gap:16px}.stagger .stack img{height:157px}.builder{background:var(--coffee);color:white;border-radius:30px;padding:38px;display:grid;grid-template-columns:.8fr 1.2fr;gap:38px}.cup{width:190px;height:250px;border:8px solid var(--milk);border-top:0;border-radius:0 0 50px 50px;margin:28px auto;background:linear-gradient(180deg,#83aa7c var(--fill,55%),transparent var(--fill,55%));position:relative}.cup:before{content:"";position:absolute;width:120px;border-top:7px solid var(--milk);top:-10px;left:28px}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice{background:#ffffff16;border:1px solid #ffffff42;color:white;border-radius:12px;padding:11px;text-align:left}.choice.active{background:var(--peach);border-color:var(--peach)}.resultbox{background:var(--milk);color:var(--ink);padding:14px;border-radius:16px;margin-top:15px;display:grid;grid-template-columns:100px 1fr;gap:15px}.resultbox img{height:110px;border-radius:10px}.seating{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:var(--milk);border-radius:25px;overflow:hidden}.seating img{height:430px}.mood{padding:27px;display:grid;align-content:center;gap:4px}.mood button{text-align:left;padding:13px;border-bottom:1px solid var(--line)}.mood button.active{color:var(--berry);padding-left:12px}.bench{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.bench img{height:360px;border-radius:24px}.steps{display:flex;gap:8px}.steps button{border:1px solid var(--line);background:var(--milk);padding:10px;border-radius:20px}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.note{padding:24px;border-radius:20px;background:var(--milk)}.club{background:var(--pist);border-radius:28px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.stamps{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0}.stamp{height:45px;width:45px;border:2px dashed var(--coffee);border-radius:50%;display:grid;place-items:center;font-size:12px}.stamp.on{background:var(--berry);color:white;border-style:solid}.footer{padding:55px 0;background:var(--ink);color:var(--milk)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.floating{display:none}.page-hero{padding:65px 0 35px}.page-hero img{max-height:390px;border-radius:30px}.shelf{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:180px 1fr;gap:20px}.shelf-drinks{display:flex;gap:12px;overflow:auto}.shelf-drink{min-width:170px}.shelf-drink img{height:145px;border-radius:15px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filters button{border:1px solid var(--line);background:var(--milk);border-radius:20px;padding:8px 13px}.lab{display:grid;grid-template-columns:1fr 1fr;gap:38px}.lab>img{height:570px;border-radius:30px}.droplet{height:125px;background:var(--pist);border-radius:20px 20px 5px 5px;display:flex;align-items:end;justify-content:center;padding:7px;font-size:11px}.profile{display:flex;gap:7px;align-items:end;height:165px}.profile .droplet:nth-child(2){height:95px;background:var(--peach)}.profile .droplet:nth-child(3){height:70px;background:var(--berry)}.profile .droplet:nth-child(4){height:110px;background:var(--green)}.profile .droplet:nth-child(5){height:80px;background:#b8a08a}.walk{display:flex;gap:14px;overflow:auto;scroll-snap-type:x mandatory}.walk img{width:300px;height:350px;border-radius:24px;scroll-snap-align:start}.form{background:var(--milk);padding:25px;border-radius:24px;display:grid;gap:12px}.form input,.form select,.form textarea{font:inherit;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.toast{position:fixed;z-index:50;bottom:20px;left:50%;transform:translateX(-50%) translateY(90px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:25px;transition:.25s}.toast.show{transform:translateX(-50%) translateY(0)}@media(max-width:760px){.wrap{width:min(100% - 28px,600px)}.nav,.status{display:none}.menu-toggle{display:block}.sheet.open{display:block;position:fixed;z-index:19;top:82px;inset-inline:0;background:var(--milk);padding:25px;border-radius:0 0 28px 28px;box-shadow:0 15px 30px #0002}.sheet a{display:block;font-size:28px;font-weight:700;padding:7px 0}.hero{padding-top:25px}.hero-grid,.split,.orbit-layout,.builder,.seating,.bench,.club,.lab{grid-template-columns:1fr}.hero-grid>div:first-child{order:2}.window{height:410px;border-radius:120px 120px 24px 24px}.mini{width:120px}.section{padding:60px 0}.day-content{grid-template-columns:1fr}.day-content img{height:210px}.orbit{height:330px;width:330px}.orbit button{width:72px;height:72px;font-size:10px}.results{grid-template-columns:repeat(3,1fr)}.results img{height:95px}.stagger img{height:230px}.stagger .stack img{height:107px}.builder{padding:25px}.seating img{height:300px}.notes,.footer-grid{grid-template-columns:1fr}.floating{display:grid;place-items:center;position:fixed;z-index:18;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;border:0;background:var(--berry);color:white;font-size:24px;box-shadow:0 6px 20px #0004}.quick{display:none;position:fixed;right:22px;bottom:83px;z-index:18;gap:8px}.quick.open{display:grid}.quick a{padding:9px 13px;background:var(--milk);box-shadow:0 4px 15px #0002;border-radius:22px}.shelf{grid-template-columns:1fr}.page-hero{padding-top:35px}.lab>img{height:390px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}