:root{--paper:#f8f6f0;--ink:#292b25;--muted:#72746b;--accent:#a64e2e;--line:#deded4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#dac0a6}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-3px;font-family:Playfair Display,Georgia,serif;font-weight:400;line-height:1.08}em{color:var(--accent);font-weight:400}p{color:var(--muted);line-height:1.8}svg{flex-shrink:0}.announcement{color:#f7f4e9;text-align:center;letter-spacing:.5px;background:#30382c;padding:11px 20px;font-size:11px}.announcement span{color:#e3d9c3;align-items:center;gap:9px;margin-left:28px;display:inline-flex}header{border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;height:94px;margin:0 5%;display:flex;position:relative}.wordmark{letter-spacing:-1.5px;align-items:center;gap:12px;font-size:27px;font-weight:550;display:flex}.logo-sun{color:var(--accent);font-size:37px;line-height:1}nav{gap:35px;font-size:12px;display:flex}nav a:hover,.text-link:hover{color:var(--accent)}.nav-shop{border:1px solid #bfc1b4;border-radius:3px;align-items:center;gap:25px;padding:13px 17px;font-size:12px;display:flex}.menu{display:none}.hero{grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;padding:60px 5% 0;display:grid;position:relative;overflow:hidden}.eyebrow{letter-spacing:1.9px;align-items:center;gap:12px;font-size:10px;font-weight:600;display:flex}.tiny-line{background:var(--accent);width:25px;height:1px}h1{margin:26px 0 25px;font-size:clamp(55px,5.8vw,87px)}.hero-copy>p{font-size:14px}.hero-actions{align-items:center;gap:25px;margin-top:30px;display:flex}.button{background:var(--accent);color:#fff;border-radius:2px;justify-content:space-between;align-items:center;gap:30px;padding:19px 23px;font-size:12px;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#833a22;transform:translateY(-2px)}.text-link{align-items:center;gap:13px;font-size:11px;display:inline-flex}.hero-note{color:var(--muted);align-items:center;gap:12px;margin:37px 0 35px;font-size:10px;line-height:1.7;display:flex}.hero-note strong{color:#464b3e;font-weight:400}.sun-icon{border:1px solid #d9d9c9;border-radius:50%;padding:9px;display:flex}.hero-art{isolation:isolate;background:radial-gradient(at 55% 60%,#dddccf 0%,#eae9df 45%,#efeee5 70%);border-radius:48% 48% 2px 2px;min-height:570px;position:relative}.art-top{letter-spacing:1.5px;z-index:2;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:22px;left:28px;right:20px}.giant-brew{letter-spacing:-8px;color:#d1d1c1;font-family:Playfair Display,serif;font-size:clamp(90px,12vw,180px);font-style:italic;position:absolute;top:60px;left:15%}.hero-product{mix-blend-mode:multiply;z-index:2;width:140%;max-width:none;position:absolute;top:90px;left:-20%}.orbit{border:1px solid #d5d5c6;border-radius:50%;width:90%;height:40%;position:absolute;top:40%;left:4%;transform:rotate(-25deg)}.orbit-two{height:60%;top:25%;transform:rotate(28deg)}.art-caption{letter-spacing:.8px;z-index:3;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:25px;left:27px;right:27px}.art-caption i{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.art-caption>span:last-child{letter-spacing:0;color:#6c7065;font-size:10px}.round-seal{color:#eee9db;letter-spacing:1.5px;z-index:4;border:5px solid var(--paper);background:#344031;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:103px;height:103px;font-size:8px;line-height:.8;display:flex;position:absolute;top:45%;right:-22px;transform:rotate(13deg)}.round-seal svg{margin:0}.hero-bottom{letter-spacing:1.5px;color:#777a6f;grid-column:1/-1;justify-content:space-between;padding:28px 0 24px;font-size:8px;display:flex}.hero-bottom a{align-items:center;gap:16px;display:flex}.benefits{border-block:1px solid var(--line);justify-content:space-between;padding:27px 7%;font-size:11px;display:flex}.benefits span{align-items:center;gap:12px;display:flex}.benefits svg{stroke-width:1.2px;color:#68705d;width:19px;height:19px}.section{max-width:1440px;margin:auto;padding:100px 7%}.ritual{grid-template-columns:1fr 1fr;align-items:center;gap:10%;display:grid}.ritual-image{height:510px;position:relative}.ritual-image img{object-fit:cover;width:100%;height:100%}.image-tag{color:#fff;letter-spacing:1.5px;font-size:8px;position:absolute;bottom:22px;left:25px}h2{margin:23px 0 27px;font-size:clamp(40px,4vw,59px)}.ritual-copy p{max-width:350px;margin-bottom:18px;font-size:13px}.ritual-copy .text-link{border-bottom:1px solid #a6a898;margin-top:13px;padding-bottom:10px}.craft{background:#efeee7;max-width:none}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading>p{margin-top:35px;font-size:12px}.craft-grid{grid-template-columns:1.2fr 1fr;gap:24px;margin-top:20px;display:grid}.craft-photo{background:#080909;min-height:495px;position:relative;overflow:hidden}.craft-photo img{object-fit:cover;width:100%;height:100%;position:absolute}.craft-photo>div{color:#fff;position:absolute;bottom:35px;left:35px}.craft-photo span{letter-spacing:1.6px;color:#ccc;font-size:8px}.craft-photo h3{margin-top:15px;font-family:Playfair Display,serif;font-size:33px;font-weight:400;line-height:1.2}.feature-stack{gap:20px;display:grid}.feature-stack article{background:#f8f6f0;padding:30px 34px;position:relative}.feature-number{letter-spacing:1.5px;color:#777b6e;font-size:9px}.feature-stack h3{margin:16px 0 13px;font-family:Playfair Display,serif;font-size:27px;font-weight:400;line-height:1.2}.feature-stack p{max-width:280px;font-size:12px}.feature-stack svg{color:var(--accent);position:absolute;top:35px;right:29px}.modes{grid-template-columns:1fr 1fr;align-items:center;gap:9%;display:grid}.mode-tabs{border-bottom:1px solid var(--line);margin-top:35px;display:flex}.mode-tabs button{text-align:left;color:var(--muted);background:0 0;border:0;flex:1;padding:15px 0;position:relative}.mode-tabs button span{vertical-align:super;margin-left:8px;font-size:8px}.mode-tabs button[aria-selected=true]{color:var(--accent)}.mode-tabs button[aria-selected=true]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:20px}.mode-description{min-height:190px;padding-top:24px;animation:.35s appear}.mode-description h3{margin-bottom:12px;font-size:17px;font-weight:500}.mode-description p{max-width:375px;font-size:13px}.flavor{text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-top:24px;font-size:9px;display:block}.coffee-art{background:#e8e3d7;justify-content:center;align-items:center;height:480px;transition:background .5s;display:flex;position:relative;overflow:hidden}.coffee-label{letter-spacing:1.7px;font-size:8px;position:absolute;top:28px;left:28px}.saucer{background:linear-gradient(135deg,#fdfbf2,#d1cbbd);border-radius:50%;place-items:center;width:270px;height:270px;display:grid;transform:rotate(-25deg);box-shadow:20px 30px 40px #4a3a2325,inset 0 0 0 12px #f0ece0}.cup{z-index:1;background:#f6f2e6;border-radius:50%;width:190px;height:190px;padding:12px;position:relative;box-shadow:8px 12px 20px #513a3629}.cup:after{content:"";z-index:-1;background:linear-gradient(#f9f6eb,#d9d2c4);border-radius:0 14px 14px 0;width:50px;height:38px;position:absolute;top:74px;right:-38px}.coffee-liquid{background:radial-gradient(at 40% 35%,#6c3620,#382014 60%,#aa6330 69%,#6e321e 72%);border:3px solid #d0b99b;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:filter .5s;display:flex;box-shadow:inset 3px 6px 7px #1b0e0ca8}.coffee-script{color:var(--accent);font-family:Playfair Display,serif;font-size:80px;font-style:italic;position:absolute;bottom:52px;right:25px;transform:rotate(-9deg)}.coffee-bottom{letter-spacing:1.1px;font-size:7px;position:absolute;bottom:24px}.mode-1{background:#d6cebe}.mode-1 .coffee-liquid{filter:brightness(.7)}.mode-2{background:#dce3dd}.coffee-liquid i{background:#fff6;border:2px solid #fff8;border-radius:9px;width:52px;height:52px;margin:-8px;transform:rotate(25deg);box-shadow:inset 4px 4px 10px #fff5}.quote{text-align:center;color:#f4f1e4;background:#344031;padding:66px 20px 75px}.quote>svg{color:#cfb899}.quote p{color:inherit;letter-spacing:-1.5px;margin:23px 0;font-family:Playfair Display,serif;font-size:48px;line-height:1.3}.quote em{color:#d8bb97}.quote>span{letter-spacing:2px;font-size:8px}.shop{grid-template-columns:1fr 1fr;align-items:center;gap:10%;display:grid}.shop-image{background:#eeede4;align-items:center;min-height:490px;display:flex;position:relative;overflow:hidden}.shop-image img{mix-blend-mode:multiply;width:135%;margin-left:-17%}.shop-image>span{text-align:center;letter-spacing:1px;font-size:8px;position:absolute;bottom:25px;left:0;right:0}.product-heading{justify-content:space-between;align-items:center;margin:30px 0 7px;display:flex}.product-heading h3{font-size:17px;font-weight:500}.product-heading>span{font-size:21px}.product-heading small{color:var(--muted);font-size:9px}.shop-copy>p{font-size:12px}.finish{align-items:center;gap:10px;margin:22px 0 26px;font-size:11px;display:flex}.finish>span{width:17px;height:17px;box-shadow:0 0 0 3px var(--paper),0 0 0 4px #a5a89a;background:#262724;border-radius:50%}.finish svg{margin-left:5px}.shop-copy .button{width:100%}.purchase-note{text-align:center;color:var(--muted);margin:15px 0 25px;font-size:9px;line-height:1.7}.shop-specs{border-top:1px solid var(--line);justify-content:space-between;padding-top:18px;font-size:9px;display:flex}.faq{border-top:1px solid var(--line);grid-template-columns:1fr 1.4fr;gap:10%;padding-top:65px;padding-bottom:80px;display:grid}.faq article{border-bottom:1px solid var(--line)}.faq button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:13px;display:flex}.faq article p{max-width:480px;padding:0 25px 24px 0;font-size:12px}footer{background:#eeede5;padding:40px 5% 20px}.footer-top{justify-content:space-between;align-items:center;padding-bottom:37px;display:flex}.footer-top>span{font-family:Playfair Display,serif;font-size:19px;font-style:italic}.footer-top>a:last-child{align-items:center;gap:12px;font-size:10px;display:flex}.footer-bottom{color:#797c70;border-top:1px solid #d8d9cd;justify-content:space-between;padding-top:19px;font-size:8px;display:flex}.footer-bottom a{text-decoration:underline}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1500px){.hero-product{top:55px}.hero-art{min-height:640px}}@media (max-width:1100px){.hero-actions{flex-direction:column;align-items:flex-start;gap:16px}.hero-art{min-height:590px}.hero-product{width:165%;top:150px;left:-32%}.hero-copy h1{font-size:65px}.hero-note{margin-top:22px}.benefits{gap:15px;padding-inline:5%;font-size:9px}.section{padding:75px 5%}.ritual{gap:7%}.ritual-image{height:450px}.craft-grid{grid-template-columns:1.1fr 1fr}.feature-stack article{padding:25px}.feature-stack p{max-width:240px}.feature-stack svg{width:23px;right:20px}.shop{gap:6%}.coffee-art{height:440px}.saucer{width:230px;height:230px}.cup{width:165px;height:165px}.cup:after{top:65px}h2{letter-spacing:-2px}}@media (max-width:760px){.announcement{font-size:9px}.announcement span{display:none}header{height:75px}.wordmark{font-size:24px}.logo-sun{font-size:31px}nav{background:var(--paper);border-bottom:1px solid var(--line);padding:25px 6%;display:none;position:absolute;top:74px;left:-5.5%;right:-5.5%}nav.visible{flex-direction:column;gap:23px;display:flex}.nav-shop{gap:8px;margin-left:auto;margin-right:15px;padding:10px;font-size:10px}.menu{background:0 0;border:0;padding:0;display:flex}.menu svg{width:20px}.hero{grid-template-columns:1fr;padding-top:37px}.hero-copy h1{letter-spacing:-2.7px;margin-top:23px;font-size:clamp(54px,11vw,77px)}.eyebrow{letter-spacing:1.6px;font-size:8px}.hero-copy>p{font-size:13px}.hero-actions{flex-direction:row;align-items:center;gap:20px;margin-top:25px}.button{gap:15px;padding:17px 18px;font-size:11px}.text-link{font-size:10px}.hero-note{margin:25px 0}.hero-art{width:100%;max-width:520px;min-height:440px;margin:10px auto 0}.hero-product{width:134%;top:48px;left:-17%}.giant-brew{font-size:125px;top:35px}.art-top{font-size:7px}.round-seal{width:90px;height:90px;font-size:7px;top:40%;right:-8px}.art-caption{font-size:7px;left:20px;right:20px}.art-caption>span:last-child{font-size:8px}.hero-bottom{padding:23px 0;font-size:6px}.benefits{grid-template-columns:1fr 1fr;gap:20px 15px;padding:24px 6%;font-size:9px;display:grid}.benefits svg{width:17px}.section{padding:60px 6%}.ritual{grid-template-columns:1fr;gap:35px}.ritual-image{height:410px}.ritual-copy h2{font-size:43px}h2{font-size:42px}.ritual-copy p{max-width:none}.section-heading{align-items:flex-start}.section-heading>p{display:none}.craft-grid{grid-template-columns:1fr;margin-top:5px}.craft-photo{min-height:390px}.feature-stack{grid-template-columns:1fr 1fr;gap:12px}.feature-stack article{padding:23px 18px}.feature-stack h3{margin-top:32px;font-size:23px}.feature-stack svg{width:19px;top:47px;right:18px}.feature-stack p{font-size:11px}.feature-number{font-size:7px}.modes{grid-template-columns:1fr;gap:28px}.mode-description{min-height:170px}.coffee-art{height:410px}.coffee-script{font-size:75px;right:25px}.quote{padding:50px 15px}.quote p{font-size:37px}.shop{grid-template-columns:1fr;gap:35px}.shop-image{min-height:380px}.shop-copy h2{font-size:48px}.faq{grid-template-columns:1fr;gap:10px}.faq h2{margin-bottom:12px}.footer-top{flex-wrap:wrap;gap:23px}.footer-top>span{flex-basis:100%;order:3;font-size:18px}.footer-bottom{flex-direction:column;gap:12px;font-size:8px}.footer-top>a:last-child{font-size:8px}.desktop{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}