body.demo-landing-cafe{--paper:#f1e4ca;--ink:#4b3329;background:var(--paper);color:var(--ink);font:16px/1.65 DemoSource}.ha-header{border-bottom:1px solid;justify-content:space-between;align-items:center;gap:25px;padding:22px 6%;display:flex}.ha-header>a:first-child{font:42px DemoCormorant;text-decoration:none}.ha-header span{font:11px DemoMono}.ha-header>a:last-child{align-items:center;min-height:44px;font-size:12px;display:flex}.ha-opening{grid-template-columns:1.7fr 1fr;align-items:center;gap:60px;padding:60px 8%;display:grid}.ha-opening h1{letter-spacing:-.05em;margin:30px 0;font:clamp(70px,8vw,125px)/.94 DemoArchivo}.ha-opening em{font-family:DemoCormorant;font-weight:400}.ha-opening p{max-width:400px}.ha-cup{aspect-ratio:1;background:#eaad60;border-radius:50%;padding:35px;position:relative}.ha-cup svg{width:100%;height:100%}.ha-cup span{text-align:center;font:7px DemoMono;position:absolute;bottom:20px;left:25%;right:25%}.ha-ritual{color:#f1e4ca;background:#4b3329;padding:65px 8%}.ha-ritual h2{font:65px/.98 DemoArchivo}.ha-ritual ol{grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px;padding:0;list-style:none;display:grid}.ha-ritual li{border-top:1px solid;padding-top:20px}.ha-ritual li>span{font:11px DemoMono;display:block}.ha-ritual b{margin:15px 0;font:35px DemoCormorant;display:block}.ha-table{grid-template-columns:1.2fr 1fr;align-items:center;gap:90px;padding:80px 9%;display:grid}.ha-table figure{margin:0}.ha-table img{object-fit:cover;border-radius:0 140px 0 0;width:100%;height:360px}.ha-table h2{font:65px/.95 DemoArchivo}.ha-table em{font-family:DemoCormorant;font-weight:500}.ha-form{background:#eaad60;grid-template-columns:1fr 1fr;gap:90px;padding:65px 10%;display:grid}.ha-form h2{margin-top:30px;font:62px/.96 DemoArchivo}.ha-form em{font-family:DemoCormorant;font-weight:500}.ha-footer{justify-content:space-between;align-items:center;gap:25px;padding:25px 6%;font:11px DemoMono;display:flex}.ha-footer b{font:45px DemoCormorant}.ha-footer a{align-items:center;min-height:44px;display:flex}@media (width<=760px){.ha-header{flex-wrap:wrap;gap:12px;padding:16px 5%}.ha-header>a:first-child{font-size:34px}.ha-header span{order:3;width:100%}.ha-header>a:last-child{font-size:11px}.ha-opening{grid-template-columns:1fr;gap:25px;padding:40px 6%}.ha-opening h1{font-size:59px}.ha-cup{width:70%;margin:auto;padding:20px}.ha-ritual{padding:45px 6%}.ha-ritual h2{font-size:46px}.ha-ritual ol{grid-template-columns:1fr;gap:20px}.ha-table,.ha-form{grid-template-columns:1fr;gap:25px;padding:50px 6%}.ha-table img{height:290px}.ha-table h2,.ha-form h2{font-size:47px}.ha-footer{flex-wrap:wrap}.ha-footer span{width:100%}}@media (width<=360px){.ha-opening h1{font-size:55px}}@media (width>=761px) and (width<=1100px){.ha-table{grid-template-columns:1fr;gap:30px}.ha-table h2{font-size:60px}}@media (width>=761px){body.demo-landing-cafe .expanded-demo{padding-left:100px}body.demo-landing-cafe .ha-header{z-index:4;color:#f1e4ca;background:#4b3329;border:0;flex-direction:column;justify-content:space-between;gap:25px;width:100px;padding:28px 15px;display:flex;position:fixed;inset:0 auto 0 0}body.demo-landing-cafe .ha-brand{writing-mode:vertical-rl;font:48px DemoCormorant;transform:rotate(180deg)}body.demo-landing-cafe .ha-header nav{flex-direction:column;align-items:center;gap:28px;display:flex}body.demo-landing-cafe .ha-header nav a{writing-mode:vertical-rl;min-height:44px;font:12px DemoMono;text-decoration:none}body.demo-landing-cafe .ha-header>span{writing-mode:vertical-rl;font:11px DemoMono}}body.demo-landing-cafe .ha-form{background:#eaad60;padding:65px 10%;display:block}body.demo-landing-cafe .ha-form>div:first-child{text-align:center;max-width:600px;margin:auto}body.demo-landing-cafe .ha-form h2{margin:20px 0}body.demo-landing-cafe .ha-form .concept-form{background:#f1e4ca;border-top:2px dashed #4b3329;border-bottom:2px dashed #4b3329;max-width:600px;margin:35px auto 0;padding:35px}body.demo-landing-cafe .ha-form .concept-form label{border-bottom:1px solid #4b332950;padding-bottom:18px;font:12px DemoMono}body.demo-landing-cafe .ha-form .concept-form select{background:0 0;border:0;border-bottom:1px solid;padding:10px 0}@media (width>=761px) and (width<=1100px){body.demo-landing-cafe .expanded-demo{padding-left:72px}body.demo-landing-cafe .ha-header{width:72px;padding-inline:10px}body.demo-landing-cafe .ha-opening{grid-template-columns:1fr}body.demo-landing-cafe .ha-opening h1{font-size:68px}body.demo-landing-cafe .ha-cup{width:300px;margin:auto}}@media (width<=760px){body.demo-landing-cafe .ha-header{text-align:center;padding:20px 6%;display:block}body.demo-landing-cafe .ha-brand{justify-content:center;font-size:44px}body.demo-landing-cafe .ha-header nav{border-block:1px solid #4b332950;grid-template-columns:repeat(3,1fr);margin-top:20px;display:grid}body.demo-landing-cafe .ha-header nav a{border-right:1px solid #4b332950;justify-content:center;align-items:center;min-height:54px;padding:8px 5px;font:11px/1.5 DemoMono;text-decoration:none;display:flex}body.demo-landing-cafe .ha-header nav a:last-child{border:0}body.demo-landing-cafe .ha-header>span{width:auto;margin-top:16px;font-size:11px;display:block}body.demo-landing-cafe .ha-form{padding:45px 6%}body.demo-landing-cafe .ha-form .concept-form{padding:22px 18px}}