/* Shiv Sahyadri Chaha — premium, responsive visual system */
 :root{
    --ink:#211710;
    --ink-2:#34251b;
    --cream:#f7f2e9;
    --paper:#fffdf8;
    --gold:#692429;
    --gold-light:#692429;
    --muted:#756a5f;
    --line:#e4d9c9;
    --serif:"Playfair Display",Georgia,serif;
    --sans:"DM Sans",Arial,sans-serif;
    --marathi:"Tiro Devanagari Marathi","Noto Sans Devanagari",sans-serif
}
 *{
    box-sizing:border-box
}
html{
    scroll-behavior:smooth;
    scroll-padding-top:88px
}
body{
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:var(--sans);
    font-size:15px;
    line-height:1.75;
    -webkit-font-smoothing:antialiased
}
body.lang-marathi{
    font-family:var(--marathi);
    font-size:16px
}
h1,h2,h3,h4{
    font-family:var(--serif);
    font-weight:600;
    line-height:1.13;
    letter-spacing:-.035em
}
body.lang-marathi h1,body.lang-marathi h2,body.lang-marathi h3,body.lang-marathi h4{
    font-family:var(--marathi);
    letter-spacing:0;
    line-height:1.45
}
h1{
    font-size:clamp(3.1rem,6.2vw,6.25rem)
}
h2{
    font-size:clamp(2.25rem,4vw,4rem)
}
h2 em,h1 em{
    color:#f08003;
    font-weight:500
}
p{
    color:#6c6157
}
.topline{
    background:#692429;
    color:#fff;
    font-size:13px;
    letter-spacing:.1em;
    text-transform:uppercase;
    padding:7px 0;
    font-weight: 500;
}
.topline i{
    color:var(--gold);
    margin-right:5px
}
.site-nav{
    background:#fff;
    padding:0px 0;
    z-index:1030;
    box-shadow:0 6px 25px #00000010
}
.brand-lockup{
    display:inline-flex;
    align-items:center;
    gap:10px;
    text-decoration:none!important;
    margin:0
}
.brand-mark{
    width:45px;
    height:45px;
    display:grid;
    place-items:center;
    border:1px solid var(--gold);
    border-radius:50%;
    color:var(--gold-light);
    font-family:var(--marathi);
    font-size:22px;
    line-height:1
}
.brand-mark span{
    color:#fff
}
.brand-name{
    color:#fff;
    font-size:13px;
    letter-spacing:.17em;
    font-weight:700;
    line-height:1.25
}
.brand-name small{
    display:block;
    color:#b6a48b;
    font-size:8px;
    letter-spacing:.13em;
    margin-top:4px
}
.navbar-nav .nav-link{
    color:#000;
    font-size:15px;
    letter-spacing:.045em;
    padding:9px 10px !important;
    transition:color .25s;
    font-weight: 600;
}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{
    color:var(--gold-light)
}
.navbar-nav .nav-cta{
    border:1px solid #692429;
    padding:10px 15px!important;
    color:var(--gold-light)!important
}
.navbar-nav .nav-cta:hover{
    background:var(--gold);
    color:#fff!important
}
.language-switch{
    background:transparent;
    border:0;
    color:#000;
    font-size:13px;
    padding:8px 0 8px 8px;
    white-space:nowrap
}
.language-switch .active{
    color:var(--gold-light);
    font-weight:700
}
.lang-divider{
    padding:0 6px;
    color:#6f5a44
}
.hero-section{
    min-height:690px;
    height:min(790px,calc(100vh - 80px));
    position:relative;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:#24170e;
    color:white
}
.hero-image,.hero-shade,.vision-image,.vision-overlay,.franchise-hero-bg,.franchise-hero-shade{
    position:absolute;
    inset:0
}
.hero-image{
    background:url("../../assets/img/hero-bg.jpg") center 54%/cover no-repeat;
    transform:scale(1.02)
}
.hero-shade{
    background:linear-gradient(90deg,rgba(24,15,9,.92) 0%,rgba(28,18,10,.78) 43%,rgba(28,18,10,.18) 100%),linear-gradient(0deg,rgba(20,12,7,.35),transparent 45%)
}
.hero-content{
    position:relative;
    z-index:2;
    padding-top:40px;
    padding-bottom:40px
}
.eyebrow{
    display:flex;
    align-items:center;
    gap:10px;
    color:#692429;
    font-size:12px;
    font-weight:700;
    letter-spacing:.19em;
    line-height:1.6;
    margin-bottom:22px;
    text-transform: uppercase;
}
.eyebrow>span:first-child{
    width:28px;
    height:1px;
    background:var(--gold);
    display:inline-block
}
.light-eyebrow{
    color:#f08003
}
.hero-content h1{
    max-width:780px;
    margin:0 0 24px;
    color:#fff
}
.hero-copy{
    max-width:530px;
    color:#e1d6c9;
    font-size:16px;
    line-height:1.9;
    margin-bottom:30px
}
.btn{
    border-radius:0;
    font-size:12px;
    font-weight:700;
    letter-spacing:.025em;
    padding:14px 20px;
    transition:transform .25s,background .25s,border-color .25s
}
.btn:hover{
    transform:translateY(-2px)
}
.btn-gold{
    background:var(--gold);
    border:1px solid var(--gold);
    color:#fff
}
.btn-gold:hover,.btn-gold:focus{
    background:var(--gold-light);
    border-color:var(--gold-light);
    color:#211710
}
.hero-actions .btn-outline-light{
    border-color:#a99a88;
    color:#fff
}
.hero-actions .btn-outline-light:hover{
    background:#fff;
    color:var(--ink)
}
.hero-note{
    display:flex;
    align-items:center;
    gap:12px;
    color:#c9bba8;
    font-size:11px;
    letter-spacing:.08em;
    margin-top:62px
}
.note-line{
    height:1px;
    width:40px;
    background:var(--gold)
}
.hero-vertical{
    position:absolute;
    right:28px;
    bottom:48px;
    z-index:2;
    writing-mode:vertical-rl;
    color:#fff;
    font-size:12px;
    letter-spacing:.22em
}
.hero-vertical span{
    color:var(--gold);
    padding:8px 0
}
.section-pad{
    padding:105px 0
}
.intro-section{
    background:var(--cream)
}
.intro-section h2,.story-section h2,.outlets-section h2{
    margin:0
}
.large-copy{
    font-size:17px;
    line-height:1.9;
    margin-bottom:20px
}
.text-link{
    display:inline-flex;
    align-items:center;
    gap:13px;
    color:#692429;
    text-decoration:none;
    border-bottom:1px solid #cbb58f;
    padding:0 0 6px;
    font-size:14px;
    font-weight:700
}
.text-link i{
    transition:transform .2s
}
.text-link:hover{
    color:#3b2819
}
.text-link:hover i{
    transform:translate(3px,-3px)
}
.story-section{
    background:var(--paper)
}
.story-photo-wrap{
    position:relative;
    padding:0 28px 36px 0
}
.story-photo{
    width:100%;
    height:560px;
    object-fit:cover;
    display:block;
    filter:saturate(.8)
}
.story-photo-wrap:after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    width:58%;
    height:68%;
    border:1px solid var(--gold);
    z-index:0;
    pointer-events:none
}
.story-photo{
    position:relative;
    z-index:1
}
.photo-caption{
    position:absolute;
    z-index:2;
    left:0;
    bottom:0;
    background:var(--ink);
    color:#e7d8c1;
    padding:16px 22px;
    display:flex;
    gap:14px;
    align-items:center;
    font-size:11px;
    letter-spacing:.04em
}
.caption-number{
    color:var(--gold);
    font-size:12px
}
.round-stamp{
    position:absolute;
    z-index:3;
    right:-3px;
    top:28px;
    width:112px;
    height:112px;
    border-radius:50%;
    background:var(--gold);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:9px;
    letter-spacing:.12em;
    line-height:1.6;
    transform:rotate(9deg)
}
.round-stamp strong{
    font-family:var(--serif);
    font-size:23px;
    letter-spacing:-.03em
}
.round-stamp span:last-child{
    font-size:16px
}
.story-section .eyebrow{
    margin-bottom:20px
}
.story-section h2{
    margin-bottom:24px
}
.story-section p{
    font-size:14px;
    line-height:1.95;
    margin-bottom:16px
}
.story-section blockquote{
    font-family:var(--serif);
    font-size:19px;
    line-height:1.55;
    color:#5b4229;
    border-left:2px solid var(--gold);
    padding:3px 0 3px 18px;
    margin:27px 0
}
.signature{
    font-family:var(--serif);
    font-size:20px;
    color:var(--ink)
}
.signature small{
    display:block;
    font-family:var(--sans);
    font-size:12px;
    letter-spacing:.16em;
    color:#612126;
    margin-top:5px
}
.values-section{
    background:#f2eadc
}
.section-heading{
    max-width:720px
}
.section-heading .eyebrow{
    margin-bottom:18px
}
.section-heading h2{
    margin:0 0 15px
}
.section-heading p{
    max-width:520px;
    margin:0 auto
}
.value-card{
    height:100%;
    min-height:260px;
    padding:30px 24px;
    background:#fbf8f1;
    border:1px solid #e4d7c2;
    transition:transform .25s,box-shadow .25s
}
.value-card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px #3e2a1610
}
.value-icon{
    width:43px;
    height:43px;
    border:1px solid #c9ab78;
    color:#997543;
    display:grid;
    place-items:center;
    font-size:19px;
    margin-bottom:24px
}
.value-index{
    display:block;
    font-size:9px;
    letter-spacing:.14em;
    color:#a18150;
    margin-bottom:12px
}
.value-card h3{
    font-size:23px;
    margin-bottom:12px
}
.value-card p{
    font-size:12px;
    line-height:1.85;
    margin:0
}
.vision-banner{
    position:relative;
    padding:110px 0;
    background:#20150e;
    color:#fff;
    overflow:hidden
}
.vision-image{
    background:url("https://images.unsplash.com/photo-1544787219-7f47ccb76574?auto=format&fit=crop&w=2000&q=85") center/cover;
    opacity:.45
}
.vision-overlay{
    background:linear-gradient(90deg,rgba(27,17,10,.96),rgba(27,17,10,.62) 72%,rgba(27,17,10,.3))
}
.vision-banner .container{
    z-index:1
}
.vision-banner h2{
    margin:0 0 23px
}
.vision-banner p{
    color:#d4c6b5;
    max-width:640px;
    line-height:1.95;
    margin-bottom:30px
}
.outlets-section{
    background:var(--paper)
}
.outlets-section h2{
    font-size:clamp(2.2rem,4vw,3.6rem)
}
.outlet-card{
    display:flex;
    align-items:center;
    gap:22px;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    padding:27px 5px;
    position:relative;
    min-height:150px
}
.outlet-number{
    font-family:var(--serif);
    font-size:32px;
    color:#c8ad80;
    min-width:45px
}
.outlet-label{
    font-size:9px;
    letter-spacing:.14em;
    color:#a18150
}
.outlet-card h3{
    font-size:28px;
    margin:5px 0
}
.outlet-card p{
    font-size:12px;
    margin:0
}
.outlet-pin{
    margin-left:auto;
    font-size:22px;
    color:#a18150
}
.muted{
    color:#918579
}
.franchise-cta{
    background:var(--cream);
    padding:20px 0 95px
}
.cta-panel{
    background:var(--ink);
    color:white;
    padding:58px 60px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:35px;
    position:relative;
    overflow:hidden
}
.cta-panel:after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    border:1px solid #b18d5a30;
    border-radius:50%;
    right:15%;
    top:-160px;
    box-shadow:0 0 0 30px #b18d5a0c,0 0 0 60px #b18d5a08
}
.cta-panel>div,.cta-panel>a{
    position:relative;
    z-index:1
}
.cta-panel h2{
    font-size:clamp(2.1rem,4vw,3.5rem);
    margin:0 0 16px
}
.cta-panel p{
    max-width:620px;
    color:#d1c2b0;
    margin:0
}
.site-footer{
    background:#692429;
    color:#fff;
    padding:65px 0 20px
}
.site-footer .brand-lockup{
    margin-bottom:16px
}
.footer-story{
    font-size:14px;
    max-width:340px;
    color:#fff;
    line-height:1.8;
    margin:0
}
.site-footer h6{
    font-size:14px;
    letter-spacing:.16em;
    color:#fff;
    margin:8px 0 19px
}
.site-footer .col-lg-3>a,.site-footer .col-lg-4>a:not(.footer-link){
    display:block;
    text-decoration:none;
    color:#fff;
    font-size:14px;
    margin:7px 0
}
.site-footer a:hover{
    color:var(--gold-light)
}
.site-footer .col-lg-4 p{
    font-size:14px;
    color:#fff;
    max-width:280px
}
.footer-link{
    display:inline-flex;
    gap:10px;
    align-items:center;
    color:#fff;
    font-size:14px;
    text-decoration:none;
    border-bottom:1px solid #735b3d;
    padding-bottom:5px
}
.footer-bottom{
    display:flex;
    justify-content:space-between;
    gap:20px;
    border-top:1px solid #ffffff17;
    margin-top:48px;
    padding-top:17px;
    font-size:14px;
    color:#fff;
    letter-spacing:.04em
}
/* Franchise enquiry page */
 .franchise-hero{
    position:relative;
    padding:100px 0 110px;
    min-height:465px;
    background:#211710;
    color:#fff;
    overflow:hidden
}
.franchise-hero-bg{
    background:url("https://images.unsplash.com/photo-1571934811356-5cc061b6821f?auto=format&fit=crop&w=2000&q=85") center 58%/cover;
    opacity:.65
}
.franchise-hero-shade{
    background:linear-gradient(90deg,rgba(28,18,10,.95),rgba(28,18,10,.72) 58%,rgba(28,18,10,.45))
}
.franchise-hero .container{
    z-index:1
}
.franchise-hero h1{
    margin:0 0 22px
}
.franchise-hero p{
    color:#ded1c0;
    max-width:670px;
    font-size:15px;
    line-height:1.9;
    margin-bottom:28px
}
.franchise-content{
    background:var(--cream)
}
.franchise-content h2{
    font-size:clamp(2.1rem,3.7vw,3.35rem);
    margin:0 0 23px
}
.franchise-content p{
    font-size:13px;
    line-height:1.95
}
.franchise-promise{
    display:flex;
    gap:16px;
    margin-top:30px;
    padding:20px 0;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line)
}
.promise-icon{
    flex:0 0 42px;
    width:42px;
    height:42px;
    border:1px solid #c9ab78;
    color:#997543;
    display:grid;
    place-items:center;
    font-size:19px
}
.franchise-promise h3{
    font-size:21px;
    margin:0 0 7px
}
.franchise-promise p{
    margin:0
}
.franchise-note{
    display:flex;
    gap:10px;
    margin-top:20px;
    color:#826f59
}
.franchise-note i{
    padding-top:4px
}
.franchise-note p{
    font-size:11px;
    margin:0
}
.enquiry-card{
    background:#fffdf9;
    padding:clamp(25px,4vw,44px);
    border:1px solid #e5dac8;
    box-shadow:0 20px 60px #34251b0b
}
.form-heading{
    margin-bottom:27px
}
.form-kicker{
    display:block;
    color:#9b7846;
    font-size:9px;
    letter-spacing:.17em;
    font-weight:700;
    margin-bottom:13px
}
.form-heading h2{
    font-size:clamp(2rem,3vw,2.7rem);
    margin-bottom:10px
}
.form-heading p{
    margin:0;
    font-size:12px
}
.form-label{
    font-size:11px;
    font-weight:700;
    color:#4a3929;
    margin-bottom:7px
}
.form-control,.form-select{
    border-radius:0;
    border-color:#ddd0bd;
    background:#fffdf9;
    min-height:47px;
    font-size:12px;
    padding:12px 13px;
    color:#34251b
}
.form-control:focus,.form-select:focus{
    border-color:#a98954;
    box-shadow:0 0 0 .2rem #c6a56b25;
    background:#fff
}
.form-control::placeholder{
    color:#a89b8c
}
.form-control.is-invalid,.form-select.is-invalid{
    border-color:#b94b42
}
.invalid-feedback{
    font-size:10px
}
.form-check{
    padding-left:1.65em
}
.form-check-input{
    border-radius:0!important;
    border-color:#b9a88e;
    margin-left:-1.65em
}
.form-check-input:checked{
    background-color:#8b6a3c;
    border-color:#8b6a3c
}
.form-check-label{
    font-size:11px;
    line-height:1.7;
    color:#6c6157
}
.btn-dark-brown{
    background:var(--ink);
    border:1px solid var(--ink);
    color:#fff
}
.btn-dark-brown:hover{
    background:#493321;
    color:#fff
}
.form-privacy{
    font-size:10px!important;
    text-align:center;
    margin:13px 0 0;
    color:#978979
}
.closing-note{
    padding:90px 0;
    background:var(--paper)
}
.closing-note h2{
    font-size:clamp(2rem,4vw,3.5rem);
    margin:0 auto 26px
}
.closing-note .text-link{
    margin-top:8px
}
.alert{
    border-radius:0;
    font-size:12px
}
.alert-warning{
    background:#fbf1d9;
    border-color:#ead6a8;
    color:#644c26
}
.alert-success{
    background:#e8f1e7;
    border-color:#c5d8c3;
    color:#294b2c
}
 .reveal{
    opacity:0;
    transform:translateY(18px);
    transition:opacity .7s ease,transform .7s ease
}
.reveal.in-view{
    opacity:1;
    transform:translateY(0)
}
 @media(max-width:991.98px){
    .navbar-nav{
        align-items:flex-start!important;
        padding:16px 0 6px
    }
    .navbar-nav .nav-link{
        padding:8px 0!important
    }
    .navbar-nav .nav-cta{
        display:inline-block;
        margin-top:5px
    }
    .language-switch{
        padding:12px 0
    }
    .hero-section{
        height:auto;
        min-height:680px
    }
    .hero-content{
        padding-top:85px;
        padding-bottom:75px
    }
    .hero-vertical{
        right:12px;
        bottom:25px
    }
    .section-pad{
        padding:78px 0
    }
    .story-photo{
        height:490px
    }
    .cta-panel{
        padding:45px 35px;
        align-items:flex-start;
        flex-direction:column
    }
    .franchise-content .offset-lg-1{
        margin-left:0
    }
    .franchise-hero{
        padding:80px 0
    }
    .topline{
        font-size:9px
    }
}
 @media(max-width:575.98px){
    .topline{
        letter-spacing:.04em
    }
    .topline-right{
        display:none
    }
    .brand-mark{
        width:39px;
        height:39px;
        font-size:19px
    }
    .brand-name{
        font-size:11px
    }
    .brand-name small{
        font-size:7px
    }
    .hero-section{
        min-height:650px
    }
    .hero-image{
        background-position:59% center
    }
    .hero-shade{
        background:linear-gradient(90deg,rgba(24,15,9,.91),rgba(28,18,10,.65)),linear-gradient(0deg,rgba(20,12,7,.3),transparent)
    }
    .hero-content{
        padding-top:70px;
        padding-bottom:55px
    }
    .hero-content h1{
        font-size:clamp(2.75rem,13vw,4rem)
    }
    .hero-copy{
        font-size:14px
    }
    .hero-actions{
        align-items:stretch;
        flex-direction:column
    }
    .hero-actions .btn{
        width:100%
    }
    .hero-note{
        margin-top:38px;
        font-size:10px
    }
    .hero-vertical{
        display:none
    }
    .section-pad{
        padding:65px 0
    }
    .intro-section h2,.story-section h2{
        font-size:2.5rem
    }
    .large-copy{
        font-size:15px
    }
    .story-photo-wrap{
        padding-right:16px;
        padding-bottom:25px
    }
    .story-photo{
        height:390px
    }
    .round-stamp{
        width:90px;
        height:90px;
        right:-3px;
        top:18px
    }
    .round-stamp strong{
        font-size:20px
    }
    .photo-caption{
        padding:12px 14px;
        font-size:10px
    }
    .value-card{
        min-height:220px;
        padding:23px
    }
    .vision-banner{
        padding:75px 0
    }
    .outlet-card{
        gap:12px
    }
    .outlet-number{
        min-width:30px;
        font-size:26px
    }
    .outlet-card h3{
        font-size:24px
    }
    .outlet-card p{
        max-width:230px
    }
    .cta-panel{
        padding:35px 25px
    }
    .cta-panel h2{
        font-size:2.35rem
    }
    .cta-panel .btn{
        width:100%
    }
    .site-footer{
        padding-top:50px
    }
    .footer-bottom{
        flex-direction:column;
        gap:6px;
        margin-top:32px
    }
    .franchise-hero{
        padding:70px 0
    }
    .franchise-hero h1{
        font-size:3.15rem
    }
    .enquiry-card{
        padding:24px 18px
    }
    .closing-note{
        padding:65px 0
    }
    .closing-note h2{
        font-size:2.3rem
    }
}
 @media(prefers-reduced-motion:reduce){
    *,*::before,*::after{
        scroll-behavior:auto!important;
        transition:none!important;
        animation:none!important
    }
    .reveal{
        opacity:1;
        transform:none
    }
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-color: #692429;
    padding: 20px;
}
 

/* Our Story page — editorial layout */
.story-hero{min-height:610px;position:relative;display:flex;align-items:center;overflow:hidden;background:#211710;color:#fff}.story-hero-image,.story-hero-shade,.future-story-bg,.future-story-shade{position:absolute;inset:0}.story-hero-image{background:url("https://images.unsplash.com/photo-1571934811356-5cc061b6821f?auto=format&fit=crop&w=2200&q=90") center 55%/cover;transform:scale(1.02)}.story-hero-shade{background:linear-gradient(90deg,rgba(25,16,10,.94),rgba(28,18,10,.76) 50%,rgba(28,18,10,.27)),linear-gradient(0deg,rgba(20,12,7,.45),transparent 45%)}.story-hero-content{z-index:1;padding-top:100px;padding-bottom:75px}.story-hero h1{max-width:850px;font-size:clamp(3.2rem,7vw,6.5rem);margin:0 0 22px}.story-hero-content>p{max-width:650px;color:#e0d3c2;font-size:16px;line-height:1.95;margin-bottom:28px}.story-hero-foot{display:flex;justify-content:space-between;gap:25px;max-width:850px;border-top:1px solid #ffffff40;margin-top:65px;padding-top:16px;color:#d4c2aa;font-size:9px;letter-spacing:.13em}.story-opening{background:var(--paper)}.story-opening h2{font-size:clamp(2.25rem,3.5vw,3.5rem)}.story-opening p{font-size:14px;line-height:2;margin-bottom:18px}.story-opening .story-lead{font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.65;color:#4b3726}.founder-signature{border-top:1px solid var(--line);margin-top:35px;padding-top:18px}.signature-script{display:block;font-family:var(--serif);font-style:italic;font-size:23px;color:#7c5c33}.founder-signature>span:last-child{display:block;color:#a18150;font-size:9px;letter-spacing:.15em;margin-top:5px}.story-chapters{background:var(--cream)}.story-timeline{max-width:920px;margin:65px auto 0;position:relative}.story-timeline:before{content:"";position:absolute;left:42px;top:15px;bottom:20px;width:1px;background:#d6c4a8}.timeline-item{display:grid;grid-template-columns:85px 1fr 65px;gap:22px;align-items:start;position:relative;padding:0 0 45px}.timeline-item:last-child{padding-bottom:0}.timeline-count{font-family:var(--serif);font-size:25px;color:#b29361;background:var(--cream);position:relative;z-index:1;padding:0 0 8px}.timeline-copy{border-bottom:1px solid #dfd1bd;padding-bottom:32px}.timeline-item:last-child .timeline-copy{border-bottom:0}.timeline-kicker{font-size:9px;letter-spacing:.15em;color:#a18150;font-weight:700}.timeline-copy h3{font-size:clamp(1.55rem,2.4vw,2.15rem);margin:8px 0 12px}.timeline-copy p{font-size:13px;line-height:1.95;margin:0;max-width:660px}.timeline-symbol{width:54px;height:54px;border:1px solid #d2b98f;color:#987445;display:grid;place-items:center;font-size:21px;background:#fbf7ef}.inspiration-section{background:#fffdf8}.inspiration-photo{position:relative;padding:0 28px 30px 0}.inspiration-photo:after{content:"";position:absolute;right:0;bottom:0;width:55%;height:65%;border:1px solid var(--gold);z-index:0}.inspiration-photo img{position:relative;z-index:1;width:100%;height:510px;object-fit:cover;filter:saturate(.78)}.inspiration-photo-note{position:absolute;z-index:2;left:0;bottom:0;background:var(--ink);color:#eadbc5;padding:16px 20px;font-size:11px;display:flex;align-items:center;gap:10px}.inspiration-photo-note i{color:var(--gold)}.inspiration-section h2{font-size:clamp(2.2rem,3.6vw,3.5rem);margin:0 0 23px}.inspiration-section p{font-size:13px;line-height:1.95}.inspiration-values{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.inspiration-values span{border:1px solid var(--line);padding:8px 12px;font-size:9px;color:#a18150;letter-spacing:.06em}.inspiration-values b{color:#55422f;font-weight:600;margin-left:5px}.story-beliefs{background:#f2eadc}.belief-card{position:relative;background:#fbf8f1;border:1px solid #e4d7c2;padding:30px 24px;min-height:255px;height:100%;transition:transform .25s,box-shadow .25s}.belief-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #3e2a1610}.belief-card>span{position:absolute;right:20px;top:20px;color:#b99c6c;font-family:var(--serif);font-size:18px}.belief-card>i{display:block;font-size:24px;color:#997543;margin-bottom:30px}.belief-card h3{font-size:21px;margin-bottom:10px}.belief-card p{font-size:12px;line-height:1.85;margin:0}.future-story{position:relative;padding:110px 0;background:#211710;color:white;overflow:hidden}.future-story-bg{background:url("https://images.unsplash.com/photo-1544787219-7f47ccb76574?auto=format&fit=crop&w=2000&q=85") center/cover;opacity:.38}.future-story-shade{background:linear-gradient(90deg,rgba(27,17,10,.97),rgba(27,17,10,.75) 65%,rgba(27,17,10,.45))}.future-story .container{z-index:1}.future-story h2{font-size:clamp(2.5rem,4.8vw,4.3rem);margin:0 0 24px}.future-story p{max-width:700px;color:#d8c9b7;font-size:13px;line-height:2}.future-story blockquote{font-family:var(--serif);font-size:clamp(1.3rem,2.5vw,1.8rem);line-height:1.5;color:#f3e4ca;border-left:2px solid var(--gold);padding-left:20px;margin:28px 0 15px}.future-signature{font-family:var(--serif);font-style:italic;color:var(--gold-light);font-size:20px}.story-location{background:var(--paper)}.story-location h2{font-size:clamp(2.3rem,4vw,3.7rem)}.story-location>p{max-width:520px;font-size:13px;line-height:1.95}.story-location-card{padding:28px 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:100%}.story-location-card span{font-size:9px;letter-spacing:.14em;color:#a18150}.story-location-card h3{font-size:28px;margin:10px 0}.story-location-card p{font-size:12px;margin:0}.story-final-cta{padding:15px 0 95px;background:var(--paper)}.story-final-panel{background:var(--ink);color:white;padding:clamp(30px,5vw,60px);display:flex;justify-content:space-between;align-items:center;gap:35px;position:relative;overflow:hidden}.story-final-panel:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #b18d5a30;border-radius:50%;right:10%;top:-180px;box-shadow:0 0 0 30px #b18d5a0c,0 0 0 60px #b18d5a08}.story-final-panel>div,.story-final-panel>a{position:relative;z-index:1}.story-final-panel h2{font-size:clamp(2rem,3.7vw,3.3rem);margin:0 0 17px}.story-final-panel p{max-width:670px;color:#d1c2b0;font-size:12px;line-height:1.95;margin:0}.our-story-page .story-hero-content,.our-story-page .story-opening .row,.our-story-page .timeline-item,.our-story-page .inspiration-photo,.our-story-page .inspiration-section .col-lg-5,.our-story-page .belief-card,.our-story-page .future-story .col-lg-8,.our-story-page .story-location-card,.our-story-page .story-final-panel{transition:opacity .65s ease,transform .65s ease}
@media(max-width:991.98px){.story-hero-content{padding-top:80px;padding-bottom:60px}.story-hero{min-height:570px}.story-final-panel{align-items:flex-start;flex-direction:column}.story-final-panel .btn{min-width:220px}.inspiration-photo img{height:460px}}
@media(max-width:575.98px){.story-hero{min-height:590px}.story-hero-content{padding-top:65px;padding-bottom:50px}.story-hero h1{font-size:clamp(2.8rem,13vw,4rem)}.story-hero-content>p{font-size:14px}.story-hero-foot{flex-direction:column;gap:7px;margin-top:40px}.story-opening h2{font-size:2.5rem}.story-timeline{margin-top:42px}.story-timeline:before{left:25px}.timeline-item{grid-template-columns:52px 1fr;gap:12px;padding-bottom:32px}.timeline-count{font-size:20px}.timeline-copy{padding-bottom:24px}.timeline-symbol{grid-column:2;grid-row:1;width:42px;height:42px;justify-self:end;margin-bottom:-48px;margin-right:0;font-size:17px}.timeline-copy h3{padding-right:44px;font-size:1.45rem}.timeline-copy p{font-size:12px}.inspiration-photo{padding-right:16px;padding-bottom:24px}.inspiration-photo img{height:370px}.inspiration-section h2{font-size:2.45rem}.belief-card{min-height:210px}.future-story{padding:75px 0}.future-story h2{font-size:2.7rem}.story-location h2{font-size:2.5rem}.story-final-panel{padding:30px 23px}.story-final-panel h2{font-size:2.3rem}.story-final-panel .btn{width:100%}}