:root{--ink:#173d3c;--paper:#f8f6ee;--muted:#586861;--orange:#cc6242;--line:#d4d8cb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:99;left:20px;top:15px;clip-path:none;width:auto;height:auto;background:var(--paper);padding:12px}header{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:30px 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:700;letter-spacing:-1.5px}.brand .dot{color:var(--orange);margin-left:-9px}nav{display:flex;gap:34px;font-size:13px}nav span{padding-left:15px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;min-height:660px;align-items:center;padding:64px 5% 70px;gap:4%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;line-height:1.6}.hero .eyebrow{display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-6px;font-size:clamp(68px,7.5vw,112px);line-height:.95;margin:36px 0 25px}h1 em,h2 em{font-weight:400;color:var(--orange)}.intro{font-size:17px;line-height:1.7;color:var(--muted);max-width:365px}.button{display:inline-flex;gap:34px;align-items:center;background:var(--ink);color:var(--paper);padding:18px 22px;font-size:13px;margin-top:17px}.button:hover{background:#285752}.byline{font-family:Georgia,serif;color:var(--muted);font-style:italic;font-size:14px;margin-top:32px}.chart{position:relative;aspect-ratio:1;background:#e7eddf;border-radius:50%;max-width:570px}.chart svg{width:100%;height:100%;transform:rotate(-12deg)}.chart-note{position:absolute;font:9px monospace;letter-spacing:1.4px;background:var(--paper);padding:10px 12px;box-shadow:0 4px 15px #173d3c08;transform:rotate(-6deg)}.chart-note.one{top:18%;left:-4%}.chart-note.two{top:45%;right:-4%;transform:rotate(5deg)}.chart-label{position:absolute;bottom:18%;left:26%;font-size:9px;letter-spacing:2px;line-height:1.8}.collection{padding:75px 5% 90px;max-width:1440px;margin:auto;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}h2{font:400 55px/1.05 Georgia,serif;letter-spacing:-2px;margin:14px 0}.section-head>p{font-size:13px;line-height:1.65;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.filters button{padding:11px 16px;border:1px solid var(--line);background:transparent;border-radius:25px;font-size:12px;color:var(--ink);cursor:pointer}.filters button span{font-size:9px;opacity:.65;margin-left:14px}.filters button.selected{background:var(--ink);border-color:var(--ink);color:var(--paper)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:40px 30px}.project{display:block;border:1px solid var(--line);background:#fdfbf6;transition:box-shadow .2s}.project:hover{box-shadow:0 10px 24px #173d3c10}.project[hidden]{display:none}.image{position:relative;aspect-ratio:1.6;overflow:hidden}.image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.035)}.number{position:absolute;left:20px;top:20px;color:white;font:12px monospace;border:1px solid #ffffff70;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;background:#173d3c35}.open{position:absolute;right:20px;bottom:20px;width:40px;height:40px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;font-size:22px}.project-info{padding:27px 30px 30px}.project-info .eyebrow{color:var(--muted);font-size:9px}.project-info h3{font:400 36px/1.08 Georgia,serif;letter-spacing:-1px;margin:15px 0}.project-info>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.7;max-width:410px}.project-link{display:flex;justify-content:space-between;font-size:12px;font-weight:700;border-top:1px solid var(--line);margin-top:25px;padding-top:19px}.weather{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--paper);border-color:var(--ink)}.weather-art{position:relative;min-height:320px;color:#d6debd;background:#1e4845;display:grid;align-content:center;overflow:hidden}.weather-art svg{width:100%}.weather-art text{fill:currentColor;font:10px monospace;letter-spacing:2px}.weather-label{position:absolute;left:29px;bottom:22px;font:9px/1.8 monospace;letter-spacing:1.6px}.weather .project-info{align-self:center;padding:35px 40px}.weather .project-info .eyebrow,.weather .project-info>p:not(.eyebrow){color:#c4d1c4}.weather .project-link{border-color:#ffffff35}.about{background:#e7eddf;max-width:1440px;margin:auto;padding:65px 5%;display:grid;grid-template-columns:.7fr 1.7fr 1fr;gap:5%}.about h2{font-size:50px;margin-top:0}.about>div>p{font-size:14px;line-height:1.8;color:#46605a;max-width:470px}.aside-note{align-self:center;padding-left:30px;border-left:1px solid #acb9a6}.aside-note>span{font:60px Georgia,serif;color:var(--orange)}.aside-note p{font-family:Georgia,serif!important;font-style:italic;font-size:20px!important}footer{max-width:1440px;margin:auto;padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}footer .brand{font-size:24px}footer>span{font:8px monospace;letter-spacing:1.4px}footer>a:last-child,summary{font-size:11px;cursor:pointer}details{position:relative}details ul{position:absolute;z-index:5;bottom:20px;right:0;width:350px;max-width:85vw;background:var(--paper);padding:25px 25px 25px 40px;border:1px solid var(--line);box-shadow:0 5px 30px #173d3c20;font-size:12px;line-height:1.6}details li{margin:12px 0}details a{text-decoration:underline}@media(min-width:1500px){body{padding:0 3%}}@media(max-width:850px){.hero{min-height:auto;padding-top:50px;padding-bottom:55px}h1{font-size:75px;letter-spacing:-4px}.chart-note{font-size:7px}.chart-label{font-size:7px}.projects{gap:25px 18px}.project-info{padding:20px}.project-info h3{font-size:30px}.about{grid-template-columns:1fr 2fr}.aside-note{display:none}nav{gap:18px}}@media(max-width:600px){header{padding:22px 6%}.brand{font-size:26px}.brand img{width:30px;height:30px}nav{font-size:11px}nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding:42px 6% 45px;gap:35px}h1{font-size:82px;margin-top:28px}.intro{font-size:16px}.chart{width:85%;margin:auto;max-width:360px}.chart-note{font-size:8px}.chart-label{font-size:8px}.collection{padding:45px 6%}.section-head{align-items:start}.section-head>p{display:none}h2{font-size:43px}.projects{grid-template-columns:1fr;gap:25px}.project-info{padding:23px}.project-info h3{font-size:34px}.weather{grid-template-columns:1fr}.weather-art{min-height:250px}.weather .project-info{padding:25px}.about{display:block;padding:40px 6%}.about>.eyebrow{margin-bottom:25px}.about h2{font-size:44px}footer{padding:30px 6%;gap:20px}footer>span{display:none}details ul{left:-90px;right:auto}.filters button{padding:10px 12px}.filters button span{margin-left:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}