:root{--ink:#18201e;--paper:#ece9e0;--rust:#cf5836;--line:#18201e33}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:DM Mono,monospace}a{color:inherit;text-decoration:none}main{overflow:hidden}.nav{z-index:2;justify-content:space-between;align-items:center;width:100%;padding:26px clamp(24px,5vw,76px);display:flex;position:absolute}.wordmark{letter-spacing:-.12em;font-size:19px;font-weight:500}.wordmark span{color:var(--rust)}.nav-link,.eyebrow,.role,.count,.project-number,.project-status,.copyright{letter-spacing:.08em;text-transform:uppercase;font-size:10px}.nav-link{border-bottom:1px solid var(--ink);padding-bottom:5px;transition:color .18s,border-color .18s}.nav-link:hover{border-color:var(--rust);color:var(--rust)}.hero{grid-template-columns:1fr;min-height:min(800px,100vh);padding:148px clamp(24px,8vw,128px) 55px;display:grid;position:relative}.hero h1{letter-spacing:-.085em;z-index:1;align-self:center;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(76px,13.6vw,205px);font-weight:400;line-height:.73;animation:.85s cubic-bezier(.22,.8,.3,1) both rise;position:relative}.hero h1 em{color:var(--rust);font-variation-settings:"SOFT" 75;font-weight:400}.eyebrow{margin:0}.hero .eyebrow{align-self:start}.hero-footer{z-index:1;grid-template-columns:1fr minmax(210px,310px);align-self:end;align-items:end;gap:24px;display:grid;position:relative}.role{color:var(--rust);letter-spacing:.1em;margin:0;font-size:clamp(17px,1.5vw,24px);font-weight:500}.intro{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(17px,1.5vw,23px);line-height:1.2}.orb{background:var(--rust);opacity:.88;border-radius:50%;width:clamp(100px,16vw,236px);height:clamp(100px,16vw,236px);animation:9s ease-in-out infinite drift;position:absolute;top:27%;right:clamp(20px,14vw,220px)}.projects{background:var(--ink);color:var(--paper);padding:72px clamp(24px,8vw,128px) 92px}.section-heading{align-items:center;gap:15px;display:flex}.rule{background:#ece9e04d;flex:1;height:1px}.count{color:#aeb7ac}.project-list{margin-top:60px}.project{border-top:1px solid #ece9e040;grid-template-columns:52px 1fr auto;gap:20px;padding:27px 0 30px;transition:color .22s,padding-left .22s;display:grid}.project:last-child{border-bottom:1px solid #ece9e040}.project:hover{color:#f08867;padding-left:12px}.project-number,.project-status{color:#aeb7ac;margin:7px 0 0}.project h2{letter-spacing:-.05em;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(31px,4vw,57px);font-weight:400;line-height:.95}.project div>p{color:#bbc0b6;max-width:440px;margin:15px 0 0;font-size:12px;line-height:1.7}footer{grid-template-columns:1fr auto;padding:76px clamp(24px,8vw,128px) 24px;display:grid}.footer-note{letter-spacing:-.06em;max-width:520px;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(37px,5vw,68px);line-height:.98}.contact{letter-spacing:-.05em;flex-direction:column;align-self:end;gap:8px;font-family:Fraunces,Georgia,serif;font-size:clamp(24px,3vw,39px);display:flex}.contact a{transition:color .18s,transform .18s}.contact a:hover{color:var(--rust);transform:translate(6px)}.copyright{grid-column:1/-1;margin:100px 0 0}.work-page{background:var(--paper);min-height:100vh}.work-nav{position:relative}.work-header{border-bottom:1px solid var(--line);padding:96px clamp(24px,8vw,128px) 86px}.work-header h1{letter-spacing:-.085em;margin:94px 0 46px;font-family:Fraunces,Georgia,serif;font-size:clamp(63px,10vw,150px);font-weight:400;line-height:.77}.work-header h1 em{color:var(--rust);font-variation-settings:"SOFT" 75}.work-header>p:last-child{max-width:410px;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(18px,1.7vw,25px);line-height:1.25}.work-list{padding:0 clamp(24px,8vw,128px)}.work-card{grid-template-columns:74px minmax(0,730px);gap:clamp(25px,7vw,130px);padding:78px 0;display:grid}.work-card+.work-card{border-top:1px solid var(--line)}.work-card-index{letter-spacing:.08em;text-transform:uppercase;flex-direction:column;gap:11px;font-size:10px;display:flex}.work-card-index span:last-child{color:var(--rust)}.work-card h2{letter-spacing:-.07em;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(45px,6vw,83px);font-weight:400;line-height:.85}.work-description{max-width:670px;margin:35px 0 52px;font-family:Fraunces,Georgia,serif;font-size:clamp(19px,2vw,27px);line-height:1.25}.technology-block{border-top:1px solid var(--line);padding-top:18px}.technology-block ul{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.technology-block li{border:1px solid var(--line);border-radius:100px;padding:8px 10px;font-size:11px}.project-link{border-bottom:1px solid var(--ink);letter-spacing:.06em;text-transform:uppercase;margin-top:36px;padding-bottom:6px;font-size:12px;transition:border-color .18s,color .18s;display:inline-block}.project-link:hover{border-color:var(--rust);color:var(--rust)}.work-footer{border-top:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:0 clamp(24px,8vw,128px);padding:24px 0;font-size:10px;display:flex}.work-footer a{border-bottom:1px solid var(--ink);padding-bottom:4px}.reveal{animation:.7s .25s both fade}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes drift{50%{transform:translate(20px,-25px)scale(1.05)}}@media (max-width:600px){.hero{min-height:690px;padding-top:130px}.hero h1{font-size:clamp(74px,22vw,120px)}.hero-footer{grid-template-columns:1fr}.orb{top:33%;right:10%}.project{grid-template-columns:35px 1fr}.project-status{display:none}.work-header{padding-top:72px;padding-bottom:55px}.work-header h1{margin:72px 0 32px}.work-card{grid-template-columns:1fr;padding:55px 0}.work-card-index{flex-direction:row;justify-content:space-between}.work-description{margin:25px 0 38px}footer{grid-template-columns:1fr;gap:54px}.contact{align-self:auto}.copyright{margin-top:18px}}
