/* Arched page prototype: intentionally isolated until review. */
body .site-header{background:#fafbf3}
body .header-service{background:#f0f3e7;color:#536144}
body .header-service a,body .service-hours{color:#536144}
body .header-service svg{stroke:#789349}
body .service-inner{gap:16px;font-size:11px}
body .service-hours{margin-right:auto}
body .header-inner{max-width:1440px;gap:22px;min-height:94px}
body .logo{display:flex;align-items:center;gap:14px;width:auto;flex:none}
body .logo img{width:62px;height:auto}
.arch-brand{border-left:1px solid #dbe2cc;padding-left:14px;display:flex;flex-direction:column;gap:5px;color:#283221}
.arch-brand strong{font-size:19px;letter-spacing:.01em}.arch-brand small{font-size:11px}
body .main-nav{margin-left:auto;font-family:inherit;gap:14px}
body .nav-catalog>summary{background:transparent;padding-left:0}
body .catalog-mark{display:none}
.arch-hero{position:relative;isolation:isolate;padding:46px 0;min-height:620px;display:flex;align-items:center;background:#e3e8db}
.arch-hero-image{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#d2cfc3}.arch-hero-image:before{content:none}.arch-hero-image img{position:absolute;inset:0;z-index:1;width:100%;max-width:none;height:100%;object-fit:cover;object-position:right center;-webkit-mask-image:none;mask-image:none}
.arch-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(32,45,24,.15),transparent 75%)}
.arch-hero-card{width:min(640px,100%);padding:32px 36px;border:1px solid #ffffffb3;border-radius:20px;background:rgba(249,249,242,.5);backdrop-filter:blur(12px);box-shadow:0 12px 40px #15210c1a}
.arch-hero .breadcrumbs{padding:0;margin:0 0 24px;font-size:11px;display:flex;flex-wrap:wrap;gap:8px}
.arch-badge{display:inline-block;border-radius:20px;padding:7px 12px;background:#e8efd7;color:#4d681e;font-size:11px;font-weight:600;margin:0 0 18px}
.arch-hero h1{margin:0 0 18px;color:#252525}.arch-hero-intro{font-size:16px;line-height:1.65;color:#494949;margin-bottom:16px}.arch-price{font-size:13px;color:#52633b;margin-bottom:22px}
.arch-hero .contact-choices{gap:8px}.arch-hero .contact-choices>a{padding:11px 9px;min-height:56px;background:#fff;border:1px solid #dbe3cb;justify-content:center;border-radius:7px}.arch-hero .contact-choices strong{font-size:12px}.arch-hero .contact-choices small,.arch-hero .contact-choice-icon{display:none}.arch-hero .contact-choice-secondary{margin-top:14px;font-size:11px}
.arched-page .five-feature img{height:300px}.arched-page .section{padding-top:48px;padding-bottom:48px}.arched-page .five-intro{align-items:center}
.arch-section-head{max-width:760px;margin-bottom:28px}.arch-section-head p{color:#5f695b;line-height:1.7}
.arch-explainer{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.arch-annotated{position:relative}.arch-annotated img{width:100%;height:auto;border-radius:12px;display:block}
.arch-pin{position:absolute;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:#49661b;border:2px solid #87a92c;font-weight:700;box-shadow:0 0 0 6px #ffffff70}.pin-one{left:24%;top:24%}.pin-two{left:65%;top:58%}.pin-three{left:39%;top:45%}
.arch-explainer-list{list-style:none;padding:0;margin:0;display:grid;gap:26px}.arch-explainer-list li{display:flex;gap:16px}.arch-explainer-list li>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eaf0dc;color:#526e20;flex:none}.arch-explainer-list h3{font-size:19px;margin:0 0 8px}.arch-explainer-list p{font-size:15px;line-height:1.7;margin:0;color:#5c6656}.arch-explainer-list a{color:#526f1e;text-decoration:underline}
.arch-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.arch-choice-grid article{padding:26px;border:1px solid #dce4d3;border-radius:12px;background:#fff}.arch-step{font-size:11px;color:#668127;text-transform:uppercase;letter-spacing:.07em}.arch-choice-grid h3{font-size:21px;margin:18px 0 12px}.arch-choice-grid p{font-size:15px;line-height:1.7;color:#5b6655}.arch-choice-grid a{font-size:13px;color:#4e6b22}
.arch-project-note{display:flex;align-items:center;gap:28px;justify-content:space-between;border-top:1px solid #dbe3cd;padding-top:26px;margin-top:28px}.arch-project-note h3{font-size:20px;margin:0 0 8px}.arch-project-note p{margin:0;max-width:760px;line-height:1.6;color:#5c6655}.arch-project-note .button{flex:none}
.arch-process ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:28px 0}.arch-process li{border-top:2px solid #a5ba70;padding-top:18px}.arch-process p{font-size:15px;line-height:1.65;color:#5b6654}
@media(max-width:1250px){.arch-brand small{max-width:130px}body .header-inner{gap:14px}body .main-nav{gap:12px}body .service-hours{display:none}}
@media(max-width:1000px){.arch-brand{display:none}.arch-hero-card{max-width:610px}.arch-explainer{gap:24px}.arch-choice-grid{gap:12px}.arch-choice-grid article{padding:20px}}
@media(max-width:700px){.arch-service-link{display:none}.arch-hero{padding:24px 0;min-height:0}.arch-hero-card{padding:22px 20px}.arch-hero h1{font-size:30px!important}.arch-hero .breadcrumbs{margin-bottom:16px}.arch-hero .contact-choices{grid-template-columns:1fr}.arch-hero .contact-choices>a{min-height:44px}.arch-hero .contact-choice-secondary{display:flex;flex-wrap:wrap}.arch-explainer,.arch-choice-grid,.arch-process ol{grid-template-columns:1fr}.arch-project-note{align-items:start;flex-direction:column}.arched-page .section{padding:32px 0}.arched-page .five-feature img{height:260px}.arch-explainer-list{gap:20px}}

@media(max-width:700px){.arched-page .anchor-nav{display:flex;flex-wrap:wrap;gap:4px 18px;overflow:visible;white-space:normal;height:auto;padding-top:12px;padding-bottom:12px}.arched-page .anchor-nav a{flex:none;font-size:12px;padding:8px 0}body .arch-hero h1{font-size:30px!important;line-height:1.2!important}}

/* Soft blur fades from the left edge toward the clear right-hand photograph. */
.arch-hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.85) 30%,transparent 72%);-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.85) 30%,transparent 72%)}
body .arch-service-link{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
body .arch-service-link svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){body .arch-service-link{display:none}}

/* Brand lockup follows the approved reference; navigation keeps the site font. */
body .arch-brand{font-family:inherit;padding-left:18px;gap:4px}
body .arch-brand strong{font-size:25px;line-height:1.15;font-weight:700;letter-spacing:0}
body .arch-brand small{font-family:inherit;font-size:12px;line-height:1.4;font-weight:400;color:#73786f;max-width:none;white-space:nowrap}
body .logo{gap:18px}body .logo img{width:72px}
.arch-hero .contact-choices>a{background:#edf3df;border-color:#d5dfbf;color:#344a22}.arch-hero .contact-choices>a:hover{background:#e3edcf;border-color:#a8bd7b}
.arch-hero .arch-topic-note{font-size:14px;line-height:1.6;color:#444444;margin:0 0 22px}
@media(min-width:1001px) and (max-width:1300px){body .arch-brand strong{font-size:22px}body .arch-brand small{font-size:12px}body .logo{gap:10px}body .logo img{width:62px}body .arch-brand{padding-left:12px}}

body .arch-brand strong{text-transform:none}

/* Keep messengers together at the right, including when opening hours are hidden. */
body .service-inner{justify-content:flex-start}
body .service-hours{margin-right:0}
body .arch-service-link[aria-label="Написать в Telegram"]{margin-left:auto}
@media(max-width:700px){
body .service-inner{gap:8px;min-height:52px}
body .header-service .service-callback{display:none}
body .arch-service-link{display:inline-flex;justify-content:center;width:44px;height:44px;flex:none;border-radius:8px;background:#e5edd5}
body .arch-service-link span{display:none}
body .arch-service-link svg{width:25px;height:25px;stroke-width:1.6}
}

.arched-page .anchor-nav{background:#fafbf3}

.arch-anchor-band{width:100%;background:#fafbf3}

/* Reusable lower cards for the reviewed landing page prototype. */
.arch-bottom-section{background:#efede5;padding:48px 0;color:#303030}
.arch-bottom-card{background:#fff;border-radius:24px;padding:44px;box-shadow:0 16px 40px #35352c07}
.arch-showroom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}
.arch-bottom-card h2{font-size:28px;line-height:1.25;margin:0 0 22px;color:#282828}
.arch-showroom-intro,.arch-visit-note{font-size:15px;line-height:1.75;color:#505050}.arch-visit-note{font-weight:600;margin-bottom:24px}
.arch-visit-info{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.arch-visit-info>div{background:#f7f7f2;border-radius:12px;padding:18px}.arch-visit-info h3{font-size:15px;margin:0 0 8px}.arch-visit-info p{font-size:13px;line-height:1.65;margin:0;color:#555}
.arch-bottom-actions{display:flex;gap:10px;flex-wrap:wrap}.arch-bottom-actions a{display:flex;justify-content:center;align-items:center;padding:14px 16px;background:#edf2e2;color:#344328;border:1px solid #dfe6d2;border-radius:8px;font-size:13px;font-weight:600;min-height:48px;text-align:center}.arch-bottom-actions a:hover{background:#e1ebcc}
.arch-showroom-map{min-width:0}.arch-showroom-map iframe{display:block;width:100%;height:300px;border:0;border-radius:16px 16px 0 0;background:#edf0e7}.arch-map-address{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;background:#f4f6ef;border-radius:0 0 12px 12px;font-size:13px}.arch-map-address span{color:#536f29}.arch-map-details{display:block;font-size:12px;color:#536f29;margin-top:14px}
.arch-project-section{padding-top:0}.arch-estimate-card{max-width:1000px;margin:0 auto;text-align:center}.arch-estimate-heading>p:last-child{font-size:15px;color:#555;line-height:1.6}.arch-estimate-heading h2{margin-bottom:12px}
.arch-estimate-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.arch-estimate-panel{text-align:left;background:#f8f7f3;border:1px solid #e5e2d8;border-radius:16px;padding:22px}.arch-estimate-panel h3{display:flex;align-items:center;gap:12px;font-size:17px;margin:0 0 20px}.arch-estimate-panel h3>span{display:grid;place-items:center;width:34px;height:34px;background:#e9f0d8;color:#5b791c;border-radius:8px;flex:none}.arch-estimate-panel dl{margin:0;display:grid;gap:12px}.arch-estimate-panel dl>div{display:flex;align-items:center;justify-content:space-between;background:white;border-radius:8px;padding:14px;font-size:14px}.arch-estimate-panel dd{background:#e9f0d8;border-radius:20px;padding:4px 12px;color:#4d6b17;font-weight:600;margin:0}.arch-estimate-panel>p{font-size:14px;line-height:1.75;background:#fff;border-radius:8px;padding:16px;margin:0}
.arch-estimate-actions{justify-content:center}.arch-estimate-actions a{flex:1;max-width:280px}.arch-estimate-phone{display:inline-block;padding:12px 20px;margin-top:14px;font-size:15px;font-weight:600;color:#333}.arch-measure-terms{text-align:left;border-top:1px solid #e5e6df;margin-top:20px;padding-top:14px;font-size:12px;color:#666}.arch-measure-terms summary{cursor:pointer}.arch-measure-terms .prose{font-size:13px;margin-top:12px}
@media(max-width:900px){.arch-showroom-grid{grid-template-columns:1fr}.arch-bottom-card{padding:30px}.arch-showroom-map iframe{height:280px}}
@media(max-width:600px){.arch-bottom-section{padding:28px 0}.arch-project-section{padding-top:0}.arch-bottom-card{padding:24px 18px;border-radius:18px}.arch-bottom-card h2{font-size:24px}.arch-visit-info,.arch-estimate-grid{grid-template-columns:1fr}.arch-estimate-panel{padding:18px}.arch-bottom-actions{flex-direction:column}.arch-estimate-actions a{max-width:none;width:100%}.arch-map-address{flex-direction:column;align-items:start;gap:8px}}

body .arch-service-link .messenger-short{display:none}
@media(max-width:700px){
body .arch-service-link{width:auto;min-width:54px;height:44px;padding:0 4px;gap:5px;background:transparent;border:0;border-radius:0;font-size:14px;font-weight:600}
body .arch-service-link .messenger-full{display:none}
body .arch-service-link .messenger-short{display:inline}
body .arch-service-link svg{width:20px;height:20px}
body .service-inner{gap:6px;min-height:44px}
}

.arch-combined-estimate{border-top:1px solid #e3e5dc;padding-top:26px;margin-top:30px;scroll-margin-top:30px}
.arch-combined-estimate>h3{font-size:22px;margin:0 0 10px}.arch-combined-discount{font-size:14px;color:#555;margin:0;line-height:1.6}
.arch-combined-estimate .arch-estimate-grid{margin:20px 0}.arch-combined-estimate .arch-measure-terms{border-top:0;padding-top:0;margin-top:14px}
.arch-combined-actions{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:12px;margin-top:28px;border-top:1px solid #e3e5dc;padding-top:24px}
@media(max-width:900px){.arch-combined-actions{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.arch-combined-actions{grid-template-columns:1fr}.arch-combined-estimate>h3{font-size:20px}}

/* One card outline, matching the approved benefit cards. */
.arched-page{--arch-card-border:1px solid #dfe6d6;--arch-card-radius:9px}
.arched-page .inner-options article,
.arched-page .arch-choice-grid article,
.arched-page .arch-bottom-card,
.arched-page .arch-estimate-panel,
.arched-page .arch-visit-info>div,
.arched-page .five-table,
.arched-page .arch-hero-card{border:var(--arch-card-border);border-radius:var(--arch-card-radius)}
.arched-page .arch-estimate-panel dl>div,
.arched-page .arch-estimate-panel>p{border-radius:var(--arch-card-radius)}
.arched-page .arch-bottom-card{box-shadow:none}
.arched-page .arch-showroom-map iframe{border-radius:9px 9px 0 0}
.arched-page .arch-map-address{border-radius:0 0 9px 9px}

/* Topic variants share one layout and accessible, source-backed components. */
.landing-step-diagram{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0;counter-reset:step}
.landing-step-diagram li{border:var(--arch-card-border);border-radius:var(--arch-card-radius);padding:26px;background:#fafbf6}
.landing-step-diagram li>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e7efd6;color:#526e22;font-size:17px;font-weight:600;margin-bottom:20px}
.landing-step-diagram h3{font-size:21px;margin:0 0 12px}.landing-step-diagram p{font-size:15px;line-height:1.7;margin:0;color:#555}
.landing-brief{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}.landing-brief p{color:#555;line-height:1.7}.landing-brief .button{margin-top:14px}.landing-brief dl{margin:0;border:var(--arch-card-border);border-radius:var(--arch-card-radius);background:#fff;padding:8px 24px}.landing-brief dl>div{padding:18px 0;border-bottom:1px solid #e2e7dc}.landing-brief dl>div:last-child{border:0}.landing-brief dt{font-weight:600;margin-bottom:7px}.landing-brief dd{margin:0;font-size:14px;line-height:1.65;color:#555}
.landing-page .source-copy table{width:100%;border-collapse:collapse;font-size:14px}.landing-page .source-copy td,.landing-page .source-copy th{padding:10px;border:1px solid #dfe6d6}.landing-page .source-copy{overflow-wrap:anywhere}
@media(max-width:800px){.landing-step-diagram,.landing-brief{grid-template-columns:1fr;gap:18px}.landing-step-diagram li{display:flex;gap:18px;padding:20px}.landing-step-diagram li>span{flex:none}.landing-brief dl{padding:8px 18px}}



/* Reusable compositions for comparisons, project stories and opening diagrams. */
.solution-project>figure{margin:24px 0}.solution-project>figure img{width:100%;max-height:530px;object-fit:contain;background:#f4f5ef;border-radius:9px}.solution-project figcaption,.solution-veranda-brief figcaption{font-size:12px;color:#73786f;margin-top:8px}
.solution-project-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.solution-project-notes article{border-top:2px solid #a9bb7e;padding-top:22px}.solution-project-notes span{font-size:13px;color:#6a803c}.solution-project-notes h3{font-size:21px}.solution-project-notes p,.solution-lead{color:#555;line-height:1.75}
.solution-project-brief{display:flex;align-items:center;justify-content:space-between;gap:40px}.solution-project-brief>div{max-width:760px}.solution-project-brief .button{flex-shrink:0}.solution-project-brief p{line-height:1.75}
.solution-table{border:var(--arch-card-border);border-radius:9px;overflow:auto;margin:28px 0}.solution-table table{border-collapse:collapse;width:100%;text-align:left;font-size:15px;line-height:1.65}.solution-table th,.solution-table td{padding:22px;border-bottom:1px solid #dfe6d6;vertical-align:top}.solution-table thead{background:#eef2e5}.solution-table tbody th{width:24%}.solution-table tr:last-child th,.solution-table tr:last-child td{border-bottom:0}
.solution-scenarios,.solution-window-states{display:grid;grid-template-columns:1fr 1fr;gap:24px}.solution-scenarios article,.solution-window-states figure{padding:30px;border:var(--arch-card-border);border-radius:9px;background:white;margin:0}.solution-scenarios h3{font-size:26px}.solution-scenarios p,.solution-scenarios li{line-height:1.75}.solution-scenarios li{margin-bottom:8px}.solution-veranda-brief{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}.solution-veranda-brief figure{margin:0}.solution-veranda-brief img{width:100%;border-radius:9px}.solution-veranda-brief li{padding:8px 0;line-height:1.6}.solution-window-states svg{width:100%;height:auto;max-height:260px}.solution-window-states strong{font-size:21px}.solution-window-states p{color:#555;line-height:1.7}
@media(max-width:760px){.solution-project-notes,.solution-scenarios,.solution-window-states,.solution-veranda-brief{grid-template-columns:1fr}.solution-project-brief{display:block}.solution-project-brief .button{margin-top:16px}.solution-table th,.solution-table td{padding:13px;min-width:160px}.solution-table tbody th{min-width:150px}.solution-scenarios article,.solution-window-states figure{padding:22px}}

.opening-checklist dt{font-weight:600;margin-top:20px}.opening-checklist dd{margin:7px 0 0;color:#555;line-height:1.7}.opening-three{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center}.opening-three figure{margin:0}.opening-three svg{width:100%}.opening-three li{padding:8px 0;line-height:1.6}.opening-three figcaption,.opening-three p{line-height:1.7;color:#555}.opening-mode-note{margin-top:24px;padding:24px;border-left:3px solid #93ae49;background:#f6f8f1}.opening-mode-note p{line-height:1.7}@media(max-width:760px){.opening-three{grid-template-columns:1fr;gap:20px}}

/* Real project photograph replaces the three-leaf schematic. */
.opening-three figure img{display:block;width:100%;max-height:520px;object-fit:contain;background:#f4f6ef;border-radius:9px}.opening-three figure{margin:0}.solution-window-states svg{max-height:300px}.solution-veranda-brief svg{width:100%;max-height:360px}

/* Long technical product names must fit narrow screens. */
.technical-page .arch-hero-card h1 { overflow-wrap: anywhere; }


/* Topic-specific guides: controls, ventilation and acoustic glazing. */
.tech-choice-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tech-choice-pair article{padding:30px;border:1px solid #dce3d3;border-radius:12px;background:#fafbf6}.tech-choice-pair article:nth-child(2){background:#eef3ec}.tech-choice-pair h3,.tech-acoustic h3{font-size:25px;line-height:1.3}.tech-choice-pair p,.tech-choice-pair dd,.tech-acoustic p,.tech-project-strip p,.tech-vent-list p{line-height:1.7;color:#50605b}.tech-choice-pair dt{font-weight:600;margin-top:22px}.tech-choice-pair dd{margin:6px 0 0}.tech-project-strip{margin-top:28px;padding:24px 28px;border-left:3px solid #91a959;background:#f5f6ee}.tech-project-strip strong{font-size:19px}.tech-project-strip p{margin:8px 0}.tech-vent-list article{display:grid;grid-template-columns:44px 1fr 180px;gap:24px;align-items:center;padding:26px 0;border-top:1px solid #dce3d3}.tech-vent-list article:last-child{border-bottom:1px solid #dce3d3}.tech-vent-list article>span{font-size:27px;color:#7b8e49}.tech-vent-list h3{margin:0;font-size:22px}.tech-vent-list p{margin:8px 0 0}.tech-vent-list a{justify-self:end}.tech-acoustic{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.tech-acoustic-main{background:#edf2e8;padding:34px;border-radius:12px;position:sticky;top:100px}.tech-acoustic ol{list-style:none;margin:0;padding:0 0 0 25px;border-left:2px solid #bbc8a5}.tech-acoustic li{padding:0 0 25px}.tech-acoustic li:last-child{padding-bottom:0}.tech-acoustic strong{font-size:21px}.tech-acoustic p{margin:9px 0 15px}@media(max-width:760px){.tech-choice-pair,.tech-acoustic{grid-template-columns:1fr;gap:20px}.tech-choice-pair article,.tech-acoustic-main{padding:22px}.tech-acoustic-main{position:static}.tech-vent-list article{grid-template-columns:30px 1fr;gap:14px}.tech-vent-list a{grid-column:2;justify-self:start}.tech-project-strip{padding:20px}.tech-choice-pair h3,.tech-acoustic h3{font-size:23px}}

/* Three finishing pages: facade composition, joints and material layers. */
.finish-composition,.finish-material{display:grid;grid-template-columns:1fr 1.3fr;gap:54px;align-items:center}.finish-composition p,.finish-material p,.finish-joints p,.finish-order p{line-height:1.7;color:#526059}.finish-window{margin:20px auto;width:220px;height:290px;border:24px solid #a28a61;outline:1px solid #7d6849;box-shadow:inset 0 0 0 9px #4e4635,0 14px 25px #24341c15;background:#e5ece5;position:relative}.finish-window:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:8px;background:#4e4635}.finish-window:after{content:'';position:absolute;top:44%;height:8px;left:0;right:0;background:#4e4635}.finish-composition{padding:32px;background:#f3f5ec;border-radius:14px}.finish-joints{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}.finish-joints article{padding:28px 0;border-top:1px solid #dce3d3}.finish-joints span{color:#8a9e49;font-size:24px}.finish-joints h3{margin:10px 0}.finish-layers{display:flex;flex-direction:column;gap:10px}.finish-layers span{display:block;padding:24px;background:#dec7a0;border-radius:5px;font-weight:600}.finish-layers span:nth-child(2){background:repeating-linear-gradient(0deg,#b49870 0,#b49870 5px,#d9c5a4 5px,#d9c5a4 11px);padding:42px 24px;color:#172b22}.finish-layers small{line-height:1.6;color:#667066}.finish-order{padding:24px 30px;border-left:3px solid #91a959;background:#f5f6ee;margin-top:30px}@media(max-width:760px){.finish-composition,.finish-material{grid-template-columns:1fr;gap:24px}.finish-composition{padding:22px}.finish-joints{grid-template-columns:1fr}.finish-window{width:160px;height:210px;border-width:18px}.finish-order{padding:20px}}



/* Seven glass and shaped-window pages: shared reference hero, individual topic content. */
.seven-page .five-feature img,.seven-page .mini-gallery img{object-fit:contain;background:#f3f4ed}


.seven-page .five-feature img{height:auto;max-height:370px}
.seven-page .source-copy table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5}
.seven-page .source-copy td,.seven-page .source-copy th{border:1px solid #d7ddce;padding:12px;text-align:left}
.seven-page .source-copy th{background:#edf1e5}
.seven-table-scroll{max-width:100%;overflow-x:auto}
.seven-table-scroll table{min-width:680px}
.seven-state-grid,.seven-light-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.seven-state-card,.seven-light-grid article{border:1px solid #dbe2cf;border-radius:16px;padding:28px;background:#f8f9f3}
.seven-state-card p,.seven-light-grid p,.seven-palette p,.seven-shapes p,.seven-facet-layout p{line-height:1.7;color:#53604e}
.seven-window{height:180px;display:flex;gap:8px;border:10px solid #8a7459;border-bottom-width:15px;border-radius:5px;background:linear-gradient(155deg,#dbe5db 20%,#91ae8d 21%,#e0e7d6 55%,#718d72 56%);margin-bottom:25px}
.seven-window i{flex:1;border:3px solid #8a7459}.seven-window.matte i{backdrop-filter:blur(18px);background:#edf1e4aa}
.seven-note{border-left:3px solid #94b733;background:#f3f5ec;padding:22px 26px;margin-top:26px;line-height:1.75;border-radius:0 12px 12px 0}.seven-note p{margin:7px 0 0}
.seven-palette,.seven-shapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.seven-palette article,.seven-shapes article{padding:24px;background:#f6f7f1;border:1px solid #dce3d2;border-radius:14px}
.seven-swatch{height:110px;border-radius:9px;background:linear-gradient(125deg,#d6d8d1,#919a95)}
.seven-swatch.bronze{background:linear-gradient(125deg,#dbc7ae,#9e7d60)}.seven-swatch.dark{background:linear-gradient(125deg,#78817b,#303c36)}
.seven-caption{font-size:13px;color:#64705d;line-height:1.7;margin:15px 0 28px}
.seven-light-grid .seven-evening{background:#e9ede7}.seven-light-icon{font-size:42px;color:#7a8e51}.seven-evening .seven-light-icon{color:#586c68}
.seven-facet-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:46px;align-items:center;background:#f4f6ee;border:1px solid #dae1d1;border-radius:16px;padding:36px}
.seven-facet-motif{display:flex;justify-content:center;align-items:center;height:240px;overflow:hidden}.seven-facet-motif i{width:95px;height:135px;flex:none;transform:rotate(35deg);border:9px ridge #becfc3;background:linear-gradient(135deg,#faffff,#afc4b7);margin:-8px}
.seven-checklist{padding-left:20px;line-height:2;color:#526049}.seven-shapes svg{width:100%;height:150px;stroke:#7c9950;stroke-width:3;fill:#edf2df;stroke-linejoin:round}
@media(max-width:700px){.seven-state-grid,.seven-light-grid,.seven-palette,.seven-shapes,.seven-facet-layout{grid-template-columns:1fr}.seven-state-card,.seven-light-grid article,.seven-palette article,.seven-shapes article{padding:22px}.seven-facet-layout{padding:22px;gap:20px}.seven-facet-motif{height:170px}.seven-note{padding:18px}.seven-page .arch-hero-card h1{overflow-wrap:normal;hyphens:auto}.seven-page .five-feature{min-width:0}.seven-page .source-copy{min-width:0}}


.seven-page .arch-hero .contact-choice-secondary{color:#38452f}

.seven-page .photo-credit{display:block;margin-top:7px;font-size:12px;line-height:1.5;color:#64705d}.seven-page .photo-credit a{display:inline;color:inherit;text-decoration:underline;background:none;border-radius:0}

.remaining-page .five-feature img,.remaining-page .mini-gallery img{object-fit:contain;background:#f3f5ed}.remaining-page .arch-hero h1{overflow-wrap:anywhere;hyphens:auto}.remaining-page .five-warranty:empty{display:none}






.five-feature:empty{display:none}.five-intro:has(>.five-feature:empty){grid-template-columns:1fr}.five-intro:has(>.five-feature:empty)>div:last-child{max-width:900px}

/* A prepared hero is 1920x620. At narrower widths it stays 620px high and is
   anchored to the right, so only the neutral extension on the left is removed. */
@media(min-width:701px){
  .arch-hero{height:620px;min-height:620px;padding:18px 0;box-sizing:border-box}
  .arch-hero-image img{inset:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:right center;-webkit-mask-image:none;mask-image:none}
}
@media(min-width:701px) and (max-width:1439px){
  .arch-hero-card{width:min(560px,58vw);padding:18px 20px}
  .arch-hero .breadcrumbs{margin-bottom:10px}
  .arch-badge{margin-bottom:8px}
  .arch-hero h1{font-size:clamp(28px,3vw,38px)!important;line-height:1.15!important;margin-bottom:8px}
  .arch-hero-intro{font-size:14px;line-height:1.42;margin-bottom:6px}
  .arch-hero .arch-topic-note{font-size:13px;line-height:1.4;margin-bottom:10px}
  .arch-hero .contact-choices>a{min-height:42px;padding:8px}
  .arch-hero .contact-choice-secondary{margin-top:8px}
}@media(min-width:701px) and (max-width:1000px){
  .arch-hero-card{width:min(520px,60vw);padding:14px 16px}
  .arch-hero .breadcrumbs{display:none}
  .arch-badge{padding:5px 9px;margin-bottom:6px;font-size:10px}
  .arch-hero h1{font-size:clamp(24px,3.2vw,30px)!important;line-height:1.08!important;margin-bottom:6px}
  .arch-hero-intro{font-size:12.5px;line-height:1.3;margin-bottom:4px}
  .arch-hero .arch-topic-note{font-size:12px;line-height:1.3;margin-bottom:6px}
  .arch-hero .contact-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
  .arch-hero .contact-choices>a{min-height:36px;padding:6px}
  .arch-hero .contact-choice-secondary{margin-top:4px;font-size:10px}
}
/* Editorial cards use the same 620px photo frame; compact typography below keeps
   their content inside it at tablet widths. */
@media(min-width:701px) and (max-width:800px){
  .arch-hero-card{padding:10px 14px}
  .arch-badge{display:none}
}
@media(min-width:701px) and (max-width:740px){
  .arch-hero .arch-topic-note,.arch-hero .contact-choice-secondary{display:none}
}