/* Real work before inspiration; uses the existing cream/wood identity. */
.delivered-projects{border-bottom:1px solid var(--line);scroll-margin-top:24px}
.delivered-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,4vw,64px)}
.delivered-projects .delivered-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
.delivered-case{min-width:0;scroll-margin-top:24px}
.delivered-cover{display:block;position:relative;overflow:hidden;background:var(--sand)}
.delivered-cover img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 64%;transition:transform .35s ease}
.delivered-cover:hover img{transform:scale(1.02)}
.delivered-enlarge{position:absolute;right:12px;bottom:12px;display:flex;gap:16px;align-items:center;background:var(--paper);color:var(--ink);padding:9px 12px;font-size:12px;line-height:1.4}
.delivered-enlarge b{font-size:18px;font-weight:400}
.delivered-thumbs{display:flex;gap:10px;margin-top:10px}
.delivered-thumb{display:block;width:80px;height:62px;overflow:hidden;background:var(--sand);border:1px solid var(--line)}
.delivered-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 64%}
.delivered-case--six .delivered-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.delivered-case--six .delivered-thumb{width:100%}
.delivered-photo-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:12px}
.delivered-meta{display:flex;flex-wrap:wrap;gap:5px 15px;font-size:10px;letter-spacing:.045em;margin:21px 0 12px;color:var(--muted)}
.delivered-meta>span:first-child{color:var(--ink);text-transform:uppercase}
.delivered-copy h3{font:36px/1.12 var(--serif);letter-spacing:-.035em}
.delivered-copy .delivered-type{font-size:12px;color:var(--muted);margin:8px 0 12px}
.delivered-copy>p:not(.delivered-type){font-size:14px;line-height:1.8;max-width:550px}
.delivered-copy .delivered-quote{margin-top:15px;font-size:14px;min-height:48px}
.delivered-source-note{font-size:12px;line-height:1.75;color:var(--muted);margin-top:27px;max-width:780px}
.archive-disclosure .delivered-cases{margin-top:24px}.archive-disclosure .delivered-cover img{aspect-ratio:889/403;object-fit:contain}.archive-disclosure .delivered-copy h3{font-size:27px}
.ux-value{background:#ede8de}
.ux-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,3vw,44px)}
.ux-value-grid article{border-top:1px solid #b9ae9b;padding-top:18px}
.ux-value-grid article>span{font-size:10px;letter-spacing:.08em}
.ux-value-grid h3{font:27px/1.15 var(--serif);margin-top:19px;letter-spacing:-.025em}
.ux-value-grid p{font-size:14px;line-height:1.8;margin-top:14px;color:#5e584e}
.ux-value-grid a{display:inline-flex;align-items:center;gap:15px;font-size:13px;min-height:44px;border-bottom:1px solid var(--ink);margin-top:10px}
.ux-value>.text-link{margin-top:24px;font-size:14px}
.ux-about-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,80px);align-items:center;padding:48px var(--gutter) 54px}
.ux-about-hero h1{font-size:clamp(40px,4.25vw,64px);max-width:650px}
.ux-about-hero>div:first-child>p:not(.eyebrow){font-size:15px;line-height:1.85;max-width:600px;margin-top:22px;color:var(--ink)}
.ux-about-hero .button{font-size:14px;margin-top:26px}
.ux-showroom-photo{min-width:0}
.ux-showroom-photo>a{display:block}
.ux-showroom-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ux-showroom-photo figcaption{display:flex;flex-direction:column;align-items:flex-start;font-size:13px;line-height:1.7;margin-top:15px;color:var(--muted)}
.ux-showroom-photo strong{font:24px/1.2 var(--serif);font-weight:400;color:var(--ink);margin-bottom:6px}
.ux-showroom-photo .text-link{font-size:13px;margin-top:6px}
.ux-process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,3vw,44px);list-style:none;margin:0;padding:0}
.ux-process-list li{border-top:1px solid var(--line);padding-top:16px}
.ux-process-list li>span{font-size:11px;letter-spacing:.08em}
.ux-process-list h3{font:27px/1.15 var(--serif);margin-top:15px}
.ux-process-list p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:12px}
.ux-process-links{display:flex;flex-wrap:wrap;gap:8px 30px;margin-top:24px}
.ux-process-links .text-link{font-size:13px}
body.delivered-gallery-open{overflow:hidden}
.delivered-dialog{width:min(1140px,calc(100vw - 48px));max-width:100vw;max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--line);background:var(--paper);color:var(--ink);overflow:auto}
.delivered-dialog::backdrop{background:#22231de8}
.delivered-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 23px;border-bottom:1px solid var(--line)}
.delivered-dialog-header p{font-size:10px;letter-spacing:.07em;color:var(--muted);margin-bottom:5px}
.delivered-dialog-header h2{font:28px/1.15 var(--serif);letter-spacing:-.025em}
.delivered-dialog-close{font:31px/1 var(--sans);width:44px;height:44px;flex:none}
.delivered-stage{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;background:#e8e2d8;min-height:180px}
.delivered-stage figure{display:flex;align-items:center;justify-content:center;height:min(60dvh,650px);min-width:0;margin:0;padding:8px}
.delivered-stage img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}
.delivered-step{min-height:52px;width:44px;margin:auto;font-size:24px;background:var(--paper);border:1px solid #b7aa95}
.delivered-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 23px}
.delivered-caption{font-size:14px;line-height:1.7}
.delivered-caption>span{display:block;font-size:12px;color:var(--muted)}
.delivered-original{font-size:12px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.delivered-dialog-footer .button{font-size:13px;min-height:47px;flex-shrink:0;gap:20px}
.delivered-loading-status{font-size:13px;padding:0 23px 16px;color:var(--muted)}
.delivered-loading-status:empty{display:none}
@media(max-width:1100px){.delivered-projects .delivered-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.ux-value-grid,.ux-process-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.ux-about-hero{gap:30px}.ux-about-hero h1{font-size:43px}}
@media(max-width:760px){
 .delivered-cases,.delivered-projects .delivered-cases{grid-template-columns:1fr;gap:35px}
 .delivered-case+.delivered-case{padding-top:27px;border-top:1px solid var(--line)}
 .delivered-copy h3{font-size:32px}.delivered-copy .delivered-type{font-size:13px}.delivered-meta{font-size:11px;margin-top:18px;gap:4px 13px}
 .delivered-enlarge{font-size:12px;right:9px;bottom:9px}.delivered-copy>p:not(.delivered-type){font-size:15px;line-height:1.75}.delivered-source-note{font-size:13px;line-height:1.7}
 .ux-value-grid,.ux-process-list{grid-template-columns:1fr;gap:23px}
 .ux-value-grid h3{margin-top:12px;font-size:27px}.ux-value-grid p{margin-top:11px;font-size:15px;line-height:1.75}
 .ux-about-hero{grid-template-columns:1fr;padding:34px var(--gutter) 38px;gap:30px}.ux-about-hero h1{font-size:39px}.ux-about-hero>div:first-child>p:not(.eyebrow){font-size:15px;line-height:1.8;margin-top:19px}
 .ux-showroom-photo img{aspect-ratio:4/3}.ux-showroom-photo figcaption{font-size:14px}.ux-process-list li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:13px}.ux-process-list li>span{padding-top:4px}.ux-process-list h3{margin-top:0;font-size:26px}.ux-process-list p{font-size:15px;line-height:1.75;margin-top:9px}.ux-process-links .text-link{font-size:14px}
 .delivered-dialog{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;margin:0;inset:0;border:0}
 .delivered-dialog-header{padding:14px 17px;gap:12px}.delivered-dialog-header h2{font-size:26px}.delivered-dialog-header p{font-size:9px}
 .delivered-stage{position:relative;grid-template-columns:minmax(0,1fr);min-height:180px}.delivered-stage figure{grid-area:1/1;height:53dvh;padding:8px}
 .delivered-step{position:absolute;z-index:1;top:calc(50% - 24px);width:44px;min-height:48px;background:#f4f2edf0}.delivered-step[data-delivered-previous]{left:7px}.delivered-step[data-delivered-next]{right:7px}
 .delivered-dialog-footer{flex-direction:column;align-items:stretch;padding:16px 19px calc(18px + env(safe-area-inset-bottom,0px));gap:12px}.delivered-dialog-footer .button{font-size:14px}.delivered-caption{font-size:14px}.delivered-caption>span{font-size:13px}.delivered-original{font-size:13px;min-height:40px}
}
@media(max-width:370px){.ux-about-hero h1{font-size:35px}.delivered-copy h3{font-size:30px}.delivered-dialog-header h2{font-size:24px}.delivered-dialog-header p{letter-spacing:.03em}.delivered-case--six .delivered-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.delivered-cover img{transition:none}.delivered-cover:hover img{transform:none}}
