/* Editorial menswear page, based on Olga Vostretsova's presentation. */
.mens-main h1,.mens-main h2,.mens-main h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}.mens-main h2{font-size:clamp(30px,3vw,44px);line-height:1.2;letter-spacing:-.02em;margin-bottom:28px}.mens-main h3{font-size:26px;line-height:1.3}.mens-main p{overflow-wrap:break-word}.mens-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;align-items:center;padding-top:112px;padding-bottom:72px}.mens-hero-copy{min-width:0}.mens-hero h1{font-size:clamp(40px,4.2vw,62px);line-height:1.08;letter-spacing:-.03em}.mens-hero .breadcrumbs{margin-bottom:32px}.mens-hero .direction-kicker{font-size:11px;letter-spacing:.12em}.mens-lead{font-size:21px;line-height:1.6;color:#655e55;margin-top:24px;max-width:440px}.mens-hero-description{font-size:16px;line-height:1.8;color:#655e55;margin-top:20px}.mens-hero .direction-button{margin-top:28px}.mens-hero-note{font-size:13px;line-height:1.7;margin-top:16px;color:#655e55;max-width:350px}.mens-hero-photo{aspect-ratio:970/1080;background:#e5ded3;overflow:hidden}.mens-hero-photo img{width:100%;height:100%;object-fit:cover}.mens-section{padding-block:80px}.mens-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.mens-image img{display:block;width:100%;height:auto}.mens-copy p,.mens-first-meeting p,.mens-approach>p,.mens-appropriateness p{font-size:18px;line-height:1.8;color:#655e55;margin-bottom:20px}.mens-copy .direction-kicker{font-size:12px;line-height:1.7;color:#80582e}.mens-copy p:last-child{margin-bottom:0}.mens-principle{background:#151515;color:#f8f5f0}.mens-principle>.container{padding-block:64px}.mens-principle .mens-image{max-width:400px}.mens-principle .direction-kicker{color:#d2b78f}.mens-principle p{color:#d2c7b7}.mens-principle .mens-contexts{border-top:1px solid #ffffff26;padding-top:24px;font-size:15px;margin-top:28px}.mens-problem{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.mens-problem h2{margin-bottom:0}.mens-approach{margin-top:48px;border-top:1px solid #d4cbbc;padding-top:36px;max-width:840px}.mens-approach h3{font-size:32px;line-height:1.35;margin-bottom:24px}.mens-approach .mens-signature{font-size:14px;color:#80582e;margin-top:24px;margin-bottom:0}.mens-value{background:#e8e1d5}.mens-value-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:72px}.mens-benefits{margin:0}.mens-benefits>div{display:grid;grid-template-columns:1fr;gap:8px;border-top:1px solid #bca98a;padding:20px 0}.mens-benefits>div:first-child{padding-top:0;border:0}.mens-benefits dt{font-family:Georgia,serif;font-size:23px;line-height:1.5}.mens-benefits dd{font-size:16px;line-height:1.8;color:#655e55;margin:0}.mens-main .mens-question{max-width:840px;font-size:clamp(32px,3.4vw,48px)}.mens-section-lead{font-size:18px;line-height:1.8;color:#655e55;max-width:760px}.mens-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:36px}.mens-scenarios article{border-top:1px solid #bca98a;padding-top:24px}.mens-scenarios span{display:block;font-size:13px;color:#80582e;margin-bottom:16px}.mens-scenarios h3{font-size:25px;margin-bottom:16px}.mens-scenarios p{font-size:16px;line-height:1.8;color:#655e55}.mens-system-note{margin-top:32px;font-size:16px}.mens-fit{background:#e8e1d5}.mens-wide-photo{margin:40px 0 0}.mens-wide-photo img{width:100%;height:auto}.mens-wide-photo figcaption{font-size:14px;line-height:1.6;color:#655e55;margin-top:16px}.mens-appropriateness{margin-top:36px;max-width:820px}.mens-appropriateness h3{margin-bottom:16px}.mens-copy .mens-fabric-count{font-family:Georgia,serif;font-size:72px;line-height:1;margin:32px 0 12px;color:#80582e}.mens-copy .mens-fabric-caption{font-size:16px;line-height:1.6;margin-bottom:8px}.mens-details{background:#e8e1d5}.mens-detail-photo{margin:0}.mens-detail-photo img{width:100%;height:auto}.mens-master{display:grid;grid-template-columns:.78fr 1fr;gap:80px;align-items:center}.mens-master-photo img{width:100%;height:auto;max-height:580px;object-fit:cover;object-position:center top}.mens-master .mens-master-name{font-family:Georgia,serif;font-size:28px;color:#262521;margin:0 0 8px}.mens-master .mens-master-meta{font-size:14px;margin-bottom:28px}.mens-wardrobe{background:#e8e1d5}.mens-wardrobe-photo{margin-top:40px}.mens-wardrobe-photo img{width:100%;height:auto}.mens-process-facts{display:flex;gap:64px;border-top:1px solid #ffffff26;margin-top:40px;padding-top:28px}.mens-process-facts strong{display:block;font-family:Georgia,serif;font-size:32px;font-weight:400;color:#d2b78f;line-height:1.3}.mens-process-facts span{display:block;font-size:14px;line-height:1.8;margin-top:8px}.mens-process-note{font-size:14px;line-height:1.8;margin-top:24px}.mens-first-meeting>div{max-width:840px}.mens-first-meeting .direction-button{margin-top:8px}.mens-first-meeting .mens-meeting-note{font-size:14px;margin:16px 0 0}.mens-main .direction-faq{padding-bottom:64px}.mens-main .direction-faq h2{margin-bottom:28px}.mens-main .direction-related{padding-bottom:64px}
@media(max-width:1100px){.mens-hero,.mens-split,.mens-problem{gap:36px}.mens-value-grid{gap:40px}.mens-master{gap:48px}.mens-benefits>div{grid-template-columns:1fr;gap:8px}.mens-hero h1{font-size:clamp(38px,4.9vw,54px)}}
@media(max-width:767px){.mens-hero{grid-template-columns:1fr;gap:32px;padding-top:96px;padding-bottom:48px}.mens-hero h1{font-size:clamp(32px,9vw,52px)}.mens-hero .breadcrumbs{margin-bottom:24px}.mens-lead{font-size:19px}.mens-section{padding-block:52px}.mens-split,.mens-problem,.mens-value-grid,.mens-master{grid-template-columns:1fr;gap:28px}.mens-main h2{font-size:32px;margin-bottom:24px}.mens-main h3{font-size:25px}.mens-copy p,.mens-first-meeting p,.mens-approach>p,.mens-appropriateness p{font-size:17px}.mens-principle>.container{padding-block:48px}.mens-principle .mens-image{max-width:none;grid-row:2}.mens-approach{margin-top:32px;padding-top:28px}.mens-approach h3{font-size:27px}.mens-approach .mens-signature{font-size:14px}.mens-benefits>div{padding-block:18px}.mens-benefits dt{font-size:24px}.mens-scenarios{grid-template-columns:1fr;gap:24px}.mens-main .mens-question{font-size:32px}.mens-section-lead{font-size:17px}.mens-scenarios h3{font-size:24px}.mens-wide-photo{margin-top:28px}.mens-appropriateness{margin-top:28px}.mens-copy .mens-fabric-count{font-size:64px}.mens-master-photo{max-width:450px}.mens-master .mens-master-name{font-size:26px}.mens-process-facts{gap:24px;flex-direction:column;margin-top:28px;padding-top:24px}.mens-process-facts strong{font-size:30px}.mens-main .direction-faq,.mens-main .direction-related{padding-bottom:48px}.mens-hero .direction-button{max-width:100%}.mens-wardrobe-photo{margin-top:28px}}
