/* Local brand-page composition study; shares the approved type and spacing roles. */
.brand-editorial-preview{--brand-group:2rem;--brand-section:4rem;--brand-prose:1.5rem;--brand-label:.5rem;--brand-gutter:18px;padding-top:var(--brand-group);letter-spacing:normal}
.brand-chapter{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--brand-gutter);padding:var(--brand-group) 0 var(--brand-section);border-top:1px solid rgb(89 64 55 / 45%);scroll-margin-top:90px}
.brand-philosophy{padding-top:0;border-top:0}
.brand-chapter-heading{grid-column:1/4;align-self:start;position:sticky;top:90px}
.brand-chapter-heading h2{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.0125em;margin:0}
.brand-origin{font-size:16px;font-weight:500;line-height:1.3;margin:var(--brand-group) 0 0}
.brand-chapter-content{grid-column:5/-1;min-width:0;container-type:inline-size;container-name:brand-content}
.brand-statement{font-size:clamp(2rem,1.05rem + 2.9vw,3.5rem);font-weight:500;line-height:1.1;letter-spacing:-.025em;text-wrap:pretty;max-width:27ch;margin:0 0 var(--brand-group)}
.brand-reading-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--brand-prose) var(--brand-gutter)}
.brand-editorial-preview p:not(.brand-statement):not(.brand-origin):not(.brand-selection-lead){font-size:18px;line-height:1.3;font-weight:500;margin:0;max-width:70ch}
.brand-editorial-preview h3{font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.0125em;margin:0 0 var(--brand-label)}
.brand-editorial-preview figure{margin:0}
.brand-making-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--brown)}
.brand-making-image img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.brand-making-copy{margin-top:var(--brand-group)}
.brand-evidence-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--brand-section) var(--brand-gutter);margin-top:var(--brand-section)}
.brand-evidence-pair article{min-width:0}
.brand-evidence-pair img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.brand-evidence-pair figcaption{font-size:16px;line-height:1.3;font-weight:500;margin-top:var(--brand-label)}
.brand-evidence-pair h3{margin-top:var(--brand-group)}
.brand-selection-lead{font-size:clamp(2rem,1.3rem + 1.4vw,2.75rem);font-weight:500;line-height:1.15;letter-spacing:-.025em;margin:0 0 var(--brand-group);max-width:30ch}
.brand-selected{border-top:1px solid rgb(89 64 55 / 45%);padding-top:var(--brand-group);scroll-margin-top:90px}
.brand-selected-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--brand-group);margin-bottom:var(--brand-group)}
.brand-selected-heading h2,.brand-editorial-preview .contact-block h2{font-size:clamp(2rem,1.05rem + 2.9vw,3.5rem);font-weight:500;line-height:1.1;letter-spacing:-.025em;margin:0}
.brand-text-link{font-size:18px;font-weight:500;line-height:1.3;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:flex-start;flex-shrink:0}
.brand-selected-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * var(--brand-gutter))/4);gap:var(--brand-gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:8px}
.brand-selected-grid::-webkit-scrollbar{display:none}
.brand-selected-grid:focus-visible{outline:2px solid var(--brown);outline-offset:4px}
.brand-selected-controls{display:none;gap:8px;flex-shrink:0}
.brand-selected.is-scrollable .brand-selected-controls{display:flex}
.brand-slider-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgb(89 64 55 / 18%);border-radius:50%;background:rgb(89 64 55 / 6%);color:var(--brown);cursor:pointer;transition:background-color .2s,opacity .2s}
.brand-slider-arrow:hover:not(:disabled){background:rgb(89 64 55 / 14%)}
.brand-slider-arrow:disabled{opacity:.25;cursor:default}
.brand-slider-arrow:focus-visible{outline:2px solid var(--brown);outline-offset:4px}
.brand-view-all{margin-top:var(--brand-group)}
@media(max-width:1336px){.brand-selected-grid{grid-auto-columns:calc((100% - 2 * var(--brand-gutter))/3)}}
@media(max-width:893px){.brand-selected-grid{grid-auto-columns:calc((100% - var(--brand-gutter))/2)}}
.brand-selected-card{display:block;min-width:0;text-decoration:none;scroll-snap-align:start}
.brand-selected-card img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.brand-selected-card h3{margin-top:var(--brand-label);margin-bottom:0}
.brand-selected-card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.brand-editorial-preview a:focus-visible{outline:2px solid var(--brown);outline-offset:4px}
/* Release the heading rail before it starts squeezing the photographs. */
@media(max-width:1100px){
 .brand-chapter{grid-template-columns:1fr;row-gap:var(--brand-group)}
 .brand-chapter-heading,.brand-chapter-content{grid-column:1}
 .brand-chapter-heading{position:static}
}
@media(max-width:767px){
 .brand-editorial-preview{--brand-group:1.5rem;--brand-section:3rem;--brand-gutter:12px}
 .brand-chapter{grid-template-columns:1fr;row-gap:var(--brand-group);scroll-margin-top:80px}
 .brand-chapter-heading,.brand-chapter-content{grid-column:1}.brand-chapter-heading{position:static}
 .brand-origin{margin-top:var(--brand-label)}
 .brand-reading-columns,.brand-evidence-pair{grid-template-columns:1fr}
 .brand-making-image{aspect-ratio:3/2}
 .brand-making-image img{object-fit:cover}
 .brand-selected-heading{display:block}.brand-selected-heading .brand-text-link{margin-top:var(--brand-group)}
 .brand-selected-grid{grid-auto-columns:calc((100% - var(--brand-gutter))/1.5)}
 .brand-selected.is-scrollable .brand-selected-controls{display:none}
 .brand-selected-card h3{font-size:20px}
 .brand-page #bertolotto:has(.brand-editorial-preview){padding-bottom:3rem}
}

/* Draft copy review: supporting photographs stay with the passage they illustrate. */
.brand-page-intro .brand-review-subtitle{font-size:clamp(2rem,1.3rem + 1.4vw,2.75rem);font-weight:500;line-height:1.15;letter-spacing:-.025em;max-width:30ch;margin:0 0 2rem}
.brand-page-intro:has(.brand-review-subtitle) h1{margin-bottom:2rem}
.brand-review-intro-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:76rem}
.brand-page-intro .brand-review-intro-copy p{font-size:18px;font-weight:500;line-height:1.3;letter-spacing:normal;margin:0;max-width:65ch}
.brand-prose{display:flex;flex-direction:column;gap:var(--brand-prose);min-width:0}
.brand-support-image img{display:block;width:100%;height:auto}
.brand-support-image figcaption{font-size:16px;line-height:1.3;font-weight:500;margin-top:var(--brand-label)}
.brand-support-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--brand-gutter);margin-bottom:var(--brand-group)}
.brand-copy-chapter .brand-chapter-heading h2{text-wrap:pretty;max-width:21ch}
.brand-editorial-preview .brand-selected{padding-bottom:var(--brand-section)}
.brand-enquiry-link{margin-top:var(--brand-group)}
.brand-copy-chapter:last-child{padding-bottom:0}
@media(max-width:1068px){.brand-review-intro-copy{max-width:65ch;grid-template-columns:1fr;gap:1.5rem}}
@media(max-width:767px){.brand-page-intro:has(.brand-review-subtitle) h1{margin-bottom:1.5rem}.brand-page-intro .brand-review-subtitle{margin-bottom:1.5rem}.brand-copy-chapter .brand-chapter-heading h2{max-width:none}.brand-support-pair{grid-template-columns:1fr;gap:var(--brand-group)}.brand-support-image{max-width:100%}}

/* Shared contact A sits within the brand page's existing outer gutters. */
.brand-editorial-preview .contact-block{padding-inline:0;scroll-margin-top:90px}
.brand-editorial-preview .contact-block p{max-width:30ch}

/* Quality: wide exterior, equal production photographs, then two text columns. */
.brand-quality-story{display:grid;gap:var(--brand-group);align-content:start}
.brand-quality-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--brand-gutter)}
.brand-quality-exterior img{aspect-ratio:1600/679;object-fit:cover}
.brand-quality-pair img{aspect-ratio:16/9;object-fit:cover}
@media(max-width:767px){.brand-quality-pair{grid-template-columns:1fr;gap:var(--brand-group)}}

/* Mobile quality story alternates each photograph with its relevant copy. */
.brand-quality-materials,.brand-quality-production,.brand-quality-craftsmen{display:contents}
@media(max-width:767px){
 .brand-quality-story>.brand-quality-pair,.brand-quality-story>.brand-reading-columns,.brand-quality-first-column{display:contents}
 .brand-quality-materials,.brand-quality-production,.brand-quality-craftsmen{display:flex;flex-direction:column;gap:var(--brand-prose)}
 .brand-quality-exterior{order:0}
 .brand-quality-materials{order:1}
 .brand-quality-production-image{order:2}
 .brand-quality-production{order:3}
 .brand-quality-finishing-image{order:4}
 .brand-quality-craftsmen{order:5}
 .brand-quality-final-copy{order:6}
}


.brand-editorial-preview .contact-block-inner{align-items:start}


/* Reading columns respond to the available content width. */
@container brand-content (max-width:38rem){
 .brand-reading-columns{grid-template-columns:1fr}
}


/* Design: compact supporting portraits beside the story on wide screens.
   The document order alternates copy and its photograph on mobile. */
.brand-design-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--brand-group) var(--brand-gutter);align-items:start}
.brand-design-passage{display:grid;grid-template-rows:subgrid;grid-row:span 2;gap:var(--brand-group);min-width:0}
.brand-design-story .brand-support-image img{aspect-ratio:4/5;object-fit:cover}
@container brand-content (min-width:56rem){
 .brand-design-story{grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,1fr));grid-template-rows:min-content 1fr;row-gap:var(--brand-prose)}
 .brand-design-passage{display:contents}
 .brand-design-passage>.brand-prose{grid-column:1}
 .brand-design-passage:first-child>.brand-prose{grid-row:1}
 .brand-design-passage:last-child>.brand-prose{grid-row:2}
 .brand-design-passage>.brand-support-image{grid-row:1/3}
 .brand-design-passage:first-child>.brand-support-image{grid-column:2}
 .brand-design-passage:last-child>.brand-support-image{grid-column:3}
}
@media(max-width:767px){
 .brand-design-story{grid-template-columns:minmax(0,1fr);row-gap:var(--brand-section)}
 .brand-design-passage{display:flex;flex-direction:column;grid-row:auto}
}

/* Mobile square frames keep the factory, machinery and handwork in focus. */
@media(max-width:767px){
 .brand-quality-story .brand-support-image img,
 .brand-design-story .brand-support-image img{aspect-ratio:1;object-fit:cover}
 .brand-quality-exterior img{object-position:68% 50%}
 .brand-quality-production-image img{object-position:70% 50%}
 .brand-quality-finishing-image img{object-position:34% 50%}
 .brand-design-passage:first-child img{object-position:50% 35%}
 .brand-design-passage:last-child img{object-position:50% 30%}
}