@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#191919;--paper:#f3f2ed;--orange:#ff6332;--ease:cubic-bezier(.76,0,.24,1);font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #2480ff;outline-offset:7px}button{cursor:pointer}.entrance{height:100svh;min-height:650px;position:relative;overflow:hidden;background:var(--paper)}.masthead{position:absolute;top:0;left:0;width:100%;padding:32px 3.5%;display:flex;align-items:center;justify-content:space-between;z-index:3;pointer-events:none;color:white;mix-blend-mode:difference}.masthead a{pointer-events:auto;text-decoration:none}.wordmark{font:700 30px 'Space Grotesk',sans-serif;letter-spacing:-3px}.wordmark span{font-weight:400}.masthead-note,.edition,.eyebrow,.home-footer{font-size:12px;letter-spacing:1.7px;font-weight:600}.masthead-note{position:absolute;left:50%;transform:translateX(-50%)}.panels{position:absolute;inset:0}.panel{position:absolute;inset:0;width:100%;height:100%;border:0;text-align:left;transition:transform 1s var(--ease),opacity .8s var(--ease);will-change:transform;isolation:isolate}.panel-about{background:var(--paper);color:var(--ink);clip-path:polygon(0 0,43% 0,23% 100%,0 100%);z-index:1}.panel-projects{background:var(--orange);color:var(--ink);clip-path:polygon(43% 0,77% 0,57% 100%,23% 100%);z-index:2}.panel-contact{background:var(--ink);color:var(--paper);clip-path:polygon(77% 0,100% 0,100% 100%,57% 100%);z-index:1}.panel-content{position:absolute;top:34%;left:4%;width:26%;transition:translate .4s}.panel-projects .panel-content{left:38%;width:28%}.panel-contact .panel-content{left:73%;width:24%}.eyebrow{display:block;margin-bottom:32px}.panel-title{font:500 clamp(42px,5.5vw,90px)/1.02 'Space Grotesk',sans-serif;letter-spacing:-.065em;display:block}.period{color:var(--orange)}.panel-projects .period{color:var(--ink)}.panel-bottom{display:flex;align-items:center;gap:24px;font-size:14px;margin-top:38px}.arrow{font-size:29px;display:inline-block;transition:transform .3s}.panel:hover .arrow{transform:translate(5px,-5px)}.panel:hover .panel-content{translate:0 -7px}.panel:focus-visible{outline:0}.panel:focus-visible .panel-title{text-decoration:underline;text-underline-offset:12px}.home-footer{position:absolute;bottom:35px;left:3.5%;right:3.5%;display:flex;justify-content:space-between;pointer-events:none;z-index:3;color:white;mix-blend-mode:difference}.home-footer span:last-child{font-size:24px}.home-footer span:nth-child(2){position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.entrance.exiting{position:fixed;inset:0;z-index:10;pointer-events:none;background:transparent}.exiting .masthead,.exiting .home-footer{opacity:0;transition:opacity .2s}.exiting[data-open=about] .panel-about,.exiting[data-open=projects] .panel-about,.exiting[data-open=contact] .panel-about,.exiting[data-open=contact] .panel-projects{transform:translateX(-101%)}.exiting[data-open=about] .panel-projects,.exiting[data-open=about] .panel-contact,.exiting[data-open=projects] .panel-contact,.exiting[data-open=contact] .panel-contact{transform:translateX(101%)}.exiting[data-open=projects] .panel-projects{transform:translateY(-105%);opacity:0}
.detail{min-height:100svh;padding:32px 5% 25px;outline:none}.detail[data-page=projects]{background:var(--orange)}.detail[data-page=contact]{background:var(--ink);color:var(--paper)}.detail-nav{display:flex;justify-content:space-between;align-items:center;gap:24px}.back{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:14px}.detail-links{display:flex;gap:26px;font-size:14px}.detail-links a{text-decoration:none;opacity:.6}.detail-links a[aria-current=page]{opacity:1;text-decoration:underline;text-underline-offset:6px}.page-content{max-width:1300px;margin:90px auto 100px}.section-label{font-size:12px;letter-spacing:2px;font-weight:600}.page-content h1{font:500 clamp(65px,10vw,150px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:24px 0 55px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid #19191940;padding-top:35px}.intro-grid h2{font:500 clamp(30px,3.5vw,52px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0}.body-copy{font-size:18px;line-height:1.7;max-width:550px}.body-copy p{margin:0 0 24px}.placeholder{opacity:.64}.small-label{font-size:12px;font-weight:600;letter-spacing:1.5px;margin:0 0 18px}.project-list{border-top:1px solid #19191955}.project-row{display:grid;grid-template-columns:60px 1fr auto;align-items:center;padding:28px 0;border-bottom:1px solid #19191955;gap:20px}.project-row h2{font:500 clamp(24px,3vw,40px) 'Space Grotesk',sans-serif;margin:0 0 8px;letter-spacing:-1px}.project-row p{margin:0;line-height:1.5}.project-status{font-size:12px;border:1px solid #19191970;border-radius:30px;padding:9px 13px;white-space:nowrap}.detail-footer{display:flex;justify-content:space-between;border-top:1px solid #8886;padding-top:20px;font-size:12px;letter-spacing:1px}.contact-copy{max-width:650px;font-size:22px;line-height:1.5}.contact-placeholder{padding:25px 0;border-top:1px solid #ffffff40;margin-top:50px;font-size:18px}.detail[hidden],.entrance[hidden]{display:none}
@media(min-width:1600px){.panel-title{font-size:100px}}
@media(max-width:760px){.entrance{min-height:700px}.masthead{padding:22px 6%}.masthead-note{display:none}.edition{font-size:11px}.panel-about{clip-path:polygon(0 0,100% 0,100% 30%,0 40%)}.panel-projects{clip-path:polygon(0 40%,100% 30%,100% 63%,0 73%)}.panel-contact{clip-path:polygon(0 73%,100% 63%,100% 100%,0 100%)}.panel-content,.panel-projects .panel-content,.panel-contact .panel-content{left:7%;width:86%;top:14%;display:grid;grid-template-columns:1fr auto}.panel-projects .panel-content{top:44%}.panel-contact .panel-content{top:77%}.eyebrow{font-size:11px;grid-column:1/-1;margin-bottom:13px}.panel-title{font-size:clamp(38px,9vw,60px);letter-spacing:-.06em}.panel-title br{display:none}.panel-title br:after{content:' '}.panel-bottom{margin:0;align-self:end}.panel-bottom>span:first-child{display:none}.home-footer{bottom:18px;left:7%;right:7%;font-size:10px}.home-footer span:nth-child(2){display:none}.home-footer span:last-child{font-size:16px}.detail{padding:25px 7%}.detail-links{gap:14px;font-size:12px}.back{font-size:12px}.page-content{margin:70px 0}.page-content h1{font-size:clamp(60px,15vw,100px);margin-bottom:38px}.intro-grid{grid-template-columns:1fr;gap:30px}.body-copy{font-size:16px}.project-row{grid-template-columns:25px 1fr;gap:12px}.project-status{grid-column:2;justify-self:start}.project-row p{font-size:14px}.contact-copy{font-size:19px}.detail-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}