@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--paper:#f3efe7;--ink:#171715;--orange:#ff6338;--blue:#a9c7d5;--green:#c9d4b8;--line:#c8c2b7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,a{color:inherit;font:inherit}button{cursor:pointer;background:0 0;border:0}.wrap{width:min(1180px,100% - 64px);margin:auto}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:94px;display:flex}.logo{letter-spacing:-.08em;font-size:21px;font-weight:700}.logo span{vertical-align:top;letter-spacing:0;margin-left:2px;font-size:9px}.nav-links{align-items:center;gap:38px;font:12px DM Mono,monospace;display:flex}.nav-links button{transition:opacity .2s}.nav-links button:hover,.text-link:hover{opacity:.55}.contact-link{border-bottom:1px solid var(--ink);padding-bottom:3px}.contact-link span,.text-link span,.email-link span{margin-left:6px;font-size:16px}.menu-toggle{font:12px DM Mono,monospace;display:none}.hero{border-bottom:1px solid var(--line);grid-template-columns:1.05fr .95fr;align-items:center;min-height:655px;display:grid;position:relative}.hero-kicker,.section-label,.muted{text-transform:uppercase;letter-spacing:.02em;font:11px DM Mono,monospace}.eyebrow span{color:var(--orange);margin:0 9px}.hero-title{letter-spacing:-.09em;margin:45px 0 40px;font-size:clamp(70px,10vw,148px);line-height:.82;overflow:hidden}.hero-title span{display:block}.hero-title span:last-child,.intro h2 em,.manifesto h2 em,.footer h2 em{letter-spacing:-.09em;font-family:Playfair Display,serif;font-weight:500}.hero-copy{max-width:330px;font-size:16px;line-height:1.45}.hero-actions{align-items:center;gap:24px;margin-top:34px;display:flex}.pill-button{border:1px solid var(--ink);border-radius:100px;padding:14px 20px;font-size:12px;transition:background .25s,color .25s}.pill-button:hover{background:var(--ink);color:var(--paper)}.hero-note{text-transform:uppercase;color:#77736b;font:10px DM Mono,monospace}.hero-art{place-items:center;height:420px;display:grid;position:relative}.hero-shape{background:var(--orange);border-radius:49% 51% 44% 56%;place-items:center;width:270px;height:270px;display:grid;transform:rotate(15deg)}.hero-shape span{color:var(--paper);font:600 150px Playfair Display,serif;transform:rotate(-15deg)}.orbit-ring{border:1px solid var(--ink);border-radius:50%;width:365px;height:365px;position:absolute;transform:rotate(-28deg)}.orbit-dot{background:var(--ink);border-radius:50%;width:13px;height:13px;display:block;position:absolute;top:24px;left:55px}.hero-art p{text-transform:uppercase;font:10px DM Mono,monospace;position:absolute;bottom:8px;right:20px;transform:rotate(-12deg)}.hero-meta{text-transform:uppercase;justify-content:space-between;font:10px DM Mono,monospace;display:flex;position:absolute;bottom:23px;left:0;right:0}.hero-meta b{margin-left:10px;font-size:16px;font-weight:400}.intro{padding:145px 0 180px}.intro-content{grid-template-columns:1fr 1fr;gap:80px;margin-top:55px;display:grid}.intro h2,.manifesto h2{letter-spacing:-.07em;margin:0;font-size:clamp(42px,5.5vw,73px);line-height:.95}.intro-content>div{max-width:310px;padding-top:8px}.intro-content p,.manifesto-bottom p{margin:0 0 30px;font-size:17px;line-height:1.45}.text-link{border-bottom:1px solid var(--ink);padding:0 0 6px;font:12px DM Mono,monospace}.section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding-bottom:20px;display:flex}.muted{color:#77736b}.project-list{grid-template-columns:repeat(3,1fr);gap:22px;padding-top:30px;display:grid}.project-card{cursor:pointer}.project-image{place-items:center;height:390px;display:grid;position:relative;overflow:hidden}.project-image:after{content:"";border:1px solid #17171540;border-radius:50%;transition:transform .5s;position:absolute;inset:18px;transform:rotate(35deg)scaleX(.7)}.project-card:hover .project-image:after{transform:rotate(75deg)scaleX(1)}.orange{background:var(--orange)}.blue{background:var(--blue)}.green{background:var(--green)}.project-glyph{z-index:1;font-size:110px;transition:transform .5s}.project-card:hover .project-glyph{transform:scale(1.12)rotate(15deg)}.project-index{z-index:1;font:11px DM Mono,monospace;position:absolute;top:18px;left:18px}.project-info{padding:14px 0 0;position:relative}.project-info h3{letter-spacing:-.04em;margin:0 0 5px;font-size:17px;font-weight:500}.project-info p{color:#77736b;text-transform:uppercase;margin:0;font:10px DM Mono,monospace}.arrow{font-size:20px;position:absolute;top:14px;right:0}.manifesto{padding:205px 0 220px}.manifesto h2{margin-top:60px}.manifesto-bottom{justify-content:space-between;align-items:end;margin-top:68px;display:flex}.manifesto-bottom p{max-width:250px}.stamp{border:1px solid var(--ink);text-align:center;border-radius:50%;place-items:center;width:92px;height:92px;font-size:19px;line-height:.7;display:grid;transform:rotate(12deg)}.stamp small{font:8px/1.1 DM Mono,monospace}.footer{border-top:1px solid var(--line);justify-content:space-between;min-height:450px;padding:92px 0 25px;display:flex}.footer h2{letter-spacing:-.09em;margin:55px 0 0;font-size:clamp(63px,8vw,110px);line-height:.83}.footer-side{flex-direction:column;justify-content:space-between;min-width:44%;display:flex}.email-link{border-bottom:1px solid var(--ink);align-self:flex-end;padding-bottom:8px;font-size:20px;text-decoration:none}.footer-bottom{text-transform:uppercase;color:#77736b;justify-content:space-between;font:10px DM Mono,monospace;display:flex}@media (width<=700px){.wrap{width:calc(100% - 36px)}.nav{height:74px}.menu-toggle{display:block}.nav-links{z-index:5;background:var(--ink);color:var(--paper);flex-direction:column;align-items:flex-start;gap:20px;padding:22px;display:none;position:absolute;top:74px;left:18px;right:18px}.nav-links.is-open{display:flex}.hero{min-height:720px;padding-top:75px;display:block}.hero-title{margin:36px 0;font-size:clamp(70px,19vw,110px)}.hero-art{height:300px;margin-top:35px}.hero-shape{width:190px;height:190px}.hero-shape span{font-size:105px}.orbit-ring{width:270px;height:270px}.hero-meta{bottom:20px}.intro{padding:100px 0 125px}.intro-content{margin-top:42px;display:block}.intro-content>div{margin-top:38px}.project-list{grid-template-columns:1fr;gap:50px}.project-image{height:340px}.manifesto{padding:130px 0 150px}.manifesto h2{margin-top:45px}.manifesto-bottom{margin-top:50px}.footer{padding-top:65px;display:block}.footer-side{min-height:210px;margin-top:75px}.email-link{align-self:flex-start}.footer-bottom{flex-wrap:wrap;gap:13px}}