*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#252822;background:#eeece4;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c97445;outline-offset:5px}h1,h2,h3,p{margin-top:0}em{font-family:Georgia,serif;font-weight:400}h1{font-size:93px;line-height:1.02;font-weight:400;letter-spacing:-.06em}h2{font-size:45px;line-height:1.12;letter-spacing:-.04em;font-weight:400}.micro{font-family:monospace;font-size:10px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase}.nav{height:92px;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:0 5%}.brand{font-size:34px;font-weight:600;letter-spacing:-1.5px;white-space:nowrap}.brand>span{font-size:12px;vertical-align:top;margin-left:5px;letter-spacing:0}.brand.serif{font-family:Georgia,serif;font-weight:400}.nav nav{display:flex;align-items:center;gap:27px;font-size:11px}.photo{height:100%;width:100%;min-height:100px}.scene{background-image:url('../assets/examples.png');background-repeat:no-repeat;background-size:300% auto;background-position-y:center}.office{background-position-x:left}.lounge{background-position-x:right}.objects{background-position-x:center}.line-link{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;border-bottom:1px solid currentColor;padding:14px 0;font-size:12px}.line-link b{font-size:20px;font-weight:400}.solid-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:#2e3d30;color:#fff;padding:16px 24px;font-size:12px;gap:25px;border:0}.outlined{border:1px solid #fff8;padding:13px 17px}.demo-banner{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 15px;background:#171b20;color:#cdd1d4;padding:10px 20px;font-family:monospace;font-size:8px;line-height:1.6}.demo-banner strong{color:#eda493;font-weight:400;letter-spacing:.08em}.thumbnail .demo-banner{display:none}.thumbnail{overflow:hidden}.norte .nav{border-bottom:1px solid #25282226}.norte-hero{height:652px;display:grid;grid-template-columns:46% 54%}.norte-copy{padding:56px 11%;position:relative}.norte-copy h1{margin:25px 0 23px;font-size:88px}.norte-copy h1 em{color:#63705f}.norte-copy p{font-size:13px;line-height:1.85;color:#72776d}.norte-copy .line-link{margin-top:8px}.footnote{position:absolute;bottom:30px;color:#8a8e83;font-size:8px}.norte-bottom{padding:40px 5%;display:grid;grid-template-columns:.7fr 1.4fr 1fr;gap:35px;align-items:start}.norte-bottom h2{font-size:26px}.norte-bottom p{font-size:11px;line-height:1.8;color:#777c72}.simple-section{padding:65px 7%;border-top:1px solid #0002}.simple-section h2{margin:22px 0}.simple-section>p{font-size:15px;line-height:1.8;max-width:580px;color:#70776e}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.mini-grid article>.scene{height:300px}.mini-grid h3{font-size:21px;font-weight:400;margin:20px 0 8px}.mini-grid p{font-size:12px;color:#777}.mini-grid button,.demo-contact button,.options button,.tour-grid button{padding:13px 20px;background:transparent;border:1px solid currentColor;font-size:12px}.demo-contact{padding:60px 7%;background:#263b2f;color:#f0eee6}.demo-contact p{font-size:11px;margin-top:20px;opacity:.6}.alba{background:#edeae0}.alba-hero{height:740px;position:relative;color:#fff;isolation:isolate;overflow:hidden}.alba-hero>.photo{position:absolute;inset:0;z-index:-2;background-size:180% auto;background-position:right center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#09190dd4,#0d1c1a33 70%,#0a1a1a33);z-index:-1}.alba .nav{margin:0 5%;padding:0;border-bottom:1px solid #fff4}.alba .brand{font-size:47px}.alba .brand span{vertical-align:baseline;font-size:11px;letter-spacing:.1em;margin-left:15px;font-family:Arial}.alba-copy{position:absolute;top:180px;left:7%}.alba-copy h1{font-size:126px;margin:23px 0 18px}.alba-copy h1 em{color:#e1e5cd}.alba-copy p{font-size:14px;line-height:1.9;color:#e0e4d8}.alba-foot{position:absolute;bottom:45px;left:7%;right:7%;display:flex;align-items:end;justify-content:space-between;border-top:1px solid #fff5;padding-top:27px}.alba-foot>span{font-size:9px;line-height:2;color:#d4ddd0;letter-spacing:.08em}.alba-foot b{font-size:18px;font-family:Georgia,serif;font-weight:400;letter-spacing:0;color:#fff}.alba-foot>a{border:1px solid #fff8;padding:17px 22px;font-size:12px}.option-row{display:flex;gap:15px;flex-wrap:wrap;margin:30px 0}.options button:hover{background:#273d30;color:#fff}.disclaimer{font-size:11px!important;opacity:.8;margin:26px 0 0!important}.store-strip{background:#42362a;color:#f1e9d7;text-align:center;padding:9px;font-size:8px;letter-spacing:.16em}.materia{background:#efe8db;color:#43382a}.materia .nav{height:85px;border-bottom:1px solid #7a634425}.materia .brand{font-size:40px}.materia .brand span{color:#b7834e;font-size:23px}.materia-hero{display:grid;grid-template-columns:51% 49%;height:575px}.materia-copy{padding:85px 11%}.materia-copy h1{font-size:69px;margin:38px 0 27px}.materia-copy h1 em{color:#9d7549}.materia-copy p{font-size:13px;line-height:1.9;color:#8a7862}.materia .solid-button{background:#43382a;margin-top:16px}.color-dots{display:flex;gap:9px;align-items:center;margin-top:45px}.color-dots i{display:block;width:17px;height:17px;background:#b8834b;border-radius:50%}.color-dots i:nth-child(2){background:#c7b494}.color-dots i:nth-child(3){background:#77775a}.color-dots span{font-size:7px;letter-spacing:.1em;margin-left:7px;color:#88785d}.materia-strip{display:flex;justify-content:center;gap:100px;padding:38px 5%;font-size:12px;color:#8b7b64;border-bottom:1px solid #7a634425}.sur{background:#edeae0;color:#233a3b}.sur-hero{height:740px;position:relative;color:#fff;isolation:isolate;overflow:hidden}.full-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.sur .shade{background:linear-gradient(90deg,#041922cc,#04192233),linear-gradient(0deg,#071719aa,transparent 65%)}.sur .brand{font-size:37px;letter-spacing:-2px}.sur .brand span{font-size:27px;font-weight:400;color:#e2b075}.sur .nav{border-bottom:1px solid #ffffff30}.sur-copy{position:absolute;top:190px;left:7%}.sur-copy h1{font-size:110px;margin:26px 0}.sur-copy h1 em{color:#f2d8ae}.sur-copy p{font-size:14px;line-height:1.85;color:#d1dce0}.sur .solid-button{background:#ecd9b7;color:#213535;margin-top:14px}.sur-foot{position:absolute;left:7%;right:7%;bottom:35px;display:flex;justify-content:space-between;align-items:center;font-size:11px;border-top:1px solid #fff3;padding-top:20px}.tour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.tour-grid article{padding:25px 20px;border:1px solid #7d8a782e}.tour-grid article>span{font-size:11px;color:#b48b5f}.tour-grid h3{font-size:22px;line-height:1.2;font-weight:400;letter-spacing:-.5px;margin:27px 0 15px}.tour-grid p{font-size:13px;line-height:1.7;min-height:66px;color:#6c7975}.tour-grid button{font-size:11px;padding:12px}.bruma{background:#f0dfbd;color:#4f291b}.bruma .nav{height:100px;border-bottom:1px solid #6b392d35}.bruma .brand{font-size:48px;font-style:italic;letter-spacing:-3px}.bruma .brand span{font-family:monospace;font-size:8px;letter-spacing:.15em;font-style:normal;vertical-align:baseline;margin-left:14px}.bruma-hero{display:grid;grid-template-columns:45% 55%;height:610px}.bruma-copy{padding:55px 12%}.bruma-copy .micro{font-size:8px}.bruma-copy h1{font-size:81px;margin:25px 0 22px;line-height:.99}.bruma-copy h1 em{color:#9c492e}.bruma-copy p{font-size:13px;line-height:1.8;color:#8d6044}.bruma .solid-button{background:#6b3424;color:#f7e5c8;margin-top:12px}.bruma-image{padding:32px 36px 25px 0;position:relative}.bruma-image img{width:100%;height:100%;object-fit:cover;border-radius:190px 190px 0 0}.bruma-image>span{position:absolute;bottom:41px;left:25px;font-family:monospace;letter-spacing:.1em;font-size:8px;color:#fff0d9}.bruma-strip{padding:25px;background:#6b3424;color:#f0dfbd;text-align:center;font-size:17px;font-family:Georgia,serif;letter-spacing:.15em;white-space:nowrap;overflow:hidden}.menu-tabs{display:flex;gap:10px;margin:30px 0}.menu-tabs button{padding:12px 20px;background:none;border:1px solid #6b3424}.menu-tabs button[aria-pressed=true]{background:#6b3424;color:#f0dfbd}.menu-row{padding:23px 0;border-bottom:1px solid #6b342440;display:flex;justify-content:space-between;gap:20px;font-size:20px;max-width:680px}.menu-row small{font-size:12px;color:#906b50}.dashboard{display:grid;grid-template-columns:200px 1fr;min-height:900px}.punto{background:#eef1e9;color:#2a3a35}.sidebar{background:#213d34;color:#e4eddf;padding:35px 22px;position:relative}.sidebar .brand{font-size:33px;font-weight:600}.sidebar .brand span{font-size:11px;color:#c7dba0;vertical-align:middle;margin-left:5px}.workspace{display:flex;gap:10px;padding:17px 0;border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;margin:32px 0;font-size:11px;align-items:center}.workspace>span,.user-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#d0dcb7;color:#425241;font-size:12px}.workspace small{display:block;font-size:6px;letter-spacing:.1em;margin-top:5px;color:#a5b4a8}.sidebar nav{display:flex;flex-direction:column;gap:15px;font-size:11px}.sidebar nav a{padding:13px 11px;border-radius:5px;color:#bccbbd}.sidebar nav .selected{background:#ffffff12;color:#f4f9ea}.sidebar-foot{position:absolute;left:25px;bottom:45px}.sidebar-foot .micro{font-size:6px;color:#a2b795}.sidebar-foot p{font-family:Georgia,serif;font-size:24px;line-height:1.3;margin:13px 0;color:#dce8ca}.dashboard-main{padding:28px 5%}.dashboard-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #263b3020}.dashboard-top .micro{font-size:8px;color:#85917f}.greeting{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:35px}.greeting .micro{font-size:7px;color:#84907c}.greeting h1{font-size:49px;letter-spacing:-2px;margin:12px 0 8px}.greeting h1 span{color:#759451}.greeting p{font-size:25px;color:#7a916b;font-family:Georgia,serif;font-style:italic;margin:0}.status-pill{font-size:7px;padding:9px 11px;border:1px solid #ccd5c1;border-radius:20px;color:#7a8c6c;white-space:nowrap;margin-bottom:5px}.stat-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:13px;margin:32px 0}.stat-grid article{padding:20px 17px;border:1px solid #d2d9ca;border-radius:8px;background:#fafbf6}.stat-grid article>span{font-size:10px;color:#819075}.stat-grid strong{display:block;font-size:38px;font-weight:400;margin:19px 0 13px}.stat-grid small{font-size:8px;color:#8c9980}.bars{height:74px;display:flex;gap:6px;align-items:end;margin:10px 0 10px}.bars i{width:14%;background:#c1d1a8;border-radius:3px 3px 0 0;height:30%}.bars i:nth-child(2){height:50%}.bars i:nth-child(3){height:40%}.bars i:nth-child(4){height:75%}.bars i:nth-child(5){height:65%}.bars i:nth-child(6){height:90%}.bars i:nth-child(7){height:100%;background:#5d8256}.task-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:30px}.task-heading h2{font-size:25px;letter-spacing:-.8px;margin:0}.task-heading button{font-size:8px;background:none;border:0;color:#6c825f;padding:10px}.task-section>p{font-size:10px;color:#829277;margin-top:12px}.task-list{margin-top:22px}.task-list label{display:flex;gap:15px;align-items:center;padding:20px 2px;border-bottom:1px solid #ccd6c2;cursor:pointer;font-size:12px}.task-list input{width:18px;height:18px;accent-color:#567c48}.task-list label span small{display:block;font-size:7px;letter-spacing:.06em;color:#9aa58f;margin-top:7px}.task-list label b{font-weight:400;margin-left:auto;font-size:7px;color:#82936e;padding:6px 9px;border-radius:12px;background:#e4eadc}.task-list input:checked+span{text-decoration:line-through;color:#8b9980}.activity{border-top:1px solid #cbd4c2;margin-top:40px;padding-top:28px}.activity .micro{font-size:7px}.activity h2{font-size:30px;margin:20px 0}.activity p{font-size:11px;line-height:1.8;color:#819075}.feedback{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:600px;width:calc(100% - 40px);background:#17221f;color:#fff;padding:20px 25px;border:1px solid #8a9d88;box-shadow:0 10px 50px #0005;font-size:13px;line-height:1.7;z-index:20;border-radius:7px}.feedback[hidden]{display:none}@media(max-width:700px){h1{font-size:62px}h2{font-size:36px}.nav{height:77px;padding:0 6%;gap:20px}.nav>.micro{display:none}.nav nav{gap:15px;font-size:9px}.brand{font-size:28px}.norte-hero{grid-template-columns:1fr;height:auto}.norte-copy{padding:42px 8% 75px}.norte-copy h1{font-size:75px;line-height:1.01}.norte-copy p{font-size:13px}.norte-hero .photo{height:380px;background-size:300% auto}.norte-bottom{display:block;padding:35px 7%}.norte-bottom h2{font-size:28px;margin:20px 0}.norte-bottom p{font-size:13px}.simple-section{padding:45px 7%}.simple-section>p{font-size:13px}.mini-grid{grid-template-columns:1fr;gap:30px}.mini-grid article>.scene{height:310px}.alba-hero{height:700px}.alba-hero>.photo{background-size:360% auto;background-position:right center}.alba .brand{font-size:37px}.alba .brand span{font-size:8px;margin-left:7px}.alba .nav{margin:0 6%}.alba .nav nav>a:not(.outlined){display:none}.nav .outlined{padding:11px 12px;font-size:8px}.alba-copy{top:185px;left:8%}.alba-copy h1{font-size:94px}.alba-copy .micro{font-size:8px}.alba-copy p{font-size:13px}.alba-foot{left:8%;right:8%;gap:15px;bottom:35px}.alba-foot>a{font-size:10px;padding:14px}.alba-foot>span{font-size:7px}.alba-foot b{font-size:14px}.materia .nav{height:75px}.materia .brand{font-size:32px}.materia-hero{grid-template-columns:1fr;height:auto}.materia-hero>.photo{height:360px;order:2}.materia-copy{padding:45px 8%}.materia-copy h1{font-size:58px;margin:29px 0 23px}.color-dots{margin-top:29px}.materia-strip{gap:25px;font-size:10px;line-height:1.7;padding:25px 7%}.sur-hero{height:710px}.sur .nav>.micro{display:none}.sur .nav nav>a:not(.outlined){display:none}.sur-copy{top:180px;left:8%;right:8%}.sur-copy .micro{font-size:8px}.sur-copy h1{font-size:81px;margin:27px 0}.sur-copy p{font-size:12px}.sur .solid-button{font-size:11px}.sur-foot{left:8%;right:8%;gap:15px;font-size:8px}.sur-foot .micro{font-size:6px}.full-photo{object-position:60% center}.tour-grid{grid-template-columns:1fr}.tour-grid p{min-height:0}.bruma .nav{height:84px}.bruma .brand{font-size:40px}.bruma .brand span{font-size:7px;margin-left:8px}.bruma .nav nav>a:first-child{display:none}.bruma-hero{grid-template-columns:1fr;height:auto}.bruma-copy{padding:43px 8% 30px}.bruma-copy h1{font-size:77px}.bruma-image{height:430px;padding:0 8% 25px}.bruma-image>span{left:14%;bottom:45px}.bruma-strip{font-size:12px;padding:20px}.menu-row{font-size:18px;align-items:center}.menu-row small{font-size:10px}.dashboard{grid-template-columns:62px 1fr;min-height:100vh}.sidebar{padding:25px 9px}.sidebar .brand{font-size:15px;letter-spacing:-.7px}.sidebar .brand span{font-size:5px;margin-left:0}.workspace{padding:20px 0;margin-top:25px;justify-content:center}.workspace>span{width:28px;height:28px;font-size:10px}.workspace>div{display:none}.sidebar nav{gap:10px}.sidebar nav a{font-size:0;padding:15px 7px}.sidebar nav a:first-letter{font-size:16px}.sidebar-foot{display:none}.dashboard-main{padding:20px 6%}.dashboard-top{padding-bottom:15px}.dashboard-top .micro{font-size:6px;max-width:105px}.user-avatar{width:25px;height:25px;font-size:9px}.greeting{display:block;margin-top:29px}.greeting h1{font-size:31px;letter-spacing:-1.6px;white-space:nowrap}.greeting .micro{font-size:5px}.greeting p{font-size:20px}.status-pill{display:none}.stat-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:25px}.stat-grid article{padding:14px 10px}.stat-grid article>span{font-size:8px}.stat-grid strong{font-size:29px;margin:15px 0 9px}.stat-grid small{font-size:6px}.chart-stat{display:none}.task-heading{display:block;margin-top:25px}.task-heading h2{font-size:24px}.task-heading button{padding:12px 0;font-size:8px}.task-section>p{font-size:9px;line-height:1.7;margin-top:2px}.task-list label{gap:9px;padding:18px 0;font-size:10px;line-height:1.5}.task-list input{flex-shrink:0;width:16px;height:16px}.task-list label small{font-size:5px!important}.task-list label b{display:none}.activity h2{font-size:27px}.activity p{font-size:10px}.demo-banner{font-size:6px;padding:8px 13px;gap:2px 8px;text-align:center}.feedback{font-size:11px;padding:15px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
