/* Kopi, second edition: floating navigation, a rotating collection, editorial footer. */
:root{--radius:999px}.site-header{position:fixed;inset:20px 32px auto;height:76px;padding:0 20px 0 26px;background:#f7f4ecf5;color:var(--green);border:1px solid #ffffffb0;border-radius:999px;box-shadow:0 8px 32px #00000012;backdrop-filter:blur(16px);gap:22px;z-index:30}.site-header .wordmark{font-size:36px}.site-header .wordmark span{font-size:8px}.header-origin{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.12em;line-height:1.3;max-width:135px}.header-origin>span{font-size:27px}.desktop-nav{margin:auto;gap:25px}.desktop-nav a{font-size:13px;display:flex;gap:9px;align-items:center}.desktop-nav small{font-size:9px;opacity:.5}.desktop-nav a:hover{color:#7d531e}.header-contact{display:flex;align-items:center;gap:24px;padding:8px 8px 8px 23px;background:var(--green);color:var(--cream);border:0;border-radius:999px;font-size:13px;white-space:nowrap}.header-contact span{margin:0;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#d8e2ba;color:var(--green);font-size:22px}.button{border-radius:999px}.hero-actions .button{padding:15px 22px}.story-stage{min-height:780px}.story-copy{top:22%;transform:none;width:49%;max-width:650px}.story-copy h1{font-size:clamp(62px,6.6vw,100px);line-height:1.02}.story-copy .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin-bottom:20px}.story-description{margin-top:23px;font-size:16px;max-width:355px}.hero-actions{margin-top:24px}.shade{background:linear-gradient(90deg,#1b130deb 0%,#1b130d65 43%,transparent 66%)}.product-orbit{position:absolute;left:var(--gutter);bottom:75px;width:min(43vw,580px);height:190px;pointer-events:none;isolation:isolate}.orbit-label{position:absolute;bottom:-4px;width:100%;text-align:center;font-size:9px;letter-spacing:.2em;color:#e2d5c1}.orbit-product{position:absolute;left:calc(50% - 88px);bottom:20px;width:176px;height:176px;object-fit:contain;will-change:transform;filter:drop-shadow(0 12px 8px #00000030)}.orbit-0{transform:translate3d(0,0,0)}.orbit-1{transform:translate3d(-155px,-15px,0) rotate(-12deg) scale(.76);opacity:.8}.orbit-2{transform:translate3d(155px,-15px,0) rotate(12deg) scale(.76);opacity:.8}.stage-bottom{bottom:17px}.scroll-cue{font-size:9px}.story-progress{height:3px}.brand-ribbon{background:#d2dfb3;color:var(--green);display:flex;align-items:center;justify-content:space-around;gap:30px;padding:22px 32px;overflow:hidden;white-space:nowrap;font-size:12px;font-weight:600;letter-spacing:.15em}.brand-ribbon b{font-weight:400;font-size:28px;line-height:1}.collection{padding-top:98px}.product-image{border-radius:8px 8px 100px 8px;aspect-ratio:1;transition:border-radius .4s}.product:hover .product-image{border-radius:100px 8px 8px 8px}.product:hover img{transform:translateY(-8px) rotate(5deg)}.product-info a{background:var(--green);color:var(--cream);border:0;width:46px;height:46px}.product-info a:hover{background:#557147}.product-grid{gap:30px}.collection-note{margin-top:40px}.trust-section{margin:52px var(--gutter) 0;padding:52px 0 45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.3fr;gap:60px}.trust-intro h2{font-size:clamp(38px,3.5vw,58px);margin-top:20px}.trust-intro .eyebrow{color:var(--green)}.trust-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.trust-index{font-size:12px;color:var(--green);border:1px solid #26463550;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;margin-bottom:24px}.trust-card h3{font-size:26px;line-height:1.15;margin-bottom:15px}.trust-card p{font-size:14px;line-height:1.7;color:var(--muted)}.ritual-section{padding-top:90px;padding-bottom:100px}.ritual-image{border-radius:180px 180px 8px 8px;aspect-ratio:.98}.ritual-image img{object-position:61% center}.ritual-image>span{left:50%;transform:translateX(-50%);white-space:nowrap}.testimonials{padding:72px var(--gutter);background:#e5eacb;margin-top:50px}.testimonials h2{font-size:55px;margin:18px 0 35px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.testimonial-grid figure{margin:0;padding:30px;background:var(--paper);border-radius:6px}.testimonial-grid blockquote{font:26px/1.3 var(--heading);margin:0 0 25px}.testimonial-grid figcaption{font-size:13px;color:var(--muted)}
.creative-footer{display:block;position:relative;overflow:hidden;background:var(--green);color:var(--cream);padding:72px var(--gutter) 25px}.footer-invitation{display:flex;justify-content:space-between;align-items:center;gap:45px;padding-bottom:50px;border-bottom:1px solid #f5f1e84d}.footer-invitation .eyebrow{font-size:10px;color:#d0dcb6;margin-bottom:25px}.footer-invitation h2{font-size:clamp(50px,5.7vw,86px)}.footer-round-cta{width:160px;height:160px;flex:none;border-radius:50%;background:#d3dfad;color:var(--green);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:10px;letter-spacing:.08em;transform:rotate(-10deg);transition:transform .3s}.footer-round-cta span{font-size:52px;font-family:var(--body);line-height:1}.footer-round-cta:hover{transform:rotate(0deg) scale(1.04)}.footer-details{display:grid;grid-template-columns:1.5fr 1fr .7fr;gap:45px;padding:40px 0 25px}.creative-footer .footer-details p{color:#d8dfcc;font-size:13px}.footer-details .eyebrow{font-size:10px;letter-spacing:.17em;margin-bottom:12px}.creative-footer .email-address{font-size:clamp(18px,2vw,28px);margin:0 0 10px;max-width:100%;border:0;line-height:1.3}.footer-details nav{display:flex;flex-direction:column;gap:12px;font-size:14px}.footer-details nav a{width:max-content;max-width:100%;border-bottom:1px solid #f5f1e845}.footer-details .footer-origin{text-align:right;font-size:10px;letter-spacing:.12em;line-height:1.7}.footer-origin span{display:block;font-size:45px;margin-top:4px;line-height:1.2;color:#d3dfad}.footer-giant{display:block;font-family:var(--body);font-weight:900;font-size:clamp(170px,33vw,520px);line-height:.85;letter-spacing:-.085em;margin:14px 0 32px;text-align:center;color:var(--cream)}.footer-giant span{color:#c4d496}.footer-baseline{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #f5f1e84d;padding-top:22px;font-size:9px;letter-spacing:.09em}.creative-footer .footer-baseline p{font-size:11px;color:#e0e5d6}.footer-baseline a{min-height:44px;display:flex;align-items:center}.board-head .wordmark{font-size:39px}
@media(max-width:1100px){.header-origin{display:none}.desktop-nav{gap:18px}.trust-section{grid-template-columns:1fr;gap:35px}.trust-intro h2 br{display:none}.trust-intro h2 em:before{content:' '}.story-copy h1{font-size:70px}.orbit-product{width:145px;height:145px;left:calc(50% - 72px)}.product-orbit{height:160px}.story-copy{top:22%}.footer-details{grid-template-columns:1.5fr 1fr .8fr}}
@media(min-width:601px) and (max-width:900px) and (orientation:portrait){.story-copy{top:145px;width:85%}.story-copy h1{font-size:70px}.visual{top:27%;bottom:100px}.shade{background:linear-gradient(180deg,#211710 10%,#211710 28%,#21171030 58%,transparent 80%)}.product-orbit{width:70%;left:15%;bottom:58px;height:145px}.orbit-product{width:145px;height:145px}.header-contact{padding-left:16px;gap:12px}.desktop-nav a{font-size:12px}.desktop-nav small{display:none}.site-header{inset:18px 20px auto;padding-left:22px;gap:15px}.footer-details{gap:25px}}
@media(max-width:600px){.site-header{inset:calc(12px + env(safe-area-inset-top)) 16px auto;height:64px;padding:0 13px 0 22px;gap:16px;background:#f7f4ecf5}.site-header .wordmark{font-size:31px}.site-header .wordmark span{font-size:7px}.header-origin{display:flex;max-width:125px;margin-left:auto;font-size:8px;letter-spacing:.1em}.header-origin>span{font-size:23px}.header-contact,.desktop-nav{display:none}.menu-toggle{display:flex;background:var(--green);color:var(--cream);border:0}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.menu-toggle span{transition:transform .2s}#mobile-nav{top:calc(100% + 10px);left:0;right:0;border-radius:23px;padding:14px 24px 20px;background:var(--cream);color:var(--green);border:1px solid #26463530;box-shadow:0 15px 35px #00000020}#mobile-nav a{display:flex;gap:14px;font-size:11px;border-bottom:1px solid var(--line)}#mobile-nav a>span{flex:1;font-family:var(--heading);font-size:25px}.story-stage{height:100svh;min-height:740px}.story-copy{top:111px;width:calc(100% - var(--gutter)*2);max-width:440px}.story-copy h1{font-size:clamp(43px,12.5vw,70px);line-height:1.01}.story-copy .eyebrow{font-size:9px;margin-bottom:16px;letter-spacing:.11em}.story-description{font-size:14px;margin-top:17px;max-width:310px}.hero-actions{margin-top:18px;gap:20px}.hero-actions .button{padding:12px 17px;font-size:12px;gap:16px}.hero-actions .text-link{font-size:12px}.visual{top:34%;bottom:150px}.shade{background:linear-gradient(180deg,#211710 10%,#211710 32%,#21171050 52%,transparent 68%,#211710 87%)}.product-orbit{left:10%;width:80%;height:105px;bottom:48px}.orbit-product{width:104px;height:104px;left:calc(50% - 52px);bottom:10px;filter:drop-shadow(0 5px 5px #00000030)}.orbit-label{font-size:7px;letter-spacing:.14em;bottom:0}.orbit-1{transform:translate3d(-80px,-10px,0) rotate(-12deg) scale(.76)}.orbit-2{transform:translate3d(80px,-10px,0) rotate(12deg) scale(.76)}.stage-bottom{bottom:4px;left:var(--gutter);right:var(--gutter)}.scroll-cue{font-size:7px;max-width:180px}.skip-story{font-size:10px}.scroll-line{height:20px}.brand-ribbon{justify-content:flex-start;font-size:10px;padding:15px 24px;gap:25px}.brand-ribbon b{font-size:24px}.collection{padding-top:60px}.product-grid{gap:36px}.product-image{aspect-ratio:1.07;border-radius:6px 6px 75px 6px}.trust-section{margin:36px var(--gutter) 0;padding:38px 0;gap:30px}.trust-intro h2{font-size:42px}.trust-intro h2 br{display:block}.trust-cards{grid-template-columns:1fr;gap:23px}.trust-card{position:relative;padding-left:52px}.trust-index{position:absolute;top:2px;left:0;margin:0}.trust-card h3{font-size:26px;margin-bottom:9px}.trust-card p{font-size:14px}.ritual-section{padding-top:50px;padding-bottom:60px}.ritual-image{border-radius:150px 150px 6px 6px}.creative-footer{padding:47px var(--gutter) 14px}.footer-invitation{align-items:flex-start;flex-direction:column;gap:26px;padding-bottom:30px}.footer-invitation h2{font-size:46px}.footer-invitation .eyebrow{font-size:9px;margin-bottom:19px}.footer-round-cta{width:110px;height:110px;align-self:flex-end;font-size:8px;gap:8px;margin-top:-10px}.footer-round-cta span{font-size:37px}.footer-details{grid-template-columns:1fr 1fr;gap:25px;padding:28px 0 12px}.footer-details>div{grid-column:1/-1}.creative-footer .email-address{font-size:23px}.creative-footer .footer-details p{font-size:12px}.footer-details nav{font-size:13px;gap:12px}.footer-details .footer-origin{font-size:9px}.footer-origin span{font-size:35px}.footer-giant{font-size:36vw;margin:18px 0 24px;letter-spacing:-.09em}.footer-baseline{gap:16px;flex-wrap:wrap;padding-top:12px;font-size:8px}.footer-baseline>span{display:none}.creative-footer .footer-baseline p{order:0;width:auto;border:0;padding:0;font-size:10px}.testimonials{padding:45px var(--gutter)}.testimonials h2{font-size:44px}.testimonial-grid{grid-template-columns:1fr}.testimonial-grid blockquote{font-size:24px}}
@media(max-width:360px){.header-origin{font-size:7px;max-width:105px}.header-origin>span{font-size:19px}.story-copy[data-chapter="1"] h1{font-size:39px}.footer-invitation h2{font-size:40px}.creative-footer .email-address{font-size:21px}}
@media(max-height:650px) and (min-width:601px){.story-stage{min-height:660px}.story-copy{top:145px}.story-copy h1{font-size:58px}.product-orbit{height:120px;bottom:48px}.orbit-product{width:120px;height:120px;left:calc(50% - 60px)}.site-header{height:65px}.story-description{font-size:14px;margin-top:16px}}
@media(prefers-reduced-motion:reduce){.orbit-product{will-change:auto}.footer-round-cta:hover{transform:rotate(-10deg)}.product:hover img{transform:none}}