:root{--paper:#f6f4ed;--ink:#183f3c;--muted:#52655f;--line:#cbd4ca;--orange:#a34b2c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{height:89px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.5%}.brand{font-size:27px;font-family:Georgia,serif;display:flex;align-items:center;gap:19px}.brand span{font:14px Arial,sans-serif}nav{display:flex;gap:30px;align-items:center;font-size:13px}.navcontact{border:1px solid var(--ink);padding:9px 17px}main{max-width:1500px;margin:auto}.hero{padding:78px 5.5% 65px;display:grid;grid-template-columns:1.25fr .8fr;gap:8%;align-items:center}.eyebrow,.small-label{font-size:10px;letter-spacing:1.7px;font-weight:700}.eyebrow{margin:0 0 23px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;margin:0;letter-spacing:-1.5px}h1{font-size:clamp(42px,4.9vw,73px)}h1 span{color:var(--orange)}.lead{font-size:20px;max-width:520px;line-height:1.5;margin:24px 0 30px}.why{max-width:585px;border-left:2px solid #b66c4d;padding-left:22px}.why p{font-size:14px;line-height:1.8;color:#455b54}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:space-between;gap:30px;background:var(--ink);color:#fff;padding:13px 20px;font-size:13px}.button:hover{background:#2c5750}.textlink{font-size:13px;border-bottom:1px solid #889d91;padding-bottom:4px;display:inline-block}.portrait{margin:0;position:relative}.portrait img{width:100%;height:590px;object-fit:cover;object-position:center;border-radius:48% 48% 4px 4px}.portrait figcaption{font-size:16px;padding-top:14px}.portrait figcaption span{display:block;font-size:11px;color:var(--muted);letter-spacing:.4px}.skills{margin:0 5.5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0}.skills>span{font-size:10px;letter-spacing:1.5px}.skills p{font-size:13px;margin:0}.skills i{font-style:normal;color:var(--orange);margin:0 12px}.work{padding:76px 5.5%}.section-title{max-width:600px;margin-bottom:55px}h2{font-size:49px}.section-title>p:last-child{color:var(--muted);font-size:15px}.project{padding:0 0 54px;margin-bottom:60px;border-bottom:1px solid var(--line)}.project-head{display:flex;gap:25px;align-items:flex-start;margin-bottom:30px}.number{font-family:Georgia,serif;font-size:32px;color:var(--orange);line-height:1.1}.project-head .eyebrow{margin:0 0 10px;font-size:9px}h3{font-size:40px}.project-name{margin:9px 0 0;font-size:14px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:5%}figure{margin:0}.project-image{background:#e7e9e0;align-self:start}.project-image img{width:100%;height:445px;object-fit:contain;display:block;padding:16px}.project-image figcaption{padding:12px 19px 18px;font-size:11px;line-height:1.5;color:var(--muted)}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:10px;border:1px solid var(--line);padding:4px 9px;border-radius:25px}.project-story p{font-size:14px;color:#455b54}.project-story .intro{font-size:17px;line-height:1.6;margin-top:20px}h4{font-size:13px;margin:22px 0 6px}.outcome{background:#e7ece3;padding:18px 22px;margin:23px 0}.outcome .small-label{font-size:13px;letter-spacing:.2px}.outcome p{margin-bottom:0}details{margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:18px 0;font-size:13px;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary span{font-size:22px;line-height:1}details[open] summary span{transform:rotate(45deg)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:20px 0 25px}.step{font-size:11px;color:var(--orange)}.detail-grid h4{margin-top:9px}.detail-grid p,.detail-bottom p{font-size:13px;color:var(--muted)}.detail-bottom{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start;padding:0 0 25px}.detail-bottom img{width:100%;max-height:300px;object-fit:contain}.detail-bottom figcaption{font-size:11px;color:var(--muted)}.contact{background:#e3e9de;padding:65px 5.5% 80px}.contact p:not(.eyebrow){max-width:510px;font-size:15px}footer{padding:25px 5.5%;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}@media(max-width:850px){header{height:auto;min-height:80px;padding:17px 6%;gap:16px}.brand span{display:none}nav{gap:16px;font-size:11px}.navcontact{display:none}.hero{grid-template-columns:1fr;padding:45px 6%;gap:35px}.portrait{max-width:400px}.portrait img{height:430px}.hero h1{font-size:49px}.skills{display:block}.skills p{margin-top:10px;line-height:1.8}.skills i{margin:0 5px}.work{padding:50px 6%}.project-grid{grid-template-columns:1fr;gap:25px}.project-image img{height:360px}.detail-grid,.detail-bottom{grid-template-columns:1fr;gap:12px}h2{font-size:39px}h3{font-size:33px}.project-head{gap:14px}.project-head .eyebrow{line-height:1.8}.project{margin-bottom:40px}footer{flex-wrap:wrap}.contact{padding:50px 6%}.actions{gap:18px}.detail-grid{padding-top:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Portfolio revision: visible project galleries and expanded skills. */
.portrait-education{font-size:10px;line-height:1.7;letter-spacing:1px;text-transform:uppercase;margin:0 0 16px}.skills>span{flex:0 0 220px}.skills p{max-width:780px;text-align:right;line-height:2}.main-gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:30px}.main-gallery figure{background:#e7e9e0;overflow:hidden}.main-gallery>figure>img{display:block;width:100%;height:395px;object-fit:contain;background:#eef0e9}.main-gallery figcaption,.club-visual figcaption{font-size:11px;line-height:1.5;color:var(--muted);padding:12px 16px}.detail-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-photos img{width:100%;height:395px;object-fit:contain;display:block}.revision-story{display:grid;grid-template-columns:1fr 1fr;gap:5%}.revision-story .outcome{margin-top:0}.document-links{display:flex;flex-wrap:wrap;gap:18px}.club-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:5%}.club-visual{background:#eef0e9;align-self:start;padding:16px}.club-visual figure img{display:block;width:100%;height:300px;object-fit:contain}.club-logo{width:100px;height:100px;object-fit:contain;display:block;margin:10px auto}.club-project .revision-story{display:block}.club-project .outcome{margin-top:22px}@media(max-width:850px){.skills p{text-align:left}.main-gallery{gap:12px}.main-gallery>figure>img{height:280px}.detail-photos{gap:8px;grid-template-columns:1fr}.detail-photos img{height:120px}.main-gallery figcaption{font-size:10px;padding:9px}.revision-story,.club-layout{grid-template-columns:1fr}.revision-story .outcome{margin-top:20px}.club-visual{margin-bottom:24px}.portrait-education{font-size:10px}}@media(max-width:500px){.main-gallery{grid-template-columns:1fr}.main-gallery>figure>img{height:320px}.detail-photos{grid-template-columns:1fr 1fr}.detail-photos img{height:190px}.hero .eyebrow{line-height:1.8}}
