.gasyr.project-page { padding-block: 28px 0; }
.gasyr .project-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:40px; }
.gasyr .project-header img { width:196px; height:auto; }
.gasyr .project-breadcrumbs { display:flex; flex-wrap:wrap; gap:12px; color:var(--muted); font-size:14px; margin-bottom:48px; }
.gasyr .project-breadcrumbs a { text-decoration:underline; text-underline-offset:4px; }
.gasyr .project-intro { display:grid; grid-template-columns:1fr 1fr; gap:6vw; margin-bottom:56px; }
.gasyr .project-intro h1 { font-size:clamp(32px,4.5vw,64px); line-height:1.12; overflow-wrap:anywhere; }
.gasyr .project-phase { color:var(--muted); margin-top:24px; }
.gasyr .project-description { white-space:normal; margin-bottom:28px; color:var(--muted); }
.gasyr .project-photos { display:grid; gap:32px; }
.gasyr .project-photos figure { margin:0; }
.gasyr .project-photos img { width:100%; height:auto; display:block; border-radius:20px; }
.gasyr .project-photos figcaption { color:var(--muted); font-size:14px; margin-top:12px; }
.gasyr .project-enquiry { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; padding-block:64px; }
.gasyr .project-enquiry h2 { font-size:clamp(26px,3vw,44px); }
.gasyr .project-footer { display:flex; flex-wrap:wrap; gap:24px; justify-content:space-between; padding-block:28px; border-top:1px solid var(--line); color:var(--muted); font-size:14px; }
@media(max-width:700px) { .gasyr .project-intro { grid-template-columns:1fr; gap:32px; } .gasyr .project-header img { width:140px; } .gasyr .project-header .button { padding:12px; font-size:13px; } .gasyr .project-breadcrumbs { margin-bottom:32px; } }