*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f6f2;color:#28251f;font:16px/1.6 Arial,sans-serif}a{color:inherit;text-underline-offset:6px}a:hover{opacity:.7}a:focus-visible{outline:2px solid currentColor;outline-offset:7px}header{display:flex;justify-content:space-between;align-items:center;padding:28px 4.5%;gap:25px}header a{text-decoration:none;font-size:14px}.brand{font-size:20px;letter-spacing:-.6px}nav{display:flex;gap:30px}.home{background:#29241f;color:#f5f1e9;min-height:100svh;display:flex;flex-direction:column}.landing{display:grid;grid-template-columns:42% 58%;flex:1;padding:25px 4.5% 42px;gap:0}.intro{display:flex;flex-direction:column;justify-content:center;padding:20px 12% 30px 0}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.06}h1{font-size:clamp(64px,7.5vw,116px);letter-spacing:-4px;margin:0 0 14px}.role{font-size:18px;margin:0 0 65px}.description{font-size:18px;max-width:310px;color:#cec6bb;margin:0 0 40px}.cta{display:inline-block;text-decoration:none;border-bottom:1px solid #a59c90;padding:0 0 10px;font-size:17px;align-self:flex-start}.landing figure{margin:0;display:flex;flex-direction:column;justify-content:center}.landing img{width:100%;height:min(68vh,780px);object-fit:cover;object-position:48% center}.landing figcaption{font-size:12px;color:#c0b7ab;margin-top:10px}.home footer{display:flex;justify-content:space-between;padding:0 4.5% 24px;font-size:13px;color:#c0b7ab}.home footer a{text-decoration:none}.portfolio{max-width:1500px;margin:auto;padding:60px 4.5%}.portfolio h1{font-size:clamp(52px,6vw,85px);margin-bottom:35px}.lead{max-width:600px;color:#686157;margin-bottom:80px}.project{margin:0 0 110px}.project-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:28px}.project h2{font-size:38px;margin:0 0 14px}.meta{font-size:13px;color:#766e63}.project-heading p{margin:0;max-width:570px}.images{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.images figure{margin:0}.images img{width:100%;height:auto;display:block}.images figcaption{font-size:13px;color:#766e63;margin-top:9px}.images figure:first-child:last-child{grid-column:1/-1}.about{border-top:1px solid #ccc5ba;padding:60px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px}.about h2{font-size:38px;margin:0}.about p{margin:0 0 20px}.end{border-top:1px solid #ccc5ba;padding:45px 0;display:flex;justify-content:space-between;gap:25px}.end a{font-size:24px;font-family:Georgia,serif}.fine{font-size:13px;color:#766e63;max-width:600px}@media(max-width:760px){header{padding:24px 6%}nav{gap:20px}.landing{display:flex;flex-direction:column;padding:35px 6% 25px}.intro{padding:0 0 35px}h1{font-size:72px;letter-spacing:-3px}.role{margin-bottom:24px}.description{margin-bottom:26px;max-width:350px}.landing img{height:auto;max-height:60vh;aspect-ratio:1.1;object-fit:cover}.home footer{padding:15px 6% 25px;gap:25px;flex-wrap:wrap}.portfolio{padding:35px 6%}.project-heading,.about{grid-template-columns:1fr;gap:20px}.images{grid-template-columns:1fr}.project{margin-bottom:70px}.lead{margin-bottom:55px}.end{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Typographic landing */
.home{background:radial-gradient(ellipse at 18% 12%,#635047 0%,transparent 58%),radial-gradient(ellipse at 88% 86%,#473b3d 0%,transparent 60%),linear-gradient(125deg,#3a302d,#211e21);color:#f1e8da;min-height:100svh}.home header{padding:32px 5%}.home .brand{font-size:17px;letter-spacing:.02em}.home nav a{font-size:14px}.landing{display:flex;align-items:center;justify-content:center;padding:65px 6% 85px;text-align:center}.intro{padding:0;align-items:center;justify-content:center;width:100%}.home h1{font-size:clamp(80px,12vw,180px);line-height:1.05;font-weight:400;letter-spacing:-.06em;margin:0 0 22px}.role{font-size:14px;letter-spacing:.24em;text-transform:uppercase;margin:0 0 48px;color:#d5c7b7}.description{font-family:Georgia,serif;font-size:clamp(20px,2.3vw,30px);font-weight:400;line-height:1.4;max-width:650px;color:#ddd0c0;margin:0 0 48px}.cta{align-self:center;font-size:15px;padding:0 0 9px;border-color:#a99a88;letter-spacing:.02em}.home footer{padding:20px 5% 30px;font-size:13px;color:#c6b8a9}@media(max-width:760px){.home header{padding:26px 6%}.landing{padding:70px 6% 80px}.home h1{font-size:clamp(62px,15vw,112px);letter-spacing:-.055em}.role{margin-bottom:36px}.description{max-width:290px;font-size:23px;margin-bottom:40px}.home footer{font-size:12px;padding:20px 6% 25px;gap:12px}}

.portfolio>.lead{margin-bottom:45px}.featured-project>figure{margin:0 0 30px}.featured-project>figure img{display:block;width:100%;height:auto}.featured-project>figure figcaption{font-size:13px;color:#766e63;margin-top:10px}.featured-project .project-heading{margin:30px 0}.project-details{border-top:1px solid #ccc5ba;padding:20px 0}.project-details summary{cursor:pointer;font-size:14px;text-underline-offset:5px}.project-details .images{margin-top:25px}.project-details .images img{max-width:850px}.featured-project>figure figcaption{display:none}