/* 2072 Glenada Crescent — case study. Shares the Our Work foundations (our-work.css + Acton component layers);
   only the narrative, facts, quote and selected-pages blocks are defined here. */
.work-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px 32px; padding:26px 0 28px; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); margin:0 0 8px; }
.work-facts div { display:flex; flex-direction:column; gap:8px; min-width:0; }
.work-facts .k { font:500 10.5px/1.4 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:var(--ink-soft); }
html[lang="zh"] .work-facts .k { letter-spacing:.08em; font-size:11.5px; }
.work-facts .v { font:400 clamp(20px,1.9vw,26px)/1.15 var(--serif); color:var(--navy); }
.work-facts-section { padding-bottom:8px; }

.work-story { padding-top:72px; }
.work-story .work-section-label { margin-bottom:26px; }
.work-story-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); gap:48px 80px; align-items:start; }
.work-story h2 { margin:0; font:400 clamp(26px,2.5vw,36px)/1.14 var(--serif); letter-spacing:-.005em; max-width:420px; text-wrap:balance; }
html[lang="zh"] .work-story h2 { line-height:1.3; font-size:clamp(25px,2.3vw,33px); max-width:460px; }
.work-story-copy p { margin:0 0 18px; font-size:16.5px; line-height:1.78; color:#262a31; max-width:600px; text-wrap:pretty; }
html[lang="zh"] .work-story-copy p { font-size:16px; line-height:1.95; }
.work-story-copy p:last-child { margin-bottom:0; }
.work-story-copy p b { font-weight:600; color:var(--ink); }
.work-story-copy .work-principle { margin:26px 0 0; padding:18px 0 0; border-top:1px solid var(--rule); font:400 19px/1.45 var(--serif); color:var(--navy); max-width:520px; }
html[lang="zh"] .work-story-copy .work-principle { font-size:18px; line-height:1.6; }
.work-story-copy .work-text-link { margin-top:6px; }
.work-story + .work-photo-section { padding-top:56px; }
.work-photo-section + .work-story { padding-top:0; }

.work-result { padding-top:72px; }
.work-result .photo-closing { margin-top:36px; }
.work-result .photo-closing figcaption b { color:var(--navy); font-weight:600; }

.work-words { padding-top:88px; }
.work-words .work-section-label { margin-bottom:28px; }
.work-quote { margin:0; max-width:820px; }
.work-quote blockquote { margin:0; font:400 clamp(20px,2.1vw,27px)/1.42 var(--serif); font-style:italic; color:var(--ink); text-wrap:pretty; }
html[lang="zh"] .work-quote blockquote { font-style:normal; line-height:1.68; font-size:clamp(18px,1.9vw,23px); }
.work-quote blockquote p { margin:0 0 .7em; }
.work-quote blockquote p:last-child { margin-bottom:0; }
.work-quote figcaption { margin-top:22px; padding-top:14px; border-top:1px solid var(--rule); display:flex; flex-wrap:wrap; gap:8px 16px; align-items:baseline; font:500 11px/1.6 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:var(--ink-soft); }
html[lang="zh"] .work-quote figcaption { letter-spacing:.08em; font-size:12px; }
.work-quote figcaption .who { color:var(--ink); }
.work-quote figcaption .stars { color:var(--gold,#9a7c3c); letter-spacing:.1em; }
.work-quote .work-quote-tr { display:none; width:100%; font-size:10.5px; letter-spacing:.06em; text-transform:none; color:var(--ink-soft); }
html[lang="zh"] .work-quote .work-quote-tr { display:block; }
.work-quote-links { margin-top:22px; display:flex; flex-wrap:wrap; gap:12px 28px; }
.work-quote-links .work-text-link { font-size:12.5px; }

.work-brochure-section { margin-top:96px; }
.work-pages { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin:44px 0 0; }
.work-pages figure { margin:0; min-width:0; }
.work-pages a { display:block; background:#fff; box-shadow:0 10px 26px rgba(20,24,31,.10); transition:transform .25s, box-shadow .25s; }
.work-pages a:hover { transform:translateY(-2px); box-shadow:0 16px 34px rgba(20,24,31,.14); }
.work-pages img { display:block; width:100%; height:auto; }
.work-pages figcaption { margin-top:12px; display:flex; justify-content:space-between; gap:12px; font-size:12px; line-height:1.6; color:var(--ink-soft); }
.work-pages figcaption span:last-child { white-space:nowrap; }
.work-brochure-note { margin:34px 0 0; display:flex; flex-wrap:wrap; align-items:baseline; gap:12px 28px; font-size:12px; color:var(--ink-soft); }
.work-brochure-note .work-text-link { font-size:13px; }
.work-pages-label { margin:52px 0 0; }

.work-sale-links { display:flex; flex-wrap:wrap; gap:12px 32px; margin-top:22px; }

@media(max-width:1000px) {
  .work-story-grid { gap:28px 40px; }
}
@media(max-width:700px) {
  .work-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 18px; padding:20px 0 22px; }
  .work-facts .v { font-size:21px; }
  .work-story { padding-top:48px; }
  .work-story .work-section-label { margin-bottom:16px; }
  .work-story-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  .work-story h2 { font-size:25px; }
  .work-story-copy p { font-size:16px; line-height:1.72; }
  .work-story-copy .work-principle { font-size:18px; margin-top:20px; }
  .work-story + .work-photo-section { padding-top:36px; }
  .work-result { padding-top:48px; }
  .work-words { padding-top:56px; }
  .work-words .work-section-label { margin-bottom:18px; }
  .work-quote blockquote { font-size:19px; }
  .work-quote figcaption { margin-top:18px; }
  .work-brochure-section { margin-top:64px; }
  .work-pages { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 14px; margin-top:32px; }
  .work-pages figcaption { font-size:11px; flex-direction:column; gap:2px; margin-top:8px; }
  .work-pages-label { margin-top:40px; }
  .work-brochure-note { margin-top:24px; }
  .work-pages a, .work-quote-links a, .work-sale-links a, .work-brochure-note a { position:relative; }
  .work-quote-links a::before, .work-sale-links a::before, .work-brochure-note a::before { content:""; position:absolute; inset:-11px -5px; }
}