@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--paper: #f7f6f2;--paper-deep: #eeece6;--ink: #171715;--muted: #706e68;--line: #d8d6cf;--beige: #e2d6c6;--beige-deep: #cbb79e;--white: #fffefa;--display: "Playfair Display", Georgia, serif;--body: "DM Sans", Arial, sans-serif;--mono: "DM Mono", monospace;--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.section-shell{padding-block:140px;position:relative;overflow:hidden}.skip-link{position:fixed;z-index:20;top:14px;left:14px;padding:10px 14px;background:var(--ink);color:var(--white);transform:translateY(-150%);transition:transform .2s var(--ease)}.skip-link:focus{transform:translateY(0)}.site-header{position:fixed;z-index:10;top:0;left:0;width:100%;background:#f7f6f2db;border-bottom:1px solid transparent;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .25s ease,border-color .25s ease}.site-header.is-scrolled{border-color:var(--line);background:#f7f6f2f2}.nav-wrap{min-height:84px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:inline-flex;align-items:center;gap:11px;font-weight:600;letter-spacing:-.03em}.logo-mark{display:inline-grid;place-items:center;width:35px;height:35px;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:10px;letter-spacing:-.08em;transform:rotate(-8deg)}.wordmark-name{font-size:15px}.site-nav{display:flex;align-items:center;gap:37px;font-size:13px}.nav-link{position:relative;padding-block:5px;color:var(--muted);transition:color .25s ease}.nav-link:after{position:absolute;right:0;bottom:0;left:0;height:1px;background:var(--ink);content:"";transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}.nav-link:hover,.nav-link:focus-visible,.nav-link.is-active{color:var(--ink)}.nav-link:hover:after,.nav-link:focus-visible:after,.nav-link.is-active:after{transform:scaleX(1);transform-origin:left}.nav-link-contact{display:inline-flex;gap:8px;align-items:center;margin-left:5px;color:var(--ink)}.nav-link-contact span{font-size:17px;line-height:1;transition:transform .25s var(--ease)}.nav-link-contact:hover span{transform:translate(3px,-3px)}.menu-toggle{display:none;border:0;background:transparent;padding:8px 0 8px 8px}.menu-toggle span{display:block;width:25px;height:1px;background:var(--ink);transition:transform .25s ease}.menu-toggle span+span{margin-top:7px}.hero{min-height:780px;padding-top:190px;padding-bottom:55px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,490px);align-items:center;gap:clamp(50px,8vw,130px)}.hero-copy{position:relative;z-index:1;padding-bottom:16px}.eyebrow,.section-label,.aside-kicker,.hero-art-caption,.hero-art-index,.hero-meta,.project-info p,.project-year,.form-note,.form-status{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.eyebrow{display:flex;gap:13px;align-items:center;margin:0 0 30px;color:var(--muted)}.eyebrow-line{display:inline-block;width:31px;height:1px;background:var(--beige-deep)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500}h1{max-width:710px;margin-bottom:34px;font-size:clamp(51px,7vw,89px);line-height:.98;letter-spacing:-.067em}h1 em,.section-title em{font-family:var(--display);font-weight:500;letter-spacing:-.06em}.hero-intro{max-width:390px;margin-bottom:39px;color:var(--muted);font-size:15px;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:166px;padding:16px 19px;border:1px solid var(--ink);font-size:12px;transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease)}.button span{font-size:18px;line-height:1;transition:transform .3s var(--ease)}.button:hover,.button:focus-visible{transform:translateY(-3px)}.button:hover span,.button:focus-visible span{transform:translate(4px,4px)}.button-dark{background:var(--ink);color:var(--white)}.button-dark:hover,.button-dark:focus-visible{background:transparent;color:var(--ink)}.button-light{border-color:var(--paper);background:var(--paper);color:var(--ink)}.button-light:hover,.button-light:focus-visible{border-color:var(--white);background:transparent;color:var(--paper)}.hero-art{position:relative;width:100%;aspect-ratio:.88;background:var(--beige);overflow:hidden;isolation:isolate}.hero-art:before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1px solid rgba(23,23,21,.18);content:""}.hero-art-caption,.hero-art-index,.hero-art-word{position:absolute;z-index:2}.hero-art-caption{top:38px;left:39px;line-height:1.6}.hero-art-index{right:39px;bottom:31px}.hero-art-word{top:50%;left:50%;color:var(--paper);font-family:var(--display);font-size:clamp(32px,4vw,51px);line-height:.85;text-align:center;transform:translate(-50%,-50%) rotate(-7deg)}.hero-art-word i{color:var(--ink);font-style:normal;font-size:.72em}.hero-shape{position:absolute}.hero-shape-square{top:16%;right:12%;width:59%;aspect-ratio:1;background:var(--ink);transform:rotate(17deg)}.hero-shape-oval{bottom:-1%;left:-18%;width:79%;aspect-ratio:1.2;border-radius:50%;background:var(--beige-deep)}.hero-shape-arc{right:-20%;bottom:-28%;width:74%;aspect-ratio:1;border:43px solid var(--paper);border-radius:50%}.hero-meta{display:flex;align-items:center;gap:36px;padding-top:92px;color:var(--muted)}.hero-meta span{white-space:nowrap}.hero-meta span:not(.meta-arrow):before{display:inline-block;width:4px;height:4px;margin-right:12px;border-radius:50%;background:var(--beige-deep);content:"";vertical-align:2px}.meta-arrow{margin-left:auto;color:var(--ink);font-size:21px}.hero-orbit{position:absolute;z-index:-1;border:1px solid var(--line);border-radius:50%}.hero-orbit-one{top:22%;right:-6%;width:33vw;aspect-ratio:1}.hero-orbit-two{top:28%;right:10%;width:19vw;aspect-ratio:1;border-color:var(--beige)}.about{background:var(--paper-deep)}.about-grid{display:grid;grid-template-columns:23% minmax(0,1fr);gap:7%}.section-label{display:flex;align-items:center;gap:12px;color:var(--muted)}.section-label>span:first-child{color:var(--beige-deep)}.section-label-line{width:31px;height:1px;background:var(--line)}.section-title{margin-bottom:0;font-size:clamp(45px,5.7vw,76px);line-height:.98;letter-spacing:-.065em}.about-details{display:grid;grid-template-columns:1fr 32%;gap:11%;margin-top:70px}.about-lede{max-width:455px;font-size:18px;line-height:1.65}.about-lede p+p{margin-top:21px;color:var(--muted)}.about-aside{padding-top:7px}.aside-kicker{margin-bottom:19px;color:var(--muted)}.approach-list{margin:0;padding:0;list-style:none}.approach-list li{display:flex;gap:14px;padding-block:13px;border-top:1px solid var(--line);font-size:12px}.approach-list li:last-child{border-bottom:1px solid var(--line)}.approach-list li span{color:var(--beige-deep);font-family:var(--mono);font-size:10px}.portfolio{padding-bottom:160px}.portfolio-heading{display:grid;grid-template-columns:23% minmax(0,1fr);gap:7%;margin-bottom:77px}.portfolio-heading-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.portfolio-heading-copy p{max-width:220px;margin:0 5% 4px 0;color:var(--muted);font-size:13px;line-height:1.6}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:88px 25px;padding-left:16%}.project-card{min-width:0}.project-card-offset{margin-top:125px}.project-card-wide{grid-column:1 / -1;width:69%;margin-left:17%}.project-image{position:relative;display:block;overflow:hidden;background:var(--paper-deep);aspect-ratio:1.08}.project-card-tall .project-image{aspect-ratio:.87}.project-card-wide .project-image{aspect-ratio:1.67}.project-image:after{position:absolute;top:0;right:0;bottom:0;left:0;background:#17171524;content:"";opacity:0;transition:opacity .4s ease}.project-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform .65s var(--ease),filter .5s ease}.project-image:hover img,.project-image:focus-visible img{filter:saturate(1);transform:scale(1.05)}.project-image:hover:after,.project-image:focus-visible:after{opacity:1}.project-number,.project-view{position:absolute;z-index:1;color:var(--white);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.project-number{top:21px;left:22px}.project-view{right:22px;bottom:21px;display:flex;align-items:center;gap:8px;opacity:0;transition:opacity .35s ease,transform .35s var(--ease);transform:translateY(6px)}.project-view span{font-size:17px}.project-image:hover .project-view,.project-image:focus-visible .project-view{opacity:1;transform:translateY(0)}.project-info{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-top:17px}.project-info h3{margin-bottom:5px;font-size:17px;letter-spacing:-.03em}.project-info p{margin:0;color:var(--muted)}.project-year{padding-top:4px;color:var(--muted)}.contact{background:var(--ink);color:var(--paper)}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,445px);gap:12%}.section-label-light{color:#a9a69f}.section-label-light .section-label-line{background:#4d4c47}.contact-intro .section-title{margin-top:75px}.contact-intro>p{max-width:320px;margin:35px 0 31px;color:#aaa79f;font-size:15px;line-height:1.7}.contact-email{display:inline-flex;align-items:center;gap:10px;padding-bottom:7px;border-bottom:1px solid #67645d;font-size:14px;transition:border-color .25s ease}.contact-email:hover{border-color:var(--paper)}.contact-email span{font-size:17px}.contact-form{padding-top:53px}.form-row{margin-bottom:31px}.form-row label{display:block;margin-bottom:11px;color:#aaa79f;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.form-row label span{color:var(--beige-deep)}.form-row input,.form-row textarea{width:100%;padding:11px 0 13px;border:0;border-bottom:1px solid #57554f;border-radius:0;outline:0;background:transparent;color:var(--paper);font-size:15px;transition:border-color .25s ease}.form-row textarea{resize:vertical;min-height:91px}.form-row input::placeholder,.form-row textarea::placeholder{color:#696760}.form-row input:focus,.form-row textarea:focus{border-color:var(--paper)}.form-status{min-height:18px;margin:18px 0 0;color:var(--beige-deep);line-height:1.5;text-transform:none}.form-note{margin:2px 0 0;color:#696760;line-height:1.55;text-transform:none}.site-footer{padding-block:42px 26px;background:var(--paper)}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;padding-bottom:78px}.footer-wordmark{align-self:start}.footer-main>p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.back-to-top{justify-self:end;display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.back-to-top span{font-size:17px;transition:transform .25s var(--ease)}.back-to-top:hover span{transform:translateY(-4px)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:19px;border-top:1px solid var(--line);color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.footer-links{display:flex;gap:24px}.footer-links a:hover{color:var(--ink)}.reveal{opacity:0;transform:translateY(17px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay{transition-delay:.12s}:focus-visible{outline:2px solid var(--beige-deep);outline-offset:4px}@media(max-width:900px){.container{width:min(100% - 48px,680px)}.section-shell{padding-block:100px}.hero{min-height:auto;padding-top:150px}.hero-grid{grid-template-columns:1fr;gap:65px}.hero-art{width:min(100%,490px);justify-self:end}.hero-meta{padding-top:65px}.hero-orbit-one{top:43%;width:55vw}.hero-orbit-two{top:50%;right:3%;width:36vw}.about-grid,.portfolio-heading{grid-template-columns:1fr;gap:42px}.about-details{margin-top:53px}.project-grid{padding-left:0}.project-card-wide{width:100%;margin-left:0}.contact-grid{gap:60px}.contact-form{padding-top:0}.footer-main{padding-bottom:55px}}@media(max-width:600px){.container{width:min(100% - 36px,480px)}.section-shell{padding-block:80px}.nav-wrap{min-height:72px}.wordmark-name{font-size:14px}.menu-toggle{display:block}.site-nav{position:fixed;inset:72px 0 auto;display:grid;gap:0;padding:25px 18px 32px;border-bottom:1px solid var(--line);background:var(--paper);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease}.site-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{padding:15px 0;font-size:14px}.nav-link-contact{margin:7px 0 0}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{padding-top:126px;padding-bottom:39px}h1{font-size:clamp(46px,13vw,68px)}.hero-intro{max-width:310px;font-size:14px}.hero-art{width:100%}.hero-meta{flex-wrap:wrap;gap:12px 22px;padding-top:45px}.hero-meta span{font-size:9px}.meta-arrow{width:100%;margin-top:10px}.about-details{grid-template-columns:1fr;gap:43px}.about-lede{font-size:16px}.portfolio{padding-bottom:90px}.portfolio-heading{margin-bottom:50px}.portfolio-heading-copy{display:block}.portfolio-heading-copy p{margin-top:28px}.project-grid{display:block}.project-card,.project-card-offset,.project-card-wide{width:100%;margin:0 0 55px}.project-card-tall .project-image,.project-image,.project-card-wide .project-image{aspect-ratio:1.07}.project-view{opacity:1;transform:none}.contact-intro .section-title{margin-top:53px}.contact-intro>p{margin-top:28px}.contact-grid{gap:48px}.footer-main{grid-template-columns:1fr;gap:25px;padding-bottom:43px}.back-to-top{justify-self:start;margin-top:8px}.footer-bottom{display:grid;gap:16px;line-height:1.4}.footer-links{order:-1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
