@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-ext-wght-normal-CawQDOvP.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-wght-normal-DdqRvwsR.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff")}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff")}:root{--ink:#111214;--paper:#f4f5f0;--sage:#c3c8a9;--metal:#a9afb7;--pad:clamp(24px, 4.5vw, 80px);color:var(--ink);background:var(--ink);font-synthesis:none;font-family:DM Sans Variable,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:6px;outline:2px solid #7f875a}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.06em;font-family:Sora Variable,sans-serif;font-weight:500}em{letter-spacing:-.03em;font-family:Instrument Serif,serif;font-weight:400}svg{width:100%;height:auto;display:block}.eyebrow{letter-spacing:.18em;font-size:11px;font-weight:600;line-height:1.6}.skip{z-index:100;background:var(--sage);padding:14px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip:focus{transform:none}.header{z-index:20;width:100%;height:100px;padding:0 var(--pad);color:var(--paper);border-bottom:1px solid #ffffff27;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0}.brand{width:120px}.desktop-nav{gap:38px;font-size:14px;display:flex}.desktop-nav a{padding:8px 0;position:relative}.desktop-nav a:after{content:"";background:var(--sage);transform-origin:0;width:100%;height:1px;transition:transform .35s;position:absolute;bottom:1px;left:0;transform:scaleX(0)}.desktop-nav a:hover:after{transform:scaleX(1)}.nav-actions{align-items:center;gap:18px;display:flex}.pill{background:var(--sage);color:var(--ink);white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;gap:38px;padding:20px 27px;font-size:15px;transition:background .3s,transform .3s;display:inline-flex}.pill span{font-size:22px;line-height:1;transition:transform .3s}.pill:hover span{transform:translate(3px,-3px)}.pill:hover{background:#d4d8c0}.pill.small{gap:23px;padding:13px 22px;font-size:14px}.pill.dark{background:var(--ink);color:var(--paper)}.pill.dark:hover{background:#2f3230}.menu-toggle{background:0 0;width:36px;height:44px;padding:8px 0;display:none}.menu-toggle span{background:currentColor;width:28px;height:1px;margin:7px 0;display:block}.hero{background:var(--ink);height:205svh;color:var(--paper);position:relative}.hero-sticky{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden}.hero-copy{top:clamp(142px,19vh,200px);left:var(--pad);z-index:2;pointer-events:none;width:59%;position:absolute}.hero-copy a{pointer-events:auto}.hero h1{margin:23px 0 28px;font-size:clamp(65px,7.35vw,118px);font-weight:500;line-height:1.03}.hero h1 em{font-size:1.19em;line-height:.93}.hero-description{letter-spacing:-.025em;color:#b5b7bd;max-width:500px;font-size:clamp(16px,1.5vw,22px);line-height:1.5}.text-link{align-items:center;gap:26px;margin-top:12px;padding:20px 0;font-size:16px;display:inline-flex}.text-link span{font-size:26px;transition:transform .3s}.text-link:hover span{transform:translateY(5px)}.scene{pointer-events:none;width:67%;height:80%;position:absolute;top:13%;right:-7%}.scene canvas,.scene-fallback{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.scene-fallback{mix-blend-mode:lighten;transition:opacity .5s}.scene.is-ready .scene-fallback{opacity:0}.scene-copy{left:var(--pad);opacity:0;pointer-events:none;visibility:hidden;max-width:45%;position:absolute;top:28%}.scene-copy h2{margin:26px 0;font-size:clamp(40px,5.2vw,80px);line-height:1.08}.scene-copy p:last-child{color:#b5b7bd;font-size:18px;line-height:1.6}.hero-base{bottom:30px;left:var(--pad);right:var(--pad);color:#b5b7bd;border-top:1px solid #ffffff35;justify-content:space-between;padding-top:20px;font-size:12px;display:flex;position:absolute}.scroll-label span{color:var(--sage);margin-left:18px}.scene-progress{right:var(--pad);background:#ffffff20;width:1px;height:120px;position:absolute;top:35%}.scene-progress span{background:var(--sage);transform-origin:top;width:100%;height:100%;display:block;transform:scaleY(.05)}.section-light{background:var(--paper)}.projects{padding:110px var(--pad) 95px;z-index:3;border-radius:24px 24px 0 0;margin-top:-24px;position:relative}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:64px;display:flex}.section-heading h2,.service-heading h2{font-size:clamp(42px,5.6vw,88px);line-height:1.1}.sage-dot{color:#8e9673}.section-note{max-width:260px;padding-bottom:8px}.section-note p{color:#656974;margin-top:13px;font-size:14px;line-height:1.5}.projects-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.project{text-align:left;background:0 0;min-width:0;padding:0}.project-image{aspect-ratio:1.13;background:#c5c9c5;position:relative;overflow:hidden}.project-image>img{object-fit:cover;width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.6,.3,1)}.project:hover .project-image>img{transform:scale(1.04)}.habitar-type{color:#111214;flex-direction:column;align-items:flex-start;display:flex;position:absolute;inset:28px}.habitar-type>span{letter-spacing:.13em;align-self:flex-end;font-size:8px}.habitar-type strong{letter-spacing:-.05em;margin-top:22px;font-family:Instrument Serif,serif;font-size:clamp(64px,7.8vw,118px);font-weight:400}.habitar-type small{text-transform:uppercase;letter-spacing:.15em;margin-top:7px;font-size:10px;line-height:1.45}.project-arrow{background:var(--paper);width:48px;height:48px;color:var(--ink);border-radius:50%;place-items:center;font-size:24px;transition:transform .4s;display:grid;position:absolute;bottom:22px;right:22px}.project:hover .project-arrow{transform:rotate(45deg)}.project-caption{justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 0;display:flex}.project-caption h3{letter-spacing:-.045em;font-family:DM Sans Variable,sans-serif;font-size:21px;font-weight:600}.project-caption h3 span{font-weight:400}.project-caption p{color:#656974;margin-top:7px;font-size:13px}.project-caption>span{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;margin-top:5px;font-size:10px}.agenda-stage{color:var(--paper);perspective:1100px;background:radial-gradient(at 55% 45%,#343736,#121514 75%)}.agenda-label{color:#c1c4c3;font-size:12px;line-height:1.5;position:absolute;top:26px;right:28px}.agenda-device{background:#151716;border:3px solid #515451;border-radius:22px;width:87%;height:66%;padding:22px 15px;transition:transform .9s;display:flex;position:absolute;top:25%;left:8%;transform:rotateX(16deg)rotateY(-16deg)rotate(-9deg);box-shadow:20px 25px 30px #0009}.project:hover .agenda-device{transform:rotateX(10deg)rotateY(-10deg)rotate(-5deg)}.device-sidebar{border-right:1px solid #ffffff0b;flex-direction:column;gap:20px;width:32%;padding:0 12px 0 4px;display:flex}.device-sidebar b{letter-spacing:-.06em;margin-bottom:12px;font-size:20px}.device-sidebar b span{color:var(--sage);margin-left:3px;font-size:8px}.device-sidebar small{color:#b6bbb7;white-space:nowrap;font-size:8px}.settings{margin-top:auto}.device-calendar{flex:1;padding:8px 12px}.calendar-top{justify-content:space-between;align-items:center;margin-bottom:25px;font-size:13px;display:flex}.calendar-top b{font-weight:400}.calendar-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:10px 7px;font-size:8px;display:grid}.calendar-days span{aspect-ratio:1;place-items:center;display:grid}.calendar-days .selected{background:var(--sage);color:var(--ink);border-radius:50%}.agenda-task{background:#333835;border-radius:8px;align-items:center;gap:12px;padding:16px 18px;font-size:12px;display:flex;position:absolute;bottom:23%;right:5%;transform:rotate(-5deg);box-shadow:0 10px 30px #0004}.agenda-task small{color:#b1b7af;margin-top:5px;font-size:8px;display:block}.agenda-task>span:last-child{margin-left:14px}.task-dot{background:var(--sage);border-radius:50%;width:13px;height:13px}.services{padding:30px var(--pad) 120px}.service-heading{grid-template-columns:1fr 2fr;align-items:start;margin-bottom:60px;display:grid}.service-heading>.eyebrow{padding-top:16px}.service-list details{border-top:1px solid #11121435}.service-list details:last-child{border-bottom:1px solid #11121435}summary{cursor:pointer;grid-template-columns:1fr 1fr 30px;align-items:center;gap:35px;padding:31px 0;list-style:none;display:grid}summary::-webkit-details-marker{display:none}summary h3{letter-spacing:-.06em;font-size:clamp(25px,2.6vw,40px)}summary p{color:#666b75;font-size:15px;line-height:1.5}.plus{width:24px;height:24px;position:relative}.plus:before,.plus:after{content:"";background:var(--ink);width:24px;height:1px;transition:transform .3s;position:absolute;top:11px;left:0}.plus:after{transform:rotate(90deg)}details[open] .plus:after{transform:rotate(0)}.service-body{color:#565b64;padding:0 65px 32px calc(50% + 12px);font-size:15px;line-height:1.7}.service-body span{text-transform:uppercase;letter-spacing:.07em;color:#30362b;margin-top:20px;font-size:10px;display:block}.studio{padding:110px var(--pad);color:var(--paper);grid-template-columns:1fr 1fr;align-items:center;gap:10%;display:grid;overflow:hidden}.studio-mark{color:var(--sage);opacity:.85;transform:rotate(-10deg)}.studio-copy h2{margin:25px 0 34px;font-size:clamp(50px,6.5vw,98px);line-height:1.03}.studio-copy>p:not(.eyebrow){letter-spacing:-.025em;font-size:19px;line-height:1.5}.studio-copy .studio-detail{color:#a7acb2;max-width:380px;margin-top:18px;font-size:15px!important}.contact{background:var(--sage);padding:70px var(--pad) 30px}.contact-main{justify-content:space-between;align-items:center;gap:30px;margin:45px 0 100px;display:flex}.contact h2{font-size:clamp(48px,6.8vw,106px);line-height:1.03}footer{border-top:1px solid #11121455;justify-content:space-between;align-items:center;gap:24px;padding-top:30px;font-size:12px;display:flex}.footer-brand{width:125px}.back-top{font-size:12px}dialog{background:var(--paper);color:var(--ink);border:0;width:min(620px,100% - 32px);max-height:90dvh;padding:48px;overflow:auto}dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080b0ab8}dialog[open]{animation:.3s both dialog-in}.dialog-close{background:0 0;width:40px;height:40px;font-size:32px;position:absolute;top:14px;right:20px}.brief-dialog h2,.project-dialog h2{margin:24px 0;font-size:42px;line-height:1.06}.dialog-intro{color:#62676c;font-size:14px;line-height:1.5}.brief-dialog form{gap:22px;margin-top:28px;display:grid}label{flex-direction:column;gap:9px;font-size:13px;display:flex}input,select,textarea{width:100%;color:var(--ink);background:0 0;border:1px solid #11121440;border-radius:0;padding:13px;font-size:16px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline-offset:2px;outline:2px solid #828968}.form-status{font-size:13px;line-height:1.5}.project-dialog{width:min(900px,100% - 32px)}#project-description{color:#62676c;max-width:620px;margin-bottom:28px;line-height:1.6}#project-preview .project-image{aspect-ratio:1.5}#project-preview .project-arrow{display:none}.concept-note{color:#62676c;margin:22px 0;font-size:12px}.mobile-menu{background:var(--ink);width:100%;max-width:none;height:100dvh;max-height:100dvh;color:var(--paper);margin:0;padding:100px 30px 40px}.mobile-menu>a{letter-spacing:-.05em;border-bottom:1px solid #ffffff30;justify-content:space-between;padding:20px 0;font-family:Sora Variable;font-size:36px;display:flex}.mobile-menu>.eyebrow{margin-top:50px;display:block}.menu-close{color:var(--paper);background:0 0;padding:12px;position:absolute;top:25px;right:25px}.no-scroll{overflow:hidden}@keyframes dialog-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media (width>=1700px){.hero-copy{left:max(var(--pad), calc((100vw - 1580px) / 2))}.hero-sticky{max-height:1100px}}@media (width<=1000px){.header{height:85px}.hero-sticky{min-height:780px}.hero-copy{top:150px}.hero h1{font-size:70px}.scene{width:68%;height:68%;top:20%;right:-12%}.hero-description{max-width:350px;font-size:17px}.hero-copy{width:62%}.section-heading h2,.service-heading h2{font-size:56px}.section-heading{gap:30px}.section-note{max-width:200px}.project-caption{display:block}.project-caption>span{display:none}.project-caption h3{font-size:19px}.device-sidebar{gap:13px}.device-sidebar b{font-size:16px}.device-sidebar small{font-size:6px}.calendar-days{gap:6px 3px;font-size:6px}.calendar-top{margin-bottom:15px;font-size:10px}.agenda-device{padding:14px 10px}.agenda-task{gap:8px;padding:12px;font-size:10px}.habitar-type{inset:20px}.habitar-type strong{font-size:76px}.habitar-type>span{font-size:6px}summary{grid-template-columns:1.1fr 1fr 24px;gap:20px}summary h3{font-size:28px}summary p{font-size:14px}.contact-main{flex-direction:column;align-items:flex-start;gap:36px}.scene-copy{max-width:47%}.scene-copy h2{font-size:52px}.scene-copy p:last-child{font-size:16px}.service-body{max-width:650px;padding-left:0}.studio{gap:8%}.studio-copy h2{font-size:68px}}@media (width<=600px){html{scroll-padding-top:24px}.header{height:80px}.brand{width:96px}.desktop-nav{display:none}.menu-toggle{display:block}.pill.small{gap:15px;padding:11px 17px;font-size:12px}.pill.small span{font-size:18px}.nav-actions{gap:18px}.hero{height:175svh}.hero-sticky{height:100svh;min-height:780px}.hero-copy{width:calc(100% - 48px);top:119px;left:24px}.eyebrow{letter-spacing:.16em;font-size:9px}.hero h1{margin:18px 0 20px;font-size:clamp(46px,12.7vw,74px);line-height:1.02}.hero h1 br:first-child{display:none}.hero h1 em{font-size:1.15em}.hero-description{max-width:330px;font-size:15px;line-height:1.5}.desktop-break{display:none}.text-link{gap:20px;margin-top:3px;padding:10px 0;font-size:13px}.text-link span{font-size:22px}.scene{width:126%;height:48%;top:auto;bottom:45px;right:-13%}.hero-base{padding-top:15px;font-size:9px;bottom:20px;left:24px;right:24px}.scroll-label{display:none}.scene-progress{height:70px;top:auto;bottom:25%;right:24px}.scene-copy{max-width:calc(100% - 48px);top:128px;left:24px}.scene-copy h2{margin:18px 0;font-size:43px}.scene-copy h2 br:first-child{display:none}.scene-copy p:last-child{font-size:14px}.projects{border-radius:16px 16px 0 0;margin-top:-16px;padding:65px 24px 55px}.section-heading{margin-bottom:32px;display:block}.section-heading h2,.service-heading h2{font-size:44px}.section-note{justify-content:space-between;align-items:flex-start;gap:20px;max-width:none;margin-top:25px;display:flex}.section-note p{margin:0;font-size:11px;line-height:1.4}.section-note .eyebrow{max-width:150px;font-size:8px}.projects-grid{grid-template-columns:1fr;gap:28px}.project-image{aspect-ratio:1.1}.project-caption{padding:16px 0}.project-caption h3{font-size:19px}.project-caption p{font-size:12px}.habitar-type strong{font-size:80px}.habitar-type>span,.device-sidebar small{font-size:7px}.device-sidebar{gap:15px}.calendar-days{gap:7px 4px;font-size:7px}.calendar-top,.agenda-task{font-size:11px}.project-arrow{width:40px;height:40px;font-size:22px;bottom:18px;right:18px}.services{padding:10px 24px 65px}.service-heading{margin-bottom:32px;display:block}.service-heading>.eyebrow{margin-bottom:20px;padding:0}.service-heading h2 br{display:none}summary{grid-template-columns:1fr 24px;gap:10px;padding:25px 0}summary h3{font-size:27px}summary p{grid-column:1;font-size:13px}summary .plus{grid-area:1/2/3;width:20px}summary .plus:before,summary .plus:after{width:20px}.service-body{padding:0 0 25px;font-size:14px}.service-body span{font-size:9px}.studio{flex-direction:column-reverse;align-items:flex-start;gap:75px;padding:70px 24px;display:flex}.studio-mark{align-self:center;width:75%}.studio-copy h2{font-size:70px}.studio-copy>p:not(.eyebrow){font-size:18px}.studio-copy .studio-detail{font-size:14px!important}.contact{padding:50px 24px 25px}.contact-main{gap:28px;margin:28px 0 60px}.contact h2{font-size:49px}.contact h2 br{display:none}.pill{gap:28px;padding:17px 23px;font-size:13px}footer{flex-wrap:wrap;gap:25px;padding-top:24px;font-size:10px}.footer-brand{width:100px}footer>span{margin-left:auto}.back-top{margin-left:auto;font-size:10px}dialog{padding:40px 24px 28px}.brief-dialog h2,.project-dialog h2{font-size:36px}.dialog-intro{font-size:13px}#project-preview .project-image{aspect-ratio:1.1}}@media (width<=360px){.nav-actions{gap:10px}.hero h1{font-size:45px}.hero-copy{top:112px}.hero-description{font-size:14px}.contact h2{font-size:43px}summary h3{font-size:24px}.section-heading h2,.service-heading h2{font-size:39px}.agenda-label{font-size:10px}.calendar-days{gap:5px 2px}.device-sidebar{padding-right:5px}.device-calendar{padding:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.hero{height:auto}.hero-sticky{position:relative}.scene-copy,.scene-progress{display:none}.reveal{opacity:1!important;transform:none!important}}@media (width>=601px) and (width<=1000px){.scene{width:85%;height:59%;top:32%;right:-4%}.scene-copy{max-width:70%;top:17%}.scene-copy h2{font-size:48px}}@media (width<=600px){.hero h1 br:first-child{display:inline}.hero h1{font-size:clamp(44px,12.4vw,70px)}.scene-copy h2{font-size:40px}.scene-copy h2 br:first-child{display:inline}.hero-copy .text-link{z-index:5;position:relative}.scene{height:43%}}
