:root{font-family:Arial,Helvetica,sans-serif;color:#171717;background:white;font-size:16px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:none;border:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #171717;outline-offset:6px}a:hover,button:hover{color:#777}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:100px}header{position:sticky;z-index:10;top:0;height:82px;background:rgba(255,255,255,.97);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:30px}.logo{font-size:37px;font-weight:900;letter-spacing:-3px;line-height:1}.logo span{font-size:26px}nav{display:flex;gap:clamp(25px,5vw,80px)}nav a,.menu-button{text-transform:uppercase;font-size:14px;color:#717171;white-space:nowrap}nav a{padding:12px 0;border-bottom:1px solid transparent}nav a.active{color:#111;border-color:#111}.menu-button{display:flex;gap:18px;align-items:center}.menu-button span{font-size:24px}#menu{position:fixed;right:0;top:82px;z-index:20;background:#111;color:white;width:min(440px,100%);padding:38px 45px 45px;box-shadow:0 12px 20px #0001}#menu>a{display:block;font-size:38px;margin-bottom:18px;letter-spacing:-1px}#menu>span{display:block;font-size:12px;color:#aaa;line-height:1.7;margin-top:45px}.catalogue-tools{margin:24px 32px 37px;display:flex;align-items:center;gap:24px;color:#777;font-size:12px}.catalogue-tools h1{font-size:12px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;margin:0}.catalogue-tools h1 span{margin-left:15px;color:#777}.search{display:flex;align-items:center;gap:10px;margin-left:auto}.search>span{font-size:24px}.search input{border:0;border-bottom:1px solid #ddd;background:transparent;padding:7px 0;width:170px;border-radius:0;font-size:14px;color:#111}#count{min-width:65px;text-align:right}.project-feed{padding-bottom:100px}.project{display:grid;grid-template-columns:calc(33.333% - 34px) 33.334% 1fr;gap:34px;margin-bottom:36px;align-items:start}.project-meta{text-align:right;display:flex;align-items:flex-end;flex-direction:column;padding-left:35px;gap:11px}.project-code{display:flex;width:40px;height:40px;align-items:center;justify-content:center;background:#111;color:white;font-size:12px;font-weight:bold;letter-spacing:.03em;margin:0 0 4px}.project-meta h2{font-weight:400;font-size:16px;line-height:1.35;margin:0}.project-meta p{font-size:12px;text-transform:uppercase;color:#777;margin:0;line-height:1.5}.project-meta .discipline{font-size:12px;color:#999;text-transform:none}.project-image{display:block;overflow:hidden;background:#f6f6f6}.project-image img{width:100%;height:auto;display:block;transition:transform .6s}.project-image:hover img{transform:scale(1.025)}.project-image:focus-visible{outline-offset:3px}.empty{text-align:center;padding:80px 25px}.empty button{text-decoration:underline}.info-section{padding:75px 5% 90px;border-top:1px solid #ddd;display:grid;grid-template-columns:28% 1fr;gap:6%;max-width:1400px;margin:auto}.section-label{font-size:12px;color:#777;letter-spacing:.06em;padding-top:10px}.info-content{max-width:760px}.info-content h2{font-size:40px;line-height:1.15;letter-spacing:-1.4px;font-weight:400;margin:0 0 35px}.info-content .large{font-size:clamp(28px,3.6vw,50px);line-height:1.15;letter-spacing:-1.5px;color:#111;margin:0 0 35px}.info-content p{font-size:18px;line-height:1.6;color:#555}.info-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:45px}.info-pair h3{font-size:12px;font-weight:400;color:#777}.info-pair p{font-size:14px}.journey>div{padding:23px 0;border-top:1px solid #ddd}.journey span{font-size:12px;color:#777}.journey h3{font-size:20px;font-weight:400;margin:10px 0}.journey p{font-size:14px;margin:0}.text-link{display:inline-block;border-bottom:1px solid #aaa;padding-bottom:6px;margin-top:24px;font-size:14px}footer{background:#101010;color:white;padding:65px 5% 28px;display:grid;grid-template-columns:34% 1fr;gap:20px}.footer-name{font-size:clamp(42px,6vw,85px);line-height:.95;font-weight:bold;letter-spacing:-3px}footer h2{font-size:14px;font-weight:400;color:#aaa;margin:0 0 25px}footer a{font-size:18px}footer p{font-size:14px;color:#aaa;line-height:1.7}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:60px;font-size:12px;color:#aaa}.footer-bottom a{font-size:12px}.detail-top{display:flex;justify-content:space-between;margin:28px 4% 35px;font-size:14px;color:#666}.detail-layout{display:grid;grid-template-columns:25% 1fr;gap:45px;padding:0 4% 85px}.detail-meta{align-self:start;position:sticky;top:115px}.detail-meta h1{font-size:30px;font-weight:400;line-height:1.12;letter-spacing:-.9px;margin:20px 0 14px}.detail-meta>.location{font-size:12px;text-transform:uppercase;color:#777}.detail-meta dl{font-size:14px;margin-top:32px}.detail-meta dt{font-size:12px;color:#888;margin-top:22px;text-transform:uppercase}.detail-meta dd{margin:7px 0;line-height:1.5}.detail-images img{display:block;width:100%;height:auto;background:#f9f9f9}.detail-images figure{margin:0 0 35px}.detail-images figcaption{font-size:12px;color:#777;padding:10px 0;line-height:1.5}.project-description{font-size:20px;line-height:1.6;max-width:850px;margin:40px 0}.project-role{border-top:1px solid #ddd;padding:25px 0;margin:20px 0 40px;font-size:16px;line-height:1.6}.project-role h2{font-size:12px;font-weight:400;letter-spacing:.05em;color:#777}.next-project{display:block;border-top:1px solid #ccc;padding-top:25px;margin-top:40px;font-size:24px}body.detail-view #about,body.detail-view #timeline{display:none}@media(min-width:1800px){.project{grid-template-columns:calc(33.333% - 34px) 33.334% 1fr}}@media(max-width:850px){header{height:auto;min-height:80px;flex-wrap:wrap;padding:20px 22px;gap:20px}.logo{font-size:32px}nav{order:3;width:100%;justify-content:space-between;gap:14px}nav a{font-size:12px}.menu-button{font-size:12px}#menu{top:130px}.catalogue-tools{margin:18px 22px 32px;flex-wrap:wrap;gap:10px}.catalogue-tools h1 span{margin-left:7px}#count{display:none}.search input{width:140px}.project{grid-template-columns:30% 1fr;gap:23px;margin:0 22px 34px}.project-meta{padding-left:0;gap:8px}.project-meta h2{font-size:14px}.project-meta p{font-size:12px}.project-meta .discipline{display:none}.project-code{width:32px;height:32px;font-size:12px}.info-section{grid-template-columns:1fr;gap:28px;padding:45px 6%}.info-content h2{font-size:32px}.info-pair{grid-template-columns:1fr}.detail-layout{grid-template-columns:1fr;padding:0 6% 50px;gap:30px}.detail-meta{position:static}.detail-meta dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;margin-top:20px}.detail-meta dt{margin-top:0}.detail-meta dd{margin:0}.detail-meta h1{font-size:35px}.detail-top{margin:22px 6%}.project-description{font-size:18px}footer{grid-template-columns:1fr;gap:35px}.footer-bottom{flex-direction:column;padding-top:25px}.project-feed{padding-bottom:40px}}@media(max-width:480px){.project{grid-template-columns:1fr;gap:13px;margin-bottom:40px}.project-meta{display:grid;grid-template-columns:36px 1fr;text-align:left;align-items:center;gap:2px 12px}.project-code{grid-row:1/3;margin:0}.project-meta h2{font-size:16px}.project-meta p{grid-column:2}.catalogue-tools h1{display:none}.search{margin-left:0}.search input{width:200px}.project-image img{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-image img{transition:none}}
/* Embedded career drawing */
.timeline-section{padding:65px 4% 80px;border-top:1px solid #ddd}.timeline-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.timeline-heading h2{font-size:38px;font-weight:400;letter-spacing:-1px;margin:18px 0 25px}.timeline-heading button{font-size:14px;border-bottom:1px solid #aaa;padding:8px 0}.timeline-section figure{margin:0}.timeline-section figcaption{font-size:13px;color:#666;margin-top:15px}#timeline-canvas{overflow:auto;max-height:85vh;scrollbar-gutter:stable;border:1px solid #eee}#timeline-canvas img{display:block;width:100%;height:auto}#timeline-canvas.enlarged img{width:2376px;max-width:none}.timeline-section .text-link{margin-top:18px}
/* Entry-only project icon grid */
.cover-view #about,.cover-view #timeline,.cover-view footer{display:none}.cover-view nav a.active{border-color:transparent;color:#717171}#cover{max-width:1160px;margin:0 auto;padding:26px 45px 50px;min-height:calc(100svh - 82px)}.cover-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 36px}.cover-heading h1{font-size:20px;font-weight:400;letter-spacing:-.5px;margin:0}.cover-heading>span{font-size:12px;letter-spacing:.06em;color:#777}.cover-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 40px}.cover-tile{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:8px 0}.cover-icon{display:block;width:100%;max-width:148px;aspect-ratio:1;transition:transform .25s ease;transform-origin:center;background:#f5f5f5}.cover-icon img{display:block;width:100%;height:100%;object-fit:cover}.cover-title{font-size:14px;line-height:1.3;margin-top:17px}.cover-category{font-size:12px;color:#888;margin-top:5px}.cover-tile:focus-visible .cover-icon{transform:scale(1.075)}.cover-all{display:block;width:fit-content;margin:45px auto 0;font-size:14px;border-bottom:1px solid #bbb;padding-bottom:8px}@media(hover:hover){.cover-tile:hover .cover-icon{transform:scale(1.075)}}@media(max-width:850px){#cover{padding:22px 25px 40px}.cover-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.cover-heading{margin-bottom:25px}.cover-heading>span{font-size:12px}.timeline-heading{align-items:flex-start;flex-wrap:wrap}}@media(max-width:480px){.cover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.cover-heading{align-items:flex-start;flex-direction:column;gap:10px}.cover-title{font-size:14px}}@media(prefers-reduced-motion:reduce){.cover-icon{transition:none}}
@media(min-width:1100px){.cover-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px}.cover-icon{max-width:130px}}
@media(max-width:600px){header nav{flex-wrap:wrap;justify-content:flex-start;gap:4px 20px}header nav a{padding:7px 0}html{scroll-padding-top:175px}}
/* About is a dedicated destination; the timeline belongs to this page only. */
#about-page{max-width:1400px;margin:auto}#about-page #about{border-top:0;grid-template-columns:minmax(220px,28%) minmax(0,1fr);padding-top:50px}.about-identity{position:sticky;top:110px;align-self:start}.about-identity h1{font-size:32px;font-weight:400;letter-spacing:-1px;line-height:1.2;margin:0 0 15px}.about-identity>p{font-size:14px;line-height:1.6;color:#777}.about-contact{display:flex;flex-direction:column;gap:14px;margin-top:28px;align-items:flex-start}.about-contact a{font-size:14px;overflow-wrap:anywhere}.profile-photo{display:block;width:100%;max-width:260px;height:auto;aspect-ratio:1;object-fit:cover;margin-bottom:28px}.footer-linkedin{display:inline-block;margin-top:14px}header nav{gap:clamp(18px,3.3vw,55px)}
/* Project descriptions and contributions remain beside the scrolling gallery. */
.detail-layout{grid-template-columns:minmax(290px,28%) minmax(0,1fr)}
.detail-meta{position:sticky;top:var(--detail-sticky-top,105px);max-height:none;overflow:visible;padding:0 12px 0 0}
.detail-meta-content{display:flow-root;transform-origin:top left;padding-bottom:2px}
.detail-meta-content>.location{font-size:12px;text-transform:uppercase;color:#777;margin:8px 0}
.detail-meta h1{font-size:26px;margin:12px 0 8px}
.detail-meta dl{font-size:12px;margin:12px 0}
.detail-meta dt{margin-top:8px}
.detail-meta dd{margin:4px 0;line-height:1.4}
.detail-meta section{margin-top:12px}
.detail-meta section h2{font-size:12px;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:#777;margin:0 0 8px}
.detail-meta section p,.detail-meta section li{font-size:12px;line-height:1.4;margin:0 0 6px}
.detail-meta ol{padding-left:20px;margin:0}
.detail-meta .detail-workflow img{display:block;width:100%;max-width:220px;height:auto;background:white}
.detail-images{min-width:0}
@media(max-width:850px){.detail-layout{grid-template-columns:1fr}.detail-meta{position:static;max-height:none;overflow:visible;padding:0}.detail-meta dl{display:block}.detail-meta dt{margin-top:18px}.detail-meta dd{margin:7px 0}.detail-workflow{max-width:360px}}
/* Interpretive diagram covers reveal the original project image. */
.cover-icon{position:relative;overflow:hidden;background:#fff}
.cover-icon img{position:absolute;inset:0;transition:opacity .25s ease}
.cover-icon .cover-diagram{object-fit:contain;opacity:1}
.cover-icon .cover-colour{object-fit:cover;opacity:0}
.cover-tile:focus-visible .cover-diagram{opacity:0}
.cover-tile:focus-visible .cover-colour{opacity:1}
/* All Works and every discipline share this catalogue image treatment. */
.project-image img{filter:grayscale(1);transition:transform .6s ease,filter .25s ease}
.project-image:focus-visible img{filter:grayscale(0);transform:scale(1.025)}
@media(hover:hover){.cover-tile:hover .cover-diagram{opacity:0}.cover-tile:hover .cover-colour{opacity:1}.project-image:hover img{filter:grayscale(0)}}
@media(hover:none){.cover-tile:active .cover-diagram{opacity:0}.cover-tile:active .cover-colour{opacity:1}.project-image:active img{filter:grayscale(0)}}
:root{--link-red:#d32b23}body a:hover,body a:focus-visible{color:var(--link-red)!important}body a:hover .cover-category,body a:focus-visible .cover-category{color:var(--link-red)}
@media(max-width:850px){#about-page #about{grid-template-columns:1fr;padding-top:35px}.about-identity{position:static}.about-contact{margin-top:20px}.profile-photo{max-width:230px}header nav{gap:4px 20px}}
@media(prefers-reduced-motion:reduce){.cover-icon img,.project-image img{transition:none}.cover-tile:hover .cover-icon,.cover-tile:focus-visible .cover-icon,.project-image:hover img,.project-image:focus-visible img{transform:none}}