@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=Inter:wght@400;500;600&display=swap";:root{--paper: #F6F5F2;--ink: #161614;--ink-2: #5C5B57;--ink-3: #94938E;--accent: #161614;--hair: rgba(22,22,20,.1);--display: "Space Grotesk", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif;--col-w: 1120px;--gutter: clamp(22px, 5vw, 68px);--nav-h: 66px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;display:flex;flex-direction:column}.grid{width:100%;max-width:var(--col-w);margin-inline:auto;padding-inline:var(--gutter);display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(12px,2vw,28px)}.site-nav{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:1px solid var(--hair)}.site-nav__inner{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between}.site-nav__name{font-family:var(--display);font-weight:600;font-size:.98rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.site-nav__links{display:flex;gap:clamp(22px,3vw,38px);list-style:none;align-items:baseline}.site-nav__links a{font-size:13px;font-weight:500;letter-spacing:.01em;color:var(--ink-2);text-decoration:none;transition:color .18s ease}.site-nav__links a:hover,.site-nav__links a[aria-current=page]{color:var(--ink)}main{flex:1 0 auto;width:100%}.page{padding-block:clamp(80px,13vh,150px) clamp(80px,14vh,160px)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.hero__label{grid-column:1 / -1;font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--ink-3);margin-bottom:clamp(24px,4vh,40px);animation:rise .5s ease both}.hero__name{grid-column:1 / -1;font-family:var(--display);font-weight:500;font-size:clamp(3.4rem,12vw,10rem);line-height:.92;letter-spacing:-.045em;color:var(--ink);margin-bottom:clamp(28px,5vh,48px)}.hero__name .w{display:block;animation:rise .5s ease both}.hero__name .w2{animation-delay:.07s}.hero__sub{grid-column:1 / span 8;font-size:clamp(15px,1.5vw,18px);color:var(--ink-2);margin-bottom:clamp(38px,6vh,56px);animation:rise .5s ease .16s both}.hero__cta{grid-column:1 / -1;display:flex;gap:16px;flex-wrap:wrap;align-items:center;animation:rise .5s ease .24s both}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;font-family:var(--body);font-size:13px;font-weight:500;letter-spacing:.01em;text-decoration:none;border:1px solid transparent;transition:background .18s ease,color .18s ease,border-color .18s ease}.btn--solid{background:var(--ink);color:var(--paper)}.btn--solid:hover{background:#2c2c28}.btn--ghost{color:var(--ink);border-color:var(--hair)}.btn--ghost:hover{border-color:var(--ink)}.btn .arr{transition:transform .2s ease}.btn:hover .arr{transform:translate(3px)}.eyebrow{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;padding-bottom:18px;margin-bottom:clamp(36px,6vh,52px);border-bottom:1px solid var(--hair);animation:rise .5s ease both}.eyebrow__title{font-family:var(--display);font-weight:500;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.03em}.eyebrow__count{font-size:13px;font-weight:500;color:var(--ink-3);font-variant-numeric:tabular-nums}.projects{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));border-top:1px solid var(--hair);border-left:1px solid var(--hair)}.card{position:relative;padding:clamp(30px,4vw,42px) clamp(26px,3vw,36px) clamp(62px,7vw,78px);border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);text-decoration:none;color:inherit;background:var(--paper);transition:background .2s ease;animation:rise .5s ease both}.card__idx{font-family:var(--display);font-size:13px;font-weight:500;color:var(--ink-3);font-variant-numeric:tabular-nums}.card__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:clamp(28px,5vw,46px)}.card__tag{font-size:12px;font-weight:500;color:var(--ink-2)}.card h3{font-family:var(--display);font-weight:600;font-size:clamp(1.45rem,3vw,1.85rem);letter-spacing:-.03em;margin-bottom:10px}.card p{font-size:14px;color:var(--ink-2);max-width:40ch;line-height:1.6}.card__arr{position:absolute;right:clamp(26px,3vw,36px);bottom:clamp(24px,3vw,30px);font-size:17px;color:var(--ink-3);transition:transform .2s ease,color .2s ease}.card__status{position:absolute;right:clamp(26px,3vw,36px);bottom:clamp(24px,3vw,30px);font-size:12px;font-weight:500;color:var(--ink-3)}.card:hover{background:#efeeea}.card:hover .card__arr{transform:translate(2px,-2px);color:var(--ink)}.holder{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;min-height:44vh;align-content:center}.holder__back{grid-column:1 / -1;display:inline-flex;align-items:center;gap:8px;width:fit-content;font-size:13px;font-weight:500;color:var(--ink-2);text-decoration:none;margin-bottom:clamp(40px,8vh,76px);transition:color .18s ease,gap .18s ease;animation:rise .5s ease both}.holder__back:hover{color:var(--ink);gap:12px}.holder__title{grid-column:1 / -1;font-family:var(--display);font-weight:500;font-size:clamp(2.6rem,7vw,5rem);letter-spacing:-.04em;line-height:1;margin-bottom:20px;animation:rise .5s ease .06s both}.holder__note{grid-column:1 / span 8;font-size:clamp(15px,1.4vw,17px);color:var(--ink-2);max-width:52ch;animation:rise .5s ease .12s both}.holder__note .tick{color:var(--ink);font-weight:600}.site-foot{flex-shrink:0;border-top:1px solid var(--hair);margin-top:auto}.site-foot__inner{padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.site-foot__copy{font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums}.site-foot__links{display:flex;gap:24px}.site-foot__links a{font-size:13px;font-weight:500;color:var(--ink-2);text-decoration:none;transition:color .18s ease}.site-foot__links a:hover{color:var(--ink)}@media(max-width:720px){.hero__sub,.holder__note{grid-column:1 / -1}}:where(a,button):focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}