.architecture-page .section-heading{max-width:760px}
.architecture-page .proof{background:#fff}
.architecture-page .proof .testimonial-grid{grid-template-columns:minmax(0,780px)}
.architecture-page .proof .testimonial-grid blockquote{font-size:1.05rem}
.architecture-page .arch-section{padding:110px 0}
.architecture-page .arch-heading{max-width:900px}
.architecture-page .arch-heading h2{margin:0;font-size:clamp(2rem,4vw,3.7rem);line-height:1.05;letter-spacing:-.045em}
.architecture-page .arch-heading>p{max-width:780px;color:var(--muted);font-size:1.06rem;margin:20px 0 0}
.architecture-page .arch-pain{background:var(--paper)}
.architecture-page .arch-pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}
.architecture-page .arch-pain-grid article{background:#fff;border-top:5px solid var(--red);padding:28px 24px;min-height:245px;box-shadow:0 10px 30px rgba(22,24,28,.06)}
.architecture-page .arch-pain-grid h3{font-size:1.12rem;line-height:1.2;margin:0 0 16px}
.architecture-page .arch-pain-grid p{margin:0;color:var(--muted);font-size:.93rem}
.architecture-page .arch-impact{margin:34px 0 0;padding:28px 32px;background:var(--ink);color:#fff;font-size:1.22rem;font-weight:900;border-left:6px solid var(--red)}
.architecture-page .arch-center{text-align:center;margin-top:34px}
.architecture-page .arch-consequences{background:var(--ink);color:#fff}
.architecture-page .arch-consequences .arch-heading>p{color:#bfc1c6}
.architecture-page .arch-consequence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:44px}
.architecture-page .arch-consequence-grid article{background:#24262b;min-height:390px;border-top:4px solid var(--red);overflow:hidden}
.architecture-page .arch-consequence-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.architecture-page .arch-consequence-grid h3{font-size:1.15rem;margin:24px 24px 12px}
.architecture-page .arch-consequence-grid p{margin:0;padding:0 24px 28px;color:#c7c9ce}
.architecture-page .arch-quote{margin:38px 0 0;padding:28px 32px;border:1px solid #41444b;color:#fff;font-size:1.3rem;font-weight:900}
.architecture-page .arch-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px}
.architecture-page .arch-benefit-grid article{background:var(--paper);min-height:440px;overflow:hidden}
.architecture-page .arch-benefit-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.architecture-page .arch-benefit-grid h3{font-size:1.25rem;margin:26px 30px 10px}
.architecture-page .arch-benefit-grid p{color:var(--muted);margin:0;padding:0 30px 30px}
.architecture-page .arch-solution{background:var(--red);color:#fff}
.architecture-page .arch-solution-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}
.architecture-page .arch-solution .eyebrow{color:#fff}
.architecture-page .arch-solution .eyebrow:before{background:#fff}
.architecture-page .arch-solution h2{margin:0;font-size:clamp(2rem,4vw,3.7rem);line-height:1.04;letter-spacing:-.045em}
.architecture-page .arch-solution p{color:#ffe2e5}
.architecture-page .arch-solution-card{background:#fff;color:var(--ink);padding:38px;font-size:1.25rem;font-weight:900;box-shadow:0 20px 50px rgba(100,0,16,.22)}
.architecture-page .arch-solution .button{background:#fff;color:var(--ink);margin-top:24px}
.architecture-page .arch-segments{background:var(--paper)}
.architecture-page .arch-segment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.architecture-page .arch-segment-grid article{background:#fff;padding:34px 30px;min-height:310px;border-bottom:5px solid var(--red);transition:transform .25s ease,box-shadow .25s ease}
.architecture-page .arch-segment-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(22,24,28,.12)}
.architecture-page .segment-icon{width:76px;height:76px;display:grid;place-items:center;margin-bottom:30px;background:var(--ink);color:#fff;box-shadow:7px 7px 0 rgba(239,35,60,.18)}
.architecture-page .segment-icon svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.architecture-page .segment-icon .icon-accent{stroke:var(--red);stroke-width:3}
.architecture-page .arch-segment-grid h3{margin:0 0 14px;font-size:1.25rem}
.architecture-page .arch-segment-grid p{margin:0;color:var(--muted)}
.architecture-page .arch-difference{background:#fff}
.architecture-page .arch-difference-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.architecture-page .arch-difference h2{margin:0;font-size:clamp(2rem,4vw,3.7rem);line-height:1.04;letter-spacing:-.045em}
.architecture-page .arch-difference-copy{border-left:5px solid var(--red);padding-left:34px}
.architecture-page .arch-difference-copy p{color:var(--muted)}
.architecture-page .arch-difference-copy strong{display:block;font-size:1.35rem;line-height:1.3;margin:26px 0}
.architecture-page .instagram-section{padding:100px 0;border-top:1px solid var(--line)}
.architecture-page .instagram-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.architecture-page .instagram-heading h2{margin:0;font-size:clamp(2rem,4vw,3.7rem);line-height:1.05;letter-spacing:-.045em}
.architecture-page .instagram-heading p{color:var(--muted)}
.architecture-page .instagram-mark{font-size:4rem;color:var(--red)}
.architecture-page .instagram-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:42px 0 28px}
.architecture-page .instagram-post{position:relative;display:block;overflow:hidden;aspect-ratio:1;background:var(--paper);border:1px solid var(--line)}
.architecture-page .instagram-post img{width:100%;height:100%;object-fit:cover;transition:.4s ease}
.architecture-page .instagram-post:hover img{transform:scale(1.045)}
.architecture-page .area{padding:90px 0;background:var(--red);color:#fff}
.architecture-page .area-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.architecture-page .area .eyebrow{color:#fff}
.architecture-page .area .eyebrow:before{background:#fff}
.architecture-page .area h2{margin:0;font-size:2rem;line-height:1.15}
.architecture-page .area p{color:#ffe2e5}
.architecture-page .city-cloud{display:flex;gap:10px;flex-wrap:wrap}
.architecture-page .city-cloud span{border:1px solid rgba(255,255,255,.55);padding:10px 16px;border-radius:999px;font-weight:800}
.architecture-page .final-cta{background:var(--paper)}
.architecture-page .final-copy>p{color:var(--muted);font-size:1.1rem}
.architecture-page .contact-chips{display:grid;gap:12px;margin-top:30px;font-weight:800}
.architecture-page .location-section{padding:110px 0}
.architecture-page .location-copy>p{color:var(--muted)}
@media(max-width:1120px){
  .architecture-page .area-grid{grid-template-columns:1fr}
  .architecture-page .arch-pain-grid,.architecture-page .arch-consequence-grid{grid-template-columns:1fr 1fr}
  .architecture-page .arch-benefit-grid{grid-template-columns:1fr 1fr}
  .architecture-page .arch-solution-grid,.architecture-page .arch-difference-grid{grid-template-columns:1fr}
  .architecture-page .arch-segment-grid{grid-template-columns:repeat(2,1fr)}
  .architecture-page .instagram-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .architecture-page .arch-section,.architecture-page .instagram-section,.architecture-page .location-section{padding:78px 0}
  .architecture-page .arch-heading h2,.architecture-page .arch-solution h2,.architecture-page .arch-difference h2{font-size:2.35rem}
  .architecture-page .arch-pain-grid,.architecture-page .arch-consequence-grid,.architecture-page .arch-benefit-grid,.architecture-page .arch-segment-grid{grid-template-columns:1fr}
  .architecture-page .arch-pain-grid article,.architecture-page .arch-consequence-grid article,.architecture-page .arch-benefit-grid article,.architecture-page .arch-segment-grid article{min-height:0}
  .architecture-page .arch-impact,.architecture-page .arch-quote{padding:24px;font-size:1.05rem}
  .architecture-page .arch-solution-card{padding:28px;font-size:1.1rem}
  .architecture-page .arch-difference-copy{padding-left:24px}
  .architecture-page .instagram-heading h2{font-size:2.35rem}
  .architecture-page .instagram-mark{display:none}
  .architecture-page .instagram-grid{grid-template-columns:1fr 1fr;gap:10px}
}
