:root{--page-background:#e4dbd1;--text-color:#1e211d;--muted-color:#697066;--accent-color:#df5b38;--line-color:#c9c7be;--panel-color:#dce2d7;--number-color:#8ba65b}:root[data-theme=dark]{--page-background:#1e211d;--text-color:#f3f0e9;--muted-color:#afb5a8;--accent-color:#f2835d;--line-color:#596056;--panel-color:#30382f;--number-color:#b7cf79}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e4dbd1;background:var(--page-background);color:#1e211d;color:var(--text-color);font-family:Courier New,Courier,monospace;margin:0;transition:background-color .25s ease,color .25s ease}*{box-sizing:border-box}.App{min-height:100vh}.page-transition{animation:page-fade-in .5s ease both}@keyframes page-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.site-header{align-items:center;display:flex;gap:28px;padding:32px 5vw}.theme-toggle{align-items:center;background:#0000;border:2px solid var(--line-color);border-radius:999px;color:var(--text-color);cursor:pointer;display:inline-flex;font:inherit;font-size:15px;gap:8px;margin-left:auto;padding:9px 12px;text-transform:uppercase;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.theme-toggle:focus-visible,.theme-toggle:hover{background:var(--text-color);border-color:var(--text-color);color:var(--page-background);outline:none}.wordmark{color:var(--text-color);font-family:Georgia,serif;font-size:28px;font-weight:700;letter-spacing:-2px;text-decoration:none}.accent,.wordmark span{color:var(--accent-color)}nav{display:flex;gap:28px}.back-link,.social-links a,nav a{color:var(--text-color);font-size:15px;text-decoration:none;text-transform:uppercase}.back-link:hover,.social-links a:hover,nav a:hover{color:var(--accent-color)}.page-shell{margin:0 auto;max-width:1240px;min-height:calc(100vh - 92px);padding:10vh 5vw 40px}.intro-grid{grid-gap:8vw;display:grid;gap:8vw;grid-template-columns:1fr 2fr}.eyebrow{color:var(--muted-color);font-size:10px;letter-spacing:1px;line-height:1.6;margin:0;text-transform:uppercase}h1{font-family:Georgia,serif;font-size:clamp(60px,10vw,138px);font-weight:400;letter-spacing:-7px;line-height:.88;margin:0}h1 em{color:var(--accent-color);font-style:italic}.lede{font-family:Georgia,serif;font-size:18px;line-height:1.45;margin:32px 0;max-width:460px}.home{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:80px;padding-top:0;position:relative;text-align:center}.home .intro-copy{max-width:1000px}.home h1{font-size:clamp(54px,8.5vw,118px)}.home .lede{margin-left:auto;margin-right:auto}.home-links{bottom:25vh;display:flex;gap:14px;justify-content:center;left:5vw;position:absolute;right:5vw}.action-button{align-items:center;border:2px solid var(--text-color);border-radius:8px;color:var(--text-color);display:inline-flex;font-size:18px;justify-content:space-between;min-width:150px;padding:22px 24px;text-decoration:none;text-transform:uppercase;transition:background .2s ease,color .2s ease}.action-button:hover{background:var(--text-color);color:var(--page-background)}.arrow{color:var(--accent-color);font-size:18px;line-height:0;margin-left:9px}.header-contact{align-items:center;display:flex;gap:18px}.header-contact a{color:var(--text-color);font-size:15px;text-decoration:none}.header-contact a:hover{color:var(--accent-color)}.header-contact .arrow{font-size:16px}.contact-label{color:var(--muted-color);font-size:10px;margin-bottom:5px;text-transform:uppercase}.project-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.projects-page{padding-left:1vw;padding-right:1vw}.project-card{color:var(--text-color);text-decoration:none}.project-image{background:var(--panel-color);height:500px;max-width:480px;overflow:hidden;position:relative}.project-image img{display:block;height:100%;object-fit:cover;width:100%}.project-collage{align-items:center;animation:collage-scroll 60s linear infinite;column-gap:0;display:flex;height:100%;width:max-content}@keyframes collage-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.project-collage img{flex:0 0 auto;height:500px;object-fit:cover;width:400px}.pfp{border-radius:50%;height:auto;width:60px}.project-card:hover .project-image img{transform:scale(1.04)}.project-image .project-number{color:var(--text-color);font-size:10px;left:14px;padding:7px 9px;top:14px}.card-arrow,.project-image .project-number{background:var(--page-background);position:absolute}.card-arrow{align-items:center;border-radius:50%;bottom:14px;display:flex;height:38px;justify-content:center;right:14px;width:38px}.card-arrow .arrow{margin:0}.project-card-copy{display:flex;gap:18px;justify-content:space-between;padding-top:17px}.project-card-copy strong{display:block;font-family:Georgia,serif;font-size:22px;font-weight:400}.project-card-copy small{color:var(--muted-color);display:block;font-size:9px;line-height:1.4;margin-top:7px;text-transform:uppercase}.project-card-copy p{font-family:Georgia,serif;font-size:14px;line-height:1.4;margin:0;max-width:190px}.back-link{border:2px solid var(--text-color);border-radius:8px;display:inline-block;padding:10px}.detail-topline{align-items:center;display:flex;justify-content:space-between;margin-bottom:7vh}.case-study-label{color:var(--muted-color);font-size:10px;text-transform:uppercase}.detail-heading{margin:0 auto;max-width:1200px}.detail-heading h1{font-size:clamp(20px,6vw,80px);margin:28px 0;text-align:center}.detail-heading img{display:block;height:auto;margin:8vh auto 0;max-height:420px;max-width:620px;object-fit:cover;width:100%}.detail-lede{font-family:Georgia,serif;font-size:22px;line-height:1.35;margin:0;max-width:600px}.article-overview,.article-sections{margin-left:auto;margin-right:auto;max-width:1200px}.article-overview{grid-gap:28px;border-top:1px solid var(--line-color);display:grid;gap:28px;grid-template-columns:140px 1fr;margin-top:8vh;padding:24px 0 56px}.article-label,.case-study-label{color:var(--muted-color);font-size:10px;text-transform:uppercase}.article-overview p,.article-section-body p{font-family:Georgia,serif;font-size:21px;line-height:1.55;margin:0}.article-section{border-bottom:1px solid var(--line-color);border-top:1px solid var(--line-color)}.article-section+.article-section{border-top:0}.article-section summary{grid-gap:24px;align-items:center;cursor:pointer;display:grid;font-family:Courier New,monospace;font-size:14px;gap:24px;grid-template-columns:32px 1fr auto;list-style:none;padding:25px 0;text-transform:uppercase}.article-section summary::-webkit-details-marker{display:none}.article-section summary span{color:var(--accent-color)}.article-section summary b{color:var(--accent-color);font-size:20px;font-weight:400;line-height:1}.article-section[open] summary b{transform:rotate(45deg)}.article-section-body{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;padding:4px 56px 44px}.article-section-body img{aspect-ratio:4/3;background:var(--panel-color);display:block;height:auto;justify-self:end;max-height:240px;max-width:320px;object-fit:cover;width:100%}.article-endmark{color:var(--muted-color);font-size:10px;margin:56px auto 0;max-width:820px;text-transform:uppercase}@media (max-width:700px){.site-header{align-items:flex-start;flex-direction:column;gap:16px;padding:24px 6vw}.theme-toggle{margin-left:0}.page-shell{min-height:calc(100vh - 78px);padding:7vh 6vw 32px}.article-overview,.article-section-body,.intro-grid,.page-heading{display:block}h1{font-size:clamp(58px,17vw,100px);letter-spacing:-4px}.home h1{font-size:clamp(52px,15vw,88px)}.home .lede{font-size:17px;margin-top:28px}.home{padding-bottom:130px}.home-links{bottom:50px;left:6vw;right:6vw}.action-button{flex:1 1;min-width:0;padding:19px 16px}.header-contact{flex-wrap:wrap;gap:10px 18px}.header-contact .contact-label{flex-basis:100%}.project-grid{gap:38px;grid-template-columns:1fr}.projects-page{padding-left:3vw;padding-right:3vw}.project-image{height:180px;max-width:none}.project-card-copy p{max-width:45%}.back-link{margin-bottom:0}.contact-heading,.detail-heading{margin-left:0}.detail-heading h1{font-size:clamp(55px,15vw,100px)}.detail-heading img{margin-top:6vh;max-height:300px}.detail-lede{font-size:19px}.article-overview{margin-top:8vh}.article-overview p{margin-top:18px}.article-section-body{padding:0 24px 32px 56px}.article-section-body img{margin-top:8px;max-height:260px;max-width:100%}.project-collage img{height:180px;width:140px}}@media (prefers-reduced-motion:reduce){.page-transition{animation:none}}
/*# sourceMappingURL=main.c7ffff10.css.map*/