/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V5
 * genre: editorial · macrostructure: Ecosystem Index · theme: Iconic–Almanac
 * enrichment: authentic material swatches · nav: existing Iconic + internal index · footer: existing Iconic
 * contrast: pass (40–41) · honest: pass (46) · tokens: pass (48) · mobile: pass (34,49–57)
 */
.architects-page{--architects-header-offset:88px;background:var(--color-paper);color:var(--color-ink)}
html:has(body.architects-page),body.architects-page{overflow-x:clip}
.architects-page main{overflow-x:clip}.architects-page h1,.architects-page h2,.architects-page h3{font-style:normal;overflow-wrap:anywhere;min-width:0}
.architects-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);min-height:100svh;background:var(--color-ink);color:var(--color-paper)}
.architects-hero-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(7rem,11vw,11rem) clamp(1.25rem,6vw,7rem) clamp(4rem,7vw,7rem)}
.architects-hero .breadcrumbs{position:absolute;top:calc(var(--architects-header-offset) + var(--space-lg));left:clamp(1.25rem,6vw,7rem)}
.architects-intro{max-width:54ch;margin:0 0 var(--space-2xl);color:var(--color-paper-faint);font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.7}
.architects-hero h1{max-width:10ch;margin:0;font-family:var(--font-display);font-size:clamp(4rem,8vw,8rem);font-weight:400;line-height:.86;letter-spacing:-.055em}
.architects-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-top:var(--space-2xl)}
.architects-action{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:.85rem 1.25rem;border:var(--rule-hairline) solid currentColor;color:inherit;text-decoration:none;white-space:nowrap;transition:color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}
.architects-action:hover{transform:translateY(-1px)}.architects-action:active{transform:translateY(0)}.architects-action:focus-visible,.architects-text-link:focus-visible,.architects-index a:focus-visible,.architects-newsletter :focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}
.architects-action-primary{background:var(--color-paper);color:var(--color-ink)}.architects-action-primary:hover{background:var(--color-paper-2)}
.architects-hero-material{position:relative;margin:0;overflow:hidden}.architects-hero-material:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--color-ink-overlay),transparent 45%)}
.architects-hero-material img{width:100%;height:100%;object-fit:cover}.architects-hero-material figcaption{position:absolute;z-index:1;right:var(--space-xl);bottom:var(--space-xl);left:var(--space-xl);color:var(--color-paper);font-size:var(--text-sm);line-height:1.5}
.architects-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:var(--rule-hairline) solid var(--color-rule);background:var(--color-paper)}
.architects-index a{display:flex;min-height:9rem;flex-direction:column;justify-content:space-between;padding:var(--space-lg);border-right:var(--rule-hairline) solid var(--color-rule);color:var(--color-ink);text-decoration:none;transition:background-color var(--dur-short) var(--ease-out)}
.architects-index a:hover{background:var(--color-paper-2)}.architects-index a:active{background:var(--color-paper)}.architects-index span{font-family:var(--font-display);font-size:var(--text-lg)}.architects-index small{color:var(--color-ink-soft);font-size:var(--text-xs)}
.architects-samples{padding:clamp(6rem,11vw,12rem) 0;background:var(--color-paper)}
.architects-samples>header,.architects-events>header{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.6fr);gap:clamp(2rem,8vw,9rem);align-items:end;padding:0 clamp(1.25rem,5vw,6rem);margin-bottom:clamp(4rem,7vw,7rem)}
.architects-samples h2,.architects-events h2{margin:0;font-family:var(--font-display);font-size:clamp(3rem,6.5vw,7rem);font-weight:400;line-height:.9;letter-spacing:-.05em}.architects-samples header p,.architects-events header p{max-width:52ch;margin:0;color:var(--color-ink-soft);line-height:1.75}
.architects-swatch-rail{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));overflow-x:auto;scroll-snap-type:x proximity}.architects-swatch-rail figure{margin:0;border-right:var(--rule-hairline) solid var(--color-rule);scroll-snap-align:start}.architects-swatch-rail img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.architects-swatch-rail figcaption{display:flex;justify-content:space-between;gap:var(--space-md);padding:var(--space-md)}.architects-swatch-rail strong{font-variant-numeric:tabular-nums}.architects-swatch-rail span{color:var(--color-ink-soft);font-size:var(--text-sm)}
.architects-sample-request{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2xl);align-items:end;margin:clamp(4rem,7vw,7rem) clamp(1.25rem,5vw,6rem) 0;padding-top:var(--space-xl);border-top:var(--rule-hairline) solid var(--color-rule)}.architects-sample-request h3{margin:0 0 var(--space-sm);font-family:var(--font-display);font-size:clamp(2rem,3vw,3.3rem);font-weight:400}.architects-sample-request p{max-width:62ch;margin:0;color:var(--color-ink-soft);line-height:1.65}.architects-action-dark{background:var(--color-ink);color:var(--color-paper)}
.architects-notebook{display:grid;grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);background:var(--color-paper-2);border-top:var(--rule-hairline) solid var(--color-rule)}
.architects-pinned-head{position:sticky;top:var(--architects-header-offset);align-self:start;padding:clamp(4rem,7vw,7rem) clamp(1.25rem,5vw,6rem)}.architects-pinned-head h2{margin:0;font-family:var(--font-display);font-size:clamp(3.2rem,6vw,6.4rem);font-weight:400;line-height:.9;letter-spacing:-.05em}.architects-pinned-head p{max-width:45ch;margin:var(--space-xl) 0 0;color:var(--color-ink-soft);line-height:1.65}
.architects-notebook-list{border-left:var(--rule-hairline) solid var(--color-rule)}.architects-notebook-list article{min-height:23rem;padding:clamp(2rem,5vw,5rem);border-bottom:var(--rule-hairline) solid var(--color-rule);display:flex;flex-direction:column;justify-content:space-between}.architects-notebook-list article span{color:var(--color-accent-ink);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}.architects-notebook-list h3{max-width:19ch;margin:var(--space-lg) 0;font-family:var(--font-display);font-size:clamp(2.1rem,3.8vw,4.2rem);font-weight:400;line-height:.98}.architects-notebook-list p{max-width:56ch;color:var(--color-ink-soft);line-height:1.7}.architects-notebook-list a,.architects-text-link{align-self:flex-start;color:var(--color-ink);text-decoration-thickness:var(--rule-hairline);text-underline-offset:.35rem;white-space:nowrap}
.architects-consultancy{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(340px,.86fr);background:var(--color-ink);color:var(--color-paper)}.architects-consultancy-copy{display:flex;min-height:90svh;flex-direction:column;justify-content:center;padding:clamp(5rem,9vw,10rem) clamp(1.25rem,6vw,7rem)}.architects-consultancy h2{max-width:15ch;margin:0;font-family:var(--font-display);font-size:clamp(3rem,6vw,7rem);font-weight:400;line-height:.9;letter-spacing:-.05em}.architects-consultancy-copy>p{max-width:58ch;margin:var(--space-2xl) 0;color:var(--color-paper-faint);line-height:1.75}.architects-action-light{align-self:flex-start}.architects-service-levels{margin:0;border-left:var(--rule-hairline) solid var(--color-stage-rule)}.architects-service-levels div{display:flex;min-height:30svh;flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,5rem);border-bottom:var(--rule-hairline) solid var(--color-stage-rule)}.architects-service-levels dt{color:var(--color-accent);font-family:var(--font-display);font-size:clamp(2rem,3.2vw,3.5rem)}.architects-service-levels dd{max-width:45ch;margin:var(--space-xl) 0 0;color:var(--color-paper-faint);line-height:1.65}
.architects-events{padding:clamp(7rem,12vw,13rem) 0;background:var(--color-paper)}.architects-event-formats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:var(--rule-hairline) solid var(--color-rule);border-bottom:var(--rule-hairline) solid var(--color-rule)}.architects-event-formats article{min-height:22rem;padding:clamp(2rem,3vw,3rem);border-right:var(--rule-hairline) solid var(--color-rule)}.architects-event-formats article:last-child{border-right:0}.architects-event-formats span{color:var(--color-accent-ink);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}.architects-event-formats h3{margin:clamp(3rem,6vw,6rem) 0 var(--space-lg);font-family:var(--font-display);font-size:clamp(1.8rem,2.4vw,2.8rem);font-weight:400}.architects-event-formats p{max-width:45ch;color:var(--color-ink-soft);line-height:1.65}.architects-events>.architects-text-link{display:inline-block;margin:var(--space-2xl) clamp(1.25rem,5vw,6rem) 0}
.architects-notes{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:clamp(3rem,8vw,9rem);align-items:end;padding:clamp(7rem,12vw,13rem) clamp(1.25rem,6vw,7rem);background:var(--color-paper-2)}.architects-notes>div>p:first-child{color:var(--color-accent-ink);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}.architects-notes h2{margin:var(--space-lg) 0;font-family:var(--font-display);font-size:clamp(3.4rem,7vw,8rem);font-weight:400;line-height:.87;letter-spacing:-.055em}.architects-notes-copy{max-width:55ch;color:var(--color-ink-soft);line-height:1.7}.architects-newsletter>label:first-child{display:block;margin-bottom:var(--space-sm);font-size:var(--text-sm)}.architects-newsletter-row{display:grid;grid-template-columns:minmax(0,1fr) auto;border-bottom:var(--rule-hairline) solid var(--color-ink)}.architects-newsletter-row input{min-width:0;min-height:52px;padding:var(--space-sm) 0;border:0;outline:2px solid transparent;background:transparent;color:var(--color-ink);font:inherit}.architects-newsletter-row input:hover{background:var(--color-paper-muted)}.architects-newsletter-row input[aria-invalid="true"]{outline:2px solid var(--color-focus);outline-offset:1px}.architects-newsletter-row button{display:flex;min-height:52px;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0 var(--space-sm) var(--space-lg);border:0;outline:2px solid transparent;background:transparent;color:var(--color-ink);font:inherit;white-space:nowrap;cursor:pointer}.architects-newsletter-row button:hover i{transform:translateX(3px)}.architects-newsletter-row button:active i{transform:translateX(0)}.architects-newsletter-row i{font-style:normal;transition:transform var(--dur-micro) var(--ease-out)}.architects-newsletter-row button:disabled{cursor:not-allowed;opacity:.55}.architects-newsletter-privacy{display:flex;gap:var(--space-sm);align-items:flex-start;margin-top:var(--space-lg);color:var(--color-ink-soft);font-size:var(--text-sm);line-height:1.5}.architects-newsletter-privacy input{margin-top:var(--space-2xs)}.architects-newsletter-privacy a{color:inherit}.architects-newsletter-status{min-height:1.5em;margin:var(--space-md) 0 0;font-size:var(--text-sm)}.architects-newsletter-status.success{color:var(--color-accent-ink)}
@media(max-width:960px){.architects-hero,.architects-notebook,.architects-consultancy,.architects-notes{grid-template-columns:minmax(0,1fr)}.architects-hero-material{height:65svh}.architects-index{grid-template-columns:repeat(2,minmax(0,1fr))}.architects-pinned-head{position:relative;top:auto}.architects-notebook-list,.architects-service-levels{border-left:0;border-top:var(--rule-hairline) solid var(--color-rule)}.architects-consultancy-copy{min-height:0}.architects-service-levels div{min-height:16rem}.architects-notes{align-items:start}}
@media(max-width:640px){.architects-page{--architects-header-offset:72px}.architects-hero{min-height:0}.architects-hero-copy{min-height:92svh}.architects-hero .breadcrumbs{top:calc(var(--architects-header-offset) + var(--space-md))}.architects-hero h1{font-size:clamp(3.7rem,19vw,5.8rem)}.architects-hero-actions{align-items:stretch;flex-direction:column}.architects-action{width:100%}.architects-index{grid-template-columns:minmax(0,1fr)}.architects-index a{min-height:6.5rem}.architects-samples>header,.architects-events>header,.architects-sample-request{grid-template-columns:minmax(0,1fr)}.architects-swatch-rail{grid-template-columns:repeat(5,minmax(78vw,1fr))}.architects-sample-request .architects-action{margin-top:var(--space-lg)}.architects-event-formats{grid-template-columns:minmax(0,1fr)}.architects-event-formats article{min-height:16rem;border-right:0;border-bottom:var(--rule-hairline) solid var(--color-rule)}.architects-newsletter-row{grid-template-columns:minmax(0,1fr)}.architects-newsletter-row button{justify-content:space-between;padding-left:0}.architects-notes h2{font-size:clamp(3.2rem,16vw,5rem)}}
@media(prefers-reduced-motion:reduce){.architects-page *{scroll-behavior:auto!important}.architects-action,.architects-newsletter-row i{transition-duration:var(--dur-micro)}.architects-action:hover,.architects-newsletter-row button:hover i{transform:none}}

.architects-commercial-note{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:var(--space-2xl);border-top:var(--rule-hairline) solid var(--color-rule);border-bottom:var(--rule-hairline) solid var(--color-rule)}
.architects-commercial-note>div{display:flex;min-height:9rem;min-width:0;flex-direction:column;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg);border-right:var(--rule-hairline) solid var(--color-rule)}.architects-commercial-note>div:last-child{border-right:0}.architects-commercial-note span{color:var(--color-ink-soft);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.architects-commercial-note strong{font-family:var(--font-display);font-size:clamp(1.25rem,1.7vw,1.8rem);font-weight:400;line-height:1.12;overflow-wrap:anywhere}
.architects-professional-note{grid-column:1/-1;margin:0;padding:var(--space-lg) clamp(1.25rem,5vw,6rem);border-top:var(--rule-hairline) solid var(--color-stage-rule);color:var(--color-paper-faint);font-size:var(--text-sm);line-height:1.65}

/* Area Progettisti · guida tecnica lunga, nello stesso sistema Iconic–Almanac. */
.architects-guide-page .page-main{padding-top:0}.architects-guide{background:var(--color-paper);color:var(--color-ink)}
.architects-guide-hero{display:grid;grid-template-columns:minmax(0,.72fr) minmax(320px,.28fr);gap:clamp(3rem,8vw,9rem);min-height:84svh;padding:calc(var(--architects-header-offset) + var(--space-xl)) clamp(1.25rem,6vw,7rem) clamp(4rem,8vw,8rem);align-content:end;border-bottom:var(--rule-hairline) solid var(--color-rule)}.architects-guide-hero .breadcrumbs{grid-column:1/-1;align-self:start;margin-bottom:auto}.architects-guide-hero>p{grid-column:1/-1;margin:clamp(4rem,9vw,9rem) 0 var(--space-md);color:var(--color-accent-ink);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase}.architects-guide-hero h1{min-width:0;margin:0;font-family:var(--font-display);font-size:clamp(4.8rem,11vw,12rem);font-style:normal;font-weight:400;letter-spacing:-.065em;line-height:.78;overflow-wrap:anywhere}.architects-guide-lede{display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-lg);padding-bottom:var(--space-sm)}.architects-guide-lede strong{font-family:var(--font-display);font-size:clamp(1.55rem,2.5vw,2.6rem);font-weight:400;line-height:1.08}.architects-guide-lede span{color:var(--color-ink-soft);line-height:1.7}
.architects-guide-cover{position:relative;margin:0;background:var(--color-ink)}.architects-guide-cover img{display:block;width:100%;height:min(82svh,64rem);object-fit:cover}.architects-guide-cover figcaption{position:absolute;right:clamp(1.25rem,4vw,4rem);bottom:clamp(1.25rem,4vw,4rem);max-width:28rem;padding:var(--space-md) var(--space-lg);background:var(--color-ink);color:var(--color-paper);font-size:var(--text-sm);line-height:1.5}
.architects-guide-body{display:grid;grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);border-bottom:var(--rule-hairline) solid var(--color-rule)}.architects-guide-body>aside{position:sticky;top:var(--architects-header-offset);align-self:start;padding:clamp(4rem,7vw,8rem) clamp(1.25rem,5vw,6rem)}.architects-guide-body>aside h2{margin:0;font-family:var(--font-display);font-size:clamp(2.7rem,5vw,5.8rem);font-style:normal;font-weight:400;letter-spacing:-.045em;line-height:.92}.architects-guide-body>aside p{max-width:42ch;margin:var(--space-xl) 0 0;color:var(--color-ink-soft);line-height:1.7}.architects-guide-points{border-left:var(--rule-hairline) solid var(--color-rule)}.architects-guide-points section{display:grid;grid-template-columns:minmax(180px,.4fr) minmax(0,.6fr);gap:clamp(2rem,5vw,6rem);min-height:22rem;padding:clamp(3rem,6vw,6rem);border-bottom:var(--rule-hairline) solid var(--color-rule);align-content:center}.architects-guide-points section:last-child{border-bottom:0}.architects-guide-points h2{margin:0;font-family:var(--font-display);font-size:clamp(2rem,3.2vw,3.7rem);font-style:normal;font-weight:400;line-height:.98}.architects-guide-points p{max-width:56ch;margin:0;color:var(--color-ink-soft);line-height:1.75}
.architects-guide-check{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(3rem,8vw,9rem);padding:clamp(6rem,11vw,12rem) clamp(1.25rem,6vw,7rem);background:var(--color-paper-2)}.architects-guide-check h2{margin:0;font-family:var(--font-display);font-size:clamp(3rem,6vw,6.7rem);font-style:normal;font-weight:400;letter-spacing:-.05em;line-height:.9}.architects-guide-check ul{margin:0;padding:0;list-style:none;border-top:var(--rule-hairline) solid var(--color-rule)}.architects-guide-check li{padding:var(--space-md) 0;border-bottom:var(--rule-hairline) solid var(--color-rule);line-height:1.5}.architects-guide-check .architects-action{grid-column:2;justify-self:start;margin-top:var(--space-lg)}.architects-guide-footer{display:flex;justify-content:space-between;gap:var(--space-xl);padding:var(--space-xl) clamp(1.25rem,6vw,7rem);background:var(--color-ink)}.architects-guide-footer a{color:var(--color-accent);text-decoration:none;white-space:nowrap}
@media(max-width:960px){.architects-commercial-note{grid-template-columns:repeat(2,minmax(0,1fr))}.architects-commercial-note>div:nth-child(2n){border-right:0}.architects-commercial-note>div{border-bottom:var(--rule-hairline) solid var(--color-rule)}.architects-commercial-note>div:last-child{grid-column:1/-1;border-bottom:0}.architects-guide-hero,.architects-guide-body,.architects-guide-check{grid-template-columns:minmax(0,1fr)}.architects-guide-hero{min-height:0}.architects-guide-body>aside{position:relative;top:auto}.architects-guide-points{border-left:0;border-top:var(--rule-hairline) solid var(--color-rule)}.architects-guide-check .architects-action{grid-column:1}}
@media(max-width:640px){.architects-commercial-note{grid-template-columns:minmax(0,1fr)}.architects-commercial-note>div,.architects-commercial-note>div:nth-child(2n){min-height:7rem;border-right:0}.architects-commercial-note>div:last-child{grid-column:auto}.architects-guide-hero{padding-top:calc(var(--architects-header-offset) + var(--space-xl))}.architects-guide-hero h1{font-size:clamp(4.1rem,20vw,6rem)}.architects-guide-cover img{height:64svh}.architects-guide-cover figcaption{position:relative;right:auto;bottom:auto;max-width:none}.architects-guide-points section{grid-template-columns:minmax(0,1fr);min-height:0}.architects-guide-footer{align-items:flex-start;flex-direction:column}.architects-guide-check .architects-action{width:100%}}