/* .eyebrow-script now lives in common.css */

/*=========================================================
DESIGNERS HERO
=========================================================*/

.designers-hero{

    padding:0;

    background:var(--rose-tint);

}

.designers-hero-inner{

    display:grid;

    grid-template-columns:1fr 1.3fr;

    align-items:center;

    min-height:540px;

}

.designers-hero-text h1{

    margin-top:10px;

}

.designers-hero-text p{

    margin-top:18px;

    margin-bottom:24px;

}

.designers-hero-actions{

    display:flex;

    gap:16px;

    align-items:center;

}

.designers-hero-actions .btn-rose,
.designers-hero-actions .btn-outline{

    display:inline-block;

}

.designers-hero-image{

    height:100%;

    min-height:540px;

}

/*=========================================================
PARTNERSHIP THAT ELEVATES
=========================================================*/

.designers-partnership{

    padding:55px 0 45px;

}

.designers-partnership .section-heading{

    text-align:center;

    margin-bottom:40px;

}

.designers-partnership .section-heading h2{

    font-size:34px;

    margin-bottom:10px;

}

.designers-partnership .section-divider{

    margin:0 auto;

}

.designers-partnership-grid{

    display:grid;

    grid-template-columns:repeat(5, 1fr);

    gap:24px;

}

.designers-benefit{

    text-align:center;

    padding:24px;

}

.designers-benefit img{

    width:56px;

    height:56px;

    margin:0 auto 16px;

    display:block;

}

.designers-benefit h3{

    font-size:18px;

    font-weight:600;

    margin-bottom:12px;

}

.designers-benefit p{

    font-size:13px;

    line-height:1.7;

    color:var(--text-light);

}

/*=========================================================
PRODUCT CATEGORIES
=========================================================*/

.designers-categories{

    padding:50px 0;

    background:#fafafa;

}

.designers-categories .section-heading{

    text-align:center;

    margin-bottom:40px;

}

.designers-categories .section-heading h2{

    font-size:34px;

    margin-bottom:10px;

}

.designers-categories-grid{

    display:grid;

    grid-template-columns:repeat(3, 1fr);

    gap:28px;

}

.category-card{

    background:white;

    border-radius:8px;

    overflow:hidden;

    box-shadow:0 2px 8px rgba(0,0,0,0.08);

    transition:var(--transition);

}

.category-card:hover{

    box-shadow:0 4px 12px rgba(0,0,0,0.12);

}

.category-image{

    overflow:hidden;

}

.category-image img{

    width:100%;

    height:auto;

    object-fit:contain;

    display:block;

}

.category-content{

    padding:20px;

}

.category-content h3{

    font-size:18px;

    font-weight:600;

    margin-bottom:12px;

}

.category-content ul{

    list-style:none;

    padding:0;

    margin:0;

}

.category-content li{

    font-size:13px;

    line-height:1.8;

    color:var(--text-light);

    margin-bottom:6px;

}

.categories-note{

    grid-column:span 2;

    position:relative;

    display:grid;

    grid-template-columns:38% 62%;

    align-items:center;

    min-height:500px;

    border-radius:8px;

    overflow:hidden;

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    box-shadow:0 2px 8px rgba(0,0,0,0.08);

}

.categories-note::before{

    content:"";

    position:absolute;

    inset:0;

    background:rgba(250,246,240,0.72);

    z-index:1;

}

.invite-left{

    position:relative;

    z-index:2;

    padding:40px 30px 40px 44px;

    transform:rotate(-2deg);

}

.invite-headline{

    font-family:"Caveat",cursive;

    font-weight:700;

    font-size:34px;

    line-height:1.15;

    margin-bottom:14px;

}

.invite-navy{

    color:#2d3348;

}

.invite-maroon{

    color:var(--rose-deep);

}

.invite-count{

    display:flex;

    align-items:baseline;

    gap:10px;

    padding-bottom:10px;

    margin-bottom:14px;

    border-bottom:2px solid var(--primary);

}

.invite-count-number{

    font-family:var(--font-heading);

    font-weight:700;

    font-size:44px;

    color:var(--rose-deep);

}

.invite-count-label{

    font-family:"Caveat",cursive;

    font-weight:600;

    font-size:24px;

    color:#2d3348;

}

.invite-sub{

    font-family:"Caveat",cursive;

    font-weight:600;

    font-size:19px;

    line-height:1.4;

    color:#2d3348;

    max-width:230px;

}

.invite-right{

    position:relative;

    z-index:2;

    padding:40px 40px 40px 20px;

}

.invite-eyebrow{

    color:#2d3348;

    margin-bottom:16px;

}

.invite-text{

    font-size:14px;

    line-height:1.8;

    color:var(--text);

    max-width:420px;

    margin-bottom:14px;

}

.invite-tagline{

    font-family:"Caveat",cursive;

    font-weight:600;

    font-size:22px;

    color:var(--rose-deep);

    margin-bottom:2px;

}

.invite-signature{

    font-family:"Caveat",cursive;

    font-weight:700;

    font-size:28px;

    color:var(--rose-deep);

    line-height:1.1;

}

.invite-signature-role{

    font-size:11px;

    font-weight:600;

    letter-spacing:1.5px;

    text-transform:uppercase;

    color:var(--text-light);

}

.invite-signature-block{

    position:absolute;

    z-index:2;

    right:40px;

    bottom:28px;

    text-align:right;

}

.invite-signature-block .invite-signature{

    margin-bottom:2px;

}

/*=========================================================
OUR AUDIENCE
=========================================================*/

.designers-audience{

    padding:50px 0;

}

.audience-inner{

    display:grid;

    grid-template-columns:1fr 1.2fr;

    align-items:center;

    gap:50px;

}

.audience-image{

    border-radius:12px;

    overflow:hidden;

}

.audience-image img{

    width:100%;

    height:auto;

    display:block;

}

.audience-content h2{

    font-size:32px;

    margin-bottom:8px;

}

.audience-subtitle{

    font-size:20px;

    color:var(--primary);

    margin-bottom:16px;

    font-weight:500;

}

.audience-content p{

    font-size:14px;

    line-height:1.8;

    margin-bottom:24px;

    color:var(--text);

}

.audience-segments{

    display:grid;

    grid-template-columns:repeat(2, 1fr);

    gap:16px;

}

.audience-segment{

    display:flex;

    align-items:center;

    gap:12px;

    padding:12px;

    background:#f5f5f5;

    border-radius:6px;

}

.audience-segment img{

    width:40px;

    height:40px;

    flex-shrink:0;

}

.audience-segment span{

    font-size:13px;

    font-weight:500;

    color:var(--text);

}

/*=========================================================
WHO WE COLLABORATE WITH
=========================================================*/

.designers-collab-criteria{

    padding:50px 0;

    background:#fafafa;

}

.designers-collab-criteria .section-heading{

    text-align:center;

    margin-bottom:40px;

}

.designers-collab-criteria .section-heading h2{

    font-size:34px;

    margin-bottom:10px;

}

.criteria-intro{

    font-size:14px;

    color:var(--text-light);

    margin-top:12px;

}

.collab-criteria-grid{

    display:grid;

    grid-template-columns:repeat(5, 1fr);

    gap:24px;

}

.criteria-card{

    text-align:center;

    padding:24px;

}

.criteria-card img{

    width:56px;

    height:56px;

    margin:0 auto 16px;

    display:block;

}

.criteria-card h3{

    font-size:16px;

    font-weight:600;

    margin-bottom:12px;

}

.criteria-card p{

    font-size:13px;

    line-height:1.7;

    color:var(--text-light);

}

/*=========================================================
FLEXIBLE COLLABORATION MODELS
=========================================================*/

.designers-models{

    padding:50px 0;

}

.designers-models .section-heading{

    text-align:center;

    margin-bottom:40px;

}

.designers-models .section-heading h2{

    font-size:34px;

    margin-bottom:10px;

}

.models-intro{

    font-size:14px;

    color:var(--text-light);

    margin-top:12px;

}

.models-grid{

    display:grid;

    grid-template-columns:repeat(2, 1fr);

    gap:24px;

}

.model-card{

    background:white;

    border:1px solid var(--border);

    border-radius:16px;

    padding:36px 32px;

    text-align:center;

    transition:var(--transition);

    position:relative;

}

.model-card:hover{

    border-color:var(--gold-soft);

    transform:translateY(-4px);

}

.model-icon{

    margin-bottom:20px;

}

.model-icon img{

    width:72px;

    height:72px;

    display:inline-block;

}

.model-card h3{

    font-size:26px;

    font-weight:600;

    margin-bottom:14px;

    color:var(--text);

}

.model-card p{

    font-size:15px;

    line-height:1.7;

    color:var(--text);

    margin-bottom:24px;

}

.model-link{

    display:inline-block;

    color:var(--text-on-accent);

    background:#e6ddc9;

    text-decoration:none;

    font-size:14px;

    font-weight:600;

    padding:12px 24px;

    border-radius:6px;

    transition:var(--transition);

}

.model-link:hover{

    background:var(--gold-ring);

    text-decoration:none;

}

/*=========================================================
COLLABORATION PROCESS
=========================================================*/

.designers-process{

    padding:30px 0;

    background:#fafafa;

}

.designers-process .section-heading{

    text-align:center;

    margin-bottom:28px;

}

.designers-process .section-heading h2{

    font-size:34px;

    margin-bottom:10px;

}

.process-steps{

    display:grid;

    grid-template-columns:repeat(5, 1fr);

    gap:24px;

}

.process-step{

    text-align:center;

}

.step-number{

    width:60px;

    height:60px;

    background:#e6ddc9;

    color:var(--text-on-accent);

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

    font-weight:600;

    margin:0 auto 16px;

}

.process-step h3{

    font-size:16px;

    font-weight:600;

    margin-bottom:12px;

}

.process-step p{

    font-size:13px;

    line-height:1.7;

    color:var(--text-light);

}

/*=========================================================
CLOSING CTA
=========================================================*/

.designers-closing-cta{

    padding:70px 0;

    background:var(--rose-tint);

    text-align:center;

}

.closing-cta-content{

    max-width:600px;

    margin:0 auto;

}

.closing-cta-content h2{

    font-size:48px;

    font-weight:600;

    line-height:1.2;

    margin-bottom:16px;

}

.closing-cta-content p:first-of-type{

    font-size:24px;

    color:var(--primary);

    margin-bottom:16px;

    line-height:1.4;

}

.cta-description{

    font-size:14px;

    line-height:1.8;

    color:var(--text);

    margin-bottom:32px !important;

}

.closing-cta-content .btn-rose{

    display:inline-block;

}

/*=========================================================
RESPONSIVE
=========================================================*/

@media(max-width:1200px){

.designers-partnership-grid,
.collab-criteria-grid{

    grid-template-columns:repeat(3, 1fr);

    gap:20px;

}

.designers-categories-grid{

    grid-template-columns:repeat(2, 1fr);

}

.process-steps{

    grid-template-columns:repeat(3, 1fr);

    gap:20px;

}

.models-grid{

    grid-template-columns:1fr;

}

}

@media(max-width:992px){

.designers-hero-inner{

    grid-template-columns:1fr;

    gap:0;

}

.designers-hero-image{

    min-height:340px;

    order:-1;

}

.audience-inner{

    grid-template-columns:1fr;

    gap:30px;

}

.designers-hero-actions{

    flex-wrap:wrap;

}

}

@media(max-width:768px){

.designers-partnership-grid,
.collab-criteria-grid{

    grid-template-columns:repeat(2, 1fr);

    gap:16px;

}

.designers-categories-grid{

    grid-template-columns:1fr;

}

.categories-note{

    grid-template-columns:1fr;

    min-height:0;

}

.invite-left{

    transform:none;

    padding:34px 30px 24px;

}

.invite-sub{

    max-width:none;

}

.invite-right{

    padding:24px 30px 34px;

}

.invite-signature-block{

    position:static;

    text-align:right;

    padding:0 30px 24px;

}

.process-steps{

    grid-template-columns:repeat(2, 1fr);

    gap:16px;

}

.designers-benefit,
.criteria-card,
.process-step{

    padding:16px;

}

.closing-cta-content h2{

    font-size:32px;

}

.closing-cta-content p:first-of-type{

    font-size:20px;

}

}

@media(max-width:480px){

.designers-partnership-grid,
.collab-criteria-grid,
.process-steps{

    grid-template-columns:1fr;

}

.audience-segments{

    grid-template-columns:1fr;

}

.designers-hero-actions{

    flex-direction:column;

    width:100%;

}

.designers-hero-actions a{

    width:100%;

    text-align:center;

}

}