
.projects-page,.project-page{background:#f3f0e9;color:#111311}.projects-page .site-header,.project-page .site-header{color:#f6f3ec}.projects-page .menu-toggle,.project-page .menu-toggle{color:#f6f3ec}.projects-page .nav a[aria-current="page"],.project-page .nav a[aria-current="page"],.projects-page .mobile-nav a[aria-current="page"],.project-page .mobile-nav a[aria-current="page"]{color:#d0a46b}
.projects-hero{padding:150px 0 92px;background:#f3f0e9;color:#111311;overflow:hidden}.projects-hero .breadcrumbs,.project-hero .breadcrumbs{display:flex;gap:18px;align-items:center;color:#7b776e;font-size:14px;margin-bottom:54px}.projects-hero .breadcrumbs a,.project-hero .breadcrumbs a{color:inherit}.projects-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:72px;align-items:end}.projects-hero h1,.project-hero h1{font-size:clamp(52px,6.4vw,96px);line-height:.92;letter-spacing:-.055em;margin:0;font-weight:600}.projects-hero h1 small,.project-hero h1 small{display:block;font-size:.42em;line-height:1.12;letter-spacing:-.03em;font-weight:500;margin-top:15px;color:#3f413c}.projects-hero .lead{font-size:20px;line-height:1.72;color:#77736b;max-width:650px;margin:28px 0 0}.projects-meta-line{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.projects-meta-line span{border:1px solid #cfc7ba;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:650;color:#56534d;background:#f9f6ef}
.projects-hero-visual{position:relative;min-height:630px}.projects-hero-photo{position:absolute;margin:0;overflow:hidden;background:#222;box-shadow:0 24px 70px rgba(29,25,20,.16)}.projects-hero-photo img{width:100%;height:100%;object-fit:cover}.projects-hero-photo:first-child{left:0;bottom:0;width:64%;height:78%;border-radius:24px}.projects-hero-photo:last-child{right:0;top:0;width:54%;height:73%;border-radius:160px 24px 24px 24px;border:12px solid #f3f0e9}.projects-hero-photo figcaption{position:absolute;left:20px;right:20px;bottom:18px;background:rgba(17,19,17,.82);color:#f6f3ec;padding:14px 16px;border-radius:12px;font-size:13px;font-weight:700;backdrop-filter:blur(8px)}
.projects-proof-intro{background:#111311;color:#f6f3ec;padding:98px 0 46px}.projects-proof-intro .section-lead{color:#aaa69d}.projects-catalog{background:#111311;color:#f6f3ec;padding:0 0 115px}.project-card{border-top:1px solid #343832;padding:60px 0}.project-card-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:62px;align-items:start}.project-card:nth-child(even) .project-card-grid{grid-template-columns:1.15fr .85fr}.project-card:nth-child(even) .project-card-copy{order:2}.project-card:nth-child(even) .project-card-media{order:1}.project-card-kicker{color:#d0a46b;font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:750}.project-card h2{font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.045em;margin:18px 0 22px}.project-card-copy p{font-size:17px;line-height:1.75;color:#aaa69d;max-width:620px}.project-card-facts{display:grid;gap:12px;margin:32px 0}.project-card-fact{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:15px 0;border-top:1px solid #31342f}.project-card-fact:last-child{border-bottom:1px solid #31342f}.project-card-fact span{color:#8e8a82;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.project-card-fact strong{font-size:14px}.project-card-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.project-card-media{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;min-height:570px}.project-card-media figure{margin:0;overflow:hidden;border-radius:22px;background:#222;position:relative}.project-card-media figure:first-child{grid-row:1/3}.project-card-media img{width:100%;height:100%;object-fit:cover}.project-card-media figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,9,8,.32),transparent 45%)}.project-card-media.single-pair figure:last-child{grid-row:1/3}.project-card-media.pragma figure:first-child{grid-row:1/3}.project-card-media.pragma figure:nth-child(2),.project-card-media.pragma figure:nth-child(3){min-height:279px}.project-card-media figcaption{position:absolute;left:16px;right:16px;bottom:14px;color:#f6f3ec;font-size:11px;text-transform:uppercase;letter-spacing:.12em;z-index:2;font-weight:700}
.projects-method{padding:110px 0;background:#f3f0e9;color:#111311}.projects-method-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:86px;align-items:start}.projects-method-copy{font-size:19px;line-height:1.8;color:#77736b}.projects-method-list{border-top:1px solid #cbc5b8}.projects-method-row{display:grid;grid-template-columns:48px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid #cbc5b8}.projects-method-row>span{color:#9f7543;font-weight:750}.projects-method-row h3{font-size:26px;margin:0 0 10px}.projects-method-row p{margin:0;color:#77736b;line-height:1.65}.projects-cta{background:#171917;color:#f6f3ec;padding:90px 0}.projects-cta-grid{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end}.projects-cta h2{font-size:clamp(38px,5.3vw,72px);line-height:.98;letter-spacing:-.045em;margin:0}.projects-cta p{color:#aaa69d;max-width:720px;line-height:1.7}.projects-cta-actions{display:grid;gap:10px;min-width:260px}
.project-hero{padding:146px 0 72px;background:#111311;color:#f6f3ec;position:relative;overflow:hidden}.project-hero .breadcrumbs{color:#97938a}.project-hero-grid{display:grid;grid-template-columns:1fr .78fr;gap:72px;align-items:end}.project-hero .eyebrow{margin-bottom:20px}.project-hero h1 small{color:#c5bfb4}.project-hero-lead{font-size:18px;line-height:1.72;color:#bbb5aa;max-width:670px;margin:28px 0 0}.project-confirmed{margin-top:30px;padding:18px 20px;border:1px solid #353832;border-radius:16px;color:#c8c2b7;font-size:14px;line-height:1.6;max-width:690px}.project-confirmed strong{color:#f6f3ec}.project-hero-cover{margin:0;min-height:610px;border-radius:28px;overflow:hidden;position:relative}.project-hero-cover img{width:100%;height:100%;object-fit:cover}.project-hero-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,9,8,.55),transparent 48%)}.project-hero-cover figcaption{position:absolute;left:24px;right:24px;bottom:22px;color:#f6f3ec;z-index:2}.project-hero-cover figcaption span{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#d0a46b;font-weight:700}.project-hero-cover figcaption strong{display:block;font-size:24px;margin-top:8px}.project-gallery{padding:100px 0;background:#f3f0e9}.project-gallery-head{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end}.project-gallery-head p{color:#77736b;line-height:1.75;margin:0}.project-gallery-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:52px}.project-gallery-grid figure{margin:0;position:relative;overflow:hidden;border-radius:24px;background:#ddd}.project-gallery-grid figure:first-child{grid-row:1/3;min-height:760px}.project-gallery-grid figure:not(:first-child){min-height:373px}.project-gallery-grid.two{grid-template-columns:1fr 1fr}.project-gallery-grid.two figure:first-child,.project-gallery-grid.two figure:not(:first-child){grid-row:auto;min-height:620px}.project-gallery-grid img{width:100%;height:100%;object-fit:cover}.project-gallery-grid figcaption{position:absolute;left:18px;bottom:18px;background:rgba(17,19,17,.82);color:#f6f3ec;border-radius:999px;padding:9px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.project-passport{padding:100px 0;background:#111311;color:#f6f3ec}.project-passport-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:start}.project-passport-note{color:#aaa69d;line-height:1.75}.project-passport-list{border-top:1px solid #343832}.project-passport-row{display:grid;grid-template-columns:52px 160px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid #343832;align-items:start}.project-passport-row>span{color:#d0a46b;font-weight:700}.project-passport-row small{color:#8e8a82;text-transform:uppercase;letter-spacing:.13em;font-size:11px}.project-passport-row strong{font-size:18px;line-height:1.45}.project-next{padding:100px 0;background:#f3f0e9}.project-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project-next-card{border:1px solid #cec7b9;border-radius:26px;padding:32px;color:#111311;min-height:260px;display:flex;flex-direction:column;justify-content:space-between}.project-next-card span{color:#9d7544;font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.project-next-card h2{font-size:34px;line-height:1.06;margin:16px 0}.project-next-card p{color:#77736b;line-height:1.65;margin:0}.project-next-card a{margin-top:28px;color:#8f693a;font-weight:700}
@media(max-width:1050px){.projects-hero-grid,.project-card-grid,.project-card:nth-child(even) .project-card-grid,.projects-method-grid,.projects-cta-grid,.project-hero-grid,.project-gallery-head,.project-passport-grid{grid-template-columns:1fr}.project-card:nth-child(even) .project-card-copy,.project-card:nth-child(even) .project-card-media{order:initial}.projects-hero-visual{max-width:760px}.projects-cta-actions{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}.project-hero-cover{min-height:520px}.project-passport-note{max-width:760px}}
@media(max-width:760px){.projects-hero{padding:108px 0 68px}.projects-hero .breadcrumbs,.project-hero .breadcrumbs{margin-bottom:34px}.projects-hero h1,.project-hero h1{font-size:clamp(45px,12.4vw,60px);overflow-wrap:anywhere}.projects-hero .lead{font-size:17px;line-height:1.67}.projects-hero-visual{min-height:500px;margin-top:10px}.projects-hero-photo:first-child{width:72%;height:72%}.projects-hero-photo:last-child{width:60%;height:66%;border-width:8px}.projects-proof-intro{padding:74px 0 34px}.projects-catalog{padding-bottom:82px}.project-card{padding:44px 0}.project-card-grid{gap:34px}.project-card h2{font-size:clamp(38px,10.6vw,52px)}.project-card-copy p{font-size:16px}.project-card-fact{grid-template-columns:100px 1fr;gap:14px}.project-card-actions{display:grid}.project-card-actions .button{width:100%}.project-card-media{min-height:0;grid-template-columns:1fr 1fr}.project-card-media figure:first-child,.project-card-media.single-pair figure:last-child,.project-card-media.pragma figure:first-child{grid-row:auto;min-height:370px}.project-card-media.pragma figure:nth-child(2),.project-card-media.pragma figure:nth-child(3){min-height:260px}.project-card-media.pragma figure:first-child{grid-column:1/-1}.projects-method{padding:78px 0}.projects-method-grid{gap:42px}.projects-method-copy{font-size:17px}.projects-method-row{grid-template-columns:40px 1fr}.projects-cta{padding:74px 0}.projects-cta-actions{grid-template-columns:1fr}.project-hero{padding:106px 0 62px}.project-hero-grid{gap:38px}.project-hero-lead{font-size:16px}.project-hero-cover{min-height:460px}.project-gallery{padding:78px 0}.project-gallery-grid,.project-gallery-grid.two{grid-template-columns:1fr;margin-top:38px}.project-gallery-grid figure:first-child,.project-gallery-grid figure:not(:first-child),.project-gallery-grid.two figure:first-child,.project-gallery-grid.two figure:not(:first-child){grid-row:auto;min-height:440px}.project-passport{padding:78px 0}.project-passport-grid{gap:38px}.project-passport-row{grid-template-columns:40px 1fr;gap:12px}.project-passport-row small,.project-passport-row strong{grid-column:2}.project-passport-row strong{font-size:17px}.project-next{padding:78px 0}.project-next-grid{grid-template-columns:1fr}.project-next-card{min-height:220px}.project-next-card h2{font-size:29px}}
@media(max-width:390px){.projects-hero h1,.project-hero h1{font-size:clamp(41px,11.6vw,50px)}.projects-hero-visual{min-height:450px}.project-card-media{grid-template-columns:1fr}.project-card-media figure:first-child,.project-card-media.single-pair figure:last-child,.project-card-media.pragma figure:first-child,.project-card-media.pragma figure:nth-child(2),.project-card-media.pragma figure:nth-child(3){grid-column:auto;min-height:390px}.project-hero-cover{min-height:420px}.project-gallery-grid figure:first-child,.project-gallery-grid figure:not(:first-child),.project-gallery-grid.two figure:first-child,.project-gallery-grid.two figure:not(:first-child){min-height:390px}}
/* V1.15.0 visual QA fix: catalogue hero is light, so its fixed header needs a dark surface from the first pixel. */
.projects-page .site-header{background:#111311;border-bottom-color:rgba(246,243,236,.14)}
.projects-page .site-header.is-scrolled{background:rgba(17,19,17,.94)}
.project-location{margin:14px 0 0;color:#c5bfb4;font-size:clamp(20px,2.2vw,34px);line-height:1.15;letter-spacing:-.02em}
@media(max-width:760px){.project-location{font-size:20px;margin-top:10px}}
