:root{--ink:#151a18;--dark:#141917;--muted:#68716c;--acid:#d7f36a;--cream:#f5f5ec;--white:#fff;--line:#dce1d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #779d1c;outline-offset:4px}h1,h2,h3,p{margin-top:0}.shell{width:min(1256px,calc(100% - 72px));margin:auto}.skip-link{position:absolute;top:-60px;left:16px;background:var(--acid);padding:12px 18px;z-index:100}.skip-link:focus{top:16px}.site-header{height:94px;background:var(--dark);border-bottom:1px solid #ffffff19;color:#f7f8ef}.header-inner{height:100%;display:flex;align-items:center;gap:40px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:230px}.brand-mark{width:43px;height:43px}.brand-word,.footer-brand{font-family:"DM Sans",Arial,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.4px;line-height:1}.brand-word>span,.footer-brand>span{color:var(--acid)}.brand-word small,.footer-brand small{display:block;margin-top:4px;font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#a8ada6}.desktop-nav{display:flex;align-items:center;gap:38px;margin:auto;color:#c8cec7;font-size:13px;font-weight:700}.desktop-nav a:hover{color:var(--acid)}.header-contact{display:inline-flex;align-items:center;gap:18px;padding:13px 17px;border:1px solid #626c60;border-radius:5px;font-size:12px;font-weight:800;white-space:nowrap}.header-contact:hover{background:var(--acid);border-color:var(--acid);color:var(--ink)}.header-contact span{font-size:20px;line-height:1}.hero{position:relative;overflow:hidden;background:var(--dark);color:#fff}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#ffffff20}.hero-grid{display:grid;grid-template-columns:56% 44%;min-height:650px}.hero-copy{position:relative;z-index:2;padding:98px 0 68px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--acid)}.live-dot{width:8px;height:8px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 5px #d7f36a21}.hero h1{max-width:760px;margin:30px -110px 25px 0;font-size:clamp(52px,5.3vw,83px);line-height:1.09;letter-spacing:-5.8px;font-weight:800}.hero h1 em,.contact h2 em{color:var(--acid);font-style:normal}.hero-lead{max-width:550px;color:#b9c2b9;font-size:16px;line-height:1.9}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:36px}.button{min-height:54px;padding:0 23px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:35px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px;font-weight:400}.button-accent{background:var(--acid);color:var(--ink)}.button-accent:hover{background:#eaff9a}.button-quiet{border:1px solid #536057;color:#f0f2eb}.button-quiet:hover{background:#29322e}.hero-foot{display:flex;align-items:center;gap:17px;color:#8e9a91;font-size:9px;letter-spacing:1.6px;font-weight:800;margin-top:74px}.hero-foot .line{width:35px;height:1px;background:var(--acid)}.hero-index{position:absolute;right:36px;bottom:30px;color:#8b948c;font-weight:800;letter-spacing:2px;font-size:9px}.hero-art{position:relative;min-height:650px;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:0 -100vw 0 5%;background:radial-gradient(circle at 34% 44%,#506643 0,#29352d 33%,#1d2720 65%,#1b241d 100%);z-index:-3}.art-halo{position:absolute;width:570px;height:570px;border:1px solid #c7f18328;border-radius:50%;left:0;top:23px;box-shadow:0 0 0 65px #c7f18307,0 0 0 129px #c7f18305}.art-floor{position:absolute;bottom:103px;left:-45px;right:-150px;height:2px;background:linear-gradient(90deg,transparent,#cde59a62,transparent)}.art-machines{position:absolute;left:50%;top:119px;transform:translateX(-50%);width:460px;height:450px;display:flex;align-items:end;justify-content:center;gap:16px;filter:drop-shadow(18px 28px 18px #0c120c9e)}.machine{position:relative;border-radius:10px 10px 4px 4px;border:5px solid #414941;box-shadow:inset 0 0 0 2px #ffffff21,12px 0 0 #111915,17px 7px 0 #111915}.machine:before{content:"";position:absolute;top:6px;left:6px;right:6px;height:7px;border-radius:5px;background:#ffffff22}.machine-top{position:relative;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:800;letter-spacing:-.8px;padding:17px 16px;color:#f6f8ef}.machine-top span{color:var(--acid)}.machine-top b{display:block;color:#b2b9b1;font:700 7px Manrope,sans-serif;letter-spacing:1.5px;margin-top:3px}.snack-machine{width:158px;height:345px;background:#333b35}.snack-window{margin:5px 13px 0;height:203px;border:7px solid #131b15;border-radius:6px;background:linear-gradient(90deg,#101612,#27382a 65%,#111a13);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center;gap:2px;color:#dde9af;font-size:25px;box-shadow:inset 0 0 22px #e1f5b328}.snack-window span:nth-child(3n){color:#d39e61}.snack-window span:nth-child(2n){color:#a3c68a}.machine-panel{display:flex;gap:6px;justify-content:center;margin-top:14px}.machine-panel i{display:block;width:12px;height:9px;border-radius:2px;background:#a7b4a3}.machine-panel i:last-child{background:var(--acid)}.machine-bottom{position:absolute;bottom:7px;left:12px;right:12px;height:9px;background:#0c120d;border-radius:2px}.coffee-machine{width:210px;height:430px;background:linear-gradient(143deg,#546445 0%,#28352b 67%,#1d2821 100%);border-color:#798d69}.coffee-machine .machine-top{font-size:20px;padding:20px 17px}.coffee-title{margin:27px 18px 0;color:#fff;font-size:28px;font-weight:800;line-height:1.1;letter-spacing:-1px}.coffee-title em{font-style:normal;color:var(--acid)}.coffee-cup{position:relative;margin:20px auto 0;width:87px;height:80px;background:radial-gradient(ellipse at 50% 11%,#533a23 0 16%,#f5efdd 17% 22%,transparent 23%),linear-gradient(96deg,#d8dbd0,#fafdf1 48%,#b5bdae);border-radius:11px 11px 23px 23px;box-shadow:9px 10px 0 #141d1790}.coffee-cup:after{content:"";position:absolute;right:-21px;top:18px;width:27px;height:30px;border:8px solid #d8dbd0;border-radius:50%;z-index:-1}.coffee-cup span{position:absolute;left:36px;top:-31px;color:#cde6b4}.coffee-cup span:before{content:"〰";font-size:32px}.coffee-choice{display:flex;justify-content:space-between;margin:28px 19px 0}.coffee-choice i{width:31px;height:31px;border-radius:50%;background:#879a7d;border:4px solid #253126}.coffee-choice i:nth-child(2){background:#b7c893}.coffee-choice i:nth-child(3){background:#6f8173}.coffee-choice i:nth-child(4){background:var(--acid)}.coffee-dispense{height:18px;width:58px;background:#121c14;margin:20px auto 0;border-radius:2px;border-bottom:3px solid #667763}.art-note{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;background:#f7f8ee;color:#283128;border-radius:5px;padding:10px 14px;font-size:11px;font-weight:800;box-shadow:0 12px 30px #111a1166;transform:rotate(-4deg)}.note-top{right:-4px;top:108px}.note-icon{color:#6e902c;font-size:20px}.note-bottom{left:2px;bottom:64px;transform:rotate(3deg)}.note-spark{color:#729826;font-size:20px}.section{padding:110px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:35px}.kicker{color:#7b9a35;margin-bottom:22px}.section h2{font-size:clamp(35px,4vw,55px);line-height:1.16;letter-spacing:-3px;margin:0;font-weight:800}.section h2 span{color:#7a9860}.section-heading>p{max-width:370px;color:#66716b;line-height:1.8;font-size:14px;margin:0 0 5px}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.format-card{min-height:470px;border-radius:8px;padding:26px;display:flex;flex-direction:column;position:relative;overflow:hidden}.format-card:after{content:"";position:absolute;width:310px;height:310px;border:1px solid #ffffff56;border-radius:50%;top:50px;right:-130px}.coffee-card{background:#d7f36a}.snack-card{background:#dbe4d6}.compact-card{background:#e8e7d9}.format-card-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800}.format-icon{position:relative;margin:auto;z-index:1}.coffee-icon{width:127px;height:111px}.coffee-icon .cup-shape{position:absolute;left:20px;top:39px;width:87px;height:65px;background:#f7f8e9;border-radius:4px 4px 26px 26px;box-shadow:inset -15px 0 #d9e5c8,4px 8px 0 #8d9f6a45}.coffee-icon .cup-shape:after{content:"";position:absolute;right:-23px;top:11px;width:23px;height:30px;border:9px solid #f7f8e9;border-radius:50%;z-index:-1}.coffee-icon .steam{position:absolute;left:48px;top:-17px;font-size:75px;line-height:1;color:#5f823a;transform:rotate(90deg)}.snack-icon{width:116px;height:152px;border:10px solid #34473c;border-radius:9px;background:#bbd1b5;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px;box-shadow:12px 10px 0 #81978277}.snack-icon span{border-radius:8px 8px 3px 3px;background:#f0c568;box-shadow:inset 0 -11px #dd8d6e}.snack-icon span:nth-child(2){background:#9fbd82;box-shadow:inset 0 -11px #e9e2ae}.snack-icon span:nth-child(3){background:#c68a62}.snack-icon span:nth-child(4){background:#e7e6d4}.compact-icon{width:124px;height:139px;background:#515c46;border:9px solid #334035;border-radius:18px;display:flex;align-items:center;justify-content:space-evenly;color:#c9e59c;box-shadow:12px 11px 0 #9da9917a}.compact-icon span{font-size:23px}.format-content{position:relative;z-index:1}.format-tag{font-size:10px;letter-spacing:1.8px;font-weight:800}.format-card h3{font-size:31px;line-height:1.13;letter-spacing:-1.4px;margin:13px 0}.format-card p{font-size:13px;line-height:1.7;max-width:310px;margin:0}.place{background:#e9ede5}.place-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.place-intro h2{margin-bottom:22px}.place-intro>p:not(.kicker){color:#68716c;font-size:14px;line-height:1.9;max-width:450px}.text-link{display:inline-flex;gap:26px;border-bottom:1px solid #151a18;padding:12px 0;margin-top:15px;font-size:13px;font-weight:800}.text-link span{font-size:19px}.place-list{border-top:1px solid #c3cbc1}.place-item{display:grid;grid-template-columns:45px 1fr;gap:13px;padding:26px 0;border-bottom:1px solid #c3cbc1}.place-num{color:#7d9860;font-size:11px;font-weight:800;padding-top:8px}.place-item h3{font-size:21px;letter-spacing:-.6px;margin:0 0 8px}.place-item p{color:#66716b;font-size:13px;line-height:1.7;margin:0;max-width:340px}.steps{background:var(--cream)}.steps-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.steps-heading p{color:#657067;max-width:260px;line-height:1.8;font-size:14px;margin:0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.step{border-top:2px solid #19221a;padding:26px 22px 0 0}.step>span{color:#829d55;font-size:10px;font-weight:800;letter-spacing:1.5px}.step h3{font-size:23px;letter-spacing:-.8px;margin:45px 0 10px}.step p{color:#66716b;font-size:13px;line-height:1.8;max-width:320px}.contact{padding-top:0;background:var(--cream)}.contact-panel{min-height:485px;position:relative;overflow:hidden;background:var(--acid);border-radius:8px;padding:64px 70px;display:flex;align-items:end;justify-content:space-between;gap:50px}.contact-panel:after{content:"✳";position:absolute;color:#b5da4d;font-size:460px;right:-46px;top:-165px;line-height:1;z-index:0}.contact-orbit{position:absolute;border:1px solid #a0c43d;border-radius:50%;width:620px;height:620px;right:-160px;top:-100px}.contact-content,.contact-mail{position:relative;z-index:1}.contact .kicker{color:#4d6a1d}.contact h2{font-size:clamp(44px,5vw,68px)}.contact h2 em{color:#678c24}.contact-content>p:not(.kicker){font-size:14px;max-width:370px;line-height:1.8;margin:22px 0}.button-dark{background:#182019;color:#fff;margin-top:15px}.button-dark:hover{background:#354d2e}.contact-mail{text-align:right;white-space:nowrap}.contact-mail span{display:block;font-size:10px;font-weight:800;letter-spacing:1.3px;margin-bottom:10px}.contact-mail a{font-size:15px;font-weight:800;border-bottom:1px solid #456525}.site-footer{background:var(--dark);color:#98a299;padding:38px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{color:#fff;font-size:26px}.site-footer p{margin:0;font-size:11px}.site-footer p:last-child{color:#7c897e}
@media(max-width:1000px){.shell{width:min(100% - 44px,1256px)}.desktop-nav{gap:18px}.header-inner{gap:20px}.brand{min-width:205px}.hero-grid{grid-template-columns:53% 47%}.hero h1{font-size:62px;letter-spacing:-4px}.art-machines{transform:translateX(-50%) scale(.82);transform-origin:bottom center}.hero-art:before{left:-5%}.format-card{padding:20px}.place-grid{gap:50px}}
@media(max-width:760px){.site-header{height:72px}.shell{width:calc(100% - 36px)}.header-inner{justify-content:space-between}.brand{min-width:0}.brand-mark{width:37px;height:37px}.brand-word{font-size:22px}.brand-word small{font-size:7px}.desktop-nav{display:none}.header-contact{padding:10px 12px;font-size:0;gap:0}.header-contact span{font-size:22px}.hero-grid{display:block;min-height:0}.hero-copy{padding:70px 0 22px}.hero h1{margin:22px 0;font-size:clamp(43px,10vw,70px);letter-spacing:-3.2px}.hero-lead{font-size:14px;line-height:1.8}.hero-actions{margin-top:27px}.hero-foot{margin-top:46px;font-size:8px}.hero-art{min-height:420px;margin:0 -18px}.hero-art:before{inset:0 -20px}.art-halo{width:350px;height:350px;left:50%;transform:translateX(-50%);top:20px}.art-machines{top:5px;transform:translateX(-50%) scale(.78)}.art-floor{bottom:54px}.note-top{right:22px;top:35px}.note-bottom{left:18px;bottom:15px}.hero-index{display:none}.section{padding:75px 0}.section h2{font-size:37px;letter-spacing:-2px}.section-heading,.steps-heading{display:block}.section-heading>p,.steps-heading>p{margin:18px 0 0}.format-grid,.steps-grid{grid-template-columns:1fr}.format-card{min-height:330px;padding:23px}.format-icon{position:absolute;right:40px;top:66px;transform:scale(.75);transform-origin:top right}.format-content{margin-top:auto}.format-card p{max-width:250px}.place-grid{grid-template-columns:1fr;gap:45px}.place-item{padding:21px 0}.steps-grid{gap:25px}.step h3{margin-top:25px}.contact{padding-top:0}.contact-panel{min-height:0;padding:47px 28px;display:block}.contact h2{font-size:45px}.contact-mail{text-align:left;margin-top:38px}.contact-panel:after{font-size:320px;right:-90px;top:-65px}.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-brand{grid-column:1/-1}.site-footer p{line-height:1.6}}
@media(max-width:390px){.hero-actions .button{width:100%;justify-content:space-between}.hero h1{font-size:41px}.art-machines{transform:translateX(-50%) scale(.68)}.format-icon{right:5px;transform:scale(.6)}.contact-mail a{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Readable contact controls and constrained layouts on narrow screens. */
[hidden] { display: none !important; }
button { font: inherit; cursor: pointer; }
button:focus-visible { outline: 3px solid #526c20; outline-offset: 4px; }
.hero-copy, .hero-art, .place-intro, .contact-content, .contact-mail { min-width: 0; }
.hero h1 { max-width: 100%; margin-right: 0; font-size: clamp(44px, 4.4vw, 68px); letter-spacing: -3.4px; }
.kicker, .step > span, .place-num { color: #55731e; }
.section h2 span { color: #647e4e; }
.contact-panel { flex-wrap: wrap; }
.contact-content { flex: 1 1 420px; }
.contact-mail { flex: 1 1 250px; white-space: normal; }
.contact-mail a { overflow-wrap: anywhere; }
.contact-content > .contact-hint { max-width: 350px; font-size: 12px; line-height: 1.7; color: #405023; }
.copy-email { display: inline-flex; align-items: center; justify-content: center; margin-top: 20px; min-height: 44px; padding: 10px 16px; border: 1px solid #526c20; border-radius: 6px; background: transparent; color: #182019; font-size: 12px; font-weight: 800; }
.copy-email:hover { background: #182019; color: #fff; }
.copy-status { min-height: 42px; margin: 12px 0 0; font-size: 12px; line-height: 1.6; color: #405023; }
section[id] { scroll-margin-top: 24px; }
@media (max-width: 760px) {
  .header-contact { min-height: 44px; font-size: 12px; gap: 8px; }
  .hero h1 { font-size: clamp(38px, 8.5vw, 60px); letter-spacing: -2.4px; }
  .hero-foot { line-height: 1.8; }
  .hero-foot .line { flex: 0 0 25px; }
  .button { max-width: 100%; }
  .contact-mail { margin-top: 28px; }
  .contact-mail a { display: inline-block; padding-block: 8px; }
  .copy-email { display: flex; }
}
@media (max-width: 390px) {
  .header-inner { gap: 12px; }
  .header-contact { padding-inline: 10px; }
  .brand-word small { letter-spacing: 1.4px; }
  .hero-actions .button { width: 100%; }
  .format-icon { opacity: .75; }
}