:root{--wine:#681c34;--deep:#3c1625;--gold:#a9793e;--cream:#f7efe5;--paper:#fffdf9;--ink:#332026;--muted:#705d60;--line:rgba(90,43,54,.18)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:10}
.brand-row{height:280px;display:grid;place-items:center;overflow:hidden}
.brand{display:block;width:300px;height:280px}
.brand img{width:100%;height:100%;object-fit:contain}
.site-header nav{min-height:68px;display:flex;align-items:center;justify-content:center;gap:clamp(24px,4vw,68px);border-top:1px solid var(--line);font-size:.81rem;text-transform:uppercase;letter-spacing:.14em;font-weight:600}
.site-header nav a{padding:15px 0;transition:color .2s ease}
.site-header nav a:hover{color:var(--wine)}
.site-header .nav-cta{color:var(--wine);border-bottom:1px solid var(--gold)}
.hero{min-height:clamp(620px,60vw,850px);display:grid;grid-template-columns:48% 52%;background:var(--cream)}
.hero-copy{padding:clamp(60px,7vw,110px) clamp(30px,6.5vw,110px);align-self:center}
.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.19em;text-transform:uppercase;color:var(--wine);margin:0 0 26px}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;margin:0;line-height:.98}
h1{font-size:clamp(4.1rem,6.6vw,7rem);letter-spacing:-.045em;max-width:660px}
h1 em{font-weight:500;color:var(--wine)}
.intro{max-width:505px;line-height:1.85;color:#5f4b50;margin:30px 0 34px;font-size:1.05rem}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--wine);color:white;padding:17px 22px;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:600;border:0;cursor:pointer;min-width:230px;transition:background .2s ease}
.button:hover{background:var(--deep)}
.hero-aside{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:1.55rem;color:#896d63;margin:32px 0 0}
.hero-image{min-height:clamp(620px,60vw,850px);background:#d6bda5;overflow:hidden;display:grid;place-items:center}
.hero-image video{display:block;width:100%;height:100%;max-height:850px;object-fit:contain}
.interlude{display:flex;align-items:center;justify-content:center;gap:clamp(18px,6vw,110px);text-align:center;background:var(--wine);color:#fff;padding:55px 24px}
.interlude p{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2rem,3.1vw,3.3rem);line-height:1.12;margin:0}
.interlude em{color:#e8cba8;font-weight:500}
.interlude-mark{font-size:1.3rem;color:#d5ad75}
.collection{padding:110px clamp(20px,5vw,80px) 140px;max-width:1600px;margin:auto}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:54px}
.section-head h2,.story h2{font-size:clamp(3.5rem,5.7vw,6rem);letter-spacing:-.035em}
.section-head h2{max-width:770px}
.section-head>p{max-width:350px;color:var(--muted);line-height:1.75;margin:0 0 7px}
.catalogue-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.7vw,26px);align-items:start}
.saree-card{min-width:0;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px rgba(80,35,45,.06);transition:transform .25s ease,box-shadow .25s ease}
.saree-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(80,35,45,.11)}
.saree-card a{display:block}
.saree-card img{width:100%;height:auto;object-fit:contain;background:#f7ede4}
.original-photo{aspect-ratio:263/668;overflow:hidden;background:#f7ede4}
.card-copy{padding:20px 16px 22px}
.card-copy h3{font-size:clamp(1.6rem,2.15vw,2.2rem)}
.more-collection{margin-top:105px;padding-top:82px;border-top:1px solid var(--line)}
.more-heading{text-align:center;max-width:650px;margin:0 auto 44px}
.more-heading h3{font-size:clamp(3.3rem,5vw,5.5rem);letter-spacing:-.035em}
.more-heading>p:last-child{color:var(--muted);line-height:1.75;margin:18px 0 0}
.new-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.new-card{flex:0 1 calc((100% - 72px)/4)}
.new-card img{aspect-ratio:1122/1402;object-fit:contain}
.new-card h4{font-family:"Cormorant Garamond",Georgia,serif;font-size:2rem;font-weight:600;line-height:1.05;margin:0}
.ism-section{background:#edddca;text-align:center;padding:100px 24px 105px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ism-section h2{font-size:clamp(3.25rem,5.7vw,6rem);letter-spacing:-.035em;max-width:1060px;margin:0 auto}
.ism-section h2 em{color:var(--wine);font-weight:500}
.ism-section>p:not(.eyebrow){color:#5f4b50;line-height:1.75;max-width:550px;margin:24px auto 30px}
.story{background:var(--deep);color:#fff;padding:110px clamp(24px,8vw,135px);display:grid;grid-template-columns:28% 72%;align-items:center;overflow:hidden}
.story-mark{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(14rem,28vw,27rem);line-height:.5;color:#9d5564;align-self:center;transform:translateY(35px)}
.story-copy{max-width:780px}
.story-copy .eyebrow{color:#e3b67e}
.story-copy p:not(.eyebrow){line-height:1.9;color:#e7d7d5;max-width:620px;margin:24px 0 0;font-size:1.04rem}
.text-link{display:inline-flex;gap:50px;padding:13px 0;border-bottom:1px solid #d8b179;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#f2cf9f;font-weight:600}
.story-copy .text-link{margin-top:34px}
footer{padding:65px clamp(24px,5vw,80px);display:grid;grid-template-columns:1fr minmax(250px,1fr) 1fr;gap:24px;align-items:center;background:#fff;border-top:1px solid var(--line)}
footer img{width:180px}
.footer-center{text-align:center;justify-self:center}
.footer-center p{font-family:"Cormorant Garamond",Georgia,serif;font-size:2.35rem;font-weight:600;line-height:1;margin:0 0 13px;color:var(--ink)}
.footer-center a{display:inline-block;color:var(--wine);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--gold);padding-bottom:8px}
.footer-center a span{display:inline-block;margin-left:8px}
footer small{justify-self:end;color:#827076;font-size:.78rem}
.button span,.text-link span,.footer-center a span{display:inline-block;transition:transform .3s ease}
.button:hover span,.text-link:hover span,.footer-center a:hover span{transform:translate(3px,-3px)}
@keyframes enter-softly{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes image-appear{from{opacity:.6;filter:saturate(.8)}to{opacity:1;filter:saturate(1)}}
.brand img{animation:enter-softly .8s ease-out both}
.hero-copy{animation:enter-softly .85s .12s ease-out both}
.hero-image{animation:image-appear 1.1s ease-out both}
html.motion-ready [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--reveal-delay,0ms)}
html.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}
html.motion-ready .saree-card.is-visible:hover{transform:translateY(-5px)}
@media(max-width:1100px){
  .hero-copy{padding:55px clamp(28px,5vw,65px)}
  .catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .new-card{flex-basis:calc((100% - 48px)/3)}
  .section-head{gap:34px}
}
@media(max-width:800px){
  .brand-row{height:215px}.brand{width:225px;height:215px}
  .site-header nav{min-height:58px;gap:clamp(16px,5vw,36px);font-size:.73rem;letter-spacing:.08em;padding:0 12px}
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-copy{padding:64px 28px 56px}
  h1{font-size:clamp(3.75rem,11vw,6rem)}
  .hero-image{min-height:0;height:min(120vw,680px)}
  .hero-image video{max-height:none}
  .interlude{padding:48px 18px}
  .interlude-mark{display:none}
  .section-head{display:block}
  .section-head>p{margin:20px 0 0}
  .collection{padding:85px 22px 100px}
  .new-card{flex-basis:calc((100% - 24px)/2)}
  .story{grid-template-columns:1fr;padding:75px 28px 90px}
  .story-mark{display:none}
  footer{grid-template-columns:1fr;text-align:center}
  footer img,footer .footer-center,footer small{justify-self:center}
}
@media(max-width:560px){
  .brand-row{height:185px}.brand{width:200px;height:185px}
  .site-header nav{justify-content:space-between;gap:10px;font-size:.67rem}
  .hero-copy{padding:57px 24px 48px}
  .intro{font-size:1rem}
  .hero-aside{font-size:1.35rem}
  .catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .card-copy{padding:15px 12px 17px}
  .card-copy h3{font-size:1.7rem}
  .ism-section{padding:75px 22px 80px}
  .ism-section h2{font-size:clamp(3.15rem,12vw,4.5rem)}
  .more-collection{margin-top:72px;padding-top:62px}
  .new-gallery{gap:22px}
  .new-card{flex-basis:100%}
  .section-head h2,.story h2{font-size:clamp(3.15rem,12vw,4.5rem)}
}
@media(max-width:360px){.catalogue-grid{grid-template-columns:1fr}.saree-card{max-width:300px;margin:auto}.site-header nav{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}