@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--font:'DM Sans',Arial,sans-serif;--sans:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}::selection{background:#e2eaae;color:#17221b}:focus-visible{outline:3px solid #d8f07b;outline-offset:4px}.demo-banner{min-height:41px;display:flex;align-items:center;justify-content:center;gap:12px;padding:7px 16px;background:#d8f07b;color:#17221b;text-align:center;font:700 10px/1.35 var(--sans);letter-spacing:.1em;text-transform:uppercase}.demo-banner a{text-decoration:underline;text-underline-offset:3px}.demo-banner a:hover{opacity:.65}.demo-wrap{width:min(100% - 80px,1370px);margin-inline:auto}.demo-nav{position:absolute;z-index:5;left:0;right:0;top:41px;height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}.demo-nav .logo{white-space:nowrap}.demo-nav-links{display:flex;align-items:center;gap:36px;font-size:12px;font-weight:700}.demo-nav-links a{transition:opacity .2s}.demo-nav-links a:hover{opacity:.6}.demo-nav-cta{border:1px solid currentColor;border-radius:30px;padding:12px 17px}.demo-eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.demo-button{display:inline-flex;justify-content:space-between;gap:48px;align-items:center;border-radius:50px;padding:17px 20px;font-size:12px;font-weight:700;transition:transform .25s,background .25s,color .25s}.demo-button:hover{transform:translateY(-3px)}.demo-button span{font-size:20px;font-weight:400}.demo-footer{padding:30px 0;display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:11px}.demo-footer a{text-decoration:underline;text-underline-offset:4px}.demo-footer a:hover{opacity:.7}

/* Savia: contemporary Mexican restaurant */
.savia{background:#f2e8d8;color:#38231e}.savia .demo-nav{color:#fff}.savia .logo{font:700 30px/1 var(--sans);letter-spacing:-.08em}.savia .logo span{color:#eacb88}.savia-hero{min-height:690px;height:calc(100svh - 41px);position:relative;color:#fff;overflow:hidden}.savia-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}.savia-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(36,14,13,.7),rgba(44,16,15,.18) 70%),linear-gradient(0deg,rgba(31,15,12,.38),transparent 30%)}.savia-hero-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:80px}.savia-hero h1{font:400 clamp(72px,9vw,154px)/.9 Georgia,serif;letter-spacing:-.075em;max-width:950px;margin:30px 0}.savia-hero h1 em{font-weight:400;color:#efd4aa}.savia-hero p:not(.demo-eyebrow){max-width:430px;font:400 16px/1.7 var(--font);margin:0 0 30px}.savia .demo-button{background:#efcf9d;color:#3b2420}.savia-scroll{position:absolute;z-index:1;left:0;right:0;bottom:28px;display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.13em}.savia-ribbon{background:#5d2b25;color:#f4d5ac;overflow:hidden;padding:19px 0;white-space:nowrap;font:700 13px/1 var(--sans);letter-spacing:.22em;text-align:center}.savia-story{padding:135px 0;display:grid;grid-template-columns:.7fr 1.3fr;gap:12vw}.savia-story .demo-eyebrow{color:#ac6f50;padding-top:14px}.savia-story h2{font:400 clamp(50px,5.8vw,93px)/1.05 Georgia,serif;letter-spacing:-.06em;margin:0 0 35px}.savia-story h2 em{color:#ad6547}.savia-story p:not(.demo-eyebrow){font-size:17px;line-height:1.8;max-width:580px;color:#6b5149}.savia-menu{background:#5d2b25;color:#f4e5d1;padding:105px 0 120px}.savia-section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:50px}.savia-section-head h2{font:400 clamp(52px,6vw,95px)/1 Georgia,serif;letter-spacing:-.06em;margin:14px 0 0}.savia-section-head>p{max-width:300px;line-height:1.7;color:#e3bca4}.savia-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.savia-dish{border:1px solid rgba(244,229,209,.35);min-height:290px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;transition:background .25s,transform .25s}.savia-dish:hover{background:rgba(255,255,255,.07);transform:translateY(-4px)}.savia-dish>span{font-size:11px;letter-spacing:.15em;color:#edc9a3}.savia-dish h3{font:400 35px/1.05 Georgia,serif;letter-spacing:-.04em;margin:0 0 12px}.savia-dish p{font-size:13px;line-height:1.6;color:#dfc6b4;margin:0}.savia-end{padding:120px 0;text-align:center}.savia-end .demo-eyebrow{color:#a56d50}.savia-end h2{font:400 clamp(54px,7vw,105px)/1 Georgia,serif;letter-spacing:-.065em;max-width:900px;margin:20px auto 40px}.savia-end .demo-button{background:#5d2b25;color:#fff}.savia .demo-footer{border-top:1px solid #d5c5b2}

/* Nido: architecture studio */
.nido{background:#ede9e0;color:#33342e}.nido .demo-nav{color:#fff}.nido .logo{font:600 31px/1 var(--sans);letter-spacing:-.07em}.nido-hero{min-height:680px;height:calc(100svh - 41px);position:relative;color:#fff;overflow:hidden}.nido-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.nido-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,24,19,.48),rgba(21,24,19,.02) 75%),linear-gradient(0deg,rgba(21,24,19,.24),transparent 45%)}.nido-hero-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:80px}.nido-hero h1{font:400 clamp(72px,9.2vw,155px)/.92 Georgia,serif;letter-spacing:-.075em;margin:28px 0 23px}.nido-hero h1 em{font-weight:400}.nido-hero p:not(.demo-eyebrow){max-width:410px;font-size:16px;line-height:1.7;margin-bottom:31px}.nido .demo-button{background:#f5eee2;color:#35362e}.nido-hero .demo-button{align-self:flex-start}.nido-scroll{position:absolute;z-index:1;bottom:30px;left:0;right:0;display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.18em}.nido-intro{padding:125px 0 135px;display:grid;grid-template-columns:.6fr 1.4fr;gap:9vw}.nido-intro .demo-eyebrow{color:#847d6b;margin-top:15px}.nido-intro h2{font:400 clamp(48px,5.5vw,90px)/1.05 Georgia,serif;letter-spacing:-.065em;margin:0 0 35px}.nido-intro>div p{font-size:17px;color:#717168;line-height:1.8;max-width:600px}.nido-feature{display:grid;grid-template-columns:1fr 1fr;min-height:550px;background:#484d3f;color:#f3f0e8}.nido-feature-image{overflow:hidden}.nido-feature img{width:100%;height:100%;object-fit:cover;object-position:70% center;filter:saturate(.75)}.nido-feature-content{padding:85px min(7vw,100px);display:flex;flex-direction:column;justify-content:center}.nido-feature-content h2{font:400 clamp(50px,5.5vw,90px)/1.05 Georgia,serif;letter-spacing:-.06em;margin:22px 0}.nido-feature-content p:not(.demo-eyebrow){font-size:16px;line-height:1.8;color:#dadbd2;max-width:480px}.nido-feature-content a{font-size:12px;font-weight:700;letter-spacing:.05em;border-bottom:1px solid currentColor;align-self:flex-start;padding-bottom:8px;margin-top:20px}.nido-values{padding:105px 0 125px}.nido-values h2{font:400 clamp(48px,5vw,78px)/1.1 Georgia,serif;letter-spacing:-.06em;margin:0 0 50px}.nido-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.nido-values-grid div{border-top:1px solid #a9a69b;padding-top:22px}.nido-values-grid span{font-size:11px;letter-spacing:.17em}.nido-values-grid h3{font:400 31px/1.1 Georgia,serif;margin:50px 0 12px}.nido-values-grid p{color:#717168;line-height:1.6;font-size:14px;max-width:310px}.nido-end{padding:105px 0;background:#d8d2c4;text-align:center}.nido-end h2{font:400 clamp(55px,7vw,106px)/1 Georgia,serif;letter-spacing:-.065em;margin:20px auto 40px;max-width:890px}.nido-end .demo-button{background:#353b32;color:#fff}.nido .demo-footer{border-top:1px solid #cdc9bf}

/* Lúa: self-care brand */
.lua{background:#f9efe7;color:#563a32}.lua .demo-nav{color:#563a32}.lua .logo{font:400 37px/1 Georgia,serif;letter-spacing:.17em}.lua .demo-nav-cta{border-color:#937c72}.lua-hero{min-height:660px;height:calc(100svh - 41px);display:grid;grid-template-columns:48% 52%;padding-top:90px}.lua-hero-copy{background:#f2dbcd;display:flex;flex-direction:column;justify-content:center;padding:40px 5vw 60px max(40px,calc((100vw - 1370px)/2))}.lua-hero-copy .demo-eyebrow{color:#a57165}.lua-hero h1{font:400 clamp(65px,8vw,132px)/.94 Georgia,serif;letter-spacing:-.075em;margin:28px 0}.lua-hero h1 em{color:#af7161}.lua-hero-copy>p:not(.demo-eyebrow){font-size:16px;line-height:1.8;max-width:390px;margin:0 0 33px;color:#7e6259}.lua .demo-button{background:#693f37;color:#fff;align-self:flex-start}.lua-hero-image{position:relative;overflow:hidden}.lua-hero-image img{width:100%;height:100%;object-fit:cover;object-position:55% center}.lua-hero-image span{position:absolute;right:30px;bottom:28px;background:#f9efe7;padding:13px 17px;border-radius:30px;color:#694d44;font-size:10px;font-weight:700;letter-spacing:.12em}.lua-strip{display:flex;justify-content:space-around;gap:25px;background:#e6c6b5;color:#68453b;padding:25px 35px;text-align:center;font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.lua-story{padding:130px 0;display:grid;grid-template-columns:.55fr 1.45fr;gap:10vw}.lua-story .demo-eyebrow{color:#b17b6c;padding-top:14px}.lua-story h2{font:400 clamp(50px,5.7vw,90px)/1.06 Georgia,serif;letter-spacing:-.065em;margin:0 0 32px}.lua-story h2 em{color:#b77766}.lua-story p:not(.demo-eyebrow){font-size:17px;color:#886d62;line-height:1.8;max-width:560px}.lua-ritual{background:#ebd2c4;padding:110px 0}.lua-ritual-head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:45px}.lua-ritual-head h2{font:400 clamp(50px,5.7vw,90px)/1.04 Georgia,serif;letter-spacing:-.06em;margin:0}.lua-ritual-head p{max-width:300px;line-height:1.7;color:#806257}.lua-ritual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lua-ritual-card{background:#f6e9e0;padding:35px;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s}.lua-ritual-card:hover{transform:translateY(-4px)}.lua-ritual-card .ritual-symbol{font:400 78px/1 Georgia,serif;color:#bc8b79}.lua-ritual-card h3{font:400 30px/1.1 Georgia,serif;margin:0 0 12px}.lua-ritual-card p{font-size:13px;line-height:1.6;color:#876b60;margin:0}.lua-end{padding:115px 0;text-align:center}.lua-end h2{font:400 clamp(55px,7vw,103px)/1 Georgia,serif;letter-spacing:-.07em;max-width:900px;margin:20px auto 40px}.lua-end .demo-button{display:inline-flex}.lua .demo-footer{border-top:1px solid #dac6bb}

@media(max-width:800px){.demo-wrap{width:min(100% - 44px,1370px)}.demo-nav{height:75px}.demo-nav-links{gap:20px}.demo-nav-links a:not(.demo-nav-cta){display:none}.savia-hero,.nido-hero{min-height:650px}.savia-story,.nido-intro,.lua-story{grid-template-columns:1fr;gap:20px;padding:90px 0}.savia-menu{padding:85px 0}.savia-menu-grid,.lua-ritual-grid{grid-template-columns:1fr 1fr}.savia-dish:last-child,.lua-ritual-card:last-child{grid-column:1/-1;min-height:220px}.nido-feature{min-height:0}.nido-feature-content{padding:60px 7vw}.nido-values{padding:85px 0}.lua-hero{grid-template-columns:1fr 1fr}.lua-hero-copy{padding:40px 4vw 50px 22px}.lua-hero h1{font-size:clamp(60px,8vw,92px)}}
@media(max-width:580px){.demo-wrap{width:min(100% - 34px,1370px)}.demo-banner{font-size:8px;min-height:38px;gap:5px;flex-wrap:wrap}.demo-nav{top:38px;height:66px}.demo-nav-links{font-size:10px}.demo-nav-cta{padding:10px 13px}.savia .logo,.nido .logo{font-size:26px}.lua .logo{font-size:28px}.savia-hero,.nido-hero{height:calc(100svh - 38px);min-height:600px}.savia-hero h1,.nido-hero h1{font-size:clamp(66px,16vw,104px)}.savia-hero-inner,.nido-hero-inner{padding-top:100px}.savia-hero>img{object-position:63% center}.nido-hero>img{object-position:58% center}.savia-ribbon{font-size:10px;letter-spacing:.12em}.savia-story h2,.nido-intro h2,.lua-story h2{font-size:clamp(48px,11vw,70px)}.savia-section-head,.lua-ritual-head{display:block}.savia-section-head>p,.lua-ritual-head p{margin-top:20px}.savia-menu-grid,.lua-ritual-grid{display:block}.savia-dish,.lua-ritual-card,.savia-dish:last-child,.lua-ritual-card:last-child{min-height:240px;margin-bottom:14px}.savia-end,.nido-end,.lua-end{padding:90px 0}.savia-end h2,.nido-end h2,.lua-end h2{font-size:clamp(53px,11.5vw,74px)}.nido-feature{display:block}.nido-feature-image{height:330px}.nido-feature-content{padding:70px 22px}.nido-values-grid{display:block}.nido-values-grid div{padding-bottom:23px}.nido-values-grid h3{margin-top:24px}.lua-hero{display:flex;flex-direction:column;height:auto;padding-top:66px}.lua-hero-copy{padding:65px 20px 70px;min-height:470px}.lua-hero h1{font-size:clamp(65px,14vw,90px)}.lua-hero-image{height:340px}.lua-strip{flex-wrap:wrap;font-size:9px;line-height:1.6;padding:19px}.lua-story,.lua-ritual{padding:85px 0}.demo-footer{font-size:9px;line-height:1.5}}
.savia-hero .demo-button{align-self:flex-start}
@media(max-width:580px){.savia-hero .demo-button{align-self:stretch}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
