@media (max-width: 1400px) {
	:root{--scale: 0.85;}
  
	/* header*/
	.site-header{padding:0 20px;}
    .site-header .header-container{gap:20px; padding:12px 0;}
    .site-header .main-nav{gap:16px;}
	.site-header .header-btn{width:auto; padding:11px 14px;}
	
	/* home page */
	.hero-container{gap: clamp(30px, 5vw, 107px);}
	.hero-title{font-size:clamp(2.5rem, 5.5vw, 72px);}
	.hero-left{width:100%; max-width:652px; flex:1;}
	
	/* about us page */
	.about-content{padding-left:20px; padding-right:60px;}
	
}

@media (max-width: 1250px){
	:root{--scale:0.75;}
	
	/* home page */
	.hero-title{font-size:clamp(2.2rem, 5vw, 64px);}
	
	/* about us page */
	.about-inner{min-height:650px;}
    .about-content{min-width:auto; width:50%; padding-right:40px;}
}

@media (max-width: 1200px) {
	/* Trust Strip overrides */
	.trust-strip {
    height: auto;
    padding:24px 20px;
  }
  .trust-strip-container {
    flex-wrap: wrap;
    gap: 30px 0;
  }
  .trust-item {
    width: 50%;
  }
  .trust-item:nth-child(odd) {
    border-left: none;
  }
  .trust-item:nth-child(even) {
    border-left: 1.99167px solid #C7A86D;
  }
  
  /*Services Section Responsive Overrides*/
  .services-section {
    padding:48px 32px;
  }
  
  .services-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
  
  .services-header-right {
    max-width: 100%;
  }
  
  .services-vertical-line {
    width: 80px;
    height: 1px;
  }
  
  .wardrobe-grid-row {
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
  
  .wardrobe-card {
    width: 100%;
    max-width: 432px;
    height: 560px;
  }
  
  .wardrobe-card-img {
    width: 100% !important;
  }
  
  .wardrobe-card-overlay {
    width: 100% !important;
    height: 100% !important;
  }
  
  .wardrobe-card-info {
    width: 100% !important;
  }
  
  /* Responsive Overrides for Global Bespoke Section */
  .global-bespoke-section {
    padding:60px 32px;
  }
  
  .global-bespoke-container {
    flex-direction: column;
    gap: 48px;
  }
  
  .global-bespoke-left {
    width: 100%;
    max-width: 100%;
  }
  
  .global-bespoke-right {
    width: 100%;
    max-width: 699.58px;
  }
  
  .global-bespoke-title {
    font-size: 42px;
    line-height: 48px;
  }
  /* Responsive Overrides */
  .process-section {
    padding:60px 32px;
  }
  
  .cloth-card {
    border: none !important;
    border-image: none !important;
    border-bottom: 1px solid rgba(47, 69, 113, 0.2) !important;
    border-right: 1px solid rgba(47, 69, 113, 0.2) !important;
    width: 50% !important;
    height: auto !important;
  }
  
  .cloth-card:nth-child(2n) {
    border-right: none !important;
  }
  
  .cloth-card:nth-child(n+8) {
    border-bottom: none !important;
  }
  
  /* Responsive Rules for Part 6 */
  .circuit-section {
    padding:56px 32px;
  }
  
  .circuit-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
  .circuit-title-block{ width: 100%;
    height: auto;}
  .circuit-desc-block {
    width: 100%;
    height: auto;
  }

  .grid-divider-v,
  .grid-divider-h {
    display: none !important;
  }
  
  .location-card {
    width: 50%;
    max-width: 500px;
    height: auto !important;
    border: none !important;
    border-bottom: 1px solid #E0C798 !important;
    border-right: 1px solid #E0C798 !important;
  }
  
  .location-card:nth-child(2n) {
    border-right: none !important;
  }
  
  /* Responsive Styles for Part 7 */
  .shows-section {
    padding: 60px 32px;
  }
  
  .shows-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
  
  .shows-desc-block {
    width: 100%;
    height: auto;
  }
  
  .shows-grid {
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
  }
  
  .shows-card {
    width: calc(50% - 16px);
    max-width: 380px;
  }
  
  	/* Responsive Styles for Part 8 */
  .founder-section {
    padding: 60px 32px;
  }
  
  .founder-container {
    flex-direction: column;
    gap: 60px;
  }
  
  .founder-img-block {
    width: 440px;
    height: 550px;
  }
  
  .founder-badge {
    right: -16px;
  }
  
  .founder-info-content {
    align-items: center;
    text-align: center;
    max-width: 600px;
  }
  
  .founder-eyebrow {
    justify-content: center;
  }
  
  .founder-stats {
    justify-content: center;
    gap: 32px;
  }
  
	/* about us page */
	.about-inner{flex-direction:column; min-height:auto;}
    .about-content{
		width:100%; min-width:0;
        padding:80px 20px 60px;
        text-align:center;
        display:flex; flex-direction:column; align-items:center;
    }
    .about-content .hero-text-block, .about-content .hero-actions-stats,  .about-content .hero-buttons{align-items:center;}
    .about-content .hero-subtitle{justify-content:center;}
    .about-image{width:100%; flex:none; height:500px;}
	
	/*  about us page >> clientele section */
	.clientele-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .clientele-title {
        font-size: 48px;
    }
}

@media (max-width: 1100px) {
	:root{--scale:0.65;}
}

@media (max-width:1024px){

    /* about us page >>  owner journey section */
	.trust-strip-founder .trust-strip-container{
        flex-wrap:wrap;
        gap:30px;
    }

    .trust-divider{
        display:none;
    }

    .founder-trust-item{
        width:calc(50% - 15px);
    }
	
	/* service page */
    .materials-grid-section{
        padding:60px 30px;
    }

    .materials-grid-container{
        grid-template-columns:repeat(2,1fr);
        gap:40px 0;
    }

    .material-card:nth-child(3) .material-content,
    .material-card:nth-child(4) .material-content{
        border-top:1px solid rgba(248,244,237,.08);
        padding-top:40px;
    }
}

@media (max-width: 992px) {
	:root{--scale:0.8;}
  
	/* make <br> tag full in resposnsive */
	.desktop-br{display:none;}
	h2 span{margin-left:6px;}
	
	/* header */
	.mobile-toggle{
        display:flex;
        margin-left:auto;
        z-index:1002;
    }
    .header-btn{display:none;}
	.logo-img-wrapper{width:88px; top: -10px;}
    .main-nav{
        position:fixed;
        top:76px;
        left:0;
        width:100%;
        background:#192B4F;
        flex-direction:column !important;
        align-items:flex-start; gap:0;
        margin:0; padding:0;
        max-height:0;
        overflow:hidden;
        transition:max-height .4s ease;
        z-index:5;
    }
    .main-nav.active{max-height:600px; height:600px; padding-top:24px;}
    .nav-item{
        display:flex;
        width:100%;
        height:auto;
        padding:16px 20px;
        box-sizing:border-box;
        border-bottom:1px solid rgba(255,255,255,.1);
    }

    .nav-link{
        display:block;
        width:100%;
        font-size:14px;
    }

    .nav-indicator{
        display:none;
    }
	
	/* home page */	
	.hero-section{padding:120px 20px 60px;}
	.hero-container{
		flex-direction:column; align-items:center;
		text-align:center; gap:60px;
	}
	.hero-title{width:70%; margin:auto;}
	.hero-left{width:100%; max-width:100%; align-items:center;}
	.hero-text-block, .hero-actions-stats, .hero-buttons{align-items:center;}
	.hero-description{max-width:100%;}
	.hero-subtitle{justify-content:center;}
	.hero-right{width:601px; height:737px; margin:0 auto;}
	.hero-grid, .stats-grid, .trunk-grid{grid-template-columns:1fr;}  
	.testimonial-section{flex-direction:column; text-align:center; padding:2rem;}
	.hero-section{min-height:auto; padding:48px 35px 0 35px;}
	.hero-buttons{width:100%; justify-content:center;}
	.gallery-grid{grid-template-columns:repeat(2, 1fr);}  
	.trunk-grid{grid-template-columns:1fr 1fr;}
	.footer-grid{grid-template-columns:repeat(2, 1fr);}
	.services-title{font-size:46px;}
	.services-title span{margin-left:6px;}
	 /* home page Part 9 */
	.cta-title{font-size:56px; line-height:64px;}
	
	/* about us page */
	.heritage-container{flex-direction:column;}
    .heritage-gallery{width:100%; max-width:620px;}
    .heritage-content{max-width:100%; text-align:center;}
    .section-eyebrow, .heritage-quote{justify-content:center;}
    .heritage-watermark{display:none;}
	
	/* about us page >> timeline */
	.timeline-wrapper{flex-wrap:wrap; gap:50px 30px;}
    .timeline-item{width:calc(50% - 15px); flex:none;}
	
	/* about us page >> founder vision section */
	.founder-section.about .founder-container{flex-direction:column; gap:24px;}
    .founder-section.about .founder-image, .founder-section.about .founder-info-content{width:100%; height:auto;}
	.founder-section.about .founder-info-content{padding:0;}
    .founder-section.about .founder-image{height:500px;}
    .founder-section.about .founder-info-content{padding:24px;}
	
	 /* about us page >> why choose section */
	.bespoke-difference-grid{
        grid-template-columns:1fr;
    }
	
	/* about us >> our team section */
	    .pb-team-section{
        padding:60px 20px;
    }

    .pb-team-title{
        font-size:42px;
    }

    .pb-team-card{
        height:420px;
    }
	
	/* about us >> cta section */	
    .pb-final-title{
        font-size:54px;
    }

    .pb-final-actions{
        flex-direction:column;
    }
	
	/* services page */
	.reverse-layout .founder-container{
        flex-direction: column;
    }
	.founder-section.bespoke-piece-section.reverse-layout .founder-container{flex-direction: column;}
	.founder-section.bespoke-piece-section.reverse-layout .founder-info-content{padding:24px;}
	
	/* process page */
	.process-step-section{
        padding:0 20px;
    }

    .process-step-container{
        flex-direction:column;
    }

    /* Override reverse sections */
    .process-step-reverse .process-step-container{
        flex-direction:column;
    }

    .process-step-image{
        width:100%;
        order:1;
    }

    .process-step-content{
        width:100%;
        order:2;
        padding:40px 25px;
    }

    .process-step-image img{
        width:100%;
        min-height:300px;
        height:300px;
        object-fit:cover;
    }

    .process-number{
        font-size:80px;
        margin-bottom:5px;
    }

    .process-title{
        font-size:32px;
        line-height:42px;
    }

    .process-description{
        max-width:100%;
        font-size:15px;
        line-height:26px;
    }

    .process-bottom-line{
        left:25px;
    }
	
	/* contact us page */
	.zoom-consultation-section{padding:80px 20px;}
    .zoom-consultation-container{flex-direction:column; gap:40px;}
    .zoom-consultation-image, .zoom-consultation-content{width:100%;}
	
	/* contact us page >> trunkshow section*/
	.trunkshow-grid{
        grid-template-columns:1fr;
        max-width:550px;
        margin:auto;
    }

    .trunkshow-city-info h3{
        font-size:42px;
    }

    .trunkshow-footer{
        flex-direction:column;
        align-items:flex-start;
    }

    .trunkshow-btn{
        width:100%;
    }
	
	/* contact form section */
    .contact-form-wrap{
        grid-template-columns:1fr;
        gap:50px;
    }

    .contact-form-card{
        padding:30px;
    }
	
	/* contact us >> last section */
	.contact-benefits-wrap{
        flex-wrap:wrap;
        gap:30px;
        padding:40px 30px;
    }

    .contact-benefit-divider{
        display:none;
    }

    .contact-benefit-item{
        max-width:calc(50% - 15px);
        flex:0 0 calc(50% - 15px);
    }
	
	/* BRAND CONTENT */
	.brand-item .process-step-container{
        flex-direction:column;
    }
    .process-step-reverse .process-step-container{
        flex-direction:column;
    }
    .brand-logo-box,
    .brand-content{
        width:100%;
    }
    .brand-content{
        padding:50px 40px;
    }
    .brand-title{
        font-size:44px;
        line-height:52px;
    }
	
	/* footer */
    .footer-top{flex-direction:column; gap:40px;}
	.footer-links-container{margin-left:0;}
	.footer-bottom{flex-direction:column; gap:16px; text-align:center;}
	.footer-bottom-text.text-right{text-align:center;}
}

@media (max-width: 768px) {
	:root{--scale: 0.65;}
	.pb-primary-btn{width:100%; justify-content:center; padding:16px 0;}  
	/* home page */
	.hero-section{padding:24px 16px;}

  .hero-title{
    font-size:40px;
    line-height:1.15;
  }

  .hero-description{
    font-size:15px;
    line-height:1.8;
  }

  .hero-stats{
    gap:20px;
    flex-wrap:wrap;
    justify-content:center;
    height:auto;
  }

  .hero-right{
    width:100%;
    max-width:500px;
    height:580px;
  }

  .hero-images-wrapper{
    width:100%;
    height:100%;
    left:0;
    transform:none;
  }

  .hero-img-overlap-1{
    width:220px;
    height:280px;
    left:-20px;
    top:320px;
  }

  .hero-img-overlap-2{
    width:150px;
    height:110px;
    left:-10px;
    top:20px;
  }

  .atelier-notes-card{
    right:20px;
    bottom:20px;
  }
  
  .hero-stats {
    flex-direction: column;
    gap: 15px;
    height: auto;
    align-items: center;
    width: 100%;
  }
  .stat-divider {
    width: 80%;
    height: 1px;
  }
  
  	/* Trust Strip overrides */
  .trust-strip-container {
    flex-direction: column;
    gap: 24px;
  }
  .trust-item {
    width: 100%;
    height: auto;
    border-left: none !important;
    padding: 10px 0;
  }
  .trust-item:not(:last-child) {
    border-bottom: 1px solid rgba(199, 168, 109, 0.4);
  }
  /* Responsive Overrides for Global Bespoke Section */
  .global-bespoke-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  }
  
  .global-bespoke-btn {
    width: 100%;
  }
  
  .global-bespoke-continents {
    justify-content: center;
  }
  
  .global-routes-card {
    height: auto;
    aspect-ratio: 699.58 / 419.73;
  }
  
  /* Responsive Overrides */
  .process-section {
    padding:40px 16px;
  }
  
  .process-title {
    font-size: 40px;
    line-height: 48px;
  }
  
  .cloth-card {
    width: 100% !important;
    max-width: 400px;
    height: auto !important;
    padding: 32px 20px;
    border-right: none !important;
    border-bottom: 1px solid rgba(47, 69, 113, 0.2) !important;
  }
  
  .cloth-card:last-child {
    border-bottom: none !important;
  }
  
  /* Responsive Rules for Part 6 */
  .circuit-section {
    padding:40px 16px;
  }
  
  .circuit-title {
    font-size: 40px;
    line-height: 48px;
  }
  
  .location-card {
    width: 100% !important;
    max-width: 400px;
    height: auto !important;
    padding: 32px 20px;
    border: none !important;
    border-bottom: 1px solid #E0C798 !important;
  }
  
  .location-card:last-child {
    border-bottom: none !important;
  }
  
  .location-bg-img {
    width: 180px;
    height: 194px;
  }
  
  .btn-circuit-invite {
    width: 100%;
    max-width: 336px;
  }
  
  /* Responsive Styles for Part 7 */
  .shows-section {
    padding: 50px 24px;
  }
  
  .shows-title {
    font-size: 40px;
    line-height: 48px;
  }
  
  .shows-grid {
    flex-direction: column;
    align-items: center;
  }
  
  .shows-card {
    width: 100%;
    max-width: 322px;
  }
  
  /* Responsive Styles for Part 8 */
  .founder-section {
    padding: 50px 24px;
  }
  
  .founder-img-block {
    width: 100%;
    max-width: 320px;
    height: 400px;
  }
  
  .founder-badge {
    width: 200px;
    height: 90px;
    padding: 16px 20px;
    right: -10px;
    bottom: 20px;
  }
  
  .founder-badge-name {
    font-size: 22px;
    line-height: 24px;
  }
  
  .founder-title {
    font-size: 40px;
    line-height: 48px;
  }
  
  .founder-stats {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
  
  .founder-stat-item {
    width: auto;
  }
  
    /* home page Part 9 */
  .final-cta-section {
    padding: 60px 24px;
  }
  
  .cta-title {
    font-size: 40px;
    line-height: 48px;
  }
  
  .cta-actions {
    flex-direction: column;
    gap: 16px;
  }
  
  .cta-btn, .cta-text-btn {
    width: 100%;
    max-width: 320px;
  }
  
  .cta-contact {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }
  
	/* about us page */
	.heritage-section{padding:60px 20px;}
	.heritage-title{font-size:38px;}
    .gallery-main{height:250px;}
    .gallery-small{height:140px;}

	/* about us page >> founder vision section */
	.founder-image{height:350px;}
    .founder-info-content{padding:50px 20px;}
    .founder-title{font-size:34px; line-height:1.15;}
	
	/* about us page >>  owner journey section */
	.trust-strip-founder{
        padding:40px 20px;
    }
	.founder-section.about .founder-image{height:380px;}
    .founder-trust-item{
        width:100%;
        justify-content:flex-start;
    }

    .trust-strip-founder .trust-value{
        font-size:40px;
    }
	
	/*  about us page >> clientele section */
	.clientele-section{padding:32px 20px;}
    .clientele-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .clientele-title {
        font-size: 38px;
        line-height: 1.2;
    }

    .clientele-description {
        font-size: 15px;
        line-height: 1.8;
    }

    .clientele-card {
        padding: 24px;
    }

    .clientele-card h3 {
        min-height: auto;
        font-size: 20px;
    }
	
	/* about us page >> why choose section */
	.bespoke-difference-section{
        padding:60px 20px;
    }

    .bespoke-difference-card{
        padding:30px;
    }

    .bespoke-difference-number{
        font-size:52px;
    }

    .bespoke-difference-heading{
        font-size:24px;
    }
	
	/* about us >> our team section */
	 .pb-team-card{
        height:380px;
    }

    .pb-team-card.featured{
        height:450px;
    }
	.pb-team-title{
        font-size:34px;
    }

    .pb-team-description{
        font-size:14px;
    }
    .pb-team-content h3{
        font-size:24px;
    }
	
	/* about us page >> Materials & Craftsmanship section */
	.materials-title{font-size:44px;}
	
	/* about us >> cta section */
	.pb-final-cta{padding:24px 16px;}
	.pb-final-eyebrow{margin-bottom:16px;}
    .pb-final-title{
        font-size:40px;
        line-height:1.15;
    }

    .pb-final-text{
        font-size:15px;
    }

    .pb-contact-line{
        flex-direction:column;
        gap:10px;
        line-height:1.8;
    }
	
	/* service page */
    .materials-grid-section{
        padding:50px 20px;
    }

    .materials-grid-container{
        grid-template-columns:1fr;
        gap:30px;
    }

    .material-content{
        min-height:auto;
        padding:35px 25px;
        border-left:none !important;
        border-top:none !important;
    }

    .material-image{
        height:220px;
    }

    .material-content h3{
        font-size:32px;
    }

    .material-content p{
        font-size:12px;
        line-height:18px;
    }
	
	/* process page */
	.process-step-section{padding:0 15px;}
    .process-step-content{padding:24px 16px;}
    .process-number{font-size:70px;}
    .process-title{
        font-size:28px;
        line-height:38px;
    }

    .process-description{
        font-size:15px;
        line-height:25px;
    }

    .process-step-image img{
        min-height:260px;
        height:260px;
    }

    .process-bottom-line{
        left:20px;
    }
	
	/* contact us page >> trunkshow section*/
    .trunkshow-image{
        height:300px;
    }

    .trunkshow-city-info h3{
        font-size:38px;
    }

    .trunkshow-footer{
        padding:20px;
    }

    .trunkshow-label{
        font-size:8px;
        letter-spacing:2px;
    }
	
	/* contact form section */
	.contact-form-section,
    .contact-trunkshows-section{
        padding:32px 20px;
    }
    .contact-form-card{
        padding:25px;
    }
    .trunkshow-content h3{
        font-size:36px;
    }
	
	/* contact us >> last section */
	.contact-benefits-section{
        padding:60px 20px;
    }

    .contact-benefits-wrap{
        flex-direction:column;
        gap:35px;
        padding:35px 20px;
    }

    .contact-benefit-item{
        max-width:100%;
        flex:0 0 100%;
    }

    .contact-benefit-icon{
        font-size:24px;
    }

    .contact-benefit-item h3{
        font-size:14px;
    }

    .contact-benefit-item p{
        font-size:13px;
        max-width:280px;
    }
	
	/* BRAND CONTENT */
	 .brand-content{
        padding:35px 25px;
    }
    .brand-content-inner{
        gap:30px;
    }
    .brand-title{
        font-size:36px;
        line-height:44px;
    }
    .brand-description{
        font-size:15px;
        line-height:25px;
    }
    .brand-signature-text{
        font-size:17px;
    }
    .brand-logo-box{
        padding:30px;
        min-height:220px;
    }
    .brand-logo-box img{
        max-height:140px;
    }
	
	/* footer*/
    .footer-container{padding:0 24px;}
	.footer-links-container{flex-direction:column; gap:32px;}
	.footer-link-col{width:100%;}
	.footer-watermark, .footer-small-logo{display:none;}
}

@media (max-width: 576px) {
  :root {
    --scale: 0.52;
  }
  
  /* home page */
  .hero-title{
    font-size:32px;
  }

  .hero-subtitle span{
    font-size:12px;
  }
  .btn-hero-primary{
    width:100%;
    max-width:320px;
  }

  .btn-hero-text{
    width:auto;
    padding:12px 0;
  }

  .hero-stats{
    width:100%;
    gap:15px;
  }

  .hero-stat-item{
    min-width:90px;
  }

  .stat-number{
    font-size:24px;
    line-height:30px;
  }

  .hero-right{
    height:500px;
  }

  .hero-img-overlap-1{
    width:170px;
    height:220px;
    left:0;
    top:290px;
    border-width:4px;
  }

  .hero-img-overlap-2{
    width:120px;
    height:90px;
    left:0;
    top:15px;
    border-width:4px;
  }

  .gallery-grid {
    grid-template-columns: 1fr;
  }
  .trunk-grid {
    grid-template-columns: 1fr;
  }
  .footer-grid {
    grid-template-columns: 1fr;
  }
  
	/* about us page */
	.gallery-row{flex-direction:column;}
    .gallery-small{height:180px;}
    .heritage-title{font-size:30px;}
    .heritage-content p{font-size:15px;}
	
	/* about us page >> timeline */
	.timeline-section{padding:0 20px 60px;}
    .timeline-wrapper{flex-direction:column; gap:50px;}
    .timeline-item{width:100%;}
    .timeline-item h3{font-size:42px;}
    .timeline-item p{max-width:100%;}
}

@media (max-width: 400px) {
  :root {
    --scale: 0.42;
  }
  
  /* home page */
   .hero-title{
    font-size:28px;
  }

  .hero-right{
    height:420px;
  }

  .hero-img-overlap-1{
    width:140px;
    height:180px;
    top:240px;
  }

  .hero-img-overlap-2{
    width:100px;
    height:75px;
  }

  .stat-number{
    font-size:20px;
  }

  .stat-label{
    font-size:10px;
  }
}