/* A V4 responsive implementation. Desktop reference at 1440 CSS px is untouched.
 * All selectors are scoped to inner-page body class garment-inner.
 * Tablet switches fixed editorial columns to fluid tracks; phone keeps the
 * original reading order and photography, with text and controls at usable sizes.
 */
@media (max-width:1190px) {
  .garment-inner .wrap,
  .garment-inner .brxe-div.wrap {width:calc(100% - 64px);max-width:none;}
  .garment-inner main *,
  .garment-inner #brx-content * {min-width:0;}
  .garment-inner header nav,
  .garment-inner header .language {display:none;}
  .garment-inner .mobile-toggle {display:flex;flex-direction:column;gap:7px;justify-content:center;align-items:center;width:46px;height:46px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:7px;}
  .garment-inner .mobile-toggle span {display:block;width:21px;height:1.5px;min-height:0!important;min-width:0!important;background:currentColor;}
  .garment-inner .page-intro>div {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;}
  .garment-inner .page-intro h1 {font-size:46px;}
  .garment-inner .about-cover-title {width:60%;right:24px;padding:28px;}
  .garment-inner .about-cover-title h1 {font-size:40px;}
  .garment-inner .about-materials {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(0,1fr);gap:28px;}
  .garment-inner .about-statement>.wrap {grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;padding:28px;}
  .garment-inner .about-statement>.wrap>p {font-size:31px;}
  .garment-inner .about-closing {gap:36px;}
  .garment-inner .catalog-material>.wrap {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.35fr);gap:24px;padding:28px;}
  .garment-inner .catalog-grid,
  .garment-inner .related-products {gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));}
  .garment-inner .product-opening {grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;}
  .garment-inner .product-primary {height:560px;}
  .garment-inner .product-copy h1 {font-size:46px;}
  .garment-inner .product-copy>.button {min-width:0;max-width:100%;}
  .garment-inner .reference-spec dl>div {grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);gap:14px;}
  .garment-inner .dress-details {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:26px;}
  .garment-inner .product-custom>.wrap {grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:32px;}
  .garment-inner .custom-pair {gap:24px;}
  .garment-inner .related-products .product-image {height:auto;aspect-ratio:3/4;}
  .garment-inner .story-heading {grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;}
  .garment-inner .process-photographs {grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;}
  .garment-inner .sample-chapter>.wrap {grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);}
  .garment-inner .sample-copy {padding:28px;}
  .garment-inner .sample-copy h2 {font-size:38px;}
  .garment-inner .quality-study {grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,.7fr);gap:28px;}
  .garment-inner .project-invitation>.wrap {grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;}
  .garment-inner .project-secondary {grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:36px;}
  .garment-inner .project-cover-label {gap:24px;}
  .garment-inner .project-cover-label h2 {font-size:34px;}
  .garment-inner .case-narrative {grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;}
  .garment-inner .case-development>.wrap {grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:32px;padding:28px;}
  .garment-inner .case-result-title {gap:36px;}
  .garment-inner .case-result-title>* {flex:1;}
  .garment-inner .case-product-gallery {grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
  .garment-inner .case-next {gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);}
  .garment-inner .journal-heading {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;}
  .garment-inner .journal-feature>.wrap {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);}
  .garment-inner .journal-feature>.wrap>div {padding:28px;}
  .garment-inner .journal-feature h2 {font-size:32px;}
  .garment-inner .no-wrap {white-space:normal;}
  .garment-inner .journal-material {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;}
  .garment-inner .journal-material-note {grid-column:1/-1;padding-top:0;display:flex;gap:22px;align-items:baseline;}
  .garment-inner .journal-material-note span {flex:none;}
  .garment-inner .journal-story-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;}
  .garment-inner .journal-story-grid article {display:block;}
  .garment-inner .journal-story-grid article>div {padding-top:20px;}
  .garment-inner .journal-small-photo {height:270px;}
  .garment-inner .article-cover {width:calc(100% - 64px);}
  .garment-inner .article-reading {width:min(760px,calc(100% - 64px));}
  .garment-inner .article-related>.wrap>div {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;}
  .garment-inner .article-related article {grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:20px;}
  .garment-inner .contact-main>.wrap {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;}
  .garment-inner .contact-paper {padding-left:0;}
  .garment-inner .contact-introduction h1 {font-size:40px;}
  .garment-inner .contact-preparation {grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;}
  .garment-inner .contact-channels {grid-template-columns:1fr;}
  .garment-inner .contact-paper .form-grid {gap:18px 16px;}
  .garment-inner .footer-grid {grid-template-columns:1.2fr .65fr .65fr 1fr;gap:24px;}
  .garment-inner .footer-grid .wordmark {font-size:25px;}
}

@media (max-width:800px) {
  .garment-inner .wrap,
  .garment-inner .brxe-div.wrap {width:calc(100% - 40px);}
  .garment-inner main h1 {font-size:38px;line-height:1.16;}
  .garment-inner main h2 {font-size:32px;line-height:1.2;}
  .garment-inner main p {font-size:18px;line-height:1.6;}
  .garment-inner .page-intro {padding:28px 0;}
  .garment-inner .page-intro>div,
  .garment-inner .about-introduction>div,
  .garment-inner .about-statement>.wrap,
  .garment-inner .about-materials,
  .garment-inner .about-closing,
  .garment-inner .catalog-material>.wrap,
  .garment-inner .product-opening,
  .garment-inner .dress-details,
  .garment-inner .product-custom>.wrap,
  .garment-inner .story-heading,
  .garment-inner .process-photographs,
  .garment-inner .sample-chapter>.wrap,
  .garment-inner .quality-study,
  .garment-inner .project-invitation>.wrap,
  .garment-inner .project-secondary,
  .garment-inner .case-narrative,
  .garment-inner .case-development>.wrap,
  .garment-inner .case-next,
  .garment-inner .journal-heading,
  .garment-inner .journal-feature>.wrap,
  .garment-inner .journal-material,
  .garment-inner .contact-main>.wrap,
  .garment-inner .contact-preparation {display:block;}
  .garment-inner .page-intro h1 {margin-bottom:18px;}
  .garment-inner .about-cover {height:auto;margin-top:24px;}
  .garment-inner .about-cover-photo {height:360px;}
  .garment-inner .about-cover-title {position:static;width:100%;padding:26px 0 0;}
  .garment-inner .about-cover-title h1 {font-size:38px;}
  .garment-inner .about-introduction {padding:34px 0;}
  .garment-inner .about-introduction h2 {font-size:34px;margin-bottom:24px;}
  .garment-inner .about-introduction p+p {margin-top:18px;}
  .garment-inner .about-statement>.wrap {padding:24px;}
  .garment-inner .about-statement>.wrap>p {font-size:29px;line-height:1.28;margin-bottom:24px;}
  .garment-inner .about-materials {padding:34px 0;}
  .garment-inner .about-materials>*+* {margin-top:28px;}
  .garment-inner .about-materials figure:last-child {padding-bottom:0;}
  .garment-inner .about-portrait {height:420px;}
  .garment-inner .about-landscape {height:280px;}
  .garment-inner .about-closing {padding-bottom:38px;}
  .garment-inner .about-closing>div {margin-top:26px;}
  .garment-inner .catalog-intro {padding:30px 0 26px;}
  .garment-inner .category-tabs {flex-wrap:wrap;gap:9px;justify-content:flex-start;}
  .garment-inner .category-tabs a {padding:7px 18px;font-size:17px;}
  .garment-inner .catalog-tools {align-items:flex-start;gap:12px;}
  .garment-inner .catalog-tools>div {flex-wrap:wrap;justify-content:flex-end;gap:8px 18px;}
  .garment-inner .catalog-tools>span {flex:none;}
  .garment-inner .catalog-grid,
  .garment-inner .related-products {grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px;}
  .garment-inner .catalog .product-card h3,
  .garment-inner .related-products .product-card h3 {font-size:21px;line-height:1.3;min-height:0;}
  .garment-inner .catalog .product-card p {font-size:17px;line-height:1.5;min-height:0;}
  .garment-inner .product-meta {gap:6px;flex-wrap:wrap;}
  .garment-inner .catalog-material {margin:30px 0;}
  .garment-inner .catalog-material>.wrap {padding:24px;}
  .garment-inner .catalog-material-photo {height:260px;margin-top:24px;}
  .garment-inner .catalog-texture {display:none;}
  .garment-inner .product-breadcrumb {gap:9px;flex-wrap:wrap;font-size:15px;padding:23px 0 18px;}
  .garment-inner .product-primary {height:min(570px,132vw);}
  .garment-inner .product-thumbnails {gap:12px;}
  .garment-inner .dress-crop {height:100px;}
  .garment-inner .product-thumbnails figcaption {font-size:14px;line-height:21px;}
  .garment-inner .product-copy {padding-top:30px;}
  .garment-inner .product-copy h1 {font-size:40px;}
  .garment-inner .product-copy>.button {min-width:0;width:100%;max-width:420px;}
  .garment-inner .reference-spec dl>div {grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr);gap:18px;}
  .garment-inner .dress-details {padding:6px 0 34px;}
  .garment-inner .dress-details figure {margin-top:26px;}
  .garment-inner .dress-detail-large {height:300px;}
  .garment-inner .product-custom>.wrap {padding:24px;}
  .garment-inner .custom-fabric {height:280px;}
  .garment-inner .custom-copy {margin-top:26px;}
  .garment-inner .custom-pair {display:block;}
  .garment-inner .custom-pair article+article {margin-top:24px;}
  .garment-inner .section-title {align-items:flex-start;flex-direction:column;gap:12px;}
  .garment-inner .section-title .text-link {margin-top:0;}
  .garment-inner .factory-wide {height:320px;}
  .garment-inner .process-editorial {padding:26px 0 34px;}
  .garment-inner .story-heading p {margin-top:20px;}
  .garment-inner .process-photographs figure+figure {margin-top:28px;padding-top:0;}
  .garment-inner .process-large,
  .garment-inner .process-small {height:300px;}
  .garment-inner .sample-chapter>.wrap {padding:0;}
  .garment-inner .sample-copy {padding:26px;margin-bottom:0;}
  .garment-inner .sample-copy h2 {font-size:34px;}
  .garment-inner .sample-chapter figure {position:relative;min-height:396px;}
  .garment-inner .sample-image {position:absolute;inset:0 0 36px;height:auto;min-height:0;}
  .garment-inner .sample-chapter figcaption {padding-left:0;}
  .garment-inner .quality-study {padding:34px 0;}
  .garment-inner .quality-study>*+* {margin-top:26px;}
  .garment-inner .quality-main {height:400px;}
  .garment-inner .quality-study aside {padding-bottom:0;}
  .garment-inner .quality-texture {height:180px;}
  .garment-inner .project-invitation>.wrap {padding:22px 0;}
  .garment-inner .project-invitation h2 {font-size:32px;margin-bottom:18px;}
  .garment-inner .project-main-cover {padding-bottom:32px;}
  .garment-inner .project-cover-wide {height:340px;}
  .garment-inner .project-cover-label {display:block;}
  .garment-inner .project-cover-label h2 {font-size:32px;}
  .garment-inner .project-cover-label .text-link {margin-top:12px;}
  .garment-inner .project-secondary {padding-bottom:32px;}
  .garment-inner .project-secondary article:last-child {padding-top:34px;}
  .garment-inner .project-cover-one,
  .garment-inner .project-cover-two {height:320px;}
  .garment-inner .project-secondary h2 {font-size:32px;}
  .garment-inner .case-title {padding:28px 0;}
  .garment-inner .case-title h1 {font-size:40px;}
  .garment-inner .case-cover-image {height:330px;}
  .garment-inner .case-narrative {padding:32px 0;}
  .garment-inner .case-narrative>div {margin-top:24px;}
  .garment-inner .case-development>.wrap {padding:24px;}
  .garment-inner .case-process-portrait {height:390px;}
  .garment-inner .case-development-copy {margin-top:28px;}
  .garment-inner .case-result {padding:32px 0;}
  .garment-inner .case-result-title {display:block;}
  .garment-inner .case-result-title p {margin-top:20px;}
  .garment-inner .case-product-gallery {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
  .garment-inner .case-product-gallery figure>div {height:auto;aspect-ratio:3/4;}
  .garment-inner .case-next {padding:6px 0 30px;}
  .garment-inner .case-next figure {margin-top:26px;}
  .garment-inner .case-next-image {height:290px;}
  .garment-inner .journal-heading {padding:28px 0;}
  .garment-inner .journal-heading nav {margin-top:24px;gap:10px 16px;}
  .garment-inner .journal-heading nav a {display:flex;align-items:center;min-height:44px;}
  .garment-inner .journal-feature>.wrap {padding:0;}
  .garment-inner .journal-feature>.wrap>div {padding:24px;}
  .garment-inner .journal-feature-photo {height:310px;}
  .garment-inner .journal-feature h2 {font-size:31px;}
  .garment-inner .journal-material {padding:32px 0;}
  .garment-inner .journal-material figure {margin-top:24px;}
  .garment-inner .journal-material-photo {height:290px;}
  .garment-inner .journal-material-note {display:block;margin-top:24px;}
  .garment-inner .journal-material-note span {margin-bottom:10px;}
  .garment-inner .journal-story-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;}
  .garment-inner .journal-small-photo {height:240px;}
  .garment-inner .article-heading {padding:28px 0 24px;}
  .garment-inner .article-heading h1 {font-size:38px;margin:16px auto 20px;}
  .garment-inner .article-heading>p:last-child {font-size:18px;}
  .garment-inner .article-cover {width:calc(100% - 40px);margin-bottom:28px;}
  .garment-inner .article-cover-photo {height:290px;}
  .garment-inner .article-reading {width:calc(100% - 40px);max-width:660px;}
  .garment-inner .article-reading section h2 {font-size:29px;line-height:1.28;}
  .garment-inner .article-reading p {font-size:18px;line-height:1.65;}
  .garment-inner .article-inline-photo {height:260px;}
  .garment-inner .article-checklist {padding:22px;}
  .garment-inner .article-related>.wrap {padding:24px;}
  .garment-inner .article-related>.wrap>div {grid-template-columns:1fr;gap:28px;}
  .garment-inner .article-related article {grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:20px;}
  .garment-inner .related-read-image {height:190px;}
  .garment-inner .contact-main {padding:28px 0 18px;}
  .garment-inner .contact-main>.wrap {padding:0;}
  .garment-inner .contact-introduction h1 {font-size:38px;}
  .garment-inner .contact-conversation-photo {height:290px;}
  .garment-inner .contact-channels {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;}
  .garment-inner .contact-paper {padding:0;margin-top:38px;}
  .garment-inner .contact-paper h2 {font-size:34px;margin-bottom:24px;}
  .garment-inner .contact-paper .form-grid {grid-template-columns:1fr;}
  .garment-inner .contact-paper .attachment {align-items:flex-start;}
  .garment-inner .contact-paper .attachment .arrow {flex:none;}
  .garment-inner .contact-preparation {padding:18px 0 38px;}
  .garment-inner .contact-preparation>div {margin-top:26px;}
  .garment-inner .contact-reference-photo {height:300px;}
  .garment-inner .footer-grid {grid-template-columns:1fr 1fr;gap:24px;}
  .garment-inner .footer-grid .wordmark {font-size:24px;}
  .garment-inner .footer-grid>div:first-child,
  .garment-inner .footer-contact {grid-column:1/-1;}
}

@media (max-width:480px) {
  .garment-inner .about-cover-photo {height:300px;}
  .garment-inner .about-cover-title h1 {font-size:35px;}
  .garment-inner .about-portrait {height:380px;}
  .garment-inner .about-landscape {height:240px;}
  .garment-inner .about-drape {height:300px;}
  .garment-inner .button {min-width:0!important;max-width:100%;gap:16px;}
  .garment-inner .button .arrow {flex:none;}
  .garment-inner .catalog-tools {display:block;}
  .garment-inner .catalog-tools>div {justify-content:space-between;margin-top:6px;}
  .garment-inner .catalog .product-card h3,
  .garment-inner .related-products .product-card h3 {font-size:20px;}
  .garment-inner .catalog .product-card p {font-size:16px;}
  .garment-inner .product-meta {font-size:14px;}
  .garment-inner .dress-crop {height:88px;}
  .garment-inner .reference-spec dl>div {font-size:17px;}
  .garment-inner .factory-wide {height:290px;}
  .garment-inner .quality-main {height:340px;}
  .garment-inner .case-product-gallery {grid-template-columns:1fr;gap:24px;}
  .garment-inner .case-product-gallery figure>div {height:370px;aspect-ratio:auto;}
  .garment-inner .journal-story-grid {grid-template-columns:1fr;gap:30px;}
  .garment-inner .journal-small-photo {height:270px;}
  .garment-inner .article-heading h1 {font-size:35px;}
  .garment-inner .article-cover-photo {height:260px;}
  .garment-inner .article-related article {display:block;}
  .garment-inner .article-related article>div {padding-top:16px;}
  .garment-inner .related-read-image {height:200px;}
  .garment-inner .article-share {font-size:15px;gap:12px;flex-wrap:wrap;}
  .garment-inner .contact-introduction h1 {font-size:36px;}
  .garment-inner .contact-channels {grid-template-columns:1fr;}
}
