/*=========================================================
TEVERE - responsive.css
=========================================================*/

/* Large Desktop */
@media (max-width:1600px){

.container-fluid{
    max-width:1400px;
}

.hero-content h1{
    font-size:70px;
font-weight:700px;
}

.hero-image img{
    height:720px;
}

}

/* Laptop */
@media (max-width:1400px){

.header-inner{
    grid-template-columns:220px 1fr 220px;
}

.main-navigation ul{
    gap:26px;
}

.hero-content{
    padding-left:30px;
}

.hero-content h1{
    font-size:90px;
}

.story-content{
    padding-left:35px;
}

}

/* Large Tablet */
@media (max-width:1199px){

section{
    padding:80px 0;
}

.header-inner{
    grid-template-columns:200px 1fr 120px;
}

.main-navigation ul{
    gap:18px;
}

.hero-image img{
    height:620px;
}

.hero-content h1{
    font-size:90px;
}

.cta-wrapper{
    padding:50px;
}

}

/* Tablet */
@media (max-width:991px){

.header-area{
    top:0;
    position:fixed;
    background:#050505;
}

.header-inner{
    grid-template-columns:1fr auto auto;
    min-height:80px;
}

@media (max-width:991px){

.main-navigation{

    position:absolute;

    left:0;

    top:86px;

    width:100%;

    background:#FBFAF7;

    display:none;

    padding:20px 0;

    border-top:1px solid rgba(197,161,91,.15);

    box-shadow:0 20px 35px rgba(0,0,0,.08);

}

.main-navigation.active{

    display:block;

}

.main-navigation ul{

    flex-direction:column;

}

.main-navigation li{

    width:100%;

}

.main-navigation a{

    padding:18px 30px;

}

.mobile-toggle{

    display:block;

}

}.header-actions{
    gap:10px;
}

.hero-section{
    padding-top:120px;
}

.hero-content{
    padding-left:0;
    margin-top:40px;
    text-align:center;
}

.hero-content p{
    margin-left:auto;
    margin-right:auto;
}

.hero-buttons{
    justify-content:center;
}

.hero-image img{
    height:520px;
}

.scroll-indicator{
    display:none;
}

.story-content{
    padding-left:0;
    margin-top:40px;
}

.story-highlights{
    gap:25px;
}

.story-highlights div::after{
    display:none !important;
}

.cta-image{
    margin-bottom:30px;
}

.cta-content{
    margin:30px 0;
}

.footer-bottom{
    flex-direction:column;
    text-align:center;
}

}

/* Mobile */
@media (max-width:767px){

body{
    font-size:14px;
}

section{
    padding:70px 0;
}

.container-fluid{
    padding-left:20px !important;
    padding-right:20px !important;
}

.logo-title{
    font-size:34px;
    letter-spacing:4px;
}

.logo-sub{
    letter-spacing:3px;
}

h1,
.hero-content h1{
    font-size:40px;
    line-height:1.05;
}

h2,
.story-content h2,
.cta-content h2{
    font-size:34px;
    line-height:1.1;
}

.hero-image img{
    height:420px;
}

.product-image{
    min-height:260px;
}

.story-image img{
    min-height:420px;
}

.feature-item{
    padding:35px 20px;
}

.feature-icon{
    width:70px;
    height:70px;
}

.feature-icon i{
    font-size:28px;
}

.cta-wrapper{
    padding:30px;
}

.cta-image img{
    height:280px;
}

.btn-gold,
.btn-outline{
    width:100%;
}

.hero-buttons,
.cta-buttons{
    flex-direction:column;
}

.footer{
    padding-top:70px;
}

}

/* Small Mobile */
@media (max-width:575px){

.logo-title{
    font-size:28px;
}

.hero-content h1{
    font-size:34px;
}

.section-title h2{
    font-size:30px;
}

.collection-info{
    left:18px;
    right:18px;
    bottom:18px;
}

.collection-info h3{
    font-size:24px;
}

.product-info h4{
    font-size:22px;
}

.story-highlights{
    flex-direction:column;
}

.story-highlights h3{
    font-size:30px;
}

.footer-brand h2{
    font-size:40px;
}

.footer-social{
    justify-content:center;
}

}

@media(max-width:991px){
.hero-section{height:640px!important;background-size:72%!important;background-position:center top!important}
.hero-content{text-align:center;max-width:100%;padding-top:280px!important}
.hero-buttons{justify-content:center}
}
@media(max-width:767px){
.hero-section{height:620px!important;background-size:92%!important}
.hero-content h1{font-size:36px!important}
.hero-buttons{flex-direction:column;align-items:center}
}

/* TEVERE 2.0 responsive completion */
@media(max-width:991px){
  .manifesto-stats{display:grid;grid-template-columns:repeat(2,1fr)}
  .manifesto-stats div{border-bottom:1px solid rgba(18,18,18,.12);padding:18px 0!important}
}
@media(max-width:575px){
  .manifesto-stats{grid-template-columns:1fr}
  .category-grid{grid-template-rows:340px 340px 270px 270px}
  .private-panel .btn-gold{width:auto}
}

@media(max-width:767px){
  .runway-ticker{height:42px}
  .runway-track{font-size:8px;gap:20px}
}


/* =========================================================
   TEVERE — THE CHAMBER RESPONSIVE
   ========================================================= */
@media(max-width:991px){
    .tevere-chamber-section{
        height:auto;
        min-height:760px;
    }
    .tevere-chamber-inner{
        min-height:760px;
    }
    .tevere-chamber-index{
        left:30px;
        top:32px;
        gap:22px;
    }
    .tevere-chamber-object{
        left:50%;
        top:49%;
        width:72vw;
        height:520px;
    }
    .tevere-chamber-copy{
        right:auto;
        left:50%;
        top:auto;
        bottom:34px;
        width:calc(100% - 60px);
        transform:translateX(-50%);
        text-align:center;
    }
    .tevere-chamber-copy h2{
        font-size:clamp(52px,9vw,72px);
    }
    .tevere-chamber-kicker{margin-bottom:12px}
    .tevere-chamber-link{margin-top:24px}
    .tevere-chamber-edition{left:7%;bottom:0}
}

@media(max-width:575px){
    .tevere-chamber-section,
    .tevere-chamber-inner{
        min-height:700px;
    }
    .tevere-chamber-index{
        left:20px;
        top:25px;
        gap:17px;
        font-size:7px;
        letter-spacing:.18em;
    }
    .tevere-chamber-object{
        top:43%;
        width:92vw;
        height:410px;
    }
    .tevere-chamber-image{
        width:95%;
        height:95%;
    }
    .tevere-chamber-copy{
        bottom:28px;
        width:calc(100% - 40px);
    }
    .tevere-chamber-copy h2{
        font-size:55px;
        line-height:.86;
    }
    .tevere-chamber-link{
        margin-top:19px;
        font-size:7px;
    }
    .tevere-chamber-edition{display:none}
}


/* =========================================================
   TEVERE — THE FINALE RESPONSIVE
   ========================================================= */
@media(max-width:991px){
    .tevere-finale-section{height:auto;min-height:860px}
    .tevere-finale-inner{min-height:860px}
    .tevere-finale-index{left:30px;top:30px}
    .tevere-finale-product{top:90px;left:50%;right:auto;transform:translateX(-50%);width:78vw;height:520px}
    .tevere-finale-copy{left:30px;right:30px;top:auto;bottom:48px;width:auto;transform:none;text-align:center}
    .tevere-finale-copy h2{font-size:clamp(52px,8vw,76px)}
    .tevere-finale-link{margin-top:27px}
}
@media(max-width:575px){
    .tevere-finale-section{min-height:750px}
    .tevere-finale-inner{min-height:750px}
    .tevere-finale-index{left:20px;top:24px;font-size:7px;letter-spacing:.18em}
    .tevere-finale-product{top:78px;width:calc(100% - 40px);height:405px}
    .tevere-finale-copy{left:20px;right:20px;bottom:30px}
    .tevere-finale-kicker{font-size:7px;margin-bottom:12px}
    .tevere-finale-copy h2{font-size:48px;line-height:.87}
    .tevere-finale-link{margin-top:20px;font-size:7px}
}


/* =========================================================
   TEVERE — THE PICTURE FRAME RESPONSIVE
   ========================================================= */
@media(max-width:991px){
    .tevere-picture-frame-section{height:auto;min-height:900px}
    .tevere-picture-frame-inner{min-height:900px}
    .tevere-picture-frame-index{left:30px;top:30px}
    .tevere-picture-frame-stage{
        left:30px;
        top:88px;
        width:calc(100% - 60px);
        height:520px;
        padding:28px;
    }
    .tevere-picture-frame-copy{
        left:30px;
        right:30px;
        top:auto;
        bottom:50px;
        width:auto;
        transform:none;
        text-align:center;
    }
    .tevere-picture-frame-copy h2{font-size:clamp(52px,8vw,76px);line-height:.86}
    .tevere-picture-frame-meta{margin-top:14px}
}
@media(max-width:575px){
    .tevere-picture-frame-section{min-height:760px}
    .tevere-picture-frame-inner{min-height:760px}
    .tevere-picture-frame-index{left:20px;top:24px;font-size:7px;letter-spacing:.18em}
    .tevere-picture-frame-stage{
        left:20px;
        top:72px;
        width:calc(100% - 40px);
        height:390px;
        padding:18px;
    }
    .tevere-picture-frame-copy{left:20px;right:20px;bottom:30px}
    .tevere-picture-frame-kicker{font-size:7px;margin-bottom:11px}
    .tevere-picture-frame-copy h2{font-size:49px;line-height:.84}
    .tevere-picture-frame-meta{font-size:6.5px;margin-top:12px}
}


/* =========================================================
   TEVERE — THE PILLAR RESPONSIVE
   ========================================================= */
@media(max-width:991px){
    .tevere-pillar-section{height:auto;min-height:860px}
    .tevere-pillar-inner{min-height:860px}
    .tevere-pillar-index{left:30px;top:30px}
    .tevere-pillar-rule{top:95px;height:500px}
    .tevere-pillar-object{top:70px;left:50%;width:78vw;height:510px}
    .tevere-pillar-copy{left:30px;right:30px;top:auto;bottom:48px;width:auto;transform:none;text-align:center}
    .tevere-pillar-copy h2{font-size:clamp(52px,8vw,76px);line-height:.86}
}
@media(max-width:575px){
    .tevere-pillar-section{min-height:760px}
    .tevere-pillar-inner{min-height:760px}
    .tevere-pillar-index{left:20px;top:24px;font-size:7px;letter-spacing:.18em}
    .tevere-pillar-rule{top:80px;height:405px}
    .tevere-pillar-object{top:64px;width:calc(100% - 34px);height:390px}
    .tevere-pillar-copy{left:20px;right:20px;bottom:28px}
    .tevere-pillar-kicker{font-size:7px;margin-bottom:10px}
    .tevere-pillar-copy h2{font-size:50px;line-height:.85}
}


/* =========================================================
   TEVERE — THE DIPTYCH RESPONSIVE
   ========================================================= */
@media(max-width:991px){
    .tevere-diptych-section{height:auto;min-height:820px}
    .tevere-diptych-inner{min-height:820px}
    .tevere-diptych-index{left:30px;top:30px}
    .tevere-diptych-stage{left:30px;right:30px;top:85px;bottom:30px;grid-template-columns:1fr 1fr}
    .tevere-diptych-panel{padding:0 18px 30px}
    .tevere-diptych-panel img{height:calc(100% - 60px);transform:scale(.94)}
    .tevere-diptych-panel:hover img{transform:scale(.96) translateY(-3px)}
    .tevere-diptych-panel>span{min-width:120px;height:32px;font-size:7px}
}
@media(max-width:575px){
    .tevere-diptych-section{min-height:1050px}
    .tevere-diptych-inner{min-height:1050px}
    .tevere-diptych-index{left:20px;top:24px;font-size:7px;letter-spacing:.18em}
    .tevere-diptych-stage{left:20px;right:20px;top:70px;bottom:20px;grid-template-columns:1fr;grid-template-rows:1fr 1fr}
    .tevere-diptych-panel{border-right:0;border-bottom:1px solid rgba(244,241,235,.95);padding:0 15px 24px}
    .tevere-diptych-panel:last-of-type{border-bottom:0}
    .tevere-diptych-panel img{height:calc(100% - 58px);transform:scale(.91)}
    .tevere-diptych-panel:hover img{transform:scale(.93) translateY(-2px)}
    .tevere-diptych-panel>span{min-width:125px;height:32px;font-size:6.5px;letter-spacing:.2em}
}


/* THE NOIR JACKET — final responsive correction */
@media(max-width:900px){.split-display{grid-template-columns:1fr 1fr!important}.split-center{display:flex!important}}
@media(max-width:560px){.split-display{grid-template-columns:1fr!important}.split-half:nth-child(2){display:flex!important}.split-center{display:flex!important}}

/* FINAL NOIR REFERENCE OVERRIDES */
@media(max-width:900px){
    .split-display{grid-template-columns:1fr 1fr !important;}
    .split-center{display:flex !important;}
    .split-half:nth-child(2){display:flex !important;}
}
@media(max-width:560px){
    .split-display{grid-template-columns:1fr !important;}
    .split-half:nth-child(2){display:flex !important;}
    .split-center{display:flex !important;}
}

/* THE NOIR JACKET — final responsive safety overrides */
@media(max-width:900px){
    .noir-reference .noir-triptych{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
    }
    .noir-reference .noir-center{
        display:block !important;
    }
}
@media(max-width:560px){
    .noir-reference .noir-triptych{
        grid-template-columns:1fr !important;
    }
    .noir-reference .noir-center{
        display:block !important;
    }
}


/* =========================================================
   EXHIBIT 05 — PRODUCT PORTRAIT FINAL RESPONSIVE OVERRIDES
   ========================================================= */
@media(max-width:991px){
    .tevere-product-portrait{
        display:grid !important;
    }
    .tevere-product-portrait .product-portrait-copy{
        display:flex !important;
    }
}
@media(max-width:560px){
    .tevere-product-portrait{
        grid-template-columns:1fr !important;
    }
}