@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--text);background:var(--bg);font-family:'DM Sans',Arial,sans-serif;line-height:1.7}body.vertice{--bg:#f5f4ee;--text:#1f392d;--accent:#244d3b;--soft:#e9ede3;--muted:#526258}body.forma{--bg:#f1efe7;--text:#3f3d32;--accent:#56523e;--soft:#e5e3d9;--muted:#68665b}body.essenza{--bg:#fbf4ef;--text:#583d36;--accent:#754b40;--soft:#f0e0d8;--muted:#796159}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button,input,select{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.05;letter-spacing:-.045em}h1{font-size:clamp(45px,6.3vw,89px)}h2{font-size:clamp(33px,4vw,56px)}h3{font-size:21px;line-height:1.3;letter-spacing:-.03em;font-weight:500}p{color:var(--muted);font-size:15px}.container{width:min(1240px,calc(100% - 88px));margin:auto}.demo-banner{position:relative;z-index:10;background:#142019;color:#eef4ec;font-size:11px;padding:12px 0}.demo-banner .container{display:flex;gap:20px;justify-content:space-between;align-items:center}.demo-banner a{border-bottom:1px solid #b4cebd;flex-shrink:0}.demo-banner strong{font-weight:500;color:#b4cebd}.skip{position:absolute;left:10px;top:-100px;z-index:30;background:white;padding:12px}.skip:focus{top:10px}.demo-header{border-bottom:1px solid #6e726024}.demo-nav{display:flex;align-items:center;justify-content:space-between;min-height:95px;gap:30px}.logo{font-size:25px;letter-spacing:.14em;font-weight:600;line-height:1}.logo small{display:block;font-size:8px;letter-spacing:.3em;margin-top:9px}.forma .logo,.essenza .logo{font-family:Georgia,serif;font-weight:400;font-size:40px;letter-spacing:-.05em}.forma .logo small,.essenza .logo small{font-family:'DM Sans',sans-serif;font-size:7px;letter-spacing:.2em}.demo-nav nav{display:flex;gap:30px;font-size:12px}.demo-nav nav a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:6px}.demo-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--accent);background:var(--accent);color:white;padding:14px 21px;font-size:12px;line-height:1.5;transition:background .2s}.demo-button:hover{background:var(--text)}.demo-button.outline{color:var(--text);background:transparent}.demo-button.outline:hover{background:var(--soft)}.demo-menu{display:none;border:1px solid var(--accent);background:transparent;width:40px;height:40px;color:var(--text)}.demo-menu svg{width:20px;stroke:currentColor;fill:none;stroke-width:1.5}.eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:22px;font-weight:500}.full-hero{height:600px;position:relative;display:flex;align-items:center;color:white}.full-hero>img{position:absolute;inset:0;height:100%}.full-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#13281fce,#13281f21)}.full-hero .container{position:relative;z-index:1}.full-hero h1{max-width:750px}.full-hero p{color:#e1e8df;max-width:420px;margin-top:25px;font-size:14px}.full-hero .eyebrow{color:white;margin:0 0 24px}.full-hero .demo-button{margin-top:30px;background:var(--bg);color:var(--text);border-color:var(--bg)}.full-hero .demo-button:hover{background:var(--soft)}.hero-caption{position:absolute;bottom:30px;right:44px;z-index:2;font-size:9px;letter-spacing:.1em;color:#fff;max-width:200px;text-align:right}.filter-bar{margin-top:-30px;position:relative;z-index:3;background:var(--bg);padding:25px 30px;display:grid;grid-template-columns:1fr 1fr auto;gap:24px;box-shadow:0 10px 35px #172c1710;border:1px solid #6e726028}.filter-bar label{font-size:10px;letter-spacing:.1em}.filter-bar select{display:block;border:0;border-bottom:1px solid #73837350;background:transparent;width:100%;padding:10px 0;color:var(--text);font-size:14px}.filter-bar button{align-self:end}.section{padding:90px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:40px}.section-title p:not(.eyebrow){max-width:340px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.property{background:#fff;border:1px solid #e3e8df}.property>img{height:240px}.property-body{padding:23px}.tag{display:inline-block;font-size:9px;letter-spacing:.08em;border:1px solid #8c9e8740;padding:4px 8px;margin-bottom:14px}.property h3{font-family:Georgia,serif;font-size:27px;font-weight:400}.property p{font-size:12px;margin-top:12px}.property button{background:transparent;border:0;border-bottom:1px solid var(--accent);color:var(--text);padding:0 0 6px;font-size:12px;margin-top:20px}.property[hidden]{display:none}.filter-status{font-size:11px;margin-top:18px;min-height:20px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split>img{height:490px}.split p:not(.eyebrow){margin:24px 0;font-size:15px;max-width:480px}.soft{background:var(--soft)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.values article{border-top:1px solid #8a95844a;padding-top:23px}.values article>span{font-size:12px;letter-spacing:.1em}.values h3{margin:19px 0 13px}.values p{font-size:13px}.demo-contact{padding:90px 0;text-align:center;background:var(--accent);color:white}.demo-contact p{color:#eee7df;max-width:550px;margin:25px auto 30px;font-size:14px}.demo-contact .demo-button{background:var(--bg);color:var(--text);border-color:var(--bg)}.demo-contact .eyebrow{margin:0 auto 20px}.demo-footer{padding:30px 0}.demo-footer .container{display:flex;justify-content:space-between;gap:30px;align-items:center}.demo-footer p{font-size:10px}.demo-footer a{font-size:12px}.arch-hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:600px}.arch-hero>div{padding:75px 50px 70px max(44px,calc((100vw - 1240px)/2));align-self:center}.arch-hero>img{height:600px}.arch-hero p:not(.eyebrow){margin:27px 0;font-size:14px;max-width:370px}.arch-hero h1{font-size:clamp(45px,5.5vw,79px)}.arch-hero .demo-button{background:transparent;color:var(--text);border:0;border-bottom:1px solid var(--accent);padding:0 0 10px}.arch-projects{display:grid;grid-template-columns:1fr 1fr;gap:45px}.arch-project{border:0;padding:0;background:transparent;text-align:left;color:var(--text)}.arch-project img{height:400px;transition:filter .2s}.arch-project:hover img{filter:brightness(.9)}.arch-project:nth-child(2){margin-top:80px}.arch-project>div{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:20px}.arch-project span{font-size:11px}.arch-project h3{font-family:Georgia,serif;font-size:31px;font-weight:400;margin-bottom:8px}.arch-project .arrow{font-size:25px}.beauty-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-top:55px;padding-bottom:60px}.beauty-hero>div{padding:30px 0}.beauty-hero h1{font-size:clamp(48px,6.5vw,90px)}.beauty-hero p:not(.eyebrow){max-width:410px;margin:28px 0;font-size:14px}.beauty-hero>img{height:590px;border-radius:240px 240px 0 0;object-position:45% 50%}.beauty-strip{padding:25px 0;border-top:1px solid #a7897a40;border-bottom:1px solid #a7897a40}.beauty-strip .container{display:flex;justify-content:space-between;gap:30px;font-size:11px;letter-spacing:.08em}.tabs{display:flex;gap:20px;margin-bottom:40px;border-bottom:1px solid #a7897a40}.tabs button{border:0;background:transparent;color:var(--muted);font-size:14px;padding:12px 20px;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button[aria-selected=true]{border-color:var(--accent);color:var(--text)}.service-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.service-panel[hidden]{display:none}.service-panel>img{height:380px}.service-panel h3{font-family:Georgia,serif;font-size:38px;font-weight:400}.service-panel p{margin:20px 0}.service-panel ul{padding-left:18px;font-size:13px;margin:24px 0;color:var(--muted)}.care-note{font-size:11px!important;border-top:1px solid #a7897a40;padding-top:17px}.demo-dialog{border:1px solid #8b9e8c;background:var(--bg);color:var(--text);width:min(560px,calc(100% - 35px));padding:35px;max-height:90vh;overflow:auto}.demo-dialog::backdrop{background:#101b16aa}.dialog-close{position:absolute;top:10px;right:14px;background:transparent;border:0;font-size:27px;color:var(--text);width:35px;height:35px}.demo-dialog h2{font-size:35px;max-width:440px;margin-top:10px}.demo-dialog p{margin-top:20px;font-size:14px}.demo-dialog .demo-button{margin-top:25px}.dialog-image{max-height:260px;margin-top:25px}.dialog-note{font-size:11px!important}.demo-nav nav.open{display:flex}.return-line{margin-top:24px;font-size:11px;color:var(--muted)}
@media(max-width:1000px){.container{width:calc(100% - 56px)}.demo-nav nav{gap:20px}.grid{gap:18px}.property>img{height:200px}.property-body{padding:17px}.split{gap:40px}.split>img{height:400px}.arch-hero>div{padding:55px 30px}.arch-hero>img{height:550px}.arch-hero{min-height:550px}.arch-project img{height:330px}.beauty-hero{gap:35px}.beauty-hero>img{height:510px}.service-panel{gap:40px}.demo-banner{font-size:10px}}
@media(max-width:760px){.demo-nav nav{display:none}.demo-nav nav.open{position:absolute;z-index:15;left:0;right:0;top:100%;flex-direction:column;background:var(--bg);padding:22px 28px;border-bottom:1px solid #a7aa9740}.demo-header{position:relative}.demo-menu{display:grid;place-items:center}.demo-nav{min-height:82px;gap:20px}.demo-nav>.demo-button{margin-left:auto;font-size:10px;padding:11px 13px;gap:15px}.logo{font-size:20px}.forma .logo,.essenza .logo{font-size:34px}.grid{grid-template-columns:1fr 1fr}.grid .property:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.grid .property:last-child>img{height:100%}.values{gap:25px}.arch-projects{gap:25px}.arch-project img{height:290px}.arch-project h3{font-size:26px}.section-title{gap:30px}.beauty-hero{gap:28px}.beauty-hero>img{height:430px}.beauty-strip .container{font-size:9px}.demo-footer .container{align-items:start}.hero-caption{display:none}}
@media(max-width:540px){html{scroll-padding-top:30px}.container{width:calc(100% - 40px)}.demo-banner .container{align-items:start;gap:15px;font-size:9px;line-height:1.5}.demo-banner strong{display:block}.demo-nav{gap:10px;min-height:76px}.demo-nav>.demo-button{font-size:9px;padding:10px;gap:10px}.logo{font-size:17px}.logo small{font-size:6px}.forma .logo,.essenza .logo{font-size:30px}.demo-menu{width:34px;height:34px}.full-hero{height:540px}.full-hero:after{background:linear-gradient(90deg,#13281fce,#13281f33)}.full-hero h1{font-size:54px;max-width:340px}.full-hero p{font-size:13px;max-width:300px}.eyebrow{font-size:9px;margin-bottom:20px}.filter-bar{grid-template-columns:1fr 1fr;gap:15px;padding:20px}.filter-bar .demo-button{grid-column:span 2;justify-content:center;font-size:12px}.filter-bar label{font-size:9px}.filter-bar select{font-size:12px}.section{padding:60px 0}.section-title{display:block;margin-bottom:30px}.section-title p:not(.eyebrow){margin-top:22px;font-size:13px}.grid{grid-template-columns:1fr;gap:25px}.grid .property:last-child{display:block;grid-column:auto}.grid .property:last-child>img,.property>img{height:250px}.property-body{padding:24px}.split{grid-template-columns:1fr;gap:30px}.split>img{height:350px}.split p:not(.eyebrow){font-size:14px}.values{grid-template-columns:1fr;gap:30px}.values h3{margin-top:13px}.demo-contact{padding:65px 0}.demo-contact h2{font-size:37px}.demo-contact p{font-size:13px}.demo-footer .container{display:block}.demo-footer p{margin-bottom:16px;max-width:300px}.arch-hero{display:flex;flex-direction:column;min-height:auto}.arch-hero>div{padding:47px 20px;width:100%}.arch-hero h1{font-size:59px}.arch-hero p:not(.eyebrow){font-size:13px;margin:24px 0}.arch-hero>img{height:370px}.arch-projects{grid-template-columns:1fr;gap:40px}.arch-project:nth-child(2){margin-top:0}.arch-project img{height:340px}.arch-project h3{font-size:30px}.beauty-hero{grid-template-columns:1fr;gap:30px;padding:43px 0 40px}.beauty-hero>div{padding:0}.beauty-hero h1{font-size:63px}.beauty-hero p:not(.eyebrow){font-size:13px;margin:24px 0}.beauty-hero>img{height:420px;max-width:390px;margin:auto;border-radius:180px 180px 0 0}.beauty-strip .container{font-size:8px;gap:12px;letter-spacing:.03em}.tabs{gap:0;justify-content:space-between;margin-bottom:30px}.tabs button{padding:12px 10px;font-size:12px}.service-panel{grid-template-columns:1fr;gap:30px}.service-panel>img{height:280px}.service-panel h3{font-size:33px}.service-panel p{font-size:13px}.demo-dialog{padding:30px 22px}.demo-dialog h2{font-size:31px;margin-top:20px}.demo-dialog p{font-size:13px}.demo-dialog .demo-button{font-size:11px;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
