@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Fraunces:opsz,wght@9..144,400;9..144,500&display=swap";:root{--paper:#f2eee4;--paper-dark:#e7e0d1;--ink:#213127;--forest:#26372c;--honey:#c6853e;--line:#b9b09e;--serif:"Fraunces", Georgia, serif;--sans:"DM Sans", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}body:before{content:"";pointer-events:none;z-index:20;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}img{object-fit:cover;width:100%;height:100%;display:block}.site-header{border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;height:94px;padding:0 5vw;display:flex;position:relative}.brand{letter-spacing:.06em;flex-direction:column;line-height:1;text-decoration:none;display:flex}.brand-main{font-size:18px;font-weight:600}.brand-sub{letter-spacing:.27em;margin-top:6px;font-size:9px}.nav{align-items:center;gap:34px;font-size:13px;display:flex}.nav a{text-decoration:none;position:relative}.nav a:not(.nav-instagram):after{content:"";background:currentColor;height:1px;transition:right .25s;position:absolute;bottom:-6px;left:0;right:100%}.nav a:hover:after,.nav a:focus-visible:after{right:0}.nav-instagram{border-left:1px solid var(--line);padding-left:34px}.menu-toggle{display:none}.hero{border-bottom:1px solid var(--line);grid-template-columns:44% 47% 9%;min-height:calc(100vh - 94px);display:grid;position:relative}.hero-copy{align-self:center;padding:13vh 4vw 5vw 7vw}.eyebrow{text-transform:uppercase;letter-spacing:.22em;margin:0 0 28px;font-size:10px;font-weight:600}h1,h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-weight:400;line-height:.92}h1{font-size:clamp(62px,7.4vw,118px)}h1 em,h2 em{color:var(--honey);font-weight:400}.hero-intro{max-width:430px;margin:42px 0 38px;font-size:16px;line-height:1.65}.text-link{letter-spacing:.04em;border-bottom:1px solid;justify-content:space-between;align-items:center;gap:48px;padding:0 0 9px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateY(3px)}.hero-figure{min-height:620px;margin:5vh 0 0;position:relative;overflow:hidden}.hero-figure img{object-position:center 68%}.hero-figure:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #2131271f}.hero-figure figcaption{background:var(--paper);width:100%;font-family:var(--serif);padding:24px 26px;font-size:14px;line-height:1.4;position:absolute;bottom:0;left:0;right:0}.hero-side-note{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.22em;place-self:center;font-size:9px;line-height:1.8;transform:rotate(180deg)}.projects{padding:145px 7vw 160px}.section-heading{grid-template-columns:18% 45% 1fr;align-items:start;gap:2vw;margin-bottom:90px;display:grid}.section-heading h2,.about h2,.contact h2{font-size:clamp(50px,6vw,92px)}.section-heading>p:last-child{max-width:390px;margin:6px 0 0;font-size:15px;line-height:1.7}.project-list{grid-template-columns:57% 1fr;align-items:start;gap:90px 4vw;display:grid}.project{margin:0}.project-detail{margin-top:170px}.project-wide{grid-column:1/-1;width:76%;margin-left:auto}.image-wrap{background:var(--paper-dark);overflow:hidden}.project-large .image-wrap{height:690px}.project-detail .image-wrap{height:520px}.project-detail img{object-position:58% 72%;transform:scale(1.5)}.project-wide .image-wrap{height:570px}.project-meta{border-top:1px solid var(--ink);text-transform:uppercase;letter-spacing:.13em;justify-content:space-between;gap:20px;margin-top:14px;padding-top:13px;font-size:10px;display:flex}.project-meta span:last-child{color:#687269;text-align:right}.about{background:var(--forest);min-height:850px;color:var(--paper);grid-template-columns:10% 47% 43%;display:grid;position:relative;overflow:hidden}.about-number{font-family:var(--serif);opacity:.06;font-size:22vw;line-height:.7;position:absolute;bottom:-1vw;left:-2vw}.about-copy{z-index:1;grid-column:2;padding:145px 5vw 100px 0}.eyebrow.light{color:#adb6ae}.about-columns{color:#d5d7d0;grid-template-columns:1fr 1fr;gap:36px;margin:55px 0 50px;font-size:14px;line-height:1.75;display:grid}.about-columns h3{color:var(--paper);font:400 23px/1.1 var(--serif);margin:0 0 22px}.about-columns p{margin:0 0 16px}.light-link{color:var(--paper)}.about-image{align-self:end;height:72%;margin:0}.about-image img{object-position:center}.contact{background:var(--paper-dark);grid-template-columns:42% 1fr;gap:8vw;padding:150px 7vw;display:grid}.contact-intro>p:not(.eyebrow){max-width:420px;margin:38px 0 25px;line-height:1.7}.contact-intro>a{font-family:var(--serif);text-underline-offset:5px;font-size:17px}.contact-form{align-self:end}.contact-form label{text-transform:uppercase;letter-spacing:.16em;margin-bottom:34px;font-size:9px;font-weight:600;display:block}.form-row{grid-template-columns:1fr 1fr;gap:30px;display:grid}input,textarea{appearance:none;width:100%;color:var(--ink);font:400 15px var(--sans);resize:vertical;background:0 0;border:0;border-bottom:1px solid #8e8b80;border-radius:0;outline:none;margin-top:5px;padding:13px 0;display:block}input:focus,textarea:focus{border-color:var(--ink);box-shadow:0 2px 0 -1px var(--ink)}input::placeholder,textarea::placeholder{color:#77776e;opacity:1}.contact-form button{background:var(--forest);width:100%;color:var(--paper);font:500 12px var(--sans);letter-spacing:.06em;cursor:pointer;border:0;border-radius:0;justify-content:space-between;padding:20px 22px;transition:background .2s;display:flex}.contact-form button:hover{background:#35493a}.contact-form button:disabled{cursor:wait;opacity:.65}.contact-form button:focus-visible{outline:2px solid var(--honey);outline-offset:3px}.form-note{margin:14px 0 0;font-size:12px}.form-note.success{color:#2e613b}.form-note.error{color:#8b352d}footer{color:var(--paper);background:#18251d;grid-template-columns:1fr 1fr;align-items:center;min-height:260px;padding:55px 7vw;display:grid;position:relative}footer>a{text-underline-offset:5px;justify-self:end;font-size:11px}footer small{color:#7e8981;letter-spacing:.1em;font-size:9px;position:absolute;bottom:28px;left:7vw}@media (width<=900px){.site-header{height:78px}.menu-toggle{background:0 0;border:0;flex-direction:column;gap:6px;width:38px;padding:10px 3px;display:flex}.menu-toggle span{background:var(--ink);width:100%;height:1px}.nav{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:24px;padding:30px 5vw;display:none;position:absolute;top:78px;left:0;right:0}.nav.open{display:flex}.nav-instagram{border-left:0;padding-left:0}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:80px 7vw 65px}.hero-figure{height:70vh;min-height:520px;margin:0 7vw}.hero-side-note{display:none}.section-heading{grid-template-columns:1fr;gap:12px}.section-heading .eyebrow{margin-bottom:8px}.project-list{gap:60px 3vw}.project-large .image-wrap{height:520px}.project-detail{margin-top:100px}.project-detail .image-wrap{height:420px}.project-wide{width:86%}.about{grid-template-columns:7% 54% 39%}.about-copy{grid-column:2;padding-top:110px}.about-columns,.contact{grid-template-columns:1fr}}@media (width<=620px){.site-header{padding:0 6vw}h1{font-size:17vw}.hero-copy{padding:70px 7vw 55px}.hero-intro{margin:30px 0;font-size:15px}.hero-figure{height:68vh;min-height:510px;margin:0}.hero-figure figcaption{width:100%;padding:18px 7vw}.projects{padding:100px 7vw}.section-heading{margin-bottom:60px}.project-list{display:block}.project{margin:0 0 62px}.project-large .image-wrap,.project-detail .image-wrap{height:62vh;min-height:440px}.project-wide{width:100%}.project-wide .image-wrap{height:360px}.about{min-height:0;display:block}.about-copy{padding:100px 7vw 80px}.about-columns{margin:40px 0}.about-image{height:480px;margin-left:14vw}.contact{padding:100px 7vw}.contact-intro{margin-bottom:70px}.form-row{grid-template-columns:1fr;gap:0}footer{grid-template-columns:1fr;align-content:center;gap:28px;min-height:280px}footer>a{justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
