*{box-sizing:border-box}body{margin:0;background:#f5f5f2;color:#292d29;font:14px/1.45 Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #66745c;outline-offset:5px}.page{max-width:1190px;margin:auto;padding:0 32px}header{padding:44px 0 37px;display:grid;grid-template-columns:1fr auto;gap:24px;border-bottom:1px solid #cdd0c8}h1{font-size:clamp(32px,4.2vw,54px);line-height:1.04;letter-spacing:-2px;font-weight:400;margin:0}header p{font-size:15px;line-height:1.5;max-width:320px;margin:22px 0 0;color:#646960}nav{display:flex;gap:24px;align-items:start;padding-top:8px;font-size:13px}nav a:hover{text-decoration:underline;text-underline-offset:4px}.heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 17px;font-size:12px;color:#62665e}.heading h2{font:inherit;margin:0}.feature{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr);gap:0;background:#e7e9e2;border-radius:5px;overflow:hidden}.media{display:flex;align-items:center;justify-content:center;min-height:320px;padding:24px}.media img{display:block;max-width:100%;height:auto;max-height:330px}.feature-info{display:flex;flex-direction:column;justify-content:space-between;padding:25px 25px 22px;border-left:1px solid #d1d5ca}.number{font-size:12px;color:#686e62}.feature-info h3{font-size:28px;line-height:1.1;letter-spacing:-.9px;font-weight:400;margin:24px 0 7px}.feature-info .title{margin:0;font-size:14px}.category{font-size:12px;color:#666e60;margin:8px 0 24px}.feature-info details{border-top:1px solid #cbd0c2;padding-top:13px;font-size:13px}.feature-info summary{list-style:none;display:flex;justify-content:space-between}.feature-info summary::-webkit-details-marker{display:none}.feature-info summary:after{content:'+'}.feature-info details[open] summary:after{content:'−'}.feature-info details p{color:#555d50;font-size:13px;line-height:1.5}.film{display:flex;justify-content:space-between;border-top:1px solid #cbd0c2;padding-top:13px;margin-top:16px;font-size:13px}.film:hover{color:#526646}.more{margin-top:34px}.work-row{border-top:1px solid #cdd0c8}.work-row:last-child{border-bottom:1px solid #cdd0c8}.work-row>summary{list-style:none;display:grid;grid-template-columns:36px 1fr 1fr 24px;align-items:center;gap:14px;padding:17px 5px;transition:background .15s}.work-row>summary::-webkit-details-marker{display:none}.work-row>summary:after{content:'+';font-size:20px;text-align:right;font-weight:400}.work-row[open]>summary:after{content:'−'}.work-row>summary:hover{background:#e7e9e2}.work-row .client{font-size:20px;letter-spacing:-.5px}.row-description{font-size:12px;color:#676c63}.row-body{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;padding:8px 5px 25px 55px}.row-body img{display:block;width:auto;max-width:100%;max-height:320px;margin:auto}.row-body p{font-size:14px;line-height:1.5;margin-top:0;color:#545b50}.row-body a{display:inline-block;margin-top:14px;border-bottom:1px solid #9ba391;padding-bottom:4px}.about{margin:65px 0 20px;display:grid;grid-template-columns:1fr 2fr;gap:35px;border-top:1px solid #cdd0c8;padding-top:25px}.about h2{font-size:13px;font-weight:400;margin:0}.about p{font-size:18px;line-height:1.5;margin:0 0 20px;max-width:620px}.about a{text-decoration:underline;text-underline-offset:4px}footer{font-size:12px;color:#676c63;display:flex;justify-content:space-between;padding:35px 0 25px}@media(max-width:700px){.page{padding:0 18px}header{padding:29px 0 27px;grid-template-columns:1fr}h1{font-size:38px;letter-spacing:-1.4px}header p{margin-top:17px;font-size:14px}nav{padding:0}.feature{grid-template-columns:1fr}.media{min-height:0;padding:16px}.feature-info{border-left:0;border-top:1px solid #d1d5ca;padding:20px}.feature-info h3{margin-top:12px;font-size:25px}.work-row>summary{grid-template-columns:25px 1fr 20px;gap:10px}.row-description{display:none}.work-row .client{font-size:18px}.row-body{grid-template-columns:1fr;padding:0 5px 25px;gap:20px}.row-body img{max-height:250px}.about{grid-template-columns:1fr;gap:18px}.about p{font-size:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.project-tile{min-width:0;border:0;padding:0;background:transparent;text-align:left;display:block;width:100%}.thumbnail{height:220px;display:flex;align-items:center;justify-content:center;background:#e9ebe5;border-radius:4px 4px 0 0;overflow:hidden}.thumbnail img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.tile-caption{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid #bfc5b8;transition:border-color .18s}.tile-caption strong{font-size:16px;font-weight:400;letter-spacing:-.3px}.tile-caption small{font-size:12px;color:#626a5b;grid-column:1}.tile-caption .arrow{grid-column:2;grid-row:1/3;align-self:center;width:30px;height:30px;border:1px solid #c6ccbf;border-radius:50%;display:grid;place-items:center;transition:background .18s}.project-tile:hover .tile-caption{border-color:#616e56}.project-tile:hover .arrow{background:#dbe2d2}dialog{padding:0;border:1px solid #d1d5ca;border-radius:6px;width:min(1040px,calc(100% - 28px));max-height:90vh;background:#f5f5f2;color:#292d29}dialog::backdrop{background:#22291f66;backdrop-filter:blur(8px)}.panel-head{position:sticky;top:0;background:#e7e9e2;padding:20px 24px;display:flex;justify-content:space-between;gap:20px;z-index:1;border-bottom:1px solid #cdd0c8}.panel-head span{font-size:12px;color:#626a5b}.panel-head h2{font-size:24px;line-height:1.15;font-weight:400;letter-spacing:-.6px;margin:5px 0 0}.panel-head button{background:none;border:0;padding:0;align-self:start;white-space:nowrap}.panel-body{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;padding:24px}#panel-images{display:flex;flex-direction:column;gap:16px;min-width:0}#panel-images img{width:auto;height:auto;max-width:100%;max-height:480px;align-self:center}.panel-body aside{font-size:14px;line-height:1.55}#panel-category{font-size:12px;color:#626a5b;margin-top:0}#panel-film{display:inline-block;margin-top:14px;text-decoration:underline;text-underline-offset:5px}[hidden]{display:none!important}@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.thumbnail{height:220px}}@media(max-width:700px){.panel-body{grid-template-columns:1fr;padding:16px}.panel-head{padding:16px}.panel-head h2{font-size:21px}}@media(max-width:460px){.project-grid{grid-template-columns:1fr;gap:24px}.thumbnail{height:245px}.tile-caption strong{font-size:16px}}
.tile-caption{grid-template-columns:1fr}.tile-caption .arrow{display:none}
.tile-caption .award{color:#414d38;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;font-weight:500}

.tile-caption .award{color:#414d38;text-decoration:none;font-size:inherit;font-weight:500}
.project-grid>article{display:flex;min-width:0}.project-tile{display:flex;flex-direction:column;height:100%}.thumbnail{width:100%;flex-shrink:0}.tile-caption{width:100%;flex:1;display:flex;flex-direction:column;gap:6px}.tile-caption .project-meta{margin-top:auto;padding-top:0;line-height:1.5}

.project-heading{font-size:16px;line-height:1.4;letter-spacing:-.25px}.tile-caption .project-brand{font-size:inherit;font-weight:600;color:#252b23}.project-heading .project-title{font-weight:400;color:#555d50}footer{align-items:center;gap:24px;border-top:1px solid #cdd0c8;margin-top:30px;padding:24px 0 30px}footer a{font-size:18px;font-weight:500;color:#292d29;padding:9px 0 9px 18px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}footer a:hover{color:#526646}

body{font-family:"proxima-nova",Helvetica,Arial,sans-serif}h1{font-weight:700;letter-spacing:-1.6px}.tile-caption .project-brand{font-weight:600}.project-heading .project-title{font-weight:400}.tile-caption .award,footer a{font-weight:600}

/* Keep image and caption together; space separates whole projects. */
header{padding:32px 0 25px}header p{margin-top:12px;line-height:1.35}nav{padding-top:5px}.heading{margin:19px 0 14px}.project-grid{gap:34px 20px;align-items:start}.project-grid>article{display:block}.project-tile{height:auto}.thumbnail{height:auto;aspect-ratio:16/9;position:relative}.thumbnail img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.tile-caption{flex:none;border:0;padding:9px 0 0;gap:4px}.tile-caption .project-meta{margin-top:0;line-height:1.4}.project-heading{line-height:1.3}.project-tile:hover .project-brand{color:#526646}@media(max-width:700px){header{padding:25px 0 22px;gap:18px}header p{margin-top:10px}nav{padding-top:0}.heading{margin-top:18px}.project-grid{row-gap:28px}}

/* Header shares the gallery's column axes. */
.site-header{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;padding:32px 0 20px;border-bottom:0}.site-header .specialties{margin:7px 0 0;max-width:none;line-height:1.35}.site-header nav{justify-content:flex-end;padding-top:7px;gap:24px}.heading{margin:10px 0 14px}@media(max-width:900px){.site-header{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.site-header h1{grid-column:1;grid-row:1/3}.site-header .specialties{grid-column:2;grid-row:1}.site-header nav{grid-column:2;grid-row:2;justify-content:flex-start;padding-top:6px}}@media(max-width:560px){.site-header{padding:25px 0 20px;gap:18px 16px}.site-header h1{grid-column:1/-1;grid-row:1}.site-header .specialties{grid-column:1;grid-row:2;margin:0;font-size:14px}.site-header nav{grid-column:2;grid-row:2;flex-direction:column;align-items:flex-end;gap:2px;padding:0;line-height:1.45}.heading{margin-top:8px}}

/* A single compact closing section, with contact links beside the biography. */
.about{display:block;margin:56px 0 0;padding:24px 0 40px;border-top:1px solid #cdd0c8}
.about h2{margin:0 0 14px;color:#62665e;font-size:12px}
.about-content{max-width:590px}
.about p{margin:0;font-size:18px;line-height:1.45;max-width:none}
.contact-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:18px}
.contact-links a{display:inline-block;padding:5px 0;font-size:15px;font-weight:600;color:#292d29;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.contact-links a:hover{color:#526646}
@media(max-width:700px){.about{margin-top:36px;padding:20px 0 30px}.about p{font-size:16px}.contact-links{gap:8px 24px;margin-top:14px}}

/* One text size throughout the closing section. */
.about h2,.about p,.contact-links a{font-size:16px;line-height:1.45}
.about h2{font-weight:600;color:#292d29}
.contact-links a{font-weight:400}