@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid currentColor;outline-offset:4px}section{scroll-margin-top:95px}.concept-ribbon{padding:9px 4vw;display:flex;justify-content:space-between;gap:20px;font:600 11px/1.3 'DM Sans',sans-serif;background:#181a1c;color:white;letter-spacing:.02em}.concept-ribbon a{text-decoration:underline;text-underline-offset:3px}.wordmark{white-space:nowrap}.aube-nav,.forme-nav,.accord-nav{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 5vw}.aube-nav nav,.forme-nav nav,.accord-nav nav{display:flex;align-items:center;gap:clamp(18px,3vw,55px);font-size:13px;font-weight:700}.nav-action{border:1px solid currentColor;padding:13px 19px;border-radius:100px}.aube,.forme,.accord{overflow-x:hidden}.aube{background:#f0e7d8;color:#302923;font-family:'DM Sans',sans-serif}.aube-nav{background:#f0e7d8}.aube .wordmark{font:800 42px/.8 Manrope,sans-serif;letter-spacing:-.09em}.aube .wordmark span{color:#cc5a32;font-size:24px;vertical-align:top;margin-left:5px}.aube-hero{min-height:680px;display:grid;grid-template-columns:1fr 1fr}.aube-hero-copy{padding:clamp(55px,8vw,120px) 4vw 70px 7vw;display:flex;flex-direction:column;align-items:flex-start}.aube-small,.aube-intro>p,.aube-chooser>div>p:first-child,.section-line,.forme-story>p,.forme-materials>div:first-child>p,.config-copy>p:first-child,.accord-steps>p,.demo-intro>p{font-size:11px;font-weight:800;letter-spacing:.16em}.aube-hero h1{font:800 clamp(62px,8.3vw,152px)/.93 Manrope,sans-serif;letter-spacing:-.095em;margin:55px 0 24px}.aube-hero h1 em{font-style:normal;color:#c65b34}.aube-hero-copy>p:nth-of-type(2){font-size:clamp(17px,1.8vw,25px);line-height:1.45;max-width:460px}.round-link{margin-top:35px;display:grid;place-items:center;border:1px solid #302923;border-radius:100%;width:70px;height:70px;font-size:30px}.aube-still{position:relative;overflow:hidden;min-height:600px;background:radial-gradient(ellipse at 60% 30%,#eab590 0,#bf6340 56%,#913c29 100%);isolation:isolate}.aube-orbit{position:absolute;inset:12% 11%;border:1px solid #f0d8bb9c;border-radius:50%;transform:rotate(-24deg)}.coffee-bag{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:220px;height:315px;padding:22px;color:#482e23;background:linear-gradient(115deg,#f8e6b6,#dfbd83 49%,#c6955b);box-shadow:16px 28px 30px #42201355;clip-path:polygon(3% 1%,97% 1%,100% 99%,0 100%)}.coffee-bag small{font-size:18px;font-weight:800;letter-spacing:-.08em}.coffee-bag strong{font:800 110px/.8 Manrope,sans-serif;letter-spacing:-.1em}.coffee-bag span{font-size:26px;font-weight:800;letter-spacing:-.08em;line-height:.95}.coffee-bag i{font:700 9px DM Sans,sans-serif;letter-spacing:.2em}.aube-still .coffee-bag{position:absolute;top:24%;left:42%;transform:rotate(7deg)}.aube-still .bag-back{left:18%;top:30%;transform:rotate(-13deg);background:linear-gradient(115deg,#7a462f,#512d28 55%,#2e2221);color:#f0dfc9}.aube-still .coffee-cup{position:absolute;right:5%;bottom:5%;width:150px;height:90px;border-radius:0 0 48% 48%;background:linear-gradient(90deg,#e7d4bb,#fff8ed 45%,#d3b99f);box-shadow:0 20px 10px #46241655}.aube-still .coffee-cup:after{content:'';position:absolute;width:50px;height:50px;border:12px solid #f2e4d3;border-radius:50%;right:-35px;top:3px}.aube-still .coffee-cup span{position:absolute;inset:-17px 0 auto;height:31px;border-radius:50%;background:radial-gradient(ellipse,#a9673c 0 53%,#f6e8d9 55%)}.aube-still>p{position:absolute;left:8%;bottom:6%;font:700 13px/1.4 DM Sans,sans-serif;color:#fff5e8}.aube-ticker{overflow:hidden;background:#473227;color:#eed4a7;padding:22px 0;font:800 clamp(16px,2vw,30px) Manrope,sans-serif;letter-spacing:.04em;white-space:nowrap}.aube-ticker span{display:block;width:max-content;animation:marquee 35s linear infinite}@keyframes marquee{to{transform:translateX(-45%)}}.aube-intro{padding:110px 7vw;display:grid;grid-template-columns:1fr 2fr 1.2fr;gap:5vw;align-items:start}.aube-intro h2,.aube-products h2,.aube-chooser h2{font:800 clamp(44px,5.7vw,92px)/1 Manrope,sans-serif;letter-spacing:-.075em;margin:0}.aube-intro>div{font-size:16px;line-height:1.7}.aube-note{border-top:1px solid #9d8e80;padding-top:20px;font-size:12px}.aube-products{padding:80px 7vw 120px;background:#faf4eb}.section-line{display:flex;justify-content:space-between;border-top:1px solid;padding-top:18px}.aube-products h2{margin:50px 0}.aube-products h2 i{font-style:normal;color:#c65b34}.coffee-grid{display:grid;grid-template-columns:1fr 1fr;gap:2vw}.coffee-card{min-width:0}.coffee-object{height:470px;display:grid;place-items:center;overflow:hidden}.coffee-object.light{background:#d7c0a0}.coffee-object.dark{background:#b76a51}.coffee-object.dark .coffee-bag{background:linear-gradient(115deg,#834d38,#533729 58%,#312925);color:#f5dfbc}.coffee-object .coffee-bag{transform:rotate(-7deg);transition:transform .45s}.coffee-card:hover .coffee-bag{transform:rotate(1deg) scale(1.04)}.coffee-info{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:24px 0 17px;border-bottom:1px solid #9f9284}.coffee-info h3{font:800 32px Manrope,sans-serif;letter-spacing:-.06em;margin:0}.coffee-info p{margin:5px 0}.coffee-card button{background:none;border:0;padding:20px 0;font-weight:800}.aube-chooser{padding:110px 7vw;background:#d7d1ba;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.aube-chooser>div>p:last-child{max-width:370px;line-height:1.6}.chooser-panel{padding:32px;background:#f8f2e7;box-shadow:15px 15px 0 #aeaa94}.chooser-panel fieldset,.config-copy fieldset{border:0;border-top:1px solid #ac9e8f;padding:22px 0;display:flex;gap:15px;flex-wrap:wrap}.chooser-panel legend,.config-copy legend{font-size:12px;font-weight:800;padding-top:14px}.chooser-panel label,.config-copy label{padding:12px 16px;border:1px solid #b2a495;cursor:pointer}.choice-result{background:#302923;color:#fff4e5;padding:25px}.choice-result small{letter-spacing:.14em}.choice-result strong{display:block;font:800 35px Manrope,sans-serif;margin:14px 0 3px;letter-spacing:-.06em}.choice-result p{margin:0}.aube-footer,.forme-footer,.accord-footer{display:flex;justify-content:space-between;gap:30px;align-items:end;padding:60px 7vw}.aube-footer{background:#473227;color:#f7ead7}.aube-footer strong{font:800 72px Manrope,sans-serif;letter-spacing:-.1em}.aube-footer p,.forme-footer p{font-size:12px;line-height:1.5}
.forme{background:#e3e1d7;color:#1f3430;font-family:'DM Sans',sans-serif}.forme-nav{border-bottom:1px solid #1f343044}.forme .wordmark{font:600 42px/.8 'Space Grotesk',sans-serif;letter-spacing:-.08em}.forme .wordmark span{color:#b55437}.forme-hero{display:grid;grid-template-columns:46% 54%;min-height:680px}.forme-title{padding:100px 4vw 90px 7vw}.forme-title>span{font:700 11px DM Sans,sans-serif;letter-spacing:.16em}.forme-title h1,.forme-story h2,.forme-materials h2,.forme-config h2{font:500 clamp(63px,7.4vw,130px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.09em}.forme-title h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}.forme-title>p{font-size:19px;line-height:1.5;max-width:380px}.forme-title>a{display:inline-flex;gap:35px;border-bottom:1px solid;padding:14px 0;margin-top:30px;font-weight:700}.forme-gallery,.config-preview{position:relative;overflow:hidden;background:linear-gradient(160deg,#b4c1b7,#e6d9c2 65%,#bdc5b7);min-height:570px;isolation:isolate}.forme-sun{position:absolute;width:380px;height:380px;border-radius:50%;background:#f4e6cb;right:-5%;top:2%;filter:blur(1px)}.forme-plinth{position:absolute;left:15%;right:0;bottom:0;height:28%;background:linear-gradient(#d4c7ad,#9e9d87)}.forme-console{position:absolute;left:19%;bottom:25%;width:62%;height:22%;border-radius:48% 48% 6px 6px;background:linear-gradient(95deg,#7a6951,#a88e67 42%,#705b41);box-shadow:15px 25px 15px #39423550;transform:skew(-4deg)}.forme-console i{position:absolute;top:85%;height:120%;width:9%;background:linear-gradient(90deg,#70563c,#a38960)}.forme-console i:first-child{left:12%}.forme-console i:nth-child(2){right:12%}.forme-console span{position:absolute;inset:8% 4% auto;height:3px;border-radius:50%;background:#d4bd91}.forme-shadow{position:absolute;left:17%;bottom:9%;width:70%;height:7%;border-radius:50%;background:#43524660;filter:blur(18px);z-index:-1}.forme-gallery small,.config-preview small{position:absolute;bottom:25px;right:25px;letter-spacing:.15em;font-size:10px}.forme-caption{display:flex;justify-content:space-between;gap:30px;padding:20px 7vw;border-bottom:1px solid #1f343044;font-size:11px;letter-spacing:.12em}.forme-caption p{margin:0}.forme-story{display:grid;grid-template-columns:1fr 2fr 1fr;gap:3vw;padding:130px 7vw}.forme-story h2{font-size:clamp(49px,5.8vw,96px);margin:0}.forme-story>div{font-size:16px;line-height:1.7}.forme-materials{padding:100px 7vw;background:#293d36;color:#e9e4d5}.forme-materials h2{font-size:clamp(52px,6vw,100px);margin:25px 0 70px}.material-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.material-strip article{border-top:1px solid #e9e4d566;padding-top:20px}.material-strip h3{font:500 28px 'Space Grotesk';letter-spacing:-.05em;margin-bottom:2px}.material-strip p{font-size:13px}.material-swatch{height:250px;background:repeating-linear-gradient(94deg,#b69c74 0 10px,#a78865 11px 13px,#c0a67f 14px 36px)}.material-swatch.walnut{background:repeating-linear-gradient(96deg,#503e2f 0 11px,#3b3027 12px 16px,#65503d 17px 38px)}.material-swatch.ash{background:repeating-linear-gradient(96deg,#a4a79b 0 11px,#8a8d82 12px 16px,#b5b5a7 17px 38px)}.forme-config{display:grid;grid-template-columns:1fr 1.1fr;gap:5vw;padding:110px 7vw}.forme-config h2{font-size:clamp(55px,6vw,100px);margin:25px 0}.config-copy>p:nth-of-type(2){max-width:400px;line-height:1.6}.config-copy fieldset{border-color:#73837a}.config-copy label{border-color:#73837a}.config-summary{font-weight:700;padding:20px 0;border-top:1px solid;border-bottom:1px solid}.config-preview{min-height:580px;background:linear-gradient(150deg,#c0c5b9,#f2ead8 75%)}.preview-wall{position:absolute;inset:0 0 28%;background:linear-gradient(110deg,#d3d7c8,#ece9dd)}.preview-floor{position:absolute;inset:72% 0 0;background:#9fa993}.preview-console{position:absolute;z-index:2;left:20%;bottom:29%;width:60%;height:16%;border-radius:45% 45% 5px 5px;background:repeating-linear-gradient(94deg,#b69c74 0 10px,#a78865 11px 13px,#c0a67f 14px 36px);box-shadow:15px 18px 10px #43524655;transition:width .4s,left .4s,background .4s}.preview-console:before,.preview-console:after{content:'';position:absolute;top:90%;height:160%;width:7%;background:#9a7b55}.preview-console:before{left:10%}.preview-console:after{right:10%}.config-preview[data-material=walnut] .preview-console{background:repeating-linear-gradient(94deg,#503e2f 0 10px,#3b3027 11px 13px,#65503d 14px 36px)}.config-preview[data-material=walnut] .preview-console:before,.config-preview[data-material=walnut] .preview-console:after{background:#493628}.config-preview[data-material=ash] .preview-console{background:repeating-linear-gradient(94deg,#a4a79b 0 10px,#8a8d82 11px 13px,#b5b5a7 14px 36px)}.config-preview[data-material=ash] .preview-console:before,.config-preview[data-material=ash] .preview-console:after{background:#888e80}.config-preview[data-size=large] .preview-console{width:78%;left:11%}.forme-footer{background:#1f3430;color:#eee8d9}.forme-footer strong{font:500 64px 'Space Grotesk';letter-spacing:-.09em}
.accord{background:#15212a;color:#e9eee7;font-family:'Manrope',sans-serif}.accord .concept-ribbon{background:#0d161c}.accord-nav{border-bottom:1px solid #e9eee72b}.accord .wordmark{font:700 28px 'Space Grotesk';letter-spacing:-.07em}.accord-mark{display:inline-grid;place-items:center;background:#d6f265;color:#15212a;width:42px;height:42px;border-radius:12px;font:700 25px 'Space Grotesk'}.accord-nav .nav-action{background:#d6f265;color:#15212a;border:0;font-weight:700}.accord-hero{display:grid;grid-template-columns:1fr 1fr;gap:4vw;min-height:670px;padding:100px 6vw}.accord-copy{display:flex;flex-direction:column;align-items:flex-start}.accord-kicker{font-size:11px;letter-spacing:.14em;font-weight:800}.accord-kicker i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#d6f265;margin-right:8px}.accord-copy h1,.accord-steps h2,.accord-demo h2{font:600 clamp(60px,7vw,126px)/1 'Space Grotesk';letter-spacing:-.08em;margin:55px 0 26px}.accord-copy h1 em{font-style:normal;color:#d6f265}.accord-copy>p:nth-of-type(2){font-size:17px;line-height:1.6;max-width:460px;color:#c4ceca}.accord-cta{display:inline-flex;align-items:center;gap:45px;margin-top:38px;border-bottom:1px solid #d6f265;padding-bottom:14px;font-weight:700}.accord-board{align-self:center;background:#25333b;border:1px solid #52605e;border-radius:19px;box-shadow:20px 30px 0 #0d171d;overflow:hidden;transform:rotate(2deg)}.board-top,.result-head{display:flex;justify-content:space-between;gap:15px;padding:18px 24px;border-bottom:1px solid #e9eee72b;font-size:10px;letter-spacing:.09em}.board-top span:last-child{color:#d6f265}.board-body{padding:28px}.board-in,.board-out{padding:25px;border-radius:12px;background:#37464b}.board-in small,.board-out small{font-size:10px;color:#d6f265;letter-spacing:.12em}.board-in p,.board-out p{font-size:20px;line-height:1.4}.board-in span,.board-out span{font-size:11px;color:#bdc8c2}.board-flow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:28px 2px;font-size:11px}.board-flow i{height:1px;flex:1;background:#d6f265}.board-flow strong{color:#d6f265}.accord-steps{background:#e4eadc;color:#15212a;padding:110px 6vw}.accord-steps h2{font-size:clamp(50px,6vw,100px);margin:25px 0 90px}.accord-steps>div{display:grid;grid-template-columns:repeat(3,1fr);gap:2vw}.accord-steps article{border-top:1px solid #718078;padding-top:20px}.accord-steps article span{font:600 64px 'Space Grotesk';letter-spacing:-.07em;color:#8b9c93}.accord-steps h3{font:600 36px 'Space Grotesk';letter-spacing:-.06em;margin:34px 0 10px}.accord-steps article p{font-size:14px;line-height:1.6;max-width:260px}.accord-demo{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:110px 6vw}.accord-demo h2{font-size:clamp(50px,5vw,90px);margin:25px 0}.demo-intro>p:last-of-type{font-size:15px;line-height:1.7;color:#c4ceca}.scenario-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.scenario-buttons button{background:transparent;color:#e9eee7;border:1px solid #6b7c7e;border-radius:30px;padding:12px 16px}.scenario-buttons button[aria-pressed=true]{background:#d6f265;color:#15212a;border-color:#d6f265}.demo-result{border:1px solid #647776;background:#223139;border-radius:18px;overflow:hidden;align-self:start}.demo-result blockquote{font:500 clamp(23px,2.6vw,40px)/1.3 'Space Grotesk';letter-spacing:-.04em;margin:0;padding:35px;border-bottom:1px solid #e9eee72b}.result-row{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:20px 35px;border-bottom:1px solid #e9eee72b}.result-row small{font-size:10px;letter-spacing:.13em;color:#a6bbb1}.result-row strong{font-size:14px;font-weight:600}.result-next{padding:35px;background:#d6f265;color:#15212a}.result-next span{font-size:10px;letter-spacing:.12em;font-weight:800}.result-next p{font:600 25px/1.4 'Space Grotesk';letter-spacing:-.04em}.result-next em{font-size:11px;font-style:normal;font-weight:800}.accord-close{background:#d6f265;color:#15212a;padding:75px 6vw;display:flex;justify-content:space-between;align-items:end;gap:25px}.accord-close p{font:600 clamp(45px,6vw,100px)/1 'Space Grotesk';letter-spacing:-.07em;margin:0}.accord-footer{background:#0d161c;font-size:11px}
@media(max-width:800px){.aube-nav,.forme-nav,.accord-nav{padding:20px 5vw}.aube-nav nav>a:not(:last-child),.forme-nav nav>a:not(:last-child),.accord-nav nav{display:none}.aube-hero,.forme-hero,.accord-hero,.aube-chooser,.forme-config,.accord-demo{grid-template-columns:1fr}.aube-hero-copy,.forme-title{padding:75px 6vw}.aube-still{min-height:510px}.aube-intro,.forme-story{grid-template-columns:1fr;padding:75px 6vw;gap:25px}.aube-intro h2,.forme-story h2{font-size:clamp(50px,9vw,80px)}.aube-products,.aube-chooser,.forme-materials,.forme-config,.accord-steps,.accord-demo{padding:75px 6vw}.forme-gallery{min-height:500px}.accord-hero{padding:75px 6vw}.accord-board{transform:none}.accord-copy h1{margin:20px 0}.aube-footer,.forme-footer,.accord-footer{padding:45px 6vw}}@media(max-width:600px){.concept-ribbon{font-size:9px}.aube .wordmark,.forme .wordmark{font-size:34px}.aube-nav nav,.forme-nav nav{font-size:11px}.aube-nav nav>a:not(:last-child),.forme-nav nav>a:not(:last-child){display:none}.aube-hero h1,.forme-title h1,.accord-copy h1{font-size:clamp(55px,13vw,80px);margin:35px 0 20px}.aube-still{min-height:390px}.aube-still .coffee-bag{transform:scale(.7) rotate(7deg);transform-origin:top left;left:42%;top:23%}.aube-still .bag-back{transform:scale(.7) rotate(-13deg);left:14%;top:29%}.aube-still .coffee-cup{transform:scale(.7);transform-origin:bottom right}.coffee-grid,.material-strip,.accord-steps>div{grid-template-columns:1fr}.coffee-object{height:350px}.aube-products h2,.aube-chooser h2,.forme-materials h2,.forme-config h2,.accord-steps h2,.accord-demo h2{font-size:clamp(45px,10vw,65px)}.aube-chooser{gap:25px}.chooser-panel{padding:20px;box-shadow:8px 8px 0 #aeaa94}.aube-footer,.forme-footer,.accord-footer,.accord-close{flex-direction:column;align-items:start}.aube-footer strong,.forme-footer strong{font-size:56px}.forme-gallery{min-height:400px}.forme-console{bottom:30%}.forme-materials .material-swatch{height:180px}.config-preview{min-height:420px}.accord-hero{gap:45px}.accord-board{box-shadow:10px 12px 0 #0d171d}.board-flow{font-size:8px}.accord-steps h2{margin-bottom:50px}.accord-steps article{padding-bottom:25px}.accord-demo{gap:35px}.result-row{grid-template-columns:1fr;gap:8px;padding:18px 24px}.demo-result blockquote{padding:25px}.result-next{padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aube-ticker span{animation:none}.coffee-object .coffee-bag,.preview-console{transition:none}}
.motion-ready .reveal-detail{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal-detail.is-visible{opacity:1;transform:translateY(0)}.aube-still .coffee-bag,.forme-gallery .forme-console,.accord-board{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.aube-still:hover .coffee-bag:not(.bag-back){transform:rotate(4deg) translateY(-12px)}.aube-still:hover .coffee-bag.bag-back{transform:rotate(-16deg) translateY(8px)}.forme-gallery:hover .forme-console{transform:skew(-4deg) translateY(-10px)}.accord-board:hover{transform:rotate(0deg) translateY(-7px)}.aube .nav-action,.forme .nav-action,.accord .nav-action,.accord-cta,.forme-title>a{transition:transform .25s ease,background .25s ease}.aube .nav-action:hover,.forme .nav-action:hover,.accord .nav-action:hover,.accord-cta:hover,.forme-title>a:hover{transform:translateY(-3px)}.chooser-panel input:checked+span,.config-copy input:checked+span{font-weight:800}@media(max-width:800px){.accord-board:hover{transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){.motion-ready .reveal-detail{opacity:1;transform:none;transition:none}.aube-still .coffee-bag,.forme-gallery .forme-console,.accord-board,.aube .nav-action,.forme .nav-action,.accord .nav-action,.accord-cta,.forme-title>a{transition:none}}