/* An image-led opening: a wide scene, an offset edit, then a closer look. */
.intro.editorial{height:clamp(480px,70dvh,820px);min-height:480px}
.editorial:after{background:linear-gradient(0deg,rgba(25,21,18,.49),transparent 38%)}
.editorial-image{background-position:center 56%}
.editorial-caption{left:2%;right:2%;bottom:24px;width:auto;max-width:none;display:flex;align-items:baseline;gap:clamp(30px,9vw,170px)}
.editorial-caption h1{font:400 clamp(1.9rem,3.1vw,3rem)/1.1 var(--serif);letter-spacing:-.025em;animation-duration:2400ms}
.editorial-caption .hero-actions{flex-shrink:0}
.hero-actions .collection-link{background:none;border:0;color:#fffdf6;padding:12px 0;gap:30px;font-size:.6875rem;min-height:44px}
.hero-actions .collection-link:hover{background:none;border:0;color:#fffdf6}
.hero-actions .collection-link:hover span{transform:translate(3px,-3px)}
.intro.editorial .image-note{right:2%;bottom:4px;background:none;font-size:.5rem;color:#fffdf6cf;padding:0}
.home-edit{padding:42px 0 80px}
.edit-intro{display:flex;align-items:baseline;justify-content:space-between;gap:32px;margin-bottom:34px}
.edit-intro h2{font:400 .75rem/1.5 var(--sans);letter-spacing:.025em;margin:0}
.edit-intro p{font-size:.6875rem;line-height:1.65;max-width:52ch;margin:0;color:var(--muted)}
.edit-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;column-gap:20px;min-width:0}
.edit-piece{display:block;min-width:0}
.edit-shoes{grid-column:1/span 2}
.edit-shirts{grid-column:4/span 2}
.edit-tailoring{grid-column:9/span 4}
.edit-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font:400 .6875rem/1.5 var(--sans);letter-spacing:.055em;text-transform:uppercase;min-height:36px;padding-bottom:8px}
.edit-label>span{transition:transform 400ms var(--ease-ritorno)}
.edit-frame{display:block;overflow:hidden;background:#e8e2d9}
.edit-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1400ms var(--ease-ritorno)}
.edit-shoes .edit-frame,.edit-shirts .edit-frame{aspect-ratio:3/4}
.edit-tailoring .edit-frame{aspect-ratio:3/4}
.edit-image-note{color:var(--muted);font-size:.5625rem;letter-spacing:.02em;margin:12px 0 0}
.edit-story{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;align-items:center;margin-top:100px}
.edit-atmosphere{grid-column:1/span 7;position:relative;display:block;overflow:hidden;background:#c2b9aa;aspect-ratio:4/5}
.edit-atmosphere>img{display:block;width:100%;height:100%;object-fit:cover;object-position:100% center;transition:transform 1600ms var(--ease-ritorno)}
.edit-atmosphere>span{position:absolute;bottom:0;left:0;right:0;padding:50px 24px 20px;background:linear-gradient(transparent,#211b155e);display:flex;justify-content:space-between;color:#fffdf6;font-size:.75rem}
.edit-detail{grid-column:10/span 3;min-width:0}
.edit-detail-image{display:block}
.edit-detail .edit-frame{aspect-ratio:1}
.edit-detail h2{font:400 clamp(2rem,3.2vw,3.3rem)/1.02 var(--serif);letter-spacing:-.025em;margin:28px 0 18px}
.edit-detail p{color:var(--muted);font-size:.8125rem;line-height:1.7;margin:0 0 18px;max-width:32ch}
.edit-text-link{display:inline-flex;align-items:center;gap:22px;min-height:44px;font-size:.75rem;border-bottom:1px solid var(--line)}
.edit-piece:focus-visible,.edit-detail-image:focus-visible,.edit-atmosphere:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
@media(hover:hover) and (pointer:fine){
 .edit-piece:hover img,.edit-detail-image:hover img,.edit-atmosphere:hover>img{transform:scale(1.025)}
 .edit-piece:hover .edit-label>span,.edit-detail-image:hover .edit-label>span{transform:translate(2px,-2px)}
 .edit-text-link:hover{border-color:var(--ink)}
}
@media(min-width:761px) and (max-width:1100px){
 .edit-shoes{grid-column:1/span 3}.edit-shirts{grid-column:5/span 3}.edit-tailoring{grid-column:9/span 4}
 .edit-detail{grid-column:9/span 4}.edit-atmosphere{grid-column:1/span 7}
 .editorial-caption{gap:6vw}.editorial-caption h1{font-size:2rem}
}
@media(max-width:760px){
 .intro.editorial{height:clamp(440px,68svh,650px);min-height:440px}
 .editorial-image{background-position:65% center}
 .editorial-caption{left:5%;right:5%;bottom:22px;display:block;width:auto}
 .editorial-caption h1{font-size:clamp(1.9rem,7.6vw,3.2rem);line-height:1.1}
 .hero-actions .collection-link{font-size:.625rem;min-height:44px;padding:10px 0 0;gap:30px}
 .intro.editorial .image-note{right:5%;bottom:5px;font-size:.4375rem}
 .home-edit{padding:28px 0 40px}
 .edit-intro{display:block;margin-bottom:28px}
 .edit-intro h2{font-size:.75rem;margin-bottom:10px}
 .edit-intro p{font-size:.6875rem;max-width:38ch}
 .edit-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 14px;align-items:end}
 .edit-shoes{grid-column:1/span 2;grid-row:1}
 .edit-shirts{grid-column:4/span 3;grid-row:1}
 .edit-tailoring{grid-column:2/span 5;grid-row:2;margin-top:12px}
 .edit-label{font-size:.625rem;letter-spacing:.035em;min-height:32px;padding-bottom:7px;gap:8px}
 .edit-image-note{font-size:.5rem;line-height:1.6;margin-top:16px;max-width:35ch}
 .edit-story{grid-template-columns:repeat(6,minmax(0,1fr));gap:38px 14px;margin-top:56px}
 .edit-atmosphere{grid-column:1/span 5;aspect-ratio:4/5}
 .edit-atmosphere>span{font-size:.6875rem;padding:40px 15px 15px}
 .edit-detail{grid-column:3/span 4}
 .edit-detail h2{font-size:2.5rem;margin-top:23px}
 .edit-detail p{font-size:.75rem}
 .edit-text-link{font-size:.6875rem}
}
@media(prefers-reduced-motion:reduce){
 .edit-frame img,.edit-atmosphere>img,.edit-label>span{transition:none;transform:none!important}
 .editorial-caption h1{animation:none}
}