*{box-sizing:border-box}body{margin:0;background:#f5f3ed;color:#243c32;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{height:90px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6dacf}.brand{font-family:Georgia,serif;font-size:27px;letter-spacing:-1px}nav{display:flex;gap:32px;font-size:12px}nav a[aria-current=page]{border-bottom:1px solid;padding-bottom:5px}.label{font-size:10px;letter-spacing:2px;text-transform:uppercase}.home{padding:38px 5vw 25px}.home-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}h1{font:normal clamp(45px,5.5vw,88px)/1.05 Georgia,serif;letter-spacing:-2px;margin:14px 0}p{line-height:1.8}.home-top p{max-width:310px;font-size:13px;color:#657367}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card .picture{height:clamp(250px,38vw,490px);overflow:hidden;background:#e2e7df}.card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.card:hover img{transform:scale(1.035)}.card:nth-child(1) img{object-position:45% center}.card h2{font:normal 26px Georgia,serif;margin:16px 0 8px}.card small{font-size:10px;letter-spacing:1px}.card .line{display:flex;justify-content:space-between;align-items:center}.arrow{font-size:25px}.bottom-line{display:flex;justify-content:space-between;gap:20px;font-size:11px;padding:30px 0 5px}.bottom-line a{text-decoration:underline;text-underline-offset:4px}footer{padding:25px 5vw;display:flex;justify-content:space-between;font-size:10px;color:#68766b}.project{padding:35px 5vw}.back{font-size:11px}.project-head{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin:35px 0}.project h1{font-size:clamp(42px,5vw,72px)}.project-head p{font-size:14px;margin:0 0 12px}.details{color:#6b756a;font-size:12px!important}.gallery{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:start}.stage{margin:0}.image-button{border:0;padding:0;background:#e8e9e2;width:100%;display:block}.stage img{width:100%;height:58vh;object-fit:contain;display:block}.controls{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:15px 0}.controls button{background:transparent;border:1px solid #b8c0b4;padding:9px 18px}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.thumbs button{background:white;border:1px solid transparent;padding:0;height:120px}.thumbs button.active{border-color:#244f3e}.thumbs img{width:100%;height:100%;object-fit:cover}.next{display:flex;justify-content:space-between;border-top:1px solid #d6dacf;padding:25px 0;margin-top:35px;font:normal 24px Georgia,serif}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:65px 8vw}.about img{width:100%;height:65vh;object-fit:cover}.about p{max-width:530px;font-size:15px}.contact{display:inline-block;border-bottom:1px solid;padding-bottom:6px;margin-top:22px}dialog{border:0;padding:50px 20px 20px;max-width:96vw;width:1300px;background:#f5f3ed}dialog::backdrop{background:#17231fe8}dialog img{width:100%;height:78vh;object-fit:contain}dialog button{position:absolute;right:18px;top:12px;border:0;background:none;padding:8px}a:focus-visible,button:focus-visible{outline:3px solid #a97635;outline-offset:4px}@media(max-width:750px){header{height:75px}nav{gap:18px}.home-top{display:block}.home-top p{max-width:100%}.cards{grid-template-columns:1fr}.card .picture{height:420px}.project-head,.gallery,.about{grid-template-columns:1fr;gap:22px}.project-head{margin:25px 0}.stage img{height:48vh}.thumbs{grid-template-columns:repeat(4,1fr)}.thumbs button{height:85px}.about{padding:35px 5vw}.about img{height:45vh}.bottom-line{flex-wrap:wrap}h1{letter-spacing:-1px}} .cards{row-gap:45px}.project-story{max-width:850px;margin:35px 0}.project-story summary{cursor:pointer;font-size:13px;padding:15px 0}.project-story p{font-size:14px;white-space:pre-line;color:#58695d}.thumbs{max-height:62vh;overflow:auto;padding:2px}.card h2{font-size:24px}
.brand{color:#8fb9ce}

header nav a{color:#8fb9ce}

/* Portfolio presentation refinement */
:root{--accent:#739fb5;--ink:#243c32;--muted:#607164;--line:#d6dacf}
.brand,header nav a{color:var(--accent)}header nav a:hover{color:var(--ink)}header{height:88px}nav{font-size:13px}header nav a[aria-current=page]{border-bottom-width:1px}
.home{padding:0 5vw}.intro-block{display:grid;grid-template-columns:1fr 220px;gap:8vw;align-items:center;padding:65px 0 58px}.intro-copy h1{font-size:clamp(48px,5.9vw,90px);line-height:1.04;letter-spacing:-2.3px;margin:20px 0 23px}.intro-copy h1 em{font-weight:normal;color:#537963}.intro-copy p{max-width:540px;color:var(--muted);font-size:17px;line-height:1.7;margin:0}.intro-links{display:flex;gap:32px;margin-top:28px;font-size:12px}.intro-links a{padding-bottom:7px;border-bottom:1px solid #b6c4b7}.material-note{transform:rotate(3deg);padding:16px;background:#eeeee6}.material-note .label{font-size:9px;letter-spacing:1.6px}.material-image{height:180px;overflow:hidden;margin:13px 0}.material-image img{width:100%;height:100%;object-fit:cover}.material-note>span:last-child{font:italic 13px Georgia,serif;color:var(--muted)}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-top:1px solid var(--line)}.section-heading h2{font:normal 30px Georgia,serif;margin:0}.section-heading p{font-size:12px;color:var(--muted);margin:0}.section-heading .label{line-height:1.7}.featured{gap:24px}.featured .picture{height:auto;aspect-ratio:4/3;background:#fff;display:flex;align-items:center}.featured img{object-fit:contain;object-position:center!important;padding:12px}.card .line{align-items:flex-start;gap:16px}.card h2{font-size:25px;margin:17px 0 10px;line-height:1.15}.card small{display:block;color:var(--muted);font-size:10px;letter-spacing:.9px;line-height:1.7}.card .arrow{margin-top:14px;font-size:22px;color:#739fb5}.card:hover h2,.card:hover h3{color:#547f94}.further{margin-top:65px}.further .section-heading{padding:28px 0}.further .section-heading h2{margin-top:9px}.archive{grid-template-columns:repeat(3,1fr);gap:32px 24px}.archive .picture{height:auto;aspect-ratio:4/3;background:#fff}.archive img{object-fit:contain;padding:8px}.archive h3{font:normal 23px/1.2 Georgia,serif;margin:15px 0 9px}.archive .arrow{margin-top:12px}.contact-strip{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;border-top:1px solid var(--line);margin:70px 0 0;padding:45px 0}.contact-strip h2{font:normal 45px/1.1 Georgia,serif;margin:16px 0}.contact-strip h2 em{font-weight:normal}.email-link{font-size:17px;border-bottom:1px solid #a9b9a9;padding-bottom:8px;display:inline-block}.contact-strip p{font-size:12px;color:var(--muted)}.pdf-link{display:inline-block;margin-top:16px;font-size:12px;text-decoration:underline;text-underline-offset:5px}footer{border-top:1px solid var(--line);font-size:11px}.project-head .label{line-height:1.8}.project-head h1{line-height:1.07}.project .details{line-height:1.8}.controls button:hover{background:#e6eae1}.thumbs button img{transition:opacity .2s}.thumbs button:hover img{opacity:.8}
@media(min-width:1400px){.home{max-width:1500px;margin:auto}}@media(max-width:850px){.intro-block{grid-template-columns:1fr 150px;gap:24px}.material-image{height:135px}.intro-copy h1{font-size:53px}.intro-copy p{font-size:15px}.archive{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header{height:75px}.intro-block{grid-template-columns:1fr;padding:38px 0}.intro-copy h1{font-size:49px;letter-spacing:-1.5px}.material-note{display:none}.intro-links{gap:24px;font-size:11px}.section-heading{display:block;padding:22px 0}.section-heading h2{font-size:28px;margin-bottom:10px}.section-heading .label{font-size:9px}.featured{grid-template-columns:1fr;gap:32px}.featured .picture{aspect-ratio:4/3}.card h2{font-size:26px}.archive{grid-template-columns:1fr;gap:30px}.archive .picture{aspect-ratio:4/3}.further{margin-top:42px}.further .section-heading p{margin-top:12px}.contact-strip{grid-template-columns:1fr;gap:20px;margin-top:45px;padding:30px 0}.contact-strip h2{font-size:38px}.email-link{font-size:15px}footer{gap:15px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card img{transition:none}}

.intro-block{grid-template-columns:1fr}.intro-copy{max-width:850px}

.intro-copy .personal-tagline{font:italic 24px/1.5 Georgia,serif;color:#537963;margin:0 0 18px;max-width:650px}@media(max-width:600px){.intro-copy .personal-tagline{font-size:21px}}

.intro-copy h1,.intro-copy h1 em{color:var(--accent)}

/* Keep homepage artwork complete, without added picture mats. */
.featured .picture,.archive .picture{background:transparent}
.featured img,.archive img{padding:0;object-fit:contain}

/* Centre the name independently of the navigation. */
header{display:grid;grid-template-columns:1fr auto 1fr;gap:20px}.brand{grid-column:2;justify-self:center}header nav{grid-column:3;justify-self:end;white-space:nowrap}
@media(max-width:600px){header{grid-template-columns:1fr;gap:16px;height:auto;padding:20px 5vw}.brand,header nav{grid-column:1;justify-self:center}}

.brand{font-size:38px;line-height:1.1}header{height:105px}header nav{font-size:17px;gap:28px}
@media(max-width:800px){header{grid-template-columns:1fr;height:auto;padding:22px 5vw;gap:18px}.brand,header nav{grid-column:1;justify-self:center}.brand{font-size:36px}header nav{font-size:17px;gap:30px}}