@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,400;9..144,600&family=Playfair+Display:wght@400;500;600&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:var(--body);background:var(--bg);color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}button{font:inherit}.demo-ribbon{background:#1e2420;color:#fff;font:12px/1.4 'DM Sans',sans-serif;padding:10px 4%;display:flex;justify-content:space-between;gap:20px}.demo-ribbon a{text-decoration:underline;white-space:nowrap}.demo-ribbon span{max-width:800px}.back-orbita{font-size:13px;text-decoration:underline;text-underline-offset:4px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sample-end{padding:70px 5%;text-align:center;background:var(--end-bg);color:var(--end-ink)}.sample-end h2{font-family:var(--display);font-size:clamp(38px,4.8vw,72px);line-height:1.1;max-width:850px;margin:14px auto 25px}.sample-end p{max-width:650px;margin:0 auto 25px}.sample-end a{display:inline-block;border:1px solid currentColor;padding:13px 22px}.sample-footer{padding:30px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px}.sample-footer p{margin:0}.review{margin:0}.review p{font-size:20px;line-height:1.5}.review cite{font-size:13px;font-style:normal}.review::before{content:'“';font-family:Georgia,serif;font-size:60px;line-height:.7;display:block}
/* Construction: solid project-led architecture */
.build{--body:'Manrope',sans-serif;--display:'Manrope',sans-serif;--bg:#f0f1eb;--ink:#202b26;--focus:#8a9e2e;--end-bg:#d8e66b;--end-ink:#202b26}.build-head{height:96px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #cbd1c4}.build-logo{font-size:27px;font-weight:800;letter-spacing:-.07em}.build-head nav{display:flex;gap:28px;font-size:14px}.build-head nav a:hover{text-decoration:underline}.build-hero{padding:55px 4%;display:grid;grid-template-columns:1.05fr .95fr;gap:35px;align-items:stretch}.build-hero-copy{background:#25372d;color:#f3f3e8;padding:55px;min-height:580px;display:flex;flex-direction:column;justify-content:space-between}.build-hero h1{font-size:clamp(50px,5.7vw,92px);line-height:1.02;letter-spacing:-.07em;max-width:750px;margin:30px 0}.build-hero p{font-size:18px;max-width:550px;margin:0}.build-hero img{height:580px}.build-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;padding:60px 4%;border-top:1px solid #cbd1c4}.build-intro h2,.build-section h2{font-size:clamp(36px,3.5vw,58px);line-height:1.12;letter-spacing:-.05em;max-width:650px}.build-intro p{max-width:660px;color:#4c5a50;font-size:18px}.build-section{padding:75px 4%;background:#e2e8dc}.build-project-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:repeat(2,300px);gap:16px;margin-top:35px}.build-project-grid figure{margin:0;position:relative;overflow:hidden;background:#cbd1c4}.build-project-grid figure:first-child{grid-row:span 2}.build-project-grid img{transition:transform .4s}.build-project-grid figure:hover img{transform:scale(1.03)}.build-project-grid figcaption{position:absolute;bottom:0;left:0;right:0;color:#fff;background:linear-gradient(transparent,#101c18c9);padding:40px 22px 17px;font-weight:700;font-size:19px}.build-service-list{padding:70px 4%;display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}.build-service-list h2{font-size:43px;line-height:1.1}.build-service-list article{border-top:1px solid #adb8a9;display:grid;grid-template-columns:1fr 1.6fr;gap:25px;padding:20px 0}.build-service-list h3{font-size:22px;letter-spacing:-.03em}.build-service-list p{color:#57645a}.build-review{background:#25372d;color:#f5f7ec;padding:70px 4%;display:grid;grid-template-columns:1fr 1fr;gap:28px}.build-review .review{border-top:1px solid #8da292;padding-top:22px}
/* Pastry: immersive editorial celebration */
.pastry{--body:'DM Sans',sans-serif;--display:'Fraunces',serif;--bg:#fff7ee;--ink:#512d39;--focus:#a84a69;--end-bg:#7d3953;--end-ink:#fff7ee}.pastry-head{position:absolute;z-index:2;top:38px;left:0;right:0;padding:25px 4%;display:flex;align-items:center;justify-content:space-between;color:#fff}.pastry-logo{font:500 37px 'Fraunces',serif}.pastry-head nav{display:flex;gap:26px;font-size:14px}.pastry-hero{height:min(760px,84vh);min-height:580px;position:relative;color:#fff;background:#7d3953}.pastry-hero img{position:absolute;inset:0;filter:brightness(.63)}.pastry-hero-copy{position:relative;z-index:1;height:100%;max-width:900px;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:130px 5% 60px}.pastry-hero h1{font:400 clamp(58px,7.5vw,120px)/1 'Fraunces',serif;letter-spacing:-.05em;margin:24px 0}.pastry-hero p{max-width:550px;font-size:19px}.pastry-hero a{border:1px solid white;padding:13px 25px;margin-top:15px}.pastry-opening{text-align:center;padding:85px 5%}.pastry-opening h2,.pastry-section h2{font:400 clamp(42px,4.5vw,72px)/1.15 'Fraunces',serif}.pastry-opening p{max-width:650px;margin:auto;color:#765a63}.pastry-section{padding:25px 5% 85px}.pastry-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:35px}.pastry-cards article{background:#f5e9df;border-radius:180px 180px 12px 12px;overflow:hidden}.pastry-cards img{height:350px}.pastry-cards div{padding:25px}.pastry-cards h3{font:400 29px 'Fraunces',serif}.pastry-cards p{color:#765a63}.pastry-flavors{background:#ead9cf;padding:75px 5%;display:grid;grid-template-columns:1fr 1fr;gap:50px}.pastry-flavors h2{font:400 55px/1.1 'Fraunces',serif}.flavor-list{list-style:none;padding:0;margin:0}.flavor-list li{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #c7b1ad;padding:18px 0;font-size:18px}.pastry-notes{padding:85px 5%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.pastry-notes .review{padding:35px;background:#f5e9df;border-radius:10px}
/* Salon: typographic editorial magazine */
.salon{--body:'DM Sans',sans-serif;--display:'Playfair Display',serif;--bg:#edece6;--ink:#20211e;--focus:#6d7860;--end-bg:#242823;--end-ink:#f7f6ef}.salon-head{height:92px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c6c7be}.salon-logo{font:500 34px 'Playfair Display',serif;letter-spacing:.1em}.salon-head nav{display:flex;gap:28px;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.salon-hero{display:grid;grid-template-columns:.7fr 1.3fr;min-height:690px}.salon-hero-copy{padding:65px 6%;display:flex;flex-direction:column;justify-content:center}.salon-hero h1{font:400 clamp(55px,5.6vw,95px)/1.05 'Playfair Display',serif;letter-spacing:-.06em;margin:30px 0}.salon-hero p{font-size:18px;max-width:450px}.salon-hero img{height:690px}.salon-manifesto{padding:90px 5%;text-align:center;border-top:1px solid #c6c7be;border-bottom:1px solid #c6c7be}.salon-manifesto h2{font:400 clamp(42px,4.8vw,77px)/1.1 'Playfair Display',serif;max-width:1000px;margin:25px auto}.salon-services{padding:80px 5%}.salon-services>h2{font:400 62px 'Playfair Display',serif}.salon-service{display:grid;grid-template-columns:120px 1fr 1fr;gap:25px;align-items:center;padding:25px 0;border-top:1px solid #c6c7be}.salon-service img{height:115px}.salon-service h3{font:400 30px 'Playfair Display',serif;margin:0}.salon-service p{margin:0;color:#666a62}.salon-lookbook{background:#d4d4cb;padding:80px 5%;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.salon-lookbook img{height:500px}.salon-lookbook h2{font:400 60px/1.1 'Playfair Display',serif}.salon-lookbook p{max-width:500px}.salon-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:70px 5%}.salon-notes .review{border-top:1px solid #a6aaa0;padding-top:28px}
/* Florist: light botanical gallery */
.floral{--body:'DM Sans',sans-serif;--display:'Fraunces',serif;--bg:#f6f7ee;--ink:#284633;--focus:#668e53;--end-bg:#bdd49f;--end-ink:#284633}.floral-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 5%}.floral-logo{font:400 35px 'Fraunces',serif}.floral-head nav{display:flex;gap:25px;font-size:14px}.floral-hero{text-align:center;padding:55px 5% 45px}.floral-hero h1{font:400 clamp(60px,7vw,113px)/1 'Fraunces',serif;letter-spacing:-.055em;max-width:1150px;margin:22px auto}.floral-hero p{font-size:18px;max-width:620px;margin:auto}.floral-mosaic{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:14px;padding:0 5% 80px;align-items:end}.floral-mosaic figure{margin:0;position:relative;overflow:hidden;background:#e0e8da}.floral-mosaic figure:nth-child(1),.floral-mosaic figure:nth-child(3){height:390px}.floral-mosaic figure:nth-child(2){height:560px}.floral-mosaic figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 20px 15px;color:white;background:linear-gradient(transparent,#20372bbe);font-size:20px;font-family:'Fraunces',serif}.floral-story{padding:80px 5%;background:#e4eadb;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.floral-story h2{font:400 clamp(42px,4.5vw,74px)/1.1 'Fraunces',serif}.floral-story p{max-width:550px;font-size:18px}.floral-story img{height:520px;border-radius:260px 260px 8px 8px}.floral-occasions{padding:80px 5%}.floral-occasions h2{font:400 60px 'Fraunces',serif}.floral-occasion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.floral-occasion-grid article{border-top:1px solid #b6c5af;padding-top:20px}.floral-occasion-grid h3{font:400 28px 'Fraunces',serif}.floral-occasion-grid p{color:#63796a}.floral-notes{background:#e4eadb;padding:75px 5%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.floral-notes .review{padding:30px;background:#f6f7ee}
/* Coffee: menu-led neighborhood site */
.coffee{--body:'Manrope',sans-serif;--display:'Manrope',sans-serif;--bg:#eee8dc;--ink:#2d251e;--focus:#a67a45;--end-bg:#37271e;--end-ink:#fff2df}.coffee-head{background:#37271e;color:#fff2df;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 5%}.coffee-logo{font-size:28px;font-weight:800;letter-spacing:-.07em}.coffee-head nav{display:flex;gap:25px;font-size:14px}.coffee-hero{height:600px;position:relative;background:#4c3528;color:white}.coffee-hero img{position:absolute;inset:0;filter:brightness(.55)}.coffee-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:end;height:100%;padding:60px 5%}.coffee-hero h1{font-size:clamp(58px,7.8vw,128px);line-height:1;letter-spacing:-.07em;max-width:1050px;margin:20px 0}.coffee-hero p{font-size:19px;max-width:570px}.coffee-menu{padding:85px 5%;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.coffee-menu h2{font-size:clamp(42px,4.3vw,68px);line-height:1.08;letter-spacing:-.05em}.coffee-menu-list article{border-bottom:1px solid #bbae9b;padding:20px 0;display:flex;justify-content:space-between;gap:30px}.coffee-menu-list h3{font-size:22px;margin:0 0 5px}.coffee-menu-list p{margin:0;color:#716558;max-width:380px}.coffee-menu-list span{font-size:24px}.coffee-photo-band{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:0 5% 85px}.coffee-photo-band img{height:340px}.coffee-about{background:#d7c8b4;padding:85px 5%;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.coffee-about h2{font-size:clamp(42px,4.5vw,73px);line-height:1.1;letter-spacing:-.05em}.coffee-about img{height:470px}.coffee-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:75px 5%}.coffee-notes .review{border-top:2px solid #967d65;padding-top:25px}
@media(max-width:800px){.build-hero-copy{padding:35px}.build-hero,.salon-hero{min-height:0}.build-hero img,.salon-hero img{height:560px}.build-project-grid{grid-template-rows:repeat(2,240px)}.pastry-cards img{height:260px}.floral-mosaic figure:nth-child(1),.floral-mosaic figure:nth-child(3){height:300px}.floral-mosaic figure:nth-child(2){height:420px}}
@media(max-width:620px){.demo-ribbon{padding:9px 5%;font-size:10px}.build-head,.salon-head{height:72px}.build-head nav,.pastry-head nav,.salon-head nav,.floral-head nav,.coffee-head nav{display:none}.build-logo,.coffee-logo{font-size:24px}.pastry-logo,.salon-logo,.floral-logo{font-size:29px}.build-hero{display:block;padding:25px 5%}.build-hero-copy{min-height:0;padding:35px}.build-hero h1{font-size:52px}.build-hero img{height:320px}.build-intro,.build-service-list,.pastry-flavors,.salon-lookbook,.floral-story,.coffee-menu,.coffee-about{display:block}.build-intro,.build-section,.build-service-list,.build-review{padding:55px 5%}.build-intro h2,.build-service-list h2{font-size:38px}.build-project-grid{display:block}.build-project-grid figure{height:250px;margin-bottom:12px}.build-project-grid figure:first-child{height:350px}.build-service-list article{display:block}.build-review,.pastry-notes,.salon-notes,.floral-notes,.coffee-notes{grid-template-columns:1fr}.pastry-head{top:36px}.pastry-hero{height:650px}.pastry-hero h1{font-size:55px}.pastry-opening,.pastry-section,.pastry-flavors,.pastry-notes{padding:55px 5%}.pastry-cards{display:block}.pastry-cards article{margin-bottom:18px}.pastry-cards img{height:300px}.pastry-flavors h2{font-size:42px}.salon-hero{display:block}.salon-hero-copy{padding:55px 5%}.salon-hero h1{font-size:55px}.salon-hero img{height:400px}.salon-manifesto,.salon-services,.salon-lookbook,.salon-notes{padding:55px 5%}.salon-manifesto h2,.salon-lookbook h2{font-size:45px}.salon-services>h2{font-size:45px}.salon-service{grid-template-columns:85px 1fr;gap:15px}.salon-service img{height:85px}.salon-service p{grid-column:2}.salon-lookbook img{height:350px;margin-bottom:25px}.floral-head{padding:20px 5%}.floral-hero{padding:45px 5%}.floral-hero h1{font-size:56px}.floral-mosaic{grid-template-columns:1fr 1fr;padding-bottom:55px}.floral-mosaic figure:nth-child(1){grid-column:span 2;height:330px}.floral-mosaic figure:nth-child(2),.floral-mosaic figure:nth-child(3){height:260px}.floral-story,.floral-occasions,.floral-notes{padding:55px 5%}.floral-story img{height:330px;margin-top:30px}.floral-occasions h2{font-size:45px}.floral-occasion-grid{display:block}.floral-occasion-grid article{margin-bottom:15px}.coffee-head{padding:22px 5%}.coffee-hero{height:560px}.coffee-hero h1{font-size:59px}.coffee-menu,.coffee-about,.coffee-notes{padding:55px 5%}.coffee-menu h2{font-size:43px}.coffee-photo-band{grid-template-columns:1fr 1fr;gap:8px;padding-bottom:55px}.coffee-photo-band img{height:200px}.coffee-photo-band img:first-child{grid-column:span 2;height:270px}.coffee-about h2{font-size:42px}.coffee-about img{height:330px;margin-top:25px}.sample-footer{flex-wrap:wrap}.sample-footer p{width:100%;order:3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Contact for each example, always routed to Órbita */
+[hidden]{display:none!important}.sample-contact{max-width:760px;margin:34px auto 0;padding-top:26px;border-top:1px solid currentColor}.sample-contact>p{max-width:650px;margin:0 auto 20px}.contact-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.sample-end .contact-actions a{margin:0;border:1px solid currentColor;padding:13px 20px;border-radius:999px;font:700 14px/1.4 'DM Sans',sans-serif;overflow-wrap:anywhere}.sample-end .contact-actions a:hover{opacity:.8}.sample-end .contact-actions .contact-whatsapp{background:#176b45;color:#fff;border-color:#176b45}.sample-end .sample-home-link{margin-top:28px;border:0;padding:0;text-decoration:underline;text-underline-offset:4px}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:20;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#1eaa61;color:#fff;box-shadow:0 8px 28px #15392355;transition:transform .2s,box-shadow .2s}.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 12px 30px #15392366}.whatsapp-float svg{width:31px;height:31px}@media(max-width:620px){.contact-actions{flex-direction:column}.whatsapp-float{right:16px;bottom:16px;width:54px;height:54px}}
