@font-face{font-family:Matter;src:url(/assets/Matter-TRIAL-Light-D2iwF1jc.otf) format("opentype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Matter;src:url(/assets/Matter-TRIAL-Regular-CTp6X_6t.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Matter;src:url(/assets/Matter-TRIAL-Medium-DEvk2VK0.otf) format("opentype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Matter;src:url(/assets/Matter-TRIAL-SemiBold-xzB1x5r8.otf) format("opentype");font-style:normal;font-weight:600;font-display:swap}:root{--paper: #f5efe4;--paper-soft: #fbf7ef;--ink: #121015;--ink-soft: rgba(18, 16, 21, .68);--ink-muted: rgba(18, 16, 21, .46);--hairline: rgba(18, 16, 21, .12);--dark: #09080d;--app-chrome-color: var(--ink);--max: 1440px;--gutter: clamp(20px, 4.7vw, 72px);--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--paper)}html,body,#root{min-height:100%;margin:0;padding:0;background:var(--paper);color:var(--ink)}body{font-family:Matter,system-ui,sans-serif;font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-chrome-sampling-bar{position:fixed;top:4px;left:50%;z-index:2147483647;width:89%;height:11px;background:var(--app-chrome-color);pointer-events:none;transform:translate(-50%);mask-image:linear-gradient(to right,transparent,transparent);-webkit-mask-image:linear-gradient(to right,transparent,transparent)}::selection{background:var(--dark);color:var(--paper)}::-moz-selection{background:var(--dark);color:var(--paper)}.hero ::selection,.everyday ::selection{background:var(--paper);color:var(--ink)}.hero ::-moz-selection,.everyday ::-moz-selection{background:var(--paper);color:var(--ink)}.has-custom-cursor,.has-custom-cursor *{cursor:none!important}img,svg{display:block}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:1px solid currentColor;outline-offset:5px}html.has-scroll-smooth,.has-scroll-smooth body,html.has-mobile-menu-open,html.has-mobile-menu-open body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}.c-scrollbar{position:absolute;top:0;right:0;z-index:90;width:11px;height:100%;opacity:0;transform-origin:center right;transition:opacity .3s var(--ease),transform .3s var(--ease)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar_thumb{position:absolute;top:0;right:0;width:7px;margin:2px;border-radius:10px;background:#1210154d;cursor:grab}.custom-cursor{position:fixed;top:0;left:0;z-index:120;width:144px;height:144px;border-radius:50%;pointer-events:none;background:#fff0;backdrop-filter:invert(1);-webkit-backdrop-filter:invert(1);transform:translate3d(-72px,-72px,0) scale(.075);transition:opacity .22s var(--ease),background .22s var(--ease),backdrop-filter .22s var(--ease);will-change:transform}.custom-cursor.is-active{background:#ffffff14;backdrop-filter:invert(1) contrast(1.08);-webkit-backdrop-filter:invert(1) contrast(1.08)}@supports not ((backdrop-filter: invert(1)) or (-webkit-backdrop-filter: invert(1))){.custom-cursor{background:#fff;mix-blend-mode:difference}.custom-cursor.is-active{background:#fff}}.page{position:relative;overflow:hidden;background:var(--paper)}.site-header{position:fixed;top:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:1fr auto;align-items:start;width:min(calc(100% - var(--gutter) * 2),var(--max));margin:0 auto;padding-top:48px;pointer-events:none;opacity:1;transform:translateZ(0);transition:opacity .68s var(--ease),transform .68s var(--ease)}.site-header.is-menu-open{z-index:60;opacity:1;transform:translateZ(0)}.site-header.is-hidden{opacity:0;transform:translate3d(0,-18px,0)}.site-wordmark,.weather-badge,.site-menu,.menu-toggle{pointer-events:auto}.site-wordmark{display:inline-flex;align-items:center;gap:13px;width:fit-content;padding-top:4px;opacity:.94;transition:opacity .52s var(--ease),transform .52s var(--ease)}.site-wordmark:hover{opacity:1;transform:translate3d(-2px,-1px,0)}.site-wordmark img{width:20px;height:20px;transition:filter .32s var(--ease),opacity .32s var(--ease)}.site-header.is-over-dark .site-wordmark img,.site-header.is-menu-open .site-wordmark img{filter:brightness(0) invert(1)}.weather-badge{position:absolute;top:51px;left:50%;display:inline-flex;align-items:center;gap:7px;width:fit-content;opacity:.78;transform:translate(-50%);transition:color .32s var(--ease)}.weather-badge svg{width:15px;height:15px}.weather-badge span{font-size:14px;font-weight:300;line-height:1;letter-spacing:.03em;white-space:nowrap}.site-wordmark span,.site-menu a,.project-aside li,.footer{font-size:11px;font-weight:500;line-height:1.15;letter-spacing:.02em}.site-wordmark span,.site-menu a{color:var(--ink);font-size:14px;font-weight:300;line-height:1;letter-spacing:.03em;transition:color .32s var(--ease),opacity .56s var(--ease),transform .56s var(--ease),letter-spacing .56s var(--ease)}.site-header.is-over-dark .site-wordmark span,.site-header.is-over-dark .weather-badge,.site-header.is-over-dark .site-menu a{color:var(--paper-soft)}.site-header.is-menu-open .site-wordmark span,.site-header.is-menu-open .weather-badge,.site-header.is-menu-open .site-menu a{color:var(--paper)}.site-header.is-over-dark .menu-toggle,.site-header.is-menu-open .menu-toggle{background:#f5efe429;color:var(--paper);box-shadow:none}.site-menu{display:flex;min-width:136px;flex-direction:column;align-items:flex-end;gap:16px}.site-menu a{position:relative;display:block;text-transform:lowercase;opacity:.78;transition:opacity .56s var(--ease),transform .56s var(--ease),letter-spacing .56s var(--ease)}.site-menu a:after{content:"";position:absolute;top:50%;right:calc(100% + 10px);width:0;height:1px;background:currentColor;opacity:.8;transform:translateY(-50%);transition:width .56s var(--ease),opacity .56s var(--ease),right .56s var(--ease)}.site-menu a:hover{opacity:1;letter-spacing:.065em;transform:translate3d(-6px,0,0)}.site-menu a:hover:after{right:calc(100% + 14px);width:30px}.menu-toggle{position:relative;z-index:26;display:none;width:42px;height:42px;margin-left:auto;padding:0;border:0;border-radius:999px;background:#fbf7ef6b;color:var(--ink);box-shadow:none}.menu-toggle span{position:absolute;left:12px;right:12px;height:1px;background:currentColor;transition:top .36s var(--ease),transform .36s var(--ease)}.menu-toggle span:first-child{top:17px}.menu-toggle span:last-child{top:24px}.site-header.is-menu-open .menu-toggle span:first-child{top:21px;transform:rotate(38deg)}.site-header.is-menu-open .menu-toggle span:last-child{top:21px;transform:rotate(-38deg)}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;flex-direction:column;justify-content:flex-end;padding:104px var(--gutter) var(--gutter);background:var(--ink);color:var(--paper);opacity:0;clip-path:inset(0 100% 0 0);visibility:hidden;pointer-events:none;transition:opacity .46s var(--ease),clip-path .62s var(--ease),visibility .46s var(--ease)}.mobile-menu.is-open{opacity:1;clip-path:inset(0 0 0 0);visibility:visible;pointer-events:auto}.mobile-menu-links{display:flex;flex-direction:column;gap:12px}.mobile-menu-links a{font-size:clamp(46px,14vw,82px);font-weight:300;line-height:1}.hero{position:relative;display:grid;height:100dvh;min-height:100dvh;align-items:center;overflow:hidden;padding:clamp(112px,12vw,168px) 0 clamp(30px,5vw,62px);background:#121015;color:var(--paper)}.hero-visual{position:absolute;right:0;bottom:0;z-index:0;height:100%;pointer-events:none}.hero-visual img{width:auto;height:100%;transform:scaleX(-1)}.hero-content{position:relative;z-index:1;display:flex;min-height:100%;flex-direction:column;justify-content:flex-end;width:min(calc(100% - var(--gutter) * 2),var(--max));margin:0 auto;padding-bottom:clamp(34px,4.6vw,70px)}.hero h1{max-width:720px;margin:0;font-size:clamp(48px,6vw,88px);font-weight:400;line-height:1;letter-spacing:0;text-wrap:balance}.hero-copy p{max-width:500px;margin:26px 0 0;color:#f5efe4b8;font-size:clamp(17px,1.35vw,21px);font-weight:300;line-height:1.5}.hero-cta{display:inline-flex;align-items:center;gap:10px;width:fit-content;margin-top:34px;color:var(--paper);font-size:13px;font-weight:500;line-height:1;text-transform:uppercase}.hero-cta svg{width:16px;height:16px;transition:transform .26s var(--ease)}.hero-cta:hover svg{transform:translate3d(3px,-3px,0)}.project-main a,.contact-copy a{display:inline-flex;align-items:center;gap:10px;width:fit-content}.project-main svg,.contact-copy svg{width:16px;height:16px;transition:transform .26s var(--ease)}.project-main a:hover svg,.contact-copy a:hover svg{transform:translate3d(3px,-3px,0)}.belief,.work,.method,.principles,.contact{width:min(calc(100% - var(--gutter) * 2),var(--max));margin:0 auto}.belief{display:grid;grid-template-columns:minmax(0,.88fr) minmax(280px,.38fr);gap:clamp(30px,5vw,86px);align-items:start;min-height:82svh;padding:clamp(100px,13vw,180px) 0}.belief h2,.work-intro h2,.method-heading h2,.everyday h2,.contact h2{margin:0;font-size:clamp(44px,5.8vw,92px);font-weight:300;line-height:1.02;letter-spacing:0;text-wrap:balance}.belief h2 em,.work-intro h2 em{font-family:inherit;font-style:italic;font-weight:400}.belief-copy{display:grid;gap:22px}.belief-copy p,.work-intro p,.method-heading p,.everyday p,.project-main p,.project-aside p,.principle p{margin:0;color:var(--ink-soft);font-size:clamp(17px,1.3vw,21px);font-weight:300;line-height:1.52}.work{padding:clamp(92px,13vw,170px) 0 clamp(36px,6vw,82px)}.work-intro{max-width:980px;margin-bottom:clamp(64px,9vw,118px)}.work-intro p{max-width:620px;margin-top:30px}.project-row{display:grid;grid-template-columns:auto minmax(360px,.72fr) minmax(220px,.36fr);gap:clamp(28px,3vw,48px);align-items:stretch;padding:clamp(44px,6vw,78px) 0}.project-preview{width:auto;height:234px;border-radius:20px;object-fit:cover}.project-main{display:flex;flex-direction:column;align-items:flex-start;gap:28px}.project-aside{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:36px;text-align:right}.project-aside ul{display:grid;gap:10px;margin:0;padding:0;list-style:none;color:var(--ink-muted);text-transform:uppercase}.project-aside li{padding-top:10px}.project-main a,.contact-copy a{color:var(--ink);font-size:11px;font-weight:500;text-transform:uppercase}.method{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,.76fr);gap:clamp(42px,7vw,126px);margin:clamp(28px,4vw,64px) auto clamp(92px,13vw,170px);padding:0}.method-heading{height:fit-content;padding-top:50dvh}.method-heading-content{height:fit-content;transform:translateY(-50%)}.method-heading h2{font-weight:400}.method-heading p{margin-top:30px}.method-list{padding-top:calc(50dvh - var(--method-heading-half, 180px));padding-bottom:var(--method-heading-half, 180px)}.method-step{display:grid;grid-template-columns:minmax(220px,.44fr) minmax(260px,.58fr);gap:clamp(22px,4vw,56px);align-items:center;min-height:230px;padding:clamp(30px,4vw,54px) 0;opacity:.5;transition:opacity .42s var(--ease),transform .42s var(--ease)}.method-step.is-active{opacity:1;transform:translate(10px)}.method-step h3{margin:0;font-size:clamp(26px,2.7vw,42px);font-weight:300;line-height:1.05}.method-step p{margin:0;color:var(--ink-soft);font-size:clamp(16px,1.2vw,19px);font-weight:300;line-height:1.54}.everyday{position:relative;display:grid;align-items:center;width:100%;min-height:76svh;padding:clamp(92px,12vw,160px) 0;background:var(--ink);color:var(--paper-soft);overflow:hidden}.everyday p{color:#fbf7ef9e}.everyday-inner{position:relative;z-index:1;width:min(calc(100% - var(--gutter) * 2),var(--max));margin:0 auto}.everyday-copy{min-width:0}.everyday h2{max-width:980px}.everyday p{max-width:600px;margin-top:30px}.everyday-thought{position:absolute;top:0;right:0;bottom:0;z-index:0;width:auto;height:100%;opacity:.86;pointer-events:none}.principles{padding:clamp(78px,11vw,140px) 0}.principles-heading{max-width:760px;margin-bottom:clamp(48px,6vw,92px)}.principles-heading h2{margin:0;font-size:clamp(34px,4vw,60px);font-weight:300;line-height:1.06;letter-spacing:0;text-wrap:balance}.principle-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,46px);margin:0}.principle{display:flex;min-height:360px;flex-direction:column;align-items:flex-start;padding:0}.principle img{width:clamp(124px,11vw,190px);height:clamp(124px,11vw,190px);margin-bottom:clamp(18px,2.2vw,34px);object-fit:contain}.principle:nth-child(2n){margin-top:calc(clamp(124px,11vw,190px)/2)}.principle h3{max-width:260px;margin:0 0 18px;color:var(--ink);font-size:clamp(24px,2.2vw,34px);font-weight:400;line-height:1.1;text-wrap:balance}.principle p{max-width:300px}.contact{display:flex;min-height:92svh;flex-direction:column;justify-content:space-between;padding:clamp(92px,13vw,170px) 0 clamp(28px,4vw,54px)}.contact-copy{display:flex;flex-direction:column;align-items:flex-start}.contact h2{max-width:1240px}.contact-copy a{margin-top:34px;font-size:clamp(15px,1.6vw,22px);text-transform:none}.footer{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(120px,1fr);gap:30px;align-items:center;padding-top:clamp(72px,10vw,118px);color:var(--ink-muted);text-transform:uppercase}.footer-brand{display:inline-flex;align-items:center;gap:12px}.footer-brand img{width:18px;height:18px;opacity:.75}.footer nav{display:flex;gap:clamp(20px,3vw,42px)}.footer>span{justify-self:end}.reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .82s var(--ease),transform .82s var(--ease)}.reveal.is-visible{opacity:1;transform:translateZ(0)}@media(max-width:1080px){.site-menu,.weather-badge{display:none}.menu-toggle,.mobile-menu{display:flex}.hero,.belief,.work-intro,.project-row,.method,.method-step,.everyday,.principles,.contact-copy,.footer{grid-template-columns:1fr}.footer>span{justify-self:start}.hero{align-items:center}.hero-content{justify-content:center;padding-bottom:0}.belief,.method,.everyday{min-height:auto}.method{margin:0 auto;padding:clamp(92px,13vw,170px) 0}.method-heading{padding-top:0}.method-heading-content{transform:none}.method-list{padding-top:0;padding-bottom:0}.method-step.is-active{transform:none}.everyday-copy,.contact-copy a{grid-column:auto}.principle-list{grid-template-columns:repeat(2,minmax(0,1fr))}.principle:nth-child(2n){margin-top:0}}@media(max-width:680px){:root{--gutter: 20px}.site-header{width:min(calc(100% - var(--gutter) * 2),var(--max))}.custom-cursor{display:none}.site-wordmark{max-width:calc(100vw - var(--gutter) * 2)}.site-wordmark span{max-width:150px;font-size:12px;line-height:1.14}.site-wordmark img{width:16px;height:16px}.hero{min-height:100dvh;align-items:center;padding-top:clamp(112px,15dvh,150px)}.hero-content{min-height:100%;justify-content:flex-start;padding-top:clamp(28px,7dvh,58px);padding-bottom:clamp(52px,12dvh,96px);mix-blend-mode:difference}.hero-visual{left:0;right:0;display:flex;align-items:flex-end;justify-content:center}.hero-visual img{width:100%;max-width:390px;height:auto;object-fit:contain;transform:none}.hero h1{font-size:clamp(42px,12vw,58px);line-height:1}.belief h2,.work-intro h2,.method-heading h2,.everyday h2,.contact h2{font-size:clamp(40px,11vw,58px);line-height:1.04}.principles-heading h2{font-size:clamp(30px,8.5vw,46px);line-height:1.08}.principle-list{grid-template-columns:1fr;gap:46px}.everyday-thought{position:relative;top:auto;right:auto;bottom:auto;z-index:1;width:min(280px,72vw);height:auto;margin:0 auto clamp(28px,8vw,42px);opacity:.86}.footer{grid-template-columns:1fr auto;grid-template-areas:"brand brand" "links meta";row-gap:26px;align-items:end}.footer-brand{grid-area:brand;justify-self:center}.footer-brand span{display:none}.footer-brand img{width:20px;height:20px}.footer nav{grid-area:links;justify-self:start;flex-direction:column;gap:10px}.footer>span{grid-area:meta;justify-self:end;text-align:right}.project-preview{width:100%;height:auto;aspect-ratio:1.28;border-radius:18px}.project-aside{align-items:flex-start;text-align:left}.project-aside ul{justify-items:start}.principle{min-height:auto}.principle img{margin-bottom:24px}.footer nav{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}.custom-cursor{display:none}}
