/* The portfolio uses full photographs, clear captions and a route to an inquiry. */
.real-work{background:#eae7de;color:#17252a;padding:85px 5%;scroll-margin-top:78px}
.real-work-heading{align-items:end;gap:40px;margin-bottom:35px}
.real-work .eyebrow{color:#75613f;letter-spacing:.14em;font-size:12px}
.real-work h2{font:600 clamp(48px,6.4vw,96px)/.94 var(--display);letter-spacing:-.02em}
.real-work h2 em{color:#86704a}
.real-work-intro{max-width:370px;line-height:1.8;color:#4d5a5d}
.photo-group-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:38px;border-color:#b9b8af}
.photo-group-tabs button{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;padding:18px 15px;text-align:left;min-height:100px;border:0;border-bottom:3px solid transparent}
.photo-group-tabs button+button{border-left:1px solid #c8c6bc}
.photo-group-tabs button img{width:54px;height:62px;object-fit:contain;background:#d8d5cc}
.photo-group-tabs button b{font:600 21px/1.08 var(--display);text-transform:uppercase;display:block;color:inherit}
.photo-group-tabs button .group-copy{display:block;color:inherit;margin:0}.photo-group-tabs button .group-count{color:inherit;font-size:12px;display:block;margin-top:7px;line-height:1.4}
.photo-group-tabs button[aria-pressed=true]{background:#17262d;color:#f4f0e5;border-bottom-color:#c9a05c}
.photo-group-tabs button:hover{background:#d7d5ca}.photo-group-tabs button[aria-pressed=true]:hover{background:#253943}
.work-story{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:42px;align-items:center;margin-bottom:45px}
.story-media{margin:0;min-width:0}
.story-photo{position:relative;width:100%;display:grid;place-items:center;background:#d9d7cf;padding:0;cursor:zoom-in;overflow:hidden}
.story-photo img{display:block;width:100%;height:auto;max-height:580px;object-fit:contain}
.story-photo>span{position:absolute;right:16px;bottom:16px;background:#11222ce8;color:#fff4d8;border:1px solid #d7bf8d;width:44px;height:44px;display:grid;place-items:center;font-size:27px}
.story-media figcaption{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.5;color:#52605f;border-bottom:1px solid #b9b8af;padding:15px 0}
.story-media figcaption span:last-child{white-space:nowrap;color:#6d593a}
.story-copy{min-width:0}.story-number{font:12px/1.5 var(--body);letter-spacing:.12em;color:#75613f;margin:0 0 20px}
.story-copy h3{font:600 clamp(34px,3.4vw,54px)/1.04 var(--display);text-transform:uppercase;letter-spacing:-.01em;color:#17252a;margin:0 0 20px}
.story-description{font-size:16px;line-height:1.8;color:#475657;margin:0 0 24px}
.story-details{margin:0 0 25px;border-top:1px solid #b9b8af}
.story-details>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;border-bottom:1px solid #cbc8bd;padding:13px 0;font-size:13px;line-height:1.65}
.story-details dt{color:#74603c}.story-details dd{margin:0;color:#34464c}
.story-actions{display:flex;gap:10px 22px;flex-wrap:wrap;align-items:center}
.story-inquiry{color:#f8f3e5;background:#172d37;border:1px solid #172d37;min-height:48px;padding:13px 18px;font:500 14px/1.5 var(--body)}
.story-view{padding:10px 0;min-height:44px;color:#344b55;background:transparent;border-bottom:1px solid #8c927e;font:14px/1.5 var(--body)}
.work-story[data-orientation=portrait]{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:7%}
.work-story[data-orientation=portrait] .story-photo img{max-height:620px;width:auto;max-width:100%}
.photo-group-heading{border-top:1px solid #b9b8af;padding-top:28px;margin-bottom:24px}
.photo-group-heading h3{font-size:25px}.photo-group-heading p{font-size:13px}
.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}
.work-photo-card>img{background:#dedbd2;max-height:340px}.work-photo-card>span{border-color:#b9b8af}.work-photo-card b{color:#34464c}
.portfolio-next{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #b9b8af;margin-top:26px;padding-top:26px;font-size:14px;color:#475657}
.portfolio-next a{color:#273f4a;border-bottom:1px solid #8f7b54;min-height:44px;display:inline-flex;align-items:center;gap:20px}
.real-work :is(button,a):focus-visible{outline:3px solid #87682f;outline-offset:4px}
.work-archive{grid-template-rows:auto minmax(100px,1fr) auto auto auto;color:#f1eee5;border:1px solid #57656b}
.work-archive::backdrop{background:#030709ec;backdrop-filter:blur(10px)}
.archive-context{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #34454e;padding-top:12px;min-width:0}
.archive-context p{font-size:13px;line-height:1.55;color:#b9c8cd;max-width:750px;margin:0}
.archive-context button{background:#d9b477;color:#12232c;min-height:44px;padding:10px 16px;font-size:14px;flex-shrink:0}
.archive-filmstrip img{object-fit:contain}.archive-filmstrip button:focus-visible{outline:2px solid #e5c98d;outline-offset:2px}
.estimate-reference{padding:14px 16px;border-left:3px solid #9b7b41;background:#f0eee6;margin-bottom:22px;display:flex;align-items:center;gap:13px}
.estimate-reference[hidden]{display:none}.estimate-reference img{width:48px;height:55px;object-fit:contain;background:#dcd9cd}.estimate-reference div{flex:1;min-width:0}
.estimate-reference p{font-size:12px;color:#76623d;margin:0 0 4px}.estimate-reference strong{display:block;font-size:14px;color:#213b46;font-weight:500;line-height:1.5}
.estimate-reference button{min-height:44px;min-width:44px;color:#36515d;background:transparent;font-size:24px}
@media(max-width:1050px){.photo-group-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-group-tabs button:nth-child(3){border-left:0}.photo-group-tabs button:nth-child(n+3){border-top:1px solid #b9b8af}.work-story{gap:28px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.story-copy h3{font-size:37px}.story-details>div{grid-template-columns:75px minmax(0,1fr);gap:8px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.real-work{padding:54px 6%}.real-work-heading{display:block;margin-bottom:25px}.real-work h2{font-size:clamp(46px,10.5vw,74px)}.real-work-intro{margin-top:22px;max-width:100%;font-size:15px}.photo-group-tabs{margin-bottom:27px}.photo-group-tabs button{min-height:88px;padding:13px 10px;grid-template-columns:38px minmax(0,1fr);gap:9px}.photo-group-tabs button img{width:38px;height:52px}.photo-group-tabs button b{font-size:19px}.photo-group-tabs button .group-count{font-size:11px}.work-story,.work-story[data-orientation=portrait]{grid-template-columns:minmax(0,1fr);gap:26px;margin-bottom:35px}.story-copy h3{font-size:clamp(34px,7.5vw,48px)}.story-number{margin-bottom:14px}.story-description{font-size:16px}.story-photo img,.work-story[data-orientation=portrait] .story-photo img{max-height:480px}.story-media figcaption{font-size:12px}.story-details>div{grid-template-columns:85px minmax(0,1fr);font-size:14px}.story-actions{gap:10px 18px}.story-inquiry{font-size:15px}.photo-group-heading{display:block}.photo-group-heading p{margin-top:10px}.portfolio-next{align-items:flex-start;flex-direction:column;gap:8px}.portfolio-next p{margin:0}.work-archive{height:96svh;max-height:96svh;padding:12px 10px;gap:8px}.work-archive .archive-heading h2{font-size:23px}.archive-context{gap:8px;padding-top:8px}.archive-context p{display:none}.archive-context button{width:100%}.archive-filmstrip button{height:48px;flex-basis:56px}}
@media(max-width:480px){.photo-grid{grid-template-columns:minmax(0,1fr)}.work-photo-card>img{max-height:390px}.photo-group-tabs button{grid-template-columns:minmax(0,1fr);gap:0;min-height:85px}.photo-group-tabs button img{display:none}.photo-group-tabs button b{font-size:21px}.story-media figcaption{flex-wrap:wrap;gap:5px 15px}.story-inquiry{width:100%}.story-view{width:100%;text-align:left}.work-archive .archive-toolbar{gap:5px}.work-archive .archive-toolbar button{padding:7px 9px;min-height:40px}}

@media(max-height:600px){.work-archive{overflow:auto;grid-template-rows:auto minmax(160px,1fr) auto auto auto}.work-archive .archive-heading{position:sticky;top:0;z-index:2;background:#0c1419}}