:root{--orange:#da9a66;--text:#eeeae3;--muted:#a4a6a3}
body{background:#101212}header{background:#101212;padding-top:22px;padding-bottom:22px}
nav a[aria-current]{color:var(--text);position:relative}nav a[aria-current]:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:2px;background:var(--orange)}
.portfolio-intro,.portfolio-section,.portfolio-reviews{padding-left:max(6%,calc((100vw - 1380px)/2));padding-right:max(6%,calc((100vw - 1380px)/2))}
.portfolio-intro{padding-top:85px;padding-bottom:64px;display:grid;grid-template-columns:1.8fr 1fr;gap:50px;align-items:end}
.portfolio-intro .eyebrow{font-size:11px;letter-spacing:.18em;color:var(--orange);margin-bottom:25px}
.portfolio-intro h1{font-size:clamp(40px,5vw,72px);line-height:1.12;letter-spacing:-.055em;font-weight:500;max-width:none}.portfolio-intro h1 em{color:#9faaa7;font-weight:400}
.portfolio-intro-aside{padding-bottom:6px}.portfolio-intro-aside p{font-size:15px;line-height:1.8;color:#a9b0ac;max-width:34ch;margin-bottom:23px}
.portfolio-toolbar{border-top:1px solid #343a37;border-bottom:1px solid #343a37;padding:21px 0;margin-bottom:38px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.filters{display:flex;gap:9px;flex-wrap:wrap}.filters button{font:inherit;font-size:13px;border:1px solid transparent;border-radius:30px;background:transparent;color:#a6afa9;padding:9px 16px;cursor:pointer}.filters button[aria-pressed=true]{border-color:#69736c;color:#eeeee8;background:#242a26}.filters button:hover{color:white}.filters span{font-size:10px;color:var(--orange);padding-left:9px}button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.gallery-hint{font-size:9px;letter-spacing:.14em;color:#8f9992}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px 34px;align-items:start}.project{min-width:0}.project[hidden]{display:none}
.project-photo{display:block;position:relative;overflow:hidden;background:#242823}.project-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;transition:transform .6s ease,filter .6s ease;filter:saturate(.85)}.project-photo:hover img{transform:scale(1.025);filter:saturate(1)}
.photo-open{position:absolute;bottom:18px;right:18px;border:1px solid #ffffff70;background:#111b;backdrop-filter:blur(10px);border-radius:50%;width:38px;height:38px;display:grid;place-items:center}
.project figcaption{padding:21px 0 0}.project-meta{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#bca183;margin-bottom:9px}.project h2{font-size:clamp(19px,2vw,28px);letter-spacing:-.025em;line-height:1.3;font-weight:400}.photo-credit{display:inline-block;margin-top:11px;font-size:11px;color:#8f9992}.photo-credit[href]:hover{color:var(--orange);text-decoration:underline}
.project:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.project:last-child[hidden]{display:none}.project:last-child:nth-child(odd) figcaption{padding:30px;max-width:400px}.project:last-child:nth-child(odd) h2{font-size:38px}.project:last-child:nth-child(odd) img{aspect-ratio:1}
.portfolio-end{margin-top:58px;padding:28px 0;border-top:1px solid #343a37;display:flex;align-items:center;justify-content:space-between;gap:25px}.portfolio-end p{color:#9da69f;font-size:15px}
.portfolio-reviews{margin-top:60px;padding-top:85px;padding-bottom:90px;background:#191d1b;border-block:1px solid #303832}.portfolio-reviews h2{font-size:clamp(32px,3.7vw,49px)}.portfolio-reviews .eyebrow{font-size:10px;letter-spacing:.15em;color:#c0a084}
.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}.testimonial-grid figure{border-top:1px solid #424b43;padding-top:16px}.quote-mark{font:60px/1 Georgia,serif;color:var(--orange)}blockquote{font-size:clamp(22px,2.5vw,31px);line-height:1.45;letter-spacing:-.02em;font-weight:400;margin:0 0 32px;max-width:30ch;min-height:3em}
.testimonial-grid figcaption{display:flex;flex-direction:column;gap:4px;font-size:13px}.testimonial-grid figcaption strong{font-weight:500}.testimonial-grid figcaption span{font-size:11px;color:#a5afa7}
.contact{background:#101212}.contact h2{font-size:clamp(32px,3.7vw,50px)}.quote-box{border-radius:2px;background:#1a1f1b}.button{border-radius:3px;background:var(--orange)}footer{background:#101212}
.lightbox{border:0;background:#111613;color:#fff;width:96vw;max-width:1500px;height:94dvh;max-height:none;padding:64px 65px 25px;overflow:hidden}.lightbox::backdrop{background:#000e}.lightbox[open]{display:flex;align-items:center;justify-content:center}.lightbox figure{height:100%;width:100%;display:flex;flex-direction:column;gap:12px;align-items:center}.lightbox img{width:100%;min-height:0;flex:1;object-fit:contain}.lightbox figcaption{font-size:13px;color:#c6cec8;text-align:center}
.lightbox button{position:absolute;border:1px solid #566057;background:#1c241d;color:white;font-size:20px;cursor:pointer;padding:10px 15px}.lightbox-close{right:20px;top:15px;font-size:13px!important}.lightbox-prev{left:10px;top:50%}.lightbox-next{right:10px;top:50%}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:900px){.portfolio-intro{grid-template-columns:1fr;padding-top:60px;gap:25px}.portfolio-intro-aside{display:flex;align-items:end;justify-content:space-between;gap:24px}.portfolio-intro-aside p{margin:0;max-width:40ch}.gallery-hint{display:none}.project-grid{gap:40px 22px}.project:last-child:nth-child(odd) h2{font-size:28px}}
@media(max-width:600px){.portfolio-intro{padding-top:45px;padding-bottom:35px}.portfolio-intro h1{font-size:39px}.portfolio-intro-aside{display:block}.portfolio-intro-aside .text-link{display:inline-block;margin-top:17px}.portfolio-intro .eyebrow{font-size:9px;margin-bottom:20px}.portfolio-toolbar{padding:14px 0;margin-bottom:26px}.filters{gap:2px}.filters button{padding:8px 12px;font-size:12px}.project-grid{grid-template-columns:1fr;gap:36px}.project-photo img{aspect-ratio:4/5}.project h2{font-size:23px}.project:last-child:nth-child(odd){display:block}.project:last-child[hidden]{display:none}.project:last-child:nth-child(odd) figcaption{padding:21px 0 0}.project:last-child:nth-child(odd) h2{font-size:23px}.project:last-child:nth-child(odd) img{aspect-ratio:4/5}.portfolio-end{display:block;margin-top:38px}.portfolio-end .text-link{display:inline-block;margin-top:14px}.portfolio-reviews{margin-top:30px;padding-top:55px;padding-bottom:55px}.testimonial-grid{grid-template-columns:1fr;gap:35px}blockquote{min-height:0;font-size:25px}.lightbox{width:100vw;height:100dvh;padding:62px 42px 24px}.lightbox button{padding:9px}.lightbox-prev{left:4px}.lightbox-next{right:4px}}
@media(prefers-reduced-motion:reduce){.project-photo img{transition:none}}