@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{--paper:#f5f3ec;--ink:#262a24;--muted:#64685d;--accent:#777b4c;--line:#d5d6cb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:27px 5%;border-bottom:1px solid var(--line)}.logo{font-size:23px;font-weight:600;letter-spacing:-1px}.dot{color:var(--accent)}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav a:hover,.text-link:hover{color:var(--accent)}.nav-contact{border-bottom:1px solid var(--ink);padding-bottom:5px}.section{padding:100px 7%;scroll-margin-top:20px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:6%;padding:64px 7% 72px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:600;margin:0 0 25px}.status{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--accent);margin-right:8px}h1,h2,h3,p,figure{margin-top:0}h1{font-size:clamp(45px,5.4vw,84px);line-height:1.06;letter-spacing:-4px;font-weight:500;margin-bottom:28px}em{font-family:'Playfair Display',Georgia,serif;font-weight:500;color:var(--accent)}.intro{max-width:480px;color:var(--muted);font-size:16px}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:32px}.button{background:var(--ink);color:white;padding:14px 22px;font-size:13px;display:inline-flex;gap:45px;align-items:center}.button:hover{background:var(--accent)}.text-link{font-size:13px;border-bottom:1px solid;padding-bottom:5px}.availability{font-size:11px;color:var(--muted);margin:25px 0 0}.hero-photo{position:relative;margin:0;align-self:stretch;min-height:500px}.hero-photo img{width:100%;height:100%;max-height:595px;object-fit:cover;object-position:50% 40%;display:block}.hero-photo figcaption{display:flex;justify-content:space-between;padding:13px 0;font-size:10px;letter-spacing:1px}.photo-note{position:absolute;bottom:65px;left:-32px;background:var(--paper);padding:22px 28px;font-family:Georgia,serif;font-style:italic;font-size:23px;line-height:1.3;border:1px solid var(--line);transform:rotate(-5deg)}.specialties{display:flex;justify-content:space-around;border-block:1px solid var(--line);padding:23px 7%;gap:20px;text-transform:uppercase;letter-spacing:1.5px;font-size:11px}.specialties span:before{content:'✳';margin-right:17px;color:var(--accent)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px}h2{font-size:clamp(36px,4vw,60px);font-weight:500;letter-spacing:-2px;line-height:1.12;margin-bottom:0}.section-heading>p{max-width:350px;font-size:14px;color:var(--muted);margin:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.filters button{border:1px solid var(--line);border-radius:30px;background:transparent;padding:8px 17px;font-size:12px;color:var(--muted)}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.filters small{margin-left:8px;font-size:9px;opacity:.6}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:42px 30px}.project{width:100%;text-align:left;border:0;padding:0;background:none;color:var(--ink)}.project[hidden]{display:none}.cover{height:340px;overflow:hidden;background:#e6e5db;position:relative}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project:hover .cover img{transform:scale(1.035)}.cover.design{padding:38px;display:flex;flex-direction:column;justify-content:space-between;background:#dfe1d2}.cover.design.terracotta{background:#b87559;color:#fff8ef}.cover.design.dark{background:#303b32;color:#f5f3ec}.cover.design .cover-label{font-size:10px;letter-spacing:2px}.cover.design strong{font-size:clamp(28px,3vw,46px);font-weight:500;line-height:1.15;letter-spacing:-1.5px;max-width:350px}.cover.design i{font-family:Georgia,serif;font-size:16px;font-weight:normal}.project-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:1px;margin:18px 0 8px}.project h3{font-size:21px;line-height:1.3;font-weight:500;margin:0;display:flex;justify-content:space-between;gap:12px}.project>p{color:var(--muted);font-size:13px;max-width:480px;margin:10px 0 0}.work-note{font-size:11px;color:var(--muted);margin:34px 0 0}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;background:#e9eadd}.about figure{margin:0}.about img{width:100%;max-height:530px;object-fit:cover}.about figcaption{font-size:11px;margin-top:10px;color:var(--muted)}.about h2{margin-bottom:30px}.about p:not(.eyebrow){font-size:15px;color:var(--muted)}.about .text-link{display:inline-block;margin-top:12px}.impact{padding-top:60px;padding-bottom:60px;border-bottom:1px solid var(--line)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.metrics strong{font-size:48px;font-weight:500;letter-spacing:-2px}.metrics p{font-size:12px;color:var(--muted);margin:8px 0 0}.experience-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:12%}.role{border-top:1px solid var(--line);padding:27px 0}.role .eyebrow{margin-bottom:12px}.role h3{font-size:23px;font-weight:500;margin-bottom:4px}.job{font-size:12px;color:var(--accent);margin-bottom:13px}.role>p:last-child{font-size:14px;color:var(--muted);margin:0}.experience aside{background:#e9eadd;padding:32px;height:fit-content}.experience aside h3{font-size:25px;font-weight:500}.skill-group{border-top:1px solid #d0d3c1;padding-top:17px;margin-top:23px}.skill-group h4{font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:0 0 9px}.skill-group p{font-size:13px;color:var(--muted);margin:0}.contact{background:#292f27;color:var(--paper)}.contact .eyebrow{color:#c3c6b2}.contact h2{font-size:clamp(52px,6vw,90px);max-width:950px}.contact em{color:#cbd0ac}.contact h2 span{float:right;color:#cbd0ac}.contact>p:not(.eyebrow){max-width:510px;font-size:15px;color:#c3c6b2;margin:28px 0}.email{font-size:clamp(17px,2.4vw,32px);border-bottom:1px solid #7d8374;padding-bottom:7px;display:inline-block;overflow-wrap:anywhere}.contact-links{display:flex;gap:34px;flex-wrap:wrap;font-size:12px;color:#c3c6b2;margin-top:30px}footer{padding:30px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer span,footer>a:last-child{font-size:11px;color:var(--muted)}dialog{background:var(--paper);color:var(--ink);border:0;padding:55px;max-width:850px;width:calc(100% - 32px);max-height:90vh}dialog::backdrop{background:#1d241dcc;backdrop-filter:blur(5px)}dialog h2{font-size:38px;margin:20px 0 30px}dialog p{font-size:15px;line-height:1.8}dialog .sample-text{white-space:pre-line;color:var(--muted)}.close{position:sticky;top:0;float:right;font-size:30px;border:0;background:var(--paper);line-height:1;padding:5px 12px}.skip{position:absolute;top:-80px;left:12px;background:white;padding:10px;z-index:10}.skip:focus{top:5px}@media(min-width:1600px){body{max-width:1600px;margin:auto}}@media(max-width:900px){header{padding:22px 5%}nav{gap:18px}.hero{gap:5%;padding:55px 5%}.hero-photo{min-height:400px}h1{letter-spacing:-2px}.hero-actions{gap:18px;flex-wrap:wrap}.photo-note{left:-14px;font-size:19px;padding:16px}.section{padding:70px 5%}.cover{height:280px}.metrics strong{font-size:38px}.about{gap:6%}.experience-grid{gap:6%}}@media(max-width:600px){header{flex-wrap:wrap;gap:15px}.logo{font-size:21px}nav{width:100%;justify-content:space-between;font-size:11px;gap:8px}.hero{grid-template-columns:1fr;padding-top:40px;gap:38px}h1{font-size:52px}.hero-photo{min-height:0}.hero-photo img{height:450px}.photo-note{left:15px;bottom:65px}.specialties{display:grid;grid-template-columns:1fr 1fr;padding:22px 5%;font-size:9px;gap:14px}.specialties span:before{margin-right:8px}.section-heading{display:block}.section-heading>p{margin-top:22px}.section-heading>.text-link{display:inline-block;margin-top:25px}.project-grid{grid-template-columns:1fr;gap:35px}.cover{height:340px}.about{grid-template-columns:1fr;gap:38px}.about img{max-height:430px;object-position:50% 35%}.metrics{grid-template-columns:1fr 1fr;gap:26px}.metrics strong{font-size:40px}.experience-grid{grid-template-columns:1fr}.contact h2{font-size:54px}.contact h2 span{float:none}.contact-links{gap:20px}footer{flex-wrap:wrap}footer span{display:none}dialog{padding:28px}dialog h2{font-size:30px}.filters button{font-size:11px;padding:8px 13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover img{transition:none}}