/* Azienda: editorial layout, scoped to this page. */
body[data-page="about"]{--about-space:clamp(24px,4vw,72px)}
[data-page="about"] .brand-eyebrow{font:600 10px/1.6 var(--ui);letter-spacing:.18em;color:var(--bronze);margin:0 0 24px}
.brand-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--canvas);max-width:1800px;margin:auto}
.brand-hero-copy{padding:42px var(--about-space);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.brand-hero h1{font-size:clamp(52px,5.8vw,92px);line-height:.99;letter-spacing:-.045em;margin:0 0 28px;font-weight:500}
[data-page="about"] h1 em,[data-page="about"] h2 em{font-weight:500;color:var(--bronze)}
.brand-lead{max-width:370px;font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 29px}
.brand-hero .button{font-size:13px;min-height:49px;padding:14px 23px}
.brand-hero-note{display:flex;gap:20px;align-items:center;border-top:1px solid var(--border);width:100%;margin-top:48px;padding-top:20px;font-size:10px;line-height:1.7;color:var(--muted)}
.brand-hero-note>span:first-child{font-size:12px;letter-spacing:.08em;color:var(--bronze)}
.brand-hero-photo{position:relative;margin:0;overflow:hidden;min-height:550px;background:#292825}
.brand-hero-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:52% 46%}
.brand-hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:55px 30px 25px;color:white;font-size:11px;letter-spacing:.04em;background:linear-gradient(transparent,rgba(0,0,0,.45))}
.brand-section{max-width:1500px;padding:100px var(--about-space);margin:auto}
.brand-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-bottom:1px solid var(--border)}
.brand-intro h2{font-size:clamp(40px,4.2vw,64px);letter-spacing:-.035em;line-height:1.05;font-weight:500;margin:0}
.brand-intro-text{max-width:520px}
.brand-intro-text>p:not(.brand-intro-lead),.brand-detail-copy>p:not(.brand-eyebrow){font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 20px}
.brand-intro-text .brand-intro-lead{font:500 30px/1.2 var(--display);letter-spacing:-.02em;margin:0 0 24px}
.brand-intro .text-link,.brand-detail .text-link{margin-top:9px;font-size:12px}
.brand-detail{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(40px,7vw,120px)}
.brand-detail-art{position:relative;aspect-ratio:1/1.1;background:#f0ece3;display:flex;justify-content:center;align-items:center;overflow:hidden}
.brand-detail-art img{width:85%;height:80%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-12deg)}
.brand-detail-label{position:absolute;top:25px;left:25px;font-size:9px;letter-spacing:.14em;color:var(--bronze);z-index:1}
.brand-detail-caption{position:absolute;bottom:24px;left:25px;font:italic 24px/1.2 var(--display)}
.brand-detail-copy h2{font-weight:500;font-size:clamp(42px,4.5vw,68px);line-height:1.02;letter-spacing:-.035em;margin:0 0 28px}
.brand-categories{padding-top:0}
.brand-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}
.brand-section-heading .brand-eyebrow{margin-bottom:16px}
.brand-section-heading h2{font-weight:500;font-size:clamp(38px,4vw,58px);letter-spacing:-.035em;margin:0;line-height:1.08}
.brand-categories .tagwrap{position:relative;display:inline-block;transform-origin:17px 50%;transition:transform .22s ease;z-index:1}
.brand-categories .tagwrap::before{content:"";position:absolute;left:17px;top:50%;width:30px;height:1.5px;background:#b0302a;transform:rotate(-128deg);transform-origin:left center;z-index:2}
.brand-categories .tag{position:relative;display:flex;align-items:center;gap:16px;background:#e4d8c3;color:var(--ink);padding:12px 24px 12px 36px;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%,0 10px);font:500 16px/1.35 ui-monospace,Consolas,monospace;letter-spacing:.03em;white-space:nowrap}
.brand-categories .tag::before{content:"";position:absolute;left:12px;top:50%;width:10px;height:10px;margin-top:-5px;border:1px solid var(--ink);border-radius:50%;background:#f5f2ec}
.brand-categories .brand-all-products{flex-shrink:0;margin:0 0 4px 10px}
.brand-all-products .tag{font-size:13px;padding:11px 18px 11px 36px}
.brand-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.brand-category-image{position:relative;aspect-ratio:1/1.08;background:var(--canvas);display:flex;align-items:center;justify-content:center;overflow:hidden}
.brand-category-number{position:absolute;top:18px;left:20px;font-size:10px;letter-spacing:.08em;color:var(--bronze)}
.brand-category-image img{width:74%;height:74%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s ease}
.brand-category:hover img{transform:scale(1.045)}
.brand-categories .brand-category-tag{position:absolute;left:24px;bottom:28px;margin:0}
.brand-category:hover .tagwrap,.brand-category:focus-visible .tagwrap,.brand-all-products:hover,.brand-all-products:focus-visible{transform:rotate(-3deg)}
.brand-category>p{font-size:12px;color:var(--muted);line-height:1.7;margin:16px 0 0}
.brand-contact{position:relative;isolation:isolate;text-align:center;background:#eae2d2;padding:75px 24px 80px;overflow:hidden}
.brand-contact h2{font-weight:500;font-size:clamp(48px,5.2vw,76px);line-height:1.02;letter-spacing:-.035em;margin:0 0 22px}
.brand-contact>p:not(.brand-eyebrow){font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:26px}
.brand-contact .button{font-size:13px;min-width:180px;justify-content:space-between}
.brand-contact-signature{position:absolute;bottom:-80px;right:0;font:400 400px/.9 var(--display);letter-spacing:-.12em;color:rgba(118,84,24,.055);z-index:-1;pointer-events:none}
@media(min-width:1600px){.brand-hero-copy{padding-top:38px;padding-bottom:45px}.brand-hero-photo{min-height:660px}}
@media(max-width:1000px){.brand-hero-copy{padding-left:30px;padding-right:25px}.brand-hero h1{font-size:59px}.brand-hero-photo{min-height:550px}.brand-hero-note{margin-top:36px}.brand-intro{gap:40px}.brand-section{padding-top:70px;padding-bottom:70px}.brand-categories{padding-top:0}.brand-detail{gap:35px}.brand-detail-copy h2{font-size:46px}.brand-category-grid{gap:18px}}
@media(max-width:650px){.brand-hero{grid-template-columns:1fr}.brand-hero-copy{padding:22px 24px 28px}.brand-hero h1{font-size:clamp(49px,10.5vw,66px)}.brand-hero .brand-eyebrow{margin-bottom:18px}.brand-lead{font-size:13px;max-width:310px;margin-bottom:22px}.brand-hero-note{margin-top:27px;padding-top:16px}.brand-hero-photo{min-height:0;aspect-ratio:1.12}.brand-hero-photo img{object-position:50% 43%}.brand-hero-photo figcaption{padding:45px 24px 20px;font-size:10px}.brand-section{padding:52px 24px}.brand-intro{grid-template-columns:1fr;gap:28px}.brand-intro h2{font-size:44px}.brand-intro-text .brand-intro-lead{font-size:27px}.brand-intro-text>p:not(.brand-intro-lead),.brand-detail-copy>p:not(.brand-eyebrow){font-size:13px}.brand-detail{grid-template-columns:1fr;gap:32px}.brand-detail-art{aspect-ratio:1.06}.brand-detail-art img{height:83%;width:80%}.brand-detail-copy h2{font-size:48px}.brand-detail-label{font-size:8px;top:20px;left:20px}.brand-detail-caption{font-size:23px;bottom:20px;left:20px}.brand-categories{padding-top:0}.brand-section-heading{display:block;margin-bottom:28px}.brand-section-heading h2{font-size:40px;max-width:300px}.brand-categories .brand-all-products{margin:24px 0 0 10px}.brand-category-grid{grid-template-columns:1fr;gap:28px}.brand-category{display:block}.brand-category-image{aspect-ratio:1.2}.brand-category-number{font-size:8px;top:9px;left:10px}.brand-categories .brand-category-tag{left:20px;bottom:22px}.brand-category-tag .tag{font-size:15px;padding:10px 20px 10px 34px}.brand-category>p{font-size:12px;margin-top:13px}.brand-contact{padding:52px 24px 58px}.brand-contact h2{font-size:53px}.brand-contact-signature{font-size:260px;bottom:-55px;right:-20px}}
@media(prefers-reduced-motion:reduce){.brand-category-image img,.brand-categories .tagwrap{transition:none}.brand-category:hover .tagwrap,.brand-category:focus-visible .tagwrap,.brand-all-products:hover,.brand-all-products:focus-visible{transform:none}}
