.archi-hero{aspect-ratio:1688/836;min-height:540px}.archi-hero:after{background:#0007}.archi-hero header{z-index:2}.archi-hero .header-contact{background:white;color:#252424;border-radius:30px;padding:12px 30px;font-size:14px}.archi-hero-copy{position:absolute;top:31%;left:3.15%;width:46%;max-width:680px}.archi-hero h1{font-size:clamp(28px,2.65vw,46px);line-height:1.22}.archi-hero-copy p{font-size:clamp(16px,1.4vw,24px);line-height:1.55;margin:20px 0 24px;max-width:620px}.archi-hero .pill{font-size:13px;min-height:40px;padding:11px 23px}.archi-intro{text-align:center;padding:55px 20px 85px;max-width:1240px;margin:auto}.archi-intro h2{font-size:clamp(32px,4.85vw,84px);line-height:1.15}.archi-intro p{font-size:clamp(16px,1.28vw,22px);line-height:1.7;max-width:1040px;margin:42px auto 52px}.archi-intro>img{width:105px;height:108px;object-fit:contain;margin:auto}.archi-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:0 20px}.archi-category{aspect-ratio:530/1189;display:flex;align-items:flex-end;padding:24px;scroll-margin-top:30px}.archi-category:after{background:linear-gradient(transparent 60%,#0007)}.archi-category h2{font-size:clamp(18px,2.2vw,38px);letter-spacing:.15em;line-height:1.35;font-weight:700;overflow-wrap:anywhere}.archi-category:nth-child(1) img{object-position:80% center}.archi-category:nth-child(2) img{object-position:90% center}.archi-category:nth-child(3) img{object-position:30% center}.archi-help{display:grid;grid-template-columns:1.45fr 1fr;gap:12%;padding:95px 3.2% 50px;align-items:start}.archi-faq h2{font-size:clamp(27px,2.4vw,40px);margin-bottom:34px}.archi-faq details{border-bottom:2px solid #222;padding:25px 0}.archi-faq summary{font:700 clamp(17px,1.4vw,24px)/1.4 Raleway,Arial,sans-serif;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer}.archi-faq summary::-webkit-details-marker{display:none}.archi-faq summary span{width:20px;height:20px;position:relative;flex:none}.archi-faq summary span:before,.archi-faq summary span:after{content:"";position:absolute;top:9px;left:0;width:20px;height:2px;background:currentColor}.archi-faq summary span:after{transform:rotate(90deg)}.archi-faq details[open] summary span:after{display:none}.archi-faq details p{font-size:clamp(16px,1.15vw,20px);line-height:1.65;margin:22px 30px 5px 0}.archi-faq details a{text-decoration:underline;text-underline-offset:3px}.archi-catalog{display:flex;align-items:flex-end;aspect-ratio:593/369;border:6px solid #fff;padding:20px}.archi-catalog h3{font-size:clamp(18px,1.85vw,32px);letter-spacing:.1em}.archi-catalog:after{background:linear-gradient(transparent 50%,#0007)}.archi-appointment{display:flex;align-items:center;gap:15px;background:#000;color:#fff;margin-top:18px;border-radius:14px;padding:14px 22px 14px 10px;outline:1px solid #222;outline-offset:6px}.appointment-logo{width:85px;height:116px;object-fit:contain;flex:none}.archi-appointment h3{font-size:clamp(18px,1.6vw,28px);margin-bottom:9px}.archi-appointment p{font-size:clamp(14px,1.35vw,22px);line-height:1.5}.appointment-plus{margin-left:auto;display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#fff;color:#000;font-size:28px}.architecture-page .sectors{padding-top:65px;padding-bottom:80px}.architecture-page .sector h3{font-size:clamp(12px,1.05vw,18px);letter-spacing:.08em;line-height:1.4}.architecture-page .custom>.photo-bg{object-position:left 80%}.architecture-page footer .footer-columns h3 a{font:inherit}
@media(max-width:1000px){.archi-help{gap:6%}.archi-appointment{gap:8px;padding-right:12px}.appointment-logo{width:58px;height:85px}.appointment-plus{width:30px;height:30px;font-size:23px}.archi-category{padding:18px}.archi-categories{gap:18px}}
@media(max-width:700px){.archi-hero{height:76svh;min-height:600px;max-height:850px;aspect-ratio:auto}.archi-hero .photo-bg{object-position:54% center}.archi-hero:after{background:linear-gradient(#0004,#0008)}.archi-hero header{padding:18px 14px}.archi-hero .header-contact{font-size:10px;padding:9px 12px}.archi-hero-copy{left:24px;right:24px;top:auto;bottom:55px;width:auto}.archi-hero h1{font-size:32px}.archi-hero-copy p{font-size:16px;line-height:1.65;margin:20px 0 25px}.archi-intro{padding:48px 16px}.archi-intro h2{font-size:33px}.archi-intro p{margin:28px auto 35px;font-size:16px}.archi-intro>img{width:75px;height:78px}.archi-categories{grid-template-columns:1fr;padding:0 3px;gap:18px}.archi-category{aspect-ratio:4/5;min-height:410px;padding:26px}.archi-category h2{font-size:25px;max-width:310px;letter-spacing:.12em}.archi-category:nth-child(3) img{object-position:36% center}.archi-help{display:flex;flex-direction:column;padding:52px 16px 20px;gap:38px}.archi-faq,.archi-resources{width:100%}.archi-faq h2{font-size:28px;margin-bottom:10px}.archi-faq summary{font-size:18px}.archi-faq details p{margin-right:0;font-size:16px}.archi-catalog{aspect-ratio:1.65}.archi-catalog h3{font-size:23px}.archi-appointment{padding:10px 20px 10px 8px;gap:13px}.appointment-logo{width:65px;height:90px}.archi-appointment h3{font-size:22px}.archi-appointment p{font-size:15px}.architecture-page .sectors{padding-top:55px;padding-bottom:48px}.architecture-page .sector h3{font-size:12px}}
.archi-category{min-width:0;width:100%}.archi-category h2{min-width:0}.archi-resources{min-width:0}
@media(max-width:380px){.archi-category h2{font-size:22px}.archi-hero h1{font-size:29px}.archi-intro h2{font-size:29px}.archi-appointment{gap:8px;padding-right:12px}.appointment-logo{width:45px}.archi-appointment h3{font-size:19px}.archi-appointment p{font-size:14px}.archi-appointment .appointment-plus{width:28px;height:28px}.architecture-page .footer-columns{grid-template-columns:1fr}.architecture-page .newsletter{grid-column:auto}}
@media(max-width:380px){.archi-category h2{font-size:19px;letter-spacing:.08em}}

/* Keep the shared three-column category block within the desktop viewport. */
@media(min-width:1101px){.archi-categories{max-height:90vh}.archi-category{max-height:90vh;min-height:0}}

.archi-hero{width:100%;min-width:0}
@media(min-width:701px) and (max-width:1100px){.archi-hero-copy{width:65%}}