.project-hero{padding:78px 0 88px;background:radial-gradient(circle at 82% 28%,#403727 0%,#171a1c 32%,#0b0d0f 72%);border-bottom:1px solid var(--line)}
.project-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(36px,6vw,88px);align-items:center}.project-hero h1{font-size:clamp(58px,7.4vw,112px);line-height:.92;letter-spacing:-.075em;margin:0 0 27px}.project-hero h1 span{color:var(--gold)}.project-kicker{font:600 15px "DM Sans",sans-serif;letter-spacing:.03em;color:#d9c6a6}.project-lead{max-width:650px;color:#bdc4c1;font-size:17px;line-height:1.82}.project-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.project-hero-media{margin:0;position:relative;background:#111;border:1px solid #3b3f3d;overflow:hidden}.project-hero-media img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.project-hero-media figcaption,figure figcaption{font:600 11px "DM Sans","Noto Sans Thai",sans-serif;letter-spacing:.08em;color:#a9aeab}.project-hero-media figcaption{padding:12px 15px;border-top:1px solid #303432}
.project-summary{background:#121517;border-bottom:1px solid var(--line)}.project-facts{display:grid;grid-template-columns:repeat(4,1fr)}.project-facts div{padding:23px 20px;border-right:1px solid var(--line)}.project-facts div:first-child{border-left:1px solid var(--line)}.project-facts span{display:block;color:var(--gold);font:700 10px "DM Sans",sans-serif;letter-spacing:.17em;margin-bottom:5px}.project-facts strong{font-size:14px;font-weight:600}
.project-section{padding-block:96px}.project-section h2{font-size:clamp(40px,5.3vw,72px);font-weight:600;margin:0;letter-spacing:-.05em}.project-section h2 em{color:var(--gold);font-style:normal}.project-dark{background:#121516;border-block:1px solid var(--line)}.project-copy-grid{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(40px,8vw,120px);align-items:start}.project-prose{max-width:700px;color:var(--muted)}.project-prose .lead{font-size:21px;line-height:1.72;color:var(--text);font-weight:500}.project-prose p{margin-bottom:18px}
.figure-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:45px}.figure-pair figure,.wide-figure,.project-gallery figure{margin:0;background:#0c0e0f;border:1px solid #34383a;overflow:hidden}.figure-pair img,.wide-figure img,.project-gallery img{display:block;width:100%;height:auto;object-fit:cover}.figure-pair figure figcaption,.wide-figure figcaption,.project-gallery figcaption{padding:11px 14px;border-top:1px solid #303436}.figure-pair.compact img{aspect-ratio:1/1;object-fit:cover}.wide-figure{margin-top:44px}.wide-figure img{width:100%;max-height:760px;object-fit:cover;object-position:center}
.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px}.stage-grid article{min-height:190px;background:#15191a;border:1px solid var(--line);padding:25px}.stage-grid span{font:700 10px "DM Sans",sans-serif;letter-spacing:.16em;color:var(--gold)}.stage-grid h3{font-size:27px;margin:36px 0 8px}.stage-grid p{color:var(--muted);font-size:14px;margin:0}
.project-final{background:radial-gradient(circle at 85% 10%,#403728 0%,#171a1b 36%,#0e1112 77%);border-block:1px solid #494132}.project-final-lead{color:#bfc5c2;max-width:640px;font-size:18px}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:44px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.spec-grid div{padding:19px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(16,19,20,.72)}.spec-grid dt{font:700 11px "DM Sans",sans-serif;letter-spacing:.12em;color:var(--gold);margin-bottom:6px}.spec-grid dd{margin:0;font-size:16px;color:#e9e7e1}
.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.gallery-heading p{max-width:470px;color:var(--muted);margin:0}.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-gallery img{aspect-ratio:1/1;object-fit:cover}.project-closing{background:#0c0f10;border-top:1px solid var(--line)}.closing-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%}.project-prose blockquote{margin:36px 0 0;padding:18px 0 18px 24px;border-left:2px solid var(--gold);color:var(--gold);font:600 24px "DM Sans",sans-serif;letter-spacing:.01em}
@media(max-width:900px){.project-hero-grid{grid-template-columns:1fr}.project-hero-copy{order:1}.project-hero-media{order:2;max-width:720px}.project-facts{grid-template-columns:repeat(2,1fr)}.project-copy-grid,.closing-grid{grid-template-columns:1fr;gap:25px}.stage-grid{grid-template-columns:1fr}.project-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.project-hero{padding:55px 0 65px}.project-hero h1{font-size:clamp(52px,15vw,76px)}.project-lead{font-size:15px}.project-actions .button{width:100%}.project-facts{grid-template-columns:1fr 1fr}.project-facts div{padding:18px 14px}.project-facts strong{font-size:12px}.project-section{padding-block:68px}.project-prose .lead{font-size:18px}.figure-pair,.spec-grid,.project-gallery{grid-template-columns:1fr}.gallery-heading{align-items:start;flex-direction:column;gap:15px}}

/* Tablet standard: 701–1023px */
@media (min-width:701px) and (max-width:1023px){.project-hero{padding:68px 0 78px}.project-hero-grid{grid-template-columns:1fr;gap:34px}.project-hero h1{font-size:clamp(68px,10vw,96px)}.project-hero-media{max-width:760px}.project-facts{grid-template-columns:repeat(2,1fr)}.project-section{padding-block:82px}.project-copy-grid,.closing-grid{grid-template-columns:1fr;gap:28px}.figure-pair{gap:14px}.stage-grid{grid-template-columns:repeat(3,1fr)}.stage-grid article{padding:20px;min-height:210px}.stage-grid h3{font-size:23px}.project-gallery{grid-template-columns:repeat(2,1fr)}.gallery-heading{gap:28px}}