/* ===== Extracted from inline-style-1 ===== */
/* A build-free, single-file site. System fonts need no network connection. */
:root{--paper:#F5EBDD;--ink:#3A2922;--olive:#8F4938;--muted:#A66A4C;--line:#D8C1A5;--sand:#D8C1A5;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--pad:clamp(22px,5vw,88px)}
*{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:16px;line-height:1.65}body.menu-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}h1,h2,h3,p{margin:0}h2,h3{font-family:var(--serif);font-weight:400;line-height:1.1}h2{font-size:clamp(2.4rem,4.6vw,5rem);letter-spacing:-.045em}h3{font-size:clamp(1.8rem,2.4vw,2.7rem);letter-spacing:-.025em}p{max-width:58ch}em{font-weight:400}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}::selection{background:var(--olive);color:var(--paper)}.skip{position:fixed;top:-90px;left:20px;z-index:99;background:var(--paper);padding:12px 20px}.skip:focus{top:12px}.wrap{padding-inline:var(--pad);max-width:1760px;margin-inline:auto}.section{padding-block:clamp(70px,9vw,140px)}.eyebrow{display:block;font-size:.75rem;letter-spacing:.19em;text-transform:uppercase;line-height:1.6;margin-bottom:23px}.muted{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:50px;padding:15px 24px;border:1px solid var(--ink);background:transparent;color:inherit;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;line-height:1.5;transition:background .25s,color .25s}.button:hover{background:var(--ink);color:var(--paper)}.button.solid{background:#B7654A;border-color:#B7654A;color:#F5EBDD}.button.solid:hover{background:#8F4938;border-color:#8F4938}.text-link{display:inline-flex;align-items:center;gap:22px;min-height:44px;border-bottom:1px solid currentColor;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;line-height:1.5}.text-link span{transition:transform .25s}.text-link:hover span{transform:translateX(4px)}.photo{overflow:hidden;background:var(--sand);position:relative}.photo img{position:absolute;inset:0;transition:transform .8s ease}.photo:hover img{transform:scale(1.025)}.caption{margin-top:13px;font-size:.75rem;letter-spacing:.06em;color:var(--muted)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:48px}.section-top h2{max-width:800px}.section-top>p{max-width:28ch;font-size:.9rem;color:var(--muted)}
header{height:82px;position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font-family:var(--serif);font-size:1.55rem;letter-spacing:.14em;line-height:1}.nav{display:flex;gap:clamp(17px,2vw,34px);align-items:center}.nav a{font-size:.875rem;line-height:1.5;position:relative;padding-block:14px}.nav a::after{content:'';position:absolute;bottom:7px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav a:hover::after,.nav a[aria-current]::after{transform:scaleX(1)}.menu-toggle{display:none;background:none;border:0;padding:10px;min-width:44px;min-height:44px}.menu-toggle span{display:block;width:23px;height:1px;background:currentColor;margin:6px 0;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.hero{display:grid;grid-template-columns:46% 54%;min-height:min(760px,calc(100svh - 82px));background:var(--sand)}.hero-copy{padding:clamp(44px,6vw,100px) 28px 28px var(--pad);display:flex;flex-direction:column;align-items:start;justify-content:center;position:relative}.hero h1{font-family:var(--serif);font-size:clamp(3.8rem,6.2vw,7rem);font-weight:700;letter-spacing:.005em;line-height:.92;margin-bottom:36px;max-width:100%;overflow-wrap:normal}.hero-line{font-family:var(--serif);font-size:clamp(2.5rem,4.3vw,4.7rem);line-height:1.12;letter-spacing:-.045em;margin-bottom:24px}.hero-copy>p{margin-bottom:34px;color:#6F4B3D;font-size:.9rem}.hero .eyebrow{margin-bottom:34px}.hero-image{min-height:660px}.hero-image img{object-position:50% 35%}.hero-image figcaption{position:absolute;bottom:23px;right:24px;background:rgba(58,41,34,.78);padding:5px 12px;color:white;font-size:.75rem;letter-spacing:.12em}.scroll-hint{margin-top:54px;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;display:flex;gap:16px;align-items:center;min-height:40px}.scroll-hint::before{content:'';height:34px;border-left:1px solid}.brand-strip{max-width:none;padding:0;border-bottom:1px solid var(--line);overflow:hidden;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.brand-marquee{overflow:hidden;padding-block:22px}
.brand-track{display:flex;width:max-content;animation:brand-roll 22s linear infinite;will-change:transform}
.brand-group{display:flex;align-items:center;flex-shrink:0}
.brand-group span{display:inline-flex;align-items:center;padding-inline:clamp(30px,5vw,78px)}
.brand-group span::after{content:'✦';font-size:.65rem;margin-left:clamp(30px,5vw,78px);opacity:.45}
.brand-marquee:hover .brand-track{animation-play-state:paused}
@keyframes brand-roll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.statement{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(40px,10vw,150px);align-items:center}.statement figure{padding-left:12%;position:relative}.statement .photo{aspect-ratio:4/5}.statement h2{margin-bottom:32px}.statement p{color:var(--muted);margin-bottom:28px}.wardrobe{border-top:1px solid var(--line)}.wardrobe-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:44px 26px}.wardrobe-card{grid-column:span 2;min-width:0}.wardrobe-card:nth-child(-n+2){grid-column:span 3}.wardrobe-card .photo{aspect-ratio:3/4;margin-bottom:24px}.wardrobe-card:nth-child(-n+2) .photo{aspect-ratio:4/5}.card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.card-heading>span{font-size:.75rem;color:var(--muted)}.wardrobe-card p{font-size:.9rem;color:var(--muted);margin-bottom:12px;max-width:44ch}.wardrobe-card .categories{font-size:.75rem;line-height:1.8;min-height:44px}.wardrobe-card .text-link{margin-top:8px}.note{font-size:.75rem;color:var(--muted);margin-top:30px;max-width:75ch}
.latest{background:var(--sand)}.pill{display:inline-block;font-size:.75rem;letter-spacing:.14em;border:1px solid #A66A4C;padding:7px 12px;white-space:nowrap}.latest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.latest-grid .photo{aspect-ratio:3/4;margin-bottom:18px}.latest-grid h3{font-size:1.45rem}.latest-grid p{font-size:.8rem;color:var(--muted);margin-top:10px}.latest-grid a{margin-top:9px;font-size:.75rem}.woman{background:var(--olive);color:var(--paper);display:grid;grid-template-columns:1fr 1fr}.woman .photo{min-height:690px}.woman-copy{padding:clamp(45px,7vw,112px) var(--pad);display:flex;flex-direction:column;justify-content:center}.woman h2{margin-bottom:32px}.woman p{color:#F5EBDD}.moods{display:flex;gap:12px 24px;flex-wrap:wrap;border-top:1px solid #B7654A;margin-top:35px;padding-top:25px;font-family:var(--serif);font-style:italic;font-size:1.15rem}
.story{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,10vw,150px);align-items:center}.story h2{margin-bottom:30px}.story p{color:var(--muted);margin-bottom:22px}.signature{font-family:var(--serif);font-style:italic;font-size:1.65rem;margin-top:32px}.story small{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.story .photo{aspect-ratio:4/5}.approach{border-top:1px solid var(--line);padding-top:0}.approach-title{padding-top:65px;padding-bottom:40px}.values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.value{border-top:1px solid var(--ink);padding:25px 20px 20px 0;transition:color .25s,background .25s}.value+.value{border-left:1px solid var(--line);padding-left:22px}.value:hover{background:var(--sand)}.value span{font-size:.75rem;color:var(--muted)}.value h3{font-size:1.45rem;margin:30px 0 16px}.value p{font-size:.85rem;color:var(--muted)}.custom{background:var(--sand);text-align:center;position:relative}.custom h2{font-size:clamp(3.5rem,8vw,8rem);margin-bottom:28px}.custom p{margin:0 auto 32px;max-width:54ch}.custom .eyebrow{color:var(--muted)}
.moments-grid{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:24px;align-items:start}.moments-grid figure:nth-child(2){margin-top:90px}.moments-grid figure:nth-child(3){margin-top:40px}.moments-grid .photo{aspect-ratio:3/4}.moments-grid figure:nth-child(2) .photo{aspect-ratio:1}.detail{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(30px,8vw,120px);padding-top:35px}.detail .photo{aspect-ratio:3/2}.detail h2{margin-bottom:25px}.detail p{color:var(--muted)}.detail .eyebrow{margin-top:25px}
.occasion{background:#E6D2BA}.occasion-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,8vw,120px)}.occasion h2{margin-bottom:36px}.occasion-options{display:flex;flex-direction:column}.occasion-options button{text-align:left;padding:17px 0;border:0;border-bottom:1px solid #C5A98A;background:none;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:1rem;min-height:56px}.occasion-options button::after{content:'↗';font-size:1.3rem;opacity:0}.occasion-options button[aria-pressed=true]{color:var(--ink);font-weight:600}.occasion-options button[aria-pressed=true]::after{opacity:1}.occasion-result .photo{aspect-ratio:5/4;margin-bottom:22px}.occasion-result h3{font-size:2rem;margin-bottom:12px}.occasion-result p{color:var(--muted);font-size:.9rem}.occasion-result a{margin-top:16px}
.community{text-align:center;border-bottom:1px solid var(--line)}.community h2{max-width:850px;margin:0 auto 22px}.community>p{margin:0 auto 25px;color:var(--muted)}.newsletter{max-width:530px;margin:30px auto 0;text-align:left}.newsletter label{font-size:.75rem;display:block;margin-bottom:8px}.newsletter-row{display:flex;border-bottom:1px solid var(--ink)}.newsletter input{background:transparent;border:0;border-radius:0;padding:15px 0;color:var(--ink);flex:1;min-width:0;width:100%}.newsletter button{border:0;background:none;padding:15px 10px 15px 25px;font-size:.75rem;letter-spacing:.1em}.newsletter .note{margin-top:12px}.form-status{min-height:28px;font-size:.85rem;padding-top:12px;color:var(--olive)}.instagram{padding-bottom:70px}.instagram h2{font-size:clamp(2.1rem,4vw,4rem)}.insta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.insta-grid .photo{aspect-ratio:1}.contact{background:var(--olive);color:var(--paper);overflow:hidden}.contact-inner{display:grid;grid-template-columns:1fr;gap:20px}.contact h2{max-width:670px}.contact address{font-style:normal;padding-top:10px}.contact address p{margin-bottom:15px}.contact address a:not(.button){text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.contact-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.contact .button{border-color:var(--paper)}.contact .button:hover{background:var(--paper);color:var(--olive)}
.contact-socials{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(24px,7vw,110px);max-width:980px;width:100%;margin:clamp(44px,6vw,78px) auto 0;padding:8px 0 16px}
.social-float{display:flex;justify-content:center;animation:contact-float 4.8s ease-in-out infinite;will-change:transform}
.social-float.gmail{margin-top:clamp(28px,3vw,52px);animation-duration:5.4s;animation-delay:-1.3s}
.social-float.instagram{animation-duration:5.1s;animation-delay:-2.1s}
.social-float.whatsapp{animation-duration:4.6s;animation-delay:-.7s}
.social-logo{appearance:none;border:0;padding:0;width:clamp(86px,9vw,124px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;cursor:pointer;text-decoration:none;box-shadow:0 22px 42px rgba(58,41,34,.26),0 8px 16px rgba(58,41,34,.20),inset 0 2px 3px rgba(255,255,255,.75);transition:transform .25s ease,box-shadow .25s ease}
.social-logo::after{content:'';position:absolute;inset:7%;border-radius:50%;box-shadow:inset 0 1px 2px rgba(255,255,255,.55);pointer-events:none}
.social-logo svg{width:67%;height:67%;display:block;filter:drop-shadow(0 5px 5px rgba(0,0,0,.14))}
.social-logo:focus-visible{outline:2px solid var(--paper);outline-offset:8px}
.social-logo:hover{transform:scale(1.045);box-shadow:0 28px 48px rgba(58,41,34,.30),0 10px 20px rgba(58,41,34,.22),inset 0 2px 3px rgba(255,255,255,.8)}
.social-logo.whatsapp-logo{background:radial-gradient(circle at 34% 24%,#76f06e 0,#35d34f 40%,#21b83c 74%,#169c31 100%)}
.social-logo.instagram-logo{background:radial-gradient(circle at 30% 100%,#ffd85b 0 15%,#ff7648 34%,#f33d73 54%,#cc27bd 72%,#743fe1 92%,#5b35cb 100%)}
.social-logo.gmail-logo{background:linear-gradient(145deg,#fff 0,#f8f8f8 55%,#e8e8e8 100%);box-shadow:0 22px 42px rgba(58,41,34,.24),0 8px 16px rgba(58,41,34,.18),inset 0 2px 4px #fff}
@keyframes contact-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
footer{padding-block:65px 25px;background:#3A2922;color:var(--paper)}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px;padding-bottom:50px}.footer-brand .logo{font-size:clamp(1.8rem,4vw,4rem)}.footer-brand p{font-size:.75rem;letter-spacing:.12em;margin-top:20px}.footer-links{display:flex;flex-direction:column;align-items:start;gap:9px;font-size:.85rem}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.footer-links .eyebrow{color:#D8C1A5;margin-bottom:8px}.policies{font-size:.8rem;line-height:1.6}.policies summary{cursor:pointer;padding:6px 0}.policies p{color:#D8C1A5;margin:7px 0 15px;font-size:.8rem}.policies>p{margin-top:0}.footer-bottom{border-top:1px solid #8F4938;padding-top:22px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:.75rem;color:#D8C1A5}.image-credits{max-width:650px;font-size:.75rem;color:#D8C1A5;margin-top:20px}.image-credits summary{cursor:pointer;min-height:32px}.image-credits a{text-decoration:underline;text-underline-offset:3px}.top{position:fixed;right:20px;bottom:20px;z-index:20;width:45px;height:45px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--olive);opacity:0;visibility:hidden;transition:opacity .25s}.top.visible{opacity:1;visibility:visible}.reveal{transition:opacity .8s ease,transform .8s ease}.reveal.pending{opacity:0;transform:translateY(18px)}
@media(min-width:1800px){.hero{max-width:1760px;margin-inline:auto}.hero-copy{padding-left:88px}.hero h1{font-size:7rem}.hero-line{font-size:4.7rem}}
@media(max-width:1050px){.nav{gap:17px}.hero{grid-template-columns:48% 52%;min-height:660px}.hero-image{min-height:660px}.hero-copy{padding-right:20px}.hero h1{font-size:5.8vw}.hero-line{font-size:4.8vw}.statement{gap:50px}.statement figure{padding-left:0}.woman .photo{min-height:590px}.woman-copy{padding:45px 35px}.values{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 0}.value:nth-child(4){border-left:0;padding-left:0}.latest-grid{gap:15px}.footer-main{grid-template-columns:1.2fr 1fr 1fr}}
@media(max-width:800px){header{height:72px}html{scroll-padding-top:78px}.logo{font-size:1.4rem}.menu-toggle{display:block}.nav{display:none;position:fixed;inset:72px 0 0;background:var(--paper);padding:36px var(--pad);flex-direction:column;align-items:stretch;justify-content:start;gap:8px;overflow:auto}.nav.open{display:flex;animation:menu-in .3s ease}.nav a{font-family:var(--serif);font-size:1.8rem;padding:12px 0}.nav a::after{width:45px}.hero{min-height:0}.hero-image{min-height:590px}.hero-copy{padding-top:44px;padding-bottom:25px}.hero h1{font-size:6.1vw}.hero-line{font-size:5vw}.hero .button{padding:13px;font-size:.75rem;gap:10px}.hero-copy>p{font-size:.85rem}.hero .eyebrow{font-size:.75rem}.scroll-hint{margin-top:35px}.section-top{align-items:start;flex-direction:column;gap:20px}.section-top>p{max-width:48ch}.wardrobe-grid{gap:35px 20px}.wardrobe-card{grid-column:span 3}.wardrobe-card:last-child{grid-column:2/span 4}.wardrobe-card:nth-child(-n+2) .photo{aspect-ratio:3/4}.latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 20px}.statement,.story{gap:35px}.statement h2,.story h2{font-size:2.6rem}.woman .photo{min-height:560px}.woman h2{font-size:2.7rem}.moments-grid{gap:15px}.moments-grid figure:nth-child(2){margin-top:55px}.occasion-layout{gap:35px}.contact-inner{grid-template-columns:1fr;gap:28px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-brand .logo{font-size:2.5rem}}
@media(max-width:560px){.hero{display:flex;flex-direction:column}.hero-copy{padding:44px var(--pad) 34px;min-height:440px}.hero h1{font-size:clamp(3rem,12.2vw,4.35rem);font-weight:700;line-height:.92;margin-bottom:24px}.hero-line{font-size:2.9rem}.hero .eyebrow{margin-bottom:23px}.hero-copy>p{margin-bottom:25px}.hero .button{font-size:.75rem;padding:15px 20px;gap:18px}.scroll-hint{display:none}.hero-image{min-height:0;height:500px;height:115vw;max-height:580px}.hero-image img{object-position:50% 32%}.brand-strip{font-size:.72rem}.brand-track{animation-duration:18s}.brand-group span{padding-inline:26px}.brand-group span::after{margin-left:26px}.statement,.story{grid-template-columns:1fr;gap:36px}.statement figure{order:2;margin-left:17%}.statement .photo{aspect-ratio:4/5}.statement h2,.story h2{font-size:2.8rem}.section-top{margin-bottom:32px}.wardrobe-grid{grid-template-columns:1fr;gap:43px}.wardrobe-card,.wardrobe-card:nth-child(-n+2),.wardrobe-card:last-child{grid-column:auto}.wardrobe-card .photo,.wardrobe-card:nth-child(-n+2) .photo{aspect-ratio:4/5}.wardrobe-card p{max-width:none}.wardrobe-card .categories{min-height:0}.latest-grid{gap:28px 14px}.latest-grid h3{font-size:1.25rem}.latest-grid .text-link{letter-spacing:.04em}.woman{grid-template-columns:1fr}.woman .photo{min-height:0;aspect-ratio:4/5}.woman-copy{padding:60px var(--pad)}.woman h2{font-size:2.9rem}.story .photo{aspect-ratio:1}.values{grid-template-columns:1fr;gap:0}.value,.value+.value{border-left:0;padding:23px 0;display:grid;grid-template-columns:28px 1fr;gap:8px 10px}.value h3{margin:0}.value p{grid-column:2}.approach-title{padding-top:45px}.custom h2{font-size:3.6rem}.custom .button{padding-inline:16px;font-size:.75rem}.moments-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.moments-grid figure:first-child{grid-column:1/-1;margin-right:15%}.moments-grid figure:nth-child(2),.moments-grid figure:nth-child(3){margin-top:0}.moments-grid figure:nth-child(2) .photo{aspect-ratio:3/4}.detail{grid-template-columns:1fr;gap:10px;padding-top:0}.detail .photo{aspect-ratio:4/3}.occasion-layout{grid-template-columns:1fr;gap:35px}.occasion h2{margin-bottom:22px}.occasion-result .photo{aspect-ratio:4/5}.community h2{font-size:2.6rem}.insta-grid{grid-template-columns:1fr 1fr;gap:12px}.contact h2{font-size:3rem}.contact-socials{gap:18px;margin-top:40px}.social-logo{width:clamp(76px,24vw,102px)}.social-float.gmail{margin-top:28px}.footer-main{gap:35px 24px}.footer-links{font-size:.8rem}.footer-bottom{gap:12px}.top{right:12px;bottom:12px}}
@keyframes menu-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.pending{opacity:1;transform:none}}
@media print{header,.top,.newsletter,.occasion-options{display:none}.reveal.pending{opacity:1;transform:none}.section{padding-block:35px}.photo{break-inside:avoid}body{color:#000;background:#fff}}

/* Hero-only Dark Cherry & Gold treatment */
.hero{
  background:#4A0F1B;
  color:#E4BE67;
}
.hero-copy{
  background:#4A0F1B;
}
.hero .eyebrow,
.hero h1,
.hero .hero-line,
.hero .hero-line em,
.hero-copy>p,
.hero .scroll-hint{
  color:#E4BE67;
}
.hero .button.solid{
  background:transparent;
  border-color:#E4BE67;
  color:#E4BE67;
}
.hero .button.solid:hover{
  background:#E4BE67;
  border-color:#E4BE67;
  color:#4A0F1B;
}
.hero .scroll-hint::before{
  border-left-color:#E4BE67;
}
.hero-image{
  background:#4A0F1B;
}
.hero-image img{
  object-position:50% 22%;
}
.hero-image figcaption{
  background:rgba(74,15,27,.82);
  color:#E4BE67;
  border:1px solid rgba(228,190,103,.35);
}


/* Royal gold embroidery pattern on the dark-cherry hero panel */
.hero-copy{
  isolation:isolate;
  overflow:hidden;
}
.hero-copy::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-2;
  background-color:#4A0F1B;
  background-image:url("../assets/images/hero/hero-gold-embroidery-pattern.svg");
  background-size:240px 240px;
  background-position:center;
  opacity:.22;
  pointer-events:none;
}
.hero-copy::after{
  content:'';
  position:absolute;
  inset:22px;
  z-index:-1;
  border:1px solid rgba(228,190,103,.28);
  box-shadow:inset 0 0 0 1px rgba(228,190,103,.06);
  pointer-events:none;
}
.hero-copy > *{
  position:relative;
  z-index:1;
}
@media(max-width:560px){
  .hero-copy::before{background-size:190px 190px;opacity:.18}
  .hero-copy::after{inset:14px}
}


/* Full-hero gaze video; the existing grid still positions the copy. */
#home{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:max(660px,min(760px,calc(100svh - 82px)));
}
#home .hero-gaze-video{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 25%;
  pointer-events:none;
}
#home::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(74,15,27,.32),rgba(74,15,27,.12) 42%,rgba(74,15,27,0) 68%);
  pointer-events:none;
}
#home .hero-copy{
  grid-column:1;
  z-index:3;
  background:transparent;
}
#home .hero-copy::before{
  background-color:transparent;
  opacity:.09;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent);
  mask-image:linear-gradient(90deg,#000,transparent);
}
/* Carry the fine gold frame around the entire composition. */
#home .hero-copy::after{content:none}
#home::after{
  content:'';
  position:absolute;
  inset:22px;
  z-index:2;
  border:1px solid rgba(228,190,103,.20);
  box-shadow:inset 0 0 0 1px rgba(228,190,103,.04);
  pointer-events:none;
}
#home .hero-gaze-caption{
  position:absolute;
  z-index:3;
  right:24px;
  bottom:23px;
  margin:0;
  padding:5px 12px;
  color:#E4BE67;
  background:rgba(74,15,27,.28);
  border:1px solid rgba(228,190,103,.25);
  font-size:.75rem;
  letter-spacing:.12em;
  pointer-events:none;
}
@media(max-width:1050px){
  #home{min-height:660px}
}
@media(min-width:561px) and (max-width:800px){
  #home{min-height:590px}
  #home .hero-gaze-video{object-position:40% 50%}
}
@media(max-width:560px){
  #home{min-height:440px}
  #home .hero-copy{min-height:440px;justify-content:flex-start}
  #home h1{font-size:clamp(2.25rem,10.4vw,2.75rem)}
  #home .hero-line{font-size:clamp(2.3rem,11.9vw,2.9rem)}
  #home .hero-copy>p{max-width:25ch;text-shadow:0 1px 4px #4A0F1B}
  #home .button{text-shadow:0 1px 4px #4A0F1B}
  #home .hero-gaze-video{object-position:50% 50%}
  #home::before{
    background:linear-gradient(90deg,rgba(74,15,27,.50),rgba(74,15,27,.16) 65%,transparent);
  }
  #home::after{inset:14px}
  #home .hero-gaze-caption{display:none}
}
@media(max-width:380px){
  #home .hero-gaze-video{object-position:58% 50%}
  #home .eyebrow{font-size:.65rem}
}


/* ===== Wardrobe capsule gallery ===== */
.wardrobe{position:relative;overflow:hidden;border-top:1px solid var(--line);background:var(--paper)}
.wardrobe-stage{display:grid;grid-template-columns:minmax(250px,1.08fr) minmax(0,4.92fr);gap:clamp(30px,3.2vw,58px);align-items:start}
.wardrobe-intro{aspect-ratio:1;padding:clamp(28px,3vw,48px);background:#8F4938;color:#F5EBDD;border:1px solid rgba(58,41,34,.18);box-shadow:0 26px 65px rgba(58,41,34,.12);display:flex;flex-direction:column;justify-content:flex-end;position:sticky;top:116px;overflow:hidden}
.wardrobe-intro::before{content:'';position:absolute;width:220px;height:220px;border:1px solid rgba(245,235,221,.14);border-radius:50%;right:-70px;top:-70px}
.wardrobe-intro::after{content:'';position:absolute;width:110px;height:110px;border:1px solid rgba(245,235,221,.10);border-radius:50%;right:18px;top:18px}
.wardrobe-intro .eyebrow{color:#D8C1A5;margin-bottom:auto;position:relative;z-index:1}
.wardrobe-intro h2{font-size:clamp(2.25rem,3.2vw,4.15rem);letter-spacing:-.045em;position:relative;z-index:1;margin-bottom:22px}
.wardrobe-intro p{color:#F5EBDD;opacity:.88;font-size:.88rem;max-width:34ch;position:relative;z-index:1}
.wardrobe-intro-line{height:1px;background:rgba(245,235,221,.35);margin:24px 0 17px;position:relative;z-index:1}
.wardrobe-intro-note{font-family:var(--serif);font-style:italic;font-size:1rem;line-height:1.35;color:#D8C1A5;position:relative;z-index:1}

.wardrobe-capsules{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.6vw,28px);align-items:start;min-width:0}
.wardrobe-capsule{min-width:0;opacity:1;transform:translateY(0) scale(1)}
.wardrobe-image-pill{display:block;position:relative;height:clamp(360px,43vw,590px);max-height:590px;min-height:360px;overflow:hidden;border-radius:999px;background:#D8C1A5;border:1px solid rgba(58,41,34,.22);box-shadow:0 20px 50px rgba(58,41,34,.11);transform-origin:center center}
.wardrobe-image-pill img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.035);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.wardrobe-image-pill::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(58,41,34,.25),transparent 28%);pointer-events:none}
.wardrobe-image-pill:hover img{transform:scale(1.08)}
.wardrobe-number{position:absolute;z-index:2;left:50%;bottom:18px;transform:translateX(-50%);width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:rgba(245,235,221,.92);color:#3A2922;font-size:.68rem;letter-spacing:.08em;box-shadow:0 8px 22px rgba(58,41,34,.18)}
.wardrobe-capsule-copy{text-align:center;padding:24px 6px 0}
.wardrobe-capsule-copy h3{font-size:clamp(1.25rem,1.7vw,2rem);margin-bottom:11px}
.wardrobe-capsule-copy p{margin-inline:auto;color:var(--muted);font-size:.82rem;line-height:1.55}
.wardrobe-capsule-copy .categories{margin-top:9px;font-size:.7rem;line-height:1.55;color:#8F4938;min-height:0}
.wardrobe-mini-link{display:inline-flex;align-items:center;gap:8px;margin-top:15px;padding-bottom:4px;border-bottom:1px solid rgba(58,41,34,.55);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.wardrobe-mini-link span{transition:transform .25s ease}.wardrobe-mini-link:hover span{transform:translate(3px,-2px)}
.wardrobe-note{grid-column:1/-1;margin-top:16px}

/* Replay reveal: downward entry rises from below, upward entry drops from above. */
.wardrobe-stage[data-animating="true"] .wardrobe-intro,.wardrobe-stage[data-animating="true"] .wardrobe-capsule{opacity:0}
.wardrobe-stage[data-direction="down"] .wardrobe-intro,.wardrobe-stage[data-direction="down"] .wardrobe-capsule{transform:translateY(48px) scale(.965)}
.wardrobe-stage[data-direction="up"] .wardrobe-intro,.wardrobe-stage[data-direction="up"] .wardrobe-capsule{transform:translateY(-48px) scale(.965)}
.wardrobe-stage[data-animating="true"] .wardrobe-intro{animation:wardrobe-pop .68s cubic-bezier(.2,.82,.2,1) forwards;animation-delay:.02s}
.wardrobe-stage[data-animating="true"] .wardrobe-capsule{animation:wardrobe-pop .68s cubic-bezier(.2,.82,.2,1) forwards;animation-delay:calc(.18s + (var(--wardrobe-index) * .20s))}
@keyframes wardrobe-pop{0%{opacity:0}70%{opacity:1;transform:translateY(0) scale(1.018)}100%{opacity:1;transform:translateY(0) scale(1)}}

/* Mild perpetual movement after the pop-up finishes. */
.wardrobe-stage[data-settled="true"] .wardrobe-capsule:nth-child(1) .wardrobe-image-pill{animation:wardrobe-float-a 5.8s ease-in-out infinite}
.wardrobe-stage[data-settled="true"] .wardrobe-capsule:nth-child(2) .wardrobe-image-pill{animation:wardrobe-float-b 6.4s ease-in-out -.8s infinite}
.wardrobe-stage[data-settled="true"] .wardrobe-capsule:nth-child(3) .wardrobe-image-pill{animation:wardrobe-float-a 6.1s ease-in-out -1.7s infinite}
.wardrobe-stage[data-settled="true"] .wardrobe-capsule:nth-child(4) .wardrobe-image-pill{animation:wardrobe-float-b 6.7s ease-in-out -2.3s infinite}
.wardrobe-stage[data-settled="true"] .wardrobe-capsule:nth-child(5) .wardrobe-image-pill{animation:wardrobe-float-a 6.2s ease-in-out -3s infinite}
@keyframes wardrobe-float-a{0%,100%{transform:translateY(0) rotate(.15deg)}50%{transform:translateY(-7px) rotate(-.25deg)}}
@keyframes wardrobe-float-b{0%,100%{transform:translateY(-2px) rotate(-.15deg)}50%{transform:translateY(6px) rotate(.25deg)}}

@media(max-width:1200px){
 .wardrobe-stage{grid-template-columns:1fr}
 .wardrobe-intro{position:relative;top:auto;aspect-ratio:auto;min-height:330px;max-width:520px}
 .wardrobe-capsules{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding:6px 4px 28px;scroll-snap-type:x mandatory;scrollbar-width:thin}
 .wardrobe-capsule{min-width:160px;scroll-snap-align:start}
 .wardrobe-image-pill{height:430px;min-height:430px}
}
@media(max-width:800px){
 .wardrobe-intro{min-height:300px;padding:30px}
 .wardrobe-capsules{grid-template-columns:repeat(5,minmax(165px,44vw))}
 .wardrobe-image-pill{height:420px;min-height:420px}
 .wardrobe-capsule-copy{padding-top:18px}
}
@media(max-width:560px){
 .wardrobe.section{padding-block:70px}
 .wardrobe-stage{gap:34px}
 .wardrobe-intro{min-height:315px;max-width:none}
 .wardrobe-intro h2{font-size:2.7rem}
 .wardrobe-capsules{margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad);grid-template-columns:repeat(5,minmax(180px,62vw));gap:16px}
 .wardrobe-image-pill{height:430px;min-height:430px}
}
@media(prefers-reduced-motion:reduce){
 .wardrobe-stage[data-animating="true"] .wardrobe-intro,.wardrobe-stage[data-animating="true"] .wardrobe-capsule{opacity:1;transform:none;animation:none!important}
 .wardrobe-image-pill{animation:none!important}
}


/* ===== Our Approach icon cards ===== */
.approach{border-top:1px solid var(--line);padding-top:0}
.approach-title{padding-top:65px;padding-bottom:40px}

.approach-cards{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:clamp(14px,1.7vw,26px);
  perspective:1200px;
}
.approach-card{
  min-height:330px;
  padding:clamp(24px,2.2vw,34px);
  position:relative;
  overflow:hidden;
  background:linear-gradient(155deg,#F5EBDD 0%,#EBDCC9 100%);
  border:1px solid rgba(143,73,56,.24);
  box-shadow:0 18px 42px rgba(58,41,34,.08);
  display:flex;
  flex-direction:column;
  transition:
    transform .38s cubic-bezier(.2,.75,.2,1),
    box-shadow .38s ease,
    border-color .38s ease,
    background .38s ease;
  transform:translateZ(0) scale(1);
  transform-origin:center;
}
.approach-card::before{
  content:'';
  position:absolute;
  width:170px;
  height:170px;
  border-radius:50%;
  right:-74px;
  top:-74px;
  background:radial-gradient(circle,rgba(183,101,74,.16),rgba(183,101,74,0) 68%);
  pointer-events:none;
}
.approach-card::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:4px;
  background:linear-gradient(90deg,#8F4938,#B7654A,#A66A4C);
  transform:scaleX(.28);
  transform-origin:left;
  transition:transform .38s ease;
}
.approach-card:hover,
.approach-card:focus-within{
  transform:translateY(-12px) translateZ(28px) scale(1.045);
  box-shadow:0 28px 66px rgba(58,41,34,.16);
  border-color:rgba(143,73,56,.48);
  background:linear-gradient(155deg,#F8EFE4 0%,#E8D2BB 100%);
  z-index:3;
}
.approach-card:hover::after,
.approach-card:focus-within::after{
  transform:scaleX(1);
}

.approach-icon{
  width:74px;
  height:74px;
  border-radius:50%;
  display:grid;
  place-items:center;
  margin-bottom:auto;
  background:#8F4938;
  color:#F5EBDD;
  box-shadow:0 14px 26px rgba(58,41,34,.16);
  transition:transform .38s cubic-bezier(.2,.75,.2,1),background .38s ease;
}
.approach-card:hover .approach-icon{
  transform:scale(1.08) rotate(-3deg);
  background:#B7654A;
}
.approach-icon svg{
  width:40px;
  height:40px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.approach-number{
  position:absolute;
  top:24px;
  right:24px;
  font-size:.72rem;
  letter-spacing:.16em;
  color:#A66A4C;
}
.approach-card h3{
  font-size:clamp(1.42rem,1.8vw,2.1rem);
  margin:34px 0 14px;
  color:#3A2922;
}
.approach-card p{
  font-size:.86rem;
  color:#6F4B3D;
  max-width:26ch;
}

@media(max-width:1100px){
 .approach-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
 .approach-card:nth-child(4),
 .approach-card:nth-child(5){min-height:300px}
}
@media(max-width:760px){
 .approach-cards{grid-template-columns:1fr 1fr}
 .approach-card{min-height:300px}
}
@media(max-width:520px){
 .approach-cards{grid-template-columns:1fr}
 .approach-card{min-height:270px}
 .approach-card:hover,
 .approach-card:focus-within{
   transform:translateY(-7px) scale(1.02);
 }
}
@media(prefers-reduced-motion:reduce){
 .approach-card,
 .approach-icon,
 .approach-card::after{transition:none!important}
 .approach-card:hover,
 .approach-card:focus-within{transform:none}
 .approach-card:hover .approach-icon{transform:none}
}


/* Keep all 5 Our Approach cards on a single row */
.approach-cards{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:clamp(10px,1.1vw,18px) !important;
}
.approach-card{
  min-height:285px !important;
  padding:clamp(18px,1.55vw,26px) !important;
}
.approach-icon{
  width:62px;
  height:62px;
}
.approach-icon svg{
  width:34px;
  height:34px;
}
.approach-card h3{
  font-size:clamp(1.15rem,1.35vw,1.65rem);
  margin-top:26px;
}
.approach-card p{
  font-size:.79rem;
  line-height:1.48;
}
.approach-number{
  top:18px;
  right:18px;
}

/* On smaller screens, keep one row and allow horizontal scrolling instead of wrapping */
@media(max-width:900px){
  .approach-cards{
    grid-template-columns:repeat(5,minmax(170px,1fr)) !important;
    overflow-x:auto;
    padding:6px 4px 22px;
    scroll-snap-type:x mandatory;
    scrollbar-width:thin;
  }
  .approach-card{
    min-width:170px;
    scroll-snap-align:start;
  }
}
@media(max-width:520px){
  .approach-cards{
    grid-template-columns:repeat(5,minmax(180px,1fr)) !important;
  }
  .approach-card{
    min-width:180px;
    min-height:260px !important;
  }
}


/* Header logo mark */
.header-brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}
.header-brand-mark{
  width:34px;
  height:34px;
  object-fit:contain;
  flex:0 0 34px;
}
.header-brand span{
  display:inline-block;
}
@media(max-width:800px){
  .header-brand{gap:8px}
  .header-brand-mark{
    width:30px;
    height:30px;
    flex-basis:30px;
  }
}
@media(max-width:560px){
  .header-brand-mark{
    width:28px;
    height:28px;
    flex-basis:28px;
  }
}


/* ===== Full-width Wardrobe banner ===== */
.wardrobe-stage{
  grid-template-columns:1fr !important;
  gap:clamp(38px,5vw,72px) !important;
}

.wardrobe-intro{
  grid-column:1/-1;
  width:100%;
  min-height:360px;
  aspect-ratio:auto !important;
  position:relative !important;
  top:auto !important;
  padding:clamp(34px,4vw,64px) clamp(34px,5vw,78px) !important;
  display:grid !important;
  grid-template-columns:minmax(280px,.95fr) minmax(320px,1.25fr) minmax(220px,.8fr);
  align-items:center;
  gap:clamp(24px,4vw,64px);
  justify-content:stretch !important;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 28%,rgba(228,190,103,.12),transparent 25%),
    linear-gradient(110deg,#8F4938 0%,#9B503C 55%,#7E3E31 100%) !important;
}

.wardrobe-intro .eyebrow{
  position:absolute !important;
  top:clamp(30px,3vw,48px);
  left:clamp(34px,5vw,78px);
  margin:0 !important;
}

.wardrobe-intro h2{
  grid-column:1;
  align-self:center;
  margin:34px 0 0 !important;
  max-width:540px;
}

.wardrobe-intro > p{
  grid-column:1;
  align-self:end;
  margin-top:10px;
  max-width:42ch !important;
}

.wardrobe-intro-line{
  display:none;
}

.wardrobe-intro-note{
  grid-column:3;
  align-self:end;
  justify-self:end;
  max-width:220px;
  text-align:right;
  font-size:1.08rem !important;
  line-height:1.45 !important;
  color:#E7C995 !important;
}

.wardrobe-intro-center{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:center;
  justify-self:center;
  width:min(100%,560px);
  text-align:center;
  padding:clamp(28px,3vw,44px);
  position:relative;
  z-index:1;
}

.wardrobe-intro-center::before,
.wardrobe-intro-center::after{
  content:'';
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:74%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(228,190,103,.72),transparent);
}
.wardrobe-intro-center::before{top:0}
.wardrobe-intro-center::after{bottom:0}

.wardrobe-intro-center span{
  display:block;
  font-size:.72rem;
  letter-spacing:.24em;
  color:#D8C1A5;
  margin-bottom:18px;
}

.wardrobe-intro-center strong{
  display:block;
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(2.1rem,3.4vw,4rem);
  line-height:1.02;
  color:#F5EBDD;
}

.wardrobe-intro-center strong em{
  color:#E4BE67;
  font-weight:400;
}

.wardrobe-intro-center small{
  display:block;
  margin-top:22px;
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#D8C1A5;
}

.wardrobe-capsules{
  grid-column:1/-1;
  width:100%;
}

.wardrobe-note{
  grid-column:1/-1;
}

/* soften the existing decorative circles for the wider banner */
.wardrobe-intro::before{
  width:360px !important;
  height:360px !important;
  right:-90px !important;
  top:-130px !important;
  border-color:rgba(245,235,221,.10) !important;
}
.wardrobe-intro::after{
  width:190px !important;
  height:190px !important;
  right:48px !important;
  top:28px !important;
  border-color:rgba(228,190,103,.12) !important;
}

@media(max-width:980px){
  .wardrobe-intro{
    grid-template-columns:1fr 1fr !important;
    min-height:430px;
  }
  .wardrobe-intro h2,
  .wardrobe-intro > p{
    grid-column:1;
  }
  .wardrobe-intro-center{
    grid-column:2;
    grid-row:1 / span 3;
  }
  .wardrobe-intro-note{
    display:none;
  }
}

@media(max-width:680px){
  .wardrobe-intro{
    grid-template-columns:1fr !important;
    min-height:520px;
    text-align:left;
  }
  .wardrobe-intro .eyebrow{
    position:relative !important;
    top:auto;
    left:auto;
    margin-bottom:10px !important;
  }
  .wardrobe-intro h2,
  .wardrobe-intro > p,
  .wardrobe-intro-center{
    grid-column:1;
    grid-row:auto;
  }
  .wardrobe-intro h2{
    margin-top:0 !important;
  }
  .wardrobe-intro-center{
    width:100%;
    padding-inline:0;
  }
}


/* ===== Compact wardrobe banner refinement ===== */
.wardrobe-intro{
  min-height:245px !important;
  padding:32px clamp(34px,4vw,64px) !important;
  grid-template-columns:minmax(300px,.9fr) minmax(0,1.55fr) !important;
  gap:clamp(28px,4vw,72px) !important;
  align-items:center !important;
}

.wardrobe-intro .eyebrow{
  top:26px !important;
  left:clamp(34px,4vw,64px) !important;
}

.wardrobe-intro h2{
  grid-column:1 !important;
  margin:28px 0 12px !important;
  font-size:clamp(2rem,2.8vw,3.5rem) !important;
  max-width:470px !important;
}

.wardrobe-intro > p{
  grid-column:1 !important;
  align-self:auto !important;
  margin:0 !important;
  max-width:44ch !important;
  font-size:.84rem !important;
  line-height:1.55 !important;
}

.wardrobe-intro-note{
  display:none !important;
}

.wardrobe-intro-center{
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
  text-align:left !important;
  align-self:center !important;
}

.wardrobe-intro-center::before,
.wardrobe-intro-center::after{
  display:none !important;
}

.wardrobe-intro-center > span{
  display:block !important;
  margin:0 0 18px !important;
  font-size:.72rem !important;
  letter-spacing:.22em !important;
  color:#D8C1A5 !important;
}

.wardrobe-mood-line{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:0;
  width:100%;
  white-space:nowrap;
  overflow:visible;
}

.wardrobe-mood-line span{
  display:inline-flex !important;
  align-items:center;
  margin:0 !important;
  padding:0 clamp(12px,1.35vw,22px) !important;
  color:#F5EBDD !important;
  font-family:var(--serif);
  font-size:clamp(.95rem,1.25vw,1.35rem) !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  line-height:1.25;
}

.wardrobe-mood-line span:first-child{
  padding-left:0 !important;
}

.wardrobe-mood-line span + span{
  border-left:1px solid rgba(228,190,103,.38);
}

.wardrobe-intro::before{
  width:250px !important;
  height:250px !important;
  right:-70px !important;
  top:-100px !important;
}

.wardrobe-intro::after{
  width:130px !important;
  height:130px !important;
  right:34px !important;
  top:16px !important;
}

@media(max-width:1120px){
  .wardrobe-intro{
    grid-template-columns:minmax(270px,.85fr) minmax(0,1.15fr) !important;
  }
  .wardrobe-mood-line{
    flex-wrap:wrap;
    row-gap:10px;
    white-space:normal;
  }
  .wardrobe-mood-line span{
    font-size:1rem !important;
  }
}

@media(max-width:760px){
  .wardrobe-intro{
    grid-template-columns:1fr !important;
    min-height:360px !important;
    gap:24px !important;
  }
  .wardrobe-intro .eyebrow{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    margin-bottom:4px !important;
  }
  .wardrobe-intro h2,
  .wardrobe-intro > p,
  .wardrobe-intro-center{
    grid-column:1 !important;
    grid-row:auto !important;
  }
  .wardrobe-intro h2{
    margin-top:0 !important;
  }
  .wardrobe-intro-center{
    margin-top:8px;
  }
  .wardrobe-mood-line{
    flex-wrap:wrap;
    gap:8px 0;
  }
}


/* ===== VARNIYAM philosophy image cards ===== */
.approach-cards{align-items:stretch}
.approach-card{
  padding:0 !important;
  min-height:485px !important;
  border-radius:24px;
  overflow:hidden;
  background:#F5EBDD !important;
  border:1px solid rgba(143,73,56,.28);
  box-shadow:0 20px 48px rgba(58,41,34,.11);
  display:flex;
  flex-direction:column;
  isolation:isolate;
}
.approach-card::before{display:none !important}
.approach-card::after{z-index:4;height:4px}
.approach-card:hover,
.approach-card:focus{
  transform:translateY(-12px) translateZ(28px) scale(1.035);
  box-shadow:0 30px 72px rgba(58,41,34,.19);
  outline:none;
}
.approach-card:focus-visible{outline:2px solid #8F4938;outline-offset:5px}
.approach-card-art{
  height:250px;
  flex:0 0 250px;
  position:relative;
  overflow:hidden;
  background:#4A0F1B center/cover no-repeat;
  border-bottom:1px solid rgba(228,190,103,.34);
}
.approach-card-art::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent 48%,rgba(74,15,27,.10));
  pointer-events:none;
}
.approach-card-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 43%;
  transform:scale(1.08);
  transition:transform .7s cubic-bezier(.2,.75,.2,1),filter .4s ease;
}
.approach-card:hover .approach-card-art img,
.approach-card:focus .approach-card-art img{transform:scale(1.13);filter:saturate(1.04) brightness(1.03)}
.approach-card-art.art-2{background-image:url("../assets/images/approach/approach-pattern-02.svg")}
.approach-card-art.art-3{background-image:url("../assets/images/approach/approach-pattern-03.svg")}
.approach-card-art.art-4{background-image:url("../assets/images/approach/approach-pattern-04.svg")}
.approach-card-art.art-5{background-image:url("../assets/images/approach/approach-pattern-05.svg")}
.approach-card-detail{
  flex:1;
  min-height:235px;
  padding:20px 20px 24px;
  position:relative;
  background:linear-gradient(165deg,#F8EFE4 0%,#F2E2CF 100%);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.approach-card-brand{
  min-height:30px;
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:18px;
  padding-right:42px;
  color:#8F4938;
}
.approach-brand-mark{
  width:28px !important;
  height:28px !important;
  object-fit:contain !important;
  flex:0 0 28px;
  position:static !important;
}
.approach-brand-word{
  font-family:var(--serif);
  font-size:.73rem;
  line-height:1;
  letter-spacing:.14em;
  white-space:nowrap;
}
.approach-card .approach-number{
  top:22px !important;
  right:19px !important;
  z-index:2;
  color:#A66A4C;
}
.approach-card h3{
  margin:0 0 11px !important;
  font-size:clamp(1.25rem,1.45vw,1.78rem) !important;
  color:#3A2922;
}
.approach-card p{
  margin:0;
  font-size:.80rem !important;
  line-height:1.55 !important;
  color:#6F4B3D;
  max-width:27ch;
}
.approach-icon{display:none !important}
@media(max-width:1100px){
  .approach-card{min-height:465px !important}
  .approach-card-art{height:235px;flex-basis:235px}
}
@media(max-width:900px){
  .approach-cards{grid-template-columns:repeat(5,minmax(220px,1fr)) !important}
  .approach-card{min-width:220px !important;min-height:475px !important}
  .approach-card-art{height:245px;flex-basis:245px}
}
@media(max-width:520px){
  .approach-cards{grid-template-columns:repeat(5,minmax(230px,1fr)) !important}
  .approach-card{min-width:230px !important;min-height:470px !important}
  .approach-card:hover,.approach-card:focus{transform:translateY(-7px) scale(1.018)}
}
@media(prefers-reduced-motion:reduce){
  .approach-card-art img{transition:none !important}
  .approach-card:hover .approach-card-art img,
  .approach-card:focus .approach-card-art img{transform:scale(1.08)}
}



/* ===== Our Approach — text lives inside each red/gold artwork ===== */
.approach-cards{
  align-items:stretch;
}
.approach-card{
  position:relative;
  min-height:430px !important;
  height:clamp(430px,32vw,500px);
  padding:0 !important;
  overflow:hidden;
  border-radius:24px;
  background:#4A0F1B !important;
  border:1px solid rgba(228,190,103,.38) !important;
  box-shadow:0 20px 48px rgba(58,41,34,.15);
  isolation:isolate;
}
.approach-card::before{display:none !important}
.approach-card::after{
  z-index:6 !important;
  height:3px !important;
  background:linear-gradient(90deg,#A66A4C,#E4BE67,#A66A4C) !important;
}
.approach-card:hover,
.approach-card:focus{
  transform:translateY(-12px) translateZ(28px) scale(1.035);
  box-shadow:0 30px 72px rgba(58,41,34,.24);
  outline:none;
}
.approach-card:focus-visible{
  outline:2px solid #8F4938;
  outline-offset:5px;
}

.approach-card-art{
  position:relative;
  width:100%;
  height:100% !important;
  min-height:100%;
  flex:1 1 100% !important;
  overflow:hidden;
  border:0 !important;
  background-color:#4A0F1B;
  background-position:center;
  background-size:cover;
}
.approach-card-art::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at center,rgba(74,15,27,.62) 0%,rgba(74,15,27,.42) 38%,rgba(74,15,27,.10) 70%,transparent 86%),
    linear-gradient(to bottom,rgba(28,3,8,.04),rgba(28,3,8,.12));
}
.approach-card-art::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent 45%,rgba(38,4,10,.08));
}
.approach-card-art > img{
  position:absolute !important;
  inset:0;
  z-index:0;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 43% !important;
  transform:scale(1.08);
  transition:transform .7s cubic-bezier(.2,.75,.2,1),filter .4s ease;
}
.approach-card:hover .approach-card-art > img,
.approach-card:focus .approach-card-art > img{
  transform:scale(1.12);
  filter:saturate(1.04) brightness(1.03);
}

.approach-card-content{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:clamp(72px,7vw,92px) clamp(18px,1.7vw,28px) clamp(58px,6vw,78px);
  color:#F5EBDD;
}
.approach-card-content::before{
  content:'';
  position:absolute;
  z-index:-1;
  width:min(82%,250px);
  height:62%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(74,15,27,.48),rgba(74,15,27,.20) 56%,transparent 74%);
  pointer-events:none;
}

.approach-card .approach-card-brand{
  min-height:0 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0 0 22px !important;
  padding:7px 11px 7px 8px !important;
  border:1px solid rgba(228,190,103,.42);
  border-radius:999px;
  background:rgba(74,15,27,.46);
  color:#E4BE67 !important;
  backdrop-filter:blur(1.5px);
}
.approach-card .approach-brand-mark{
  position:static !important;
  width:26px !important;
  height:26px !important;
  flex:0 0 26px !important;
  object-fit:contain !important;
  padding:3px;
  border-radius:50%;
  background:rgba(245,235,221,.96);
  box-shadow:0 4px 14px rgba(28,3,8,.24);
}
.approach-card .approach-brand-word{
  font-family:var(--serif);
  font-size:.67rem !important;
  line-height:1;
  letter-spacing:.15em !important;
  color:#E4BE67 !important;
}

.approach-card .approach-number{
  position:static !important;
  display:block;
  margin:0 0 12px;
  color:#E4BE67 !important;
  font-size:.68rem !important;
  line-height:1;
  letter-spacing:.20em !important;
  text-shadow:0 2px 10px rgba(30,3,8,.38);
}
.approach-card h3{
  margin:0 0 13px !important;
  max-width:100%;
  font-family:var(--serif);
  font-size:clamp(1.35rem,1.55vw,1.88rem) !important;
  line-height:1.06 !important;
  color:#E4BE67 !important;
  text-shadow:0 3px 18px rgba(30,3,8,.58);
}
.approach-card p{
  margin:0 auto !important;
  max-width:23ch !important;
  font-size:clamp(.75rem,.78vw,.84rem) !important;
  line-height:1.58 !important;
  color:#F5EBDD !important;
  text-shadow:0 2px 13px rgba(30,3,8,.78);
}
.approach-icon,
.approach-card-detail{
  display:none !important;
}

/* Keep the central wording away from the decorative edges of each artwork. */
.approach-card-art.art-1 .approach-card-content{padding-left:20%;padding-right:15%;padding-top:19%;padding-bottom:20%}
.approach-card-art.art-2 .approach-card-content{padding-left:15%;padding-right:20%;padding-top:17%;padding-bottom:17%}
.approach-card-art.art-3 .approach-card-content{padding-left:14%;padding-right:14%;padding-top:24%;padding-bottom:24%}
.approach-card-art.art-4 .approach-card-content{padding-left:16%;padding-right:16%;padding-top:18%;padding-bottom:18%}
.approach-card-art.art-5 .approach-card-content{padding-left:16%;padding-right:16%;padding-top:23%;padding-bottom:23%}

@media(max-width:1100px){
  .approach-card{min-height:440px !important;height:440px}
  .approach-card h3{font-size:1.45rem !important}
  .approach-card p{font-size:.78rem !important}
}
@media(max-width:900px){
  .approach-cards{grid-template-columns:repeat(5,minmax(225px,1fr)) !important}
  .approach-card{min-width:225px !important;min-height:455px !important;height:455px}
}
@media(max-width:520px){
  .approach-cards{grid-template-columns:repeat(5,minmax(238px,1fr)) !important}
  .approach-card{min-width:238px !important;min-height:465px !important;height:465px}
  .approach-card:hover,.approach-card:focus{transform:translateY(-7px) scale(1.018)}
  .approach-card .approach-card-brand{margin-bottom:18px !important}
  .approach-card p{max-width:24ch !important;font-size:.80rem !important}
}
@media(prefers-reduced-motion:reduce){
  .approach-card-art > img{transition:none !important}
  .approach-card:hover .approach-card-art > img,
  .approach-card:focus .approach-card-art > img{transform:scale(1.08)}
}


/* ===== Subtle header logo pulse ===== */
.header-brand-mark{
  transform-origin:center;
  animation:header-logo-breathe 2s cubic-bezier(.4,0,.2,1) infinite;
  will-change:transform;
}
@keyframes header-logo-breathe{
  0%,100%{transform:scale(1)}
  28%{transform:scale(1.08)}
  52%{transform:scale(.985)}
  70%{transform:scale(1)}
}
@media(prefers-reduced-motion:reduce){
  .header-brand-mark{animation:none !important}
}

/* ===== Compact square philosophy cards + image wordmark header ===== */
.header-brand{
  gap:8px !important;
}
.header-brand-wordmark{
  display:block;
  width:clamp(148px,14.4vw,194px);
  height:auto;
  max-height:52px;
  object-fit:contain;
  flex:0 0 auto;
}

/* Make all five philosophy cards compact squares instead of tall rectangles. */
.approach-cards{
  width:min(100%,1180px) !important;
  margin-inline:auto;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:clamp(10px,1.1vw,16px) !important;
  align-items:stretch !important;
}
.approach-card{
  width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  aspect-ratio:1 / 1 !important;
  border-radius:18px !important;
}
.approach-card-art{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  background-size:100% 100% !important;
  background-position:center !important;
}
.approach-card-art > img{
  object-fit:fill !important;
  object-position:center !important;
  transform:scale(1.01) !important;
}
.approach-card:hover .approach-card-art > img,
.approach-card:focus .approach-card-art > img{
  transform:scale(1.035) !important;
}
.approach-card-content{
  padding:14% 13% 13% !important;
}
.approach-card-content::before{
  width:88% !important;
  height:74% !important;
}
.approach-card .approach-card-brand{
  gap:5px !important;
  margin:0 0 8px !important;
  padding:4px 7px 4px 5px !important;
}
.approach-card .approach-brand-mark{
  width:19px !important;
  height:19px !important;
  flex-basis:19px !important;
  padding:2px !important;
}
.approach-card .approach-brand-word{
  font-size:.52rem !important;
  letter-spacing:.12em !important;
}
.approach-card .approach-number{
  margin:0 0 7px !important;
  font-size:.55rem !important;
  letter-spacing:.17em !important;
}
.approach-card h3{
  margin:0 0 7px !important;
  font-size:clamp(.98rem,1.18vw,1.28rem) !important;
  line-height:1.02 !important;
}
.approach-card p{
  max-width:22ch !important;
  font-size:clamp(.61rem,.67vw,.72rem) !important;
  line-height:1.38 !important;
}
.approach-card-art.art-1 .approach-card-content,
.approach-card-art.art-2 .approach-card-content,
.approach-card-art.art-3 .approach-card-content,
.approach-card-art.art-4 .approach-card-content,
.approach-card-art.art-5 .approach-card-content{
  padding:14% 13% 13% !important;
}

@media(max-width:1050px){
  .approach-cards{
    width:100% !important;
    grid-template-columns:repeat(5,210px) !important;
    justify-content:start;
    overflow-x:auto;
    padding:6px 4px 20px;
    scroll-snap-type:x mandatory;
    scrollbar-width:thin;
  }
  .approach-card{
    width:210px !important;
    min-width:210px !important;
    height:210px !important;
    min-height:210px !important;
    aspect-ratio:1 / 1 !important;
    scroll-snap-align:start;
  }
  .approach-card h3{font-size:1.06rem !important}
  .approach-card p{font-size:.64rem !important}
}
@media(max-width:800px){
  .header-brand-wordmark{width:163px;max-height:53px}
}
@media(max-width:560px){
  .header-brand{gap:6px !important}
  .header-brand-wordmark{width:145px;max-height:49px}
  .approach-cards{
    grid-template-columns:repeat(5,198px) !important;
    margin-inline:calc(var(--pad) * -1) !important;
    width:calc(100% + (var(--pad) * 2)) !important;
    padding-inline:var(--pad) !important;
  }
  .approach-card{
    width:198px !important;
    min-width:198px !important;
    height:198px !important;
    min-height:198px !important;
    border-radius:16px !important;
  }
  .approach-card-content{padding:13% 12% 12% !important}
  .approach-card .approach-card-brand{margin-bottom:7px !important}
  .approach-card h3{font-size:1rem !important;margin-bottom:6px !important}
  .approach-card p{font-size:.61rem !important;line-height:1.34 !important}
}


/* ===== Enter the VARNIYAM world — rotated 16:9 photo background ===== */
.community{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(560px,56.25vw,900px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  text-align:left;
  color:#fff;
  border-bottom:0;
  padding-top:clamp(90px,10vw,150px);
  padding-bottom:clamp(90px,10vw,150px);
}
.community::before{
  content:'';
  position:absolute;
  z-index:-2;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background-image:url("../assets/images/community/community-background.jpg");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.community::after{
  content:'';
  position:absolute;
  z-index:-1;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:linear-gradient(90deg,
    rgba(32,7,9,.84) 0%,
    rgba(43,10,11,.72) 30%,
    rgba(37,8,8,.45) 55%,
    rgba(18,4,4,.18) 78%,
    rgba(9,2,2,.10) 100%);
  pointer-events:none;
}
.community .eyebrow{
  color:#E4BE67;
  font-weight:700;
  text-shadow:0 2px 14px rgba(0,0,0,.5);
  margin-bottom:20px;
}
.community h2{
  max-width:720px;
  margin:0 0 24px;
  color:#fff;
  font-weight:700;
  font-size:clamp(3rem,6vw,6.6rem);
  line-height:.95;
  letter-spacing:-.045em;
  text-shadow:0 4px 24px rgba(0,0,0,.62);
}
.community h2 em{
  color:#fff;
  font-weight:700;
  font-style:italic;
}
.community>p{
  margin:0 0 28px;
  max-width:44ch;
  color:#F6E8D9;
  font-size:clamp(.95rem,1.15vw,1.08rem);
  font-weight:600;
  text-shadow:0 2px 14px rgba(0,0,0,.55);
}
.community .newsletter{
  width:min(100%,560px);
  max-width:560px;
  margin:16px 0 0;
  padding:22px 24px 18px;
  background:rgba(47,12,12,.28);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 18px 48px rgba(0,0,0,.16);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
.community .newsletter label{
  color:#fff;
  font-weight:700;
  font-size:.8rem;
  letter-spacing:.04em;
  text-shadow:0 2px 10px rgba(0,0,0,.55);
}
.community .newsletter-row{
  border-bottom-color:rgba(255,255,255,.92);
}
.community .newsletter input{
  color:#fff;
  font-weight:600;
  caret-color:#E4BE67;
}
.community .newsletter input::placeholder{
  color:rgba(255,255,255,.74);
  opacity:1;
}
.community .newsletter button{
  color:#E4BE67;
  font-weight:700;
}
.community .newsletter .note{
  color:rgba(255,245,232,.82);
  text-shadow:0 1px 10px rgba(0,0,0,.5);
}
.community .form-status{
  color:#E4BE67;
  font-weight:700;
}
.community noscript .note,
.community noscript a{
  color:#fff;
}
@media(max-width:700px){
  .community{
    min-height:680px;
    text-align:left;
    padding-top:92px;
    padding-bottom:92px;
  }
  .community::before{
    background-position:54% center;
  }
  .community::after{
    background:linear-gradient(90deg,
      rgba(31,7,8,.82) 0%,
      rgba(31,7,8,.68) 58%,
      rgba(18,4,4,.36) 100%);
  }
  .community h2{
    font-size:clamp(2.8rem,13vw,4.6rem);
  }
  .community .newsletter{
    padding:20px 18px 16px;
  }
}



/* ===== Our Story — image-free editorial glow ===== */
#story.story{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:block;
  max-width:none;
  margin:0;
  padding:clamp(92px,11vw,170px) var(--pad);
  color:#F5EBDD;
  background:
    radial-gradient(circle at 18% 24%,rgba(228,190,103,.18),transparent 27%),
    radial-gradient(circle at 82% 72%,rgba(183,101,74,.28),transparent 30%),
    linear-gradient(120deg,#3A0B15 0%,#5B1422 47%,#3A0B15 100%);
  border-top:1px solid rgba(228,190,103,.28);
  border-bottom:1px solid rgba(228,190,103,.22);
}
#story.story::before,
#story.story::after{
  content:'';
  position:absolute;
  z-index:-1;
  border-radius:50%;
  pointer-events:none;
  filter:blur(2px);
}
#story.story::before{
  width:clamp(260px,34vw,560px);
  aspect-ratio:1;
  top:-19%;
  right:-8%;
  border:1px solid rgba(228,190,103,.18);
  box-shadow:0 0 80px rgba(228,190,103,.08),inset 0 0 70px rgba(228,190,103,.05);
  animation:story-orbit 11s ease-in-out infinite;
}
#story.story::after{
  width:clamp(190px,25vw,390px);
  aspect-ratio:1;
  left:-6%;
  bottom:-19%;
  background:radial-gradient(circle,rgba(228,190,103,.12),rgba(228,190,103,0) 70%);
  animation:story-orbit 13s ease-in-out -4s infinite reverse;
}
#story .story-text{
  width:min(1180px,100%);
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
}
#story .story-text::before{
  content:'VARNIYAM';
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-52%);
  z-index:-1;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(5.5rem,17vw,16rem);
  line-height:.8;
  letter-spacing:.13em;
  color:transparent;
  -webkit-text-stroke:1px rgba(228,190,103,.07);
  white-space:nowrap;
  pointer-events:none;
}
#story .eyebrow{
  color:#E4BE67;
  margin-bottom:clamp(24px,3vw,40px);
  letter-spacing:.28em;
  text-shadow:0 0 18px rgba(228,190,103,.24);
}
#story h2{
  max-width:1100px;
  margin:0 auto clamp(38px,5vw,66px);
  font-family:'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;
  font-size:clamp(3.6rem,8.4vw,8.8rem);
  font-weight:400;
  line-height:.88;
  letter-spacing:-.055em;
  color:#F5EBDD;
  text-wrap:balance;
  text-shadow:0 0 14px rgba(245,235,221,.08);
}
#story h2 .story-title-line{
  display:inline-block;
  animation:story-title-breathe 5.6s ease-in-out infinite;
}
#story h2 em{
  display:inline-block;
  color:#E4BE67;
  font-style:italic;
  letter-spacing:-.065em;
  text-shadow:
    0 0 10px rgba(228,190,103,.18),
    0 0 26px rgba(228,190,103,.16),
    0 0 54px rgba(183,101,74,.14);
  animation:story-glow 4.4s ease-in-out infinite;
}
#story .story-copy{
  width:min(980px,100%);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(28px,5vw,72px);
  padding:clamp(30px,4vw,48px) 0;
  border-top:1px solid rgba(228,190,103,.28);
  border-bottom:1px solid rgba(228,190,103,.18);
}
#story .story-copy p{
  max-width:none;
  margin:0;
  color:rgba(245,235,221,.88);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.03rem,1.45vw,1.34rem);
  line-height:1.85;
  letter-spacing:.012em;
}
#story .story-copy p:first-child{text-align:right}
#story .story-copy p:last-child{text-align:left}
#story .story-signoff{
  margin-top:clamp(36px,5vw,64px);
  display:flex;
  flex-direction:column;
  align-items:center;
}
#story .signature{
  margin:0 0 8px;
  font-family:'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;
  font-size:clamp(1.9rem,3vw,3.1rem);
  font-style:italic;
  color:#E4BE67;
  text-shadow:0 0 18px rgba(228,190,103,.18);
  animation:story-signature-float 5s ease-in-out infinite;
}
#story small{
  color:rgba(245,235,221,.68);
  letter-spacing:.23em;
  font-size:.69rem;
}
@keyframes story-glow{
  0%,100%{text-shadow:0 0 10px rgba(228,190,103,.16),0 0 24px rgba(228,190,103,.12),0 0 48px rgba(183,101,74,.10)}
  50%{text-shadow:0 0 15px rgba(228,190,103,.31),0 0 34px rgba(228,190,103,.23),0 0 70px rgba(183,101,74,.20)}
}
@keyframes story-title-breathe{
  0%,100%{transform:translateY(0);letter-spacing:-.055em}
  50%{transform:translateY(-3px);letter-spacing:-.045em}
}
@keyframes story-signature-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}
@keyframes story-orbit{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.75}
  50%{transform:translate3d(-14px,12px,0) scale(1.035);opacity:1}
}
@media(max-width:760px){
  #story.story{padding:82px var(--pad) 90px}
  #story h2{font-size:clamp(3.3rem,16vw,5.7rem);line-height:.9;margin-bottom:38px}
  #story .story-copy{grid-template-columns:1fr;gap:24px;padding:28px 0}
  #story .story-copy p:first-child,
  #story .story-copy p:last-child{text-align:center}
  #story .story-copy p{font-size:1rem;line-height:1.75}
  #story .story-text::before{font-size:30vw;letter-spacing:.08em}
}
@media(prefers-reduced-motion:reduce){
  #story.story::before,
  #story.story::after,
  #story h2 .story-title-line,
  #story h2 em,
  #story .signature{animation:none!important}
}



/* ===== Supabase-powered VARNIYAM collection catalogue ===== */
.collection-catalogue[hidden]{display:none!important}
.collection-catalogue{
  position:relative;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#F8F0E5 0%,var(--paper) 24%,var(--paper) 100%);
}
.collection-catalogue-shell{max-width:1760px;margin-inline:auto;padding-inline:var(--pad)}
.collection-catalogue-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;margin-bottom:30px}
.collection-catalogue-title-wrap{max-width:980px}
.collection-catalogue-title-wrap .eyebrow{color:var(--muted);margin-bottom:15px}
.collection-catalogue-title{font-size:clamp(2.8rem,5.2vw,5.8rem);margin-bottom:20px}
.collection-catalogue-intro{max-width:64ch;color:var(--muted);font-size:.95rem}
.collection-back{align-self:start;white-space:nowrap}
.collection-tabs{display:flex;gap:10px;overflow-x:auto;padding:5px 0 20px;margin-bottom:28px;scrollbar-width:thin}
.collection-tab{flex:0 0 auto;border:1px solid rgba(58,41,34,.25);background:transparent;color:var(--ink);padding:9px 14px;border-radius:999px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;transition:.22s ease}
.collection-tab:hover,.collection-tab[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.collection-state{min-height:280px;display:grid;place-items:center;text-align:center;padding:54px 18px;border:1px solid rgba(58,41,34,.14);background:rgba(255,255,255,.22)}
.collection-state-inner{max-width:540px}
.collection-state-mark{width:48px;height:48px;border:1px solid rgba(143,73,56,.42);border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;color:var(--olive);font-family:var(--serif);font-size:1.25rem}
.collection-state h3{font-size:clamp(1.7rem,2.5vw,2.5rem);margin-bottom:12px}
.collection-state p{margin-inline:auto;color:var(--muted);font-size:.9rem}
.collection-loader{width:34px;height:34px;border:1px solid rgba(58,41,34,.2);border-top-color:var(--olive);border-radius:50%;animation:collection-spin .75s linear infinite;margin:0 auto 18px}
@keyframes collection-spin{to{transform:rotate(360deg)}}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,46px) clamp(18px,2vw,30px)}
.collection-card{min-width:0}
.collection-card-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#E5D2BA;border:1px solid rgba(58,41,34,.12)}
.collection-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.collection-card:hover .collection-card-media img{transform:scale(1.035)}
.collection-card-number{position:absolute;left:14px;top:14px;min-width:34px;height:34px;padding:0 9px;border-radius:999px;display:grid;place-items:center;background:rgba(245,235,221,.9);backdrop-filter:blur(5px);font-size:.66rem;letter-spacing:.08em}
.collection-card-copy{padding-top:19px}
.collection-card-top{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:10px}
.collection-card h3{font-size:clamp(1.45rem,2vw,2.15rem)}
.collection-card-price{font-family:var(--serif);font-size:1rem;white-space:nowrap;color:var(--olive);padding-top:5px}
.collection-card-description{color:var(--muted);font-size:.85rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:5.55em}
.collection-card-actions{margin-top:16px}
.collection-card .text-link{background:none;border-left:0;border-right:0;border-top:0;padding-inline:0;color:var(--ink)}
.collection-placeholder{width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:25px;background:linear-gradient(145deg,#8F4938,#6F342A);color:#E4BE67;font-family:var(--serif);font-size:1.35rem;letter-spacing:.08em}
.collection-footer-note{margin-top:42px;padding-top:22px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}

.collection-product-dialog{width:min(1120px,calc(100vw - 30px));max-height:min(90vh,900px);padding:0;border:1px solid rgba(58,41,34,.28);background:var(--paper);color:var(--ink);box-shadow:0 32px 100px rgba(39,20,14,.28)}
.collection-product-dialog::backdrop{background:rgba(30,19,15,.72);backdrop-filter:blur(4px)}
.product-dialog-close{position:absolute;z-index:8;right:16px;top:16px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(58,41,34,.25);background:rgba(245,235,221,.92);color:var(--ink);font-size:1.25rem;display:grid;place-items:center}
.product-dialog-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);min-height:610px}
.product-dialog-media{position:relative;background:#E5D2BA;min-height:610px;display:grid;grid-template-rows:minmax(0,1fr) auto}
.product-dialog-main{min-height:0;overflow:hidden}
.product-dialog-main img{width:100%;height:100%;object-fit:cover;min-height:520px}
.product-dialog-thumbs{display:flex;gap:8px;overflow-x:auto;padding:10px;background:rgba(245,235,221,.92)}
.product-dialog-thumb{flex:0 0 66px;width:66px;height:78px;padding:0;border:1px solid transparent;background:#ddd;overflow:hidden}
.product-dialog-thumb[aria-pressed=true]{border-color:var(--olive)}
.product-dialog-thumb img{width:100%;height:100%;object-fit:cover}
.product-dialog-copy{padding:clamp(38px,5vw,74px);display:flex;flex-direction:column;justify-content:center}
.product-dialog-copy .eyebrow{color:var(--muted);margin-bottom:16px}
.product-dialog-copy h2{font-size:clamp(2.5rem,4vw,4.8rem);margin-bottom:19px}
.product-dialog-price{font-family:var(--serif);font-size:1.25rem;color:var(--olive);margin-bottom:24px}
.product-dialog-description{white-space:pre-line;color:#6F4B3D;line-height:1.8;max-width:58ch}
.product-dialog-enquire{margin-top:30px;align-self:flex-start}

@media(max-width:900px){
  .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-dialog-layout{grid-template-columns:1fr;overflow:auto;max-height:90vh}
  .product-dialog-media{min-height:0}
  .product-dialog-main img{min-height:0;aspect-ratio:4/5}
  .product-dialog-copy{padding:38px var(--pad) 54px}
}
@media(max-width:620px){
  .collection-catalogue-head{grid-template-columns:1fr;gap:22px}
  .collection-back{justify-self:start}
  .collection-grid{grid-template-columns:1fr;gap:42px}
  .collection-card-description{min-height:0;-webkit-line-clamp:5}
  .collection-tabs{margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad)}
  .collection-product-dialog{width:calc(100vw - 16px);max-height:94vh}
  .product-dialog-copy{padding:34px 24px 44px}
  .product-dialog-close{right:10px;top:10px}
}
@media(prefers-reduced-motion:reduce){.collection-loader{animation:none}.collection-card-media img{transition:none}}


/* ===== VARNIYAM WhatsApp join form ===== */
.community .whatsapp-consent{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:16px;
  font-size:.72rem;
  line-height:1.5;
  color:rgba(255,255,255,.88);
  cursor:pointer;
}
.community .whatsapp-consent input{
  width:16px;
  height:16px;
  flex:0 0 16px;
  margin:2px 0 0;
  accent-color:#E4BE67;
}
.community .newsletter button:disabled{opacity:.58;cursor:wait}


/* ===== Extracted from inline-style-2 ===== */
.menu-toggle{display:none}@media(max-width:800px){header{position:relative;height:auto}.header-inner{display:block;padding-top:22px}.nav{display:flex;position:static;flex-direction:row;flex-wrap:wrap;padding:15px 0;gap:10px 20px}.nav a{font-family:var(--sans);font-size:.8rem;padding:5px 0}.nav a::after{display:none}}.newsletter{display:none}
/* ===== Back-to-top icon image ===== */
.top{
  width:58px;
  height:58px;
  padding:0;
  border:0;
  background:transparent;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(58,41,34,.18);
  transition:opacity .25s,transform .25s ease,box-shadow .25s ease;
}
.top img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.top:hover{
  transform:translateY(-3px) scale(1.04);
  box-shadow:0 14px 34px rgba(58,41,34,.24);
}
.top:focus-visible{
  outline:2px solid var(--olive);
  outline-offset:4px;
}
@media(max-width:560px){
  .top{width:54px;height:54px;border-radius:17px;right:12px;bottom:12px}
}


/* ===== Extracted from top-button-clean-icon ===== */
/* Clean floating Back-to-Top icon: no surrounding box */
.top{
  width:58px !important;
  height:58px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  overflow:visible !important;
  box-shadow:none !important;
  display:grid;
  place-items:center;
  transition:opacity .25s,transform .25s ease !important;
}
.top img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.top:hover{
  transform:translateY(-3px) scale(1.04);
  box-shadow:none !important;
}
@media(max-width:560px){
  .top{width:54px !important;height:54px !important;}
}


/* ===== Extracted from made-for-you-background-v9 ===== */
/* ===== Made for you: full-width uploaded image background ===== */
.custom-made-for-you{
  position:relative;
  overflow:hidden;
  min-height:clamp(520px,52vw,760px);
  padding-block:0 !important;
  background-image:
    linear-gradient(90deg,
      rgba(245,235,221,0) 0%,
      rgba(245,235,221,.02) 36%,
      rgba(245,235,221,.44) 55%,
      rgba(245,235,221,.82) 72%,
      rgba(245,235,221,.96) 100%),
    url("../assets/images/other/made-for-you-background.jpg");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  text-align:left;
  isolation:isolate;
}
.custom-made-for-you::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(58,41,34,.03),transparent 28%,rgba(58,41,34,.05));
}
.custom-made-inner{
  min-height:inherit;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  position:relative;
  z-index:1;
}
.custom-made-copy{
  width:min(43%,620px);
  margin-left:auto;
  padding-block:clamp(62px,8vw,112px);
  text-align:left;
}
.custom-made-copy .eyebrow{
  color:#8F4938;
  font-weight:700;
  text-shadow:0 1px 18px rgba(245,235,221,.75);
}
.custom-made-copy h2{
  color:#4A0F1B;
  font-weight:700;
  font-size:clamp(3.5rem,7vw,7.5rem);
  line-height:.92;
  margin-bottom:28px;
  text-shadow:0 2px 24px rgba(245,235,221,.72);
}
.custom-made-copy h2 em{
  color:#9A5B24;
  font-weight:700;
}
.custom-made-copy p{
  margin:0 0 34px;
  max-width:46ch;
  color:#3A2922;
  font-size:clamp(.95rem,1.1vw,1.08rem);
  font-weight:600;
  line-height:1.72;
  text-shadow:0 1px 14px rgba(245,235,221,.92);
}
.custom-made-copy .button.solid{
  background:#4A0F1B;
  border-color:#4A0F1B;
  color:#F5EBDD;
  box-shadow:0 12px 30px rgba(74,15,27,.18);
}
.custom-made-copy .button.solid:hover{
  background:#E4BE67;
  border-color:#E4BE67;
  color:#4A0F1B;
}
@media(max-width:900px){
  .custom-made-for-you{
    min-height:620px;
    background-position:42% center;
    background-image:
      linear-gradient(90deg,
        rgba(245,235,221,0) 0%,
        rgba(245,235,221,.08) 32%,
        rgba(245,235,221,.70) 57%,
        rgba(245,235,221,.96) 100%),
      url("../assets/images/other/made-for-you-background.jpg");
  }
  .custom-made-copy{width:min(50%,520px)}
  .custom-made-copy h2{font-size:clamp(3.4rem,8vw,5.8rem)}
}
@media(max-width:620px){
  .custom-made-for-you{
    min-height:700px;
    background-position:34% center;
    background-image:
      linear-gradient(180deg,
        rgba(245,235,221,.02) 0%,
        rgba(245,235,221,.04) 34%,
        rgba(245,235,221,.78) 63%,
        rgba(245,235,221,.97) 100%),
      url("../assets/images/other/made-for-you-background.jpg");
  }
  .custom-made-inner{align-items:flex-end}
  .custom-made-copy{
    width:100%;
    margin-left:0;
    padding:320px 0 58px;
  }
  .custom-made-copy h2{font-size:clamp(3.2rem,16vw,4.6rem)}
  .custom-made-copy p{font-size:.94rem;max-width:38ch}
}
@media(prefers-reduced-motion:reduce){
  .custom-made-for-you{background-attachment:scroll}
}


/* ===== Extracted from cherry-wave-hover-effects ===== */
/* ===== Header nav + Explore hover: lift, zoom, and soft dark-cherry wave ===== */
.nav a,
.wardrobe-mini-link,
.hero .button.solid[href="#wardrobe"]{
  position:relative;
  z-index:0;
  isolation:isolate;
  overflow:hidden;
  transition:
    transform .34s cubic-bezier(.2,.78,.2,1),
    color .34s ease,
    box-shadow .34s ease;
  will-change:transform;
}

/* Give the header links a little breathing room for the wave without changing the layout feel. */
.nav a{
  padding-inline:10px;
  border-radius:999px;
}

/* Keep the small wardrobe Explore links compact while giving the wave room to move. */
.wardrobe-mini-link{
  padding:7px 9px 6px;
  border-radius:999px;
}

/* The hero's “Explore the wardrobe” button gets the same motion, tuned for its cherry background. */
.hero .button.solid[href="#wardrobe"]{
  border-radius:999px;
}
.hero .button.solid[href="#wardrobe"]::before{
  background:linear-gradient(100deg,rgba(31,4,9,.20),rgba(31,4,9,.58) 52%,rgba(111,20,41,.42));
}
@media(hover:hover){
  .hero .button.solid[href="#wardrobe"]:hover{
    background:transparent;
    border-color:#E4BE67;
    color:#E4BE67;
    box-shadow:0 9px 24px rgba(31,4,9,.28);
  }
}

.nav a::before,
.wardrobe-mini-link::before,
.hero .button.solid[href="#wardrobe"]::before{
  content:'';
  position:absolute;
  z-index:-1;
  left:-155%;
  top:50%;
  width:150%;
  height:260%;
  border-radius:50%;
  transform:translateY(-50%) rotate(-7deg);
  background:linear-gradient(
    100deg,
    rgba(74,15,27,.02) 0%,
    rgba(74,15,27,.08) 30%,
    rgba(74,15,27,.18) 58%,
    rgba(74,15,27,.09) 100%
  );
  transition:left .58s cubic-bezier(.2,.78,.2,1);
  pointer-events:none;
}

@media(hover:hover){
  .nav a:hover,
  .wardrobe-mini-link:hover,
  .hero .button.solid[href="#wardrobe"]:hover{
    transform:translateY(-3px) scale(1.045);
    color:#4A0F1B;
    box-shadow:0 8px 18px rgba(74,15,27,.10);
  }
  .nav a:hover::before,
  .wardrobe-mini-link:hover::before,
  .hero .button.solid[href="#wardrobe"]:hover::before{
    left:-24%;
  }
}

/* Keyboard users get the same treatment. */
.nav a:focus-visible,
.wardrobe-mini-link:focus-visible,
.hero .button.solid[href="#wardrobe"]:focus-visible{
  transform:translateY(-3px) scale(1.035);
  color:#4A0F1B;
  box-shadow:0 8px 18px rgba(74,15,27,.10);
}
.nav a:focus-visible::before,
.wardrobe-mini-link:focus-visible::before,
.hero .button.solid[href="#wardrobe"]:focus-visible::before{
  left:-24%;
}

/* Preserve the existing arrow motion and make it feel a touch more lively. */
.wardrobe-mini-link:hover span,
.wardrobe-mini-link:focus-visible span{
  transform:translate(4px,-2px) scale(1.06);
}

@media(max-width:800px){
  /* Mobile nav stays roomy and readable; tap/focus still gets the wave. */
  .nav a{
    border-radius:14px;
    padding-inline:12px;
  }
}

@media(prefers-reduced-motion:reduce){
  .nav a,
  .wardrobe-mini-link,
  .hero .button.solid[href="#wardrobe"],
  .nav a::before,
  .wardrobe-mini-link::before,
  .hero .button.solid[href="#wardrobe"]::before{
    transition:none!important;
  }
  .nav a:hover,
  .nav a:focus-visible,
  .wardrobe-mini-link:hover,
  .wardrobe-mini-link:focus-visible,
  .hero .button.solid[href="#wardrobe"]:hover,
  .hero .button.solid[href="#wardrobe"]:focus-visible{
    transform:none;
  }
}

/* ===== VARNIYAM Spirit portrait replacement ===== */
#statement{
  grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);
  align-items:center;
}
#statement .statement-new-portrait{
  padding-left:0;
  width:min(100%,520px);
  justify-self:start;
}
#statement .statement-new-portrait .photo{
  aspect-ratio:941 / 1672;
  width:100%;
  max-height:820px;
  background:#F5EBDD;
}
#statement .statement-new-portrait .photo img{
  object-fit:cover;
  object-position:center;
}
#statement > .reveal:last-child{
  justify-self:start;
  max-width:680px;
}
@media(max-width:800px){
  #statement{
    grid-template-columns:1fr 1fr;
    gap:35px;
  }
  #statement .statement-new-portrait{
    width:100%;
  }
}
@media(max-width:560px){
  #statement{
    grid-template-columns:1fr;
  }
  #statement .statement-new-portrait{
    order:1;
    width:min(100%,430px);
    margin:0 auto;
  }
  #statement > .reveal:last-child{
    order:2;
  }
}

/* ===== VARNIYAM Moments custom cards ===== */
.moments-curved-grid{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:26px;align-items:start}
.moments-curved-grid .moment-card{position:relative;will-change:transform}
.moments-curved-grid .moment-card .photo{position:relative;overflow:hidden;background:#e9dfd4;box-shadow:0 24px 45px rgba(58,38,31,.08),0 10px 18px rgba(58,38,31,.06);border:1px solid rgba(90,63,51,.08)}
.moments-curved-grid .moment-card .photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.moments-curved-grid .moment-card-1{animation:momentFloatOne 7s ease-in-out infinite}
.moments-curved-grid .moment-card-2{animation:momentFloatTwo 6.4s ease-in-out infinite;animation-delay:.5s;margin-top:88px}
.moments-curved-grid .moment-card-3{animation:momentFloatThree 7.4s ease-in-out infinite;animation-delay:.9s;margin-top:38px}
.moments-curved-grid .moment-card-1 .photo{aspect-ratio:3/4;border-radius:44px 44px 148px 44px}
.moments-curved-grid .moment-card-2 .photo{aspect-ratio:3/4;border-radius:34px 108px 34px 108px}
.moments-curved-grid .moment-card-3 .photo{aspect-ratio:3/4;border-radius:118px 40px 40px 118px}
.moments-curved-grid .moment-card-2 .photo img{object-position:center 35%}
.moments-curved-grid .caption{margin-top:14px}
@keyframes momentFloatOne{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-14px,0)}}
@keyframes momentFloatTwo{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-18px,0)}}
@keyframes momentFloatThree{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-12px,0)}}
@media (prefers-reduced-motion: reduce){
  .moments-curved-grid .moment-card{animation:none !important}
}
@media(max-width:800px){
  .moments-curved-grid{gap:18px}
  .moments-curved-grid .moment-card-2{margin-top:54px}
}
@media(max-width:560px){
  .moments-curved-grid{grid-template-columns:1fr 1fr;gap:25px 15px}
  .moments-curved-grid .moment-card-1{grid-column:1/-1;margin-right:15%}
  .moments-curved-grid .moment-card-2,.moments-curved-grid .moment-card-3{margin-top:0}
  .moments-curved-grid .moment-card-2 .photo,.moments-curved-grid .moment-card-3 .photo{aspect-ratio:3/4}
}


/* ===== Community review studio ===== */
.reviews{
  background:
    radial-gradient(circle at 12% 14%,rgba(228,190,103,.16),transparent 24%),
    linear-gradient(135deg,#7E3E31 0%,#8F4938 48%,#6F342B 100%);
  color:#F5EBDD;
  overflow:hidden;
}
.reviews-shell{
  display:grid;
  grid-template-columns:minmax(260px,.82fr) minmax(420px,1.18fr);
  gap:clamp(40px,7vw,110px);
  align-items:start;
}
.reviews-intro{position:sticky;top:120px;padding-top:10px}
.reviews .eyebrow{color:#E4BE67}
.reviews-intro h2{margin-bottom:28px;max-width:620px}
.reviews-intro h2 em{color:#E4BE67}
.reviews-intro>p{color:#F4E6D4;opacity:.92;max-width:46ch}
.reviews-note{
  display:flex;
  gap:14px;
  align-items:flex-start;
  margin-top:34px;
  padding-top:22px;
  border-top:1px solid rgba(228,190,103,.34);
  color:#E7C995;
  max-width:48ch;
}
.reviews-note>span{line-height:1.65}
.reviews-note p{font-size:.78rem;line-height:1.6;color:inherit}
.review-form{
  background:#F5EBDD;
  color:#3A2922;
  border:1px solid rgba(228,190,103,.55);
  box-shadow:0 30px 80px rgba(44,12,16,.24);
  padding:clamp(28px,4vw,52px);
}
.review-field+.review-field{margin-top:26px}
.review-field label,.review-upload-label{
  display:block;
  margin-bottom:9px;
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#8F4938;
  font-weight:700;
}
.review-field input,.review-field textarea{
  width:100%;
  border:0;
  border-bottom:1px solid #B9977B;
  background:transparent;
  color:#3A2922;
  padding:12px 0;
  border-radius:0;
  outline:none;
  resize:vertical;
}
.review-field textarea{min-height:150px;line-height:1.65}
.review-field input:focus,.review-field textarea:focus{border-bottom-color:#8F4938}
.review-field input::placeholder,.review-field textarea::placeholder{color:#A48776}
.review-field-meta{display:flex;justify-content:flex-end;margin-top:7px;color:#A66A4C;font-size:.7rem}
.review-upload{margin-top:30px;padding-top:25px;border-top:1px solid #D8C1A5}
.review-upload-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.review-upload-top small{display:block;color:#8E6F60;font-size:.72rem;line-height:1.5}
.review-photo-count{font-family:var(--serif);font-size:.9rem;color:#8F4938;white-space:nowrap}
.review-upload-button{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:18px;
  padding:11px 16px;
  border:1px solid #8F4938;
  color:#8F4938;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .25s,color .25s;
}
.review-upload-button:hover{background:#8F4938;color:#F5EBDD}
.review-upload-button>span{font-size:1.15rem;line-height:1}
.review-preview-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
.review-preview{position:relative;aspect-ratio:1;background:#D8C1A5;overflow:hidden}
.review-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.review-preview button{
  position:absolute;
  top:6px;
  right:6px;
  width:28px;
  height:28px;
  border:0;
  border-radius:50%;
  background:rgba(58,41,34,.82);
  color:#fff;
  display:grid;
  place-items:center;
  padding:0;
  font-size:1rem;
  line-height:1;
}
.review-form-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:30px;
  padding-top:24px;
  border-top:1px solid #D8C1A5;
}
.review-status{font-size:.78rem;color:#8F4938;min-height:1.5em;max-width:40ch}
.review-form .button.solid{flex:0 0 auto}
.review-wall-wrap{margin-top:clamp(60px,8vw,105px)}
.review-wall-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  padding-top:36px;
  border-top:1px solid rgba(228,190,103,.34);
  margin-bottom:34px;
}
.review-wall-heading .eyebrow{margin-bottom:11px}
.review-wall-heading h3{font-size:clamp(2rem,3.2vw,3.5rem);color:#F5EBDD}
.review-wall-heading>p{color:#E7C995;font-size:.82rem;max-width:28ch;text-align:right}
.review-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.review-card{
  min-width:0;
  background:#F5EBDD;
  color:#3A2922;
  padding:24px;
  border:1px solid rgba(228,190,103,.4);
  box-shadow:0 16px 42px rgba(44,12,16,.13);
}
.review-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:17px}
.review-card-name{font-family:var(--serif);font-size:1.28rem;line-height:1.1}
.review-card-date{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#A66A4C;white-space:nowrap}
.review-card-message{font-size:.84rem;line-height:1.65;color:#6F4B3D;white-space:pre-wrap;overflow-wrap:anywhere}
.review-card-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:20px}
.review-card-gallery button{
  appearance:none;
  border:0;
  padding:0;
  background:#D8C1A5;
  aspect-ratio:1;
  overflow:hidden;
  cursor:zoom-in;
}
.review-card-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.review-card-gallery button:hover img{transform:scale(1.04)}
.review-card-gallery button:nth-child(n+7){display:none}
.review-gallery-more{display:inline-block;margin-top:9px;color:#8F4938;font-size:.7rem}
.review-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:150px;
  border:1px dashed rgba(228,190,103,.38);
  color:#E7C995;
  text-align:center;
  padding:25px;
}
.review-empty[hidden]{display:none}
.review-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:30px;
}
.review-pagination[hidden]{display:none}
.review-page-button{
  appearance:none;
  min-width:116px;
  min-height:44px;
  padding:11px 17px;
  border:1px solid rgba(228,190,103,.58);
  background:transparent;
  color:#F5EBDD;
  font-size:.7rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  transition:background .25s,color .25s,opacity .25s;
}
.review-page-button:hover:not(:disabled){background:#E4BE67;color:#4A0F1B}
.review-page-button:disabled{opacity:.35;cursor:not-allowed}
.review-page-indicator{
  min-width:108px;
  text-align:center;
  color:#E7C995;
  font-family:var(--serif);
  font-size:.9rem;
}
.review-lightbox{
  position:fixed;
  inset:0;
  z-index:120;
  background:rgba(32,7,12,.93);
  display:grid;
  place-items:center;
  padding:30px;
}
.review-lightbox[hidden]{display:none}
.review-lightbox img{max-width:min(100%,1100px);max-height:86vh;width:auto;height:auto;object-fit:contain}
.review-lightbox button{
  position:absolute;
  top:20px;
  right:20px;
  width:46px;
  height:46px;
  border:1px solid rgba(245,235,221,.6);
  border-radius:50%;
  background:rgba(74,15,27,.35);
  color:#fff;
  font-size:1.45rem;
}
@media(max-width:980px){
  .reviews-shell{grid-template-columns:1fr;gap:36px}
  .reviews-intro{position:relative;top:auto;max-width:720px}
  .review-wall{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .reviews{padding-block:70px}
  .review-form{padding:26px 20px}
  .review-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .review-form-footer{align-items:stretch;flex-direction:column}
  .review-form .button.solid{width:100%}
  .review-wall-heading{align-items:flex-start;flex-direction:column}
  .review-wall-heading>p{text-align:left}
  .review-wall{grid-template-columns:1fr}
  .review-pagination{gap:9px}
  .review-page-button{min-width:0;flex:1;padding-inline:10px}
  .review-page-indicator{min-width:86px;font-size:.82rem}
}


/* ===== Extracted from varniyam-responsive-polish ===== */
/* ===== Responsive / zoom-resilient layout polish ===== */
html,body{max-width:100%}
body{overflow-x:hidden}
.wrap{width:100%}
section,header,footer,.hero,.wardrobe-stage,.latest-grid,.moments-grid,.approach-cards{min-width:0}
img,video,svg{max-width:100%}

/* Browser zoom-out increases the CSS viewport width. On very wide viewports,
   let the design breathe into that extra space instead of staying locked to 1760px. */
@media (min-width:2200px){
  html{font-size:clamp(16px,.52vw,20px)}
  :root{--pad:clamp(56px,3.4vw,132px)}
  .wrap{max-width:min(94vw,3200px)}
  .hero{width:min(94vw,3200px);max-width:none;margin-inline:auto}
  .section{padding-block:clamp(82px,4.5vw,150px)}
  .statement{gap:clamp(70px,6vw,190px)}
  .statement figure{padding-left:7%}
  .wardrobe-stage{max-width:min(94vw,3200px)}
  .wardrobe-capsules{gap:clamp(20px,1.35vw,44px)}
  .wardrobe-image-pill{height:clamp(540px,22vw,760px);max-height:760px}
  .latest .wrap,.contact .wrap,footer .wrap{max-width:min(94vw,3200px)}
  .latest-grid{gap:clamp(22px,1.4vw,42px)}
  .approach-cards{width:min(100%,1900px)!important}
  .moments-grid{gap:clamp(24px,1.8vw,48px)}
  .footer-main{gap:clamp(48px,5vw,150px)}
}

/* Extra-wide displays and aggressive browser zoom-out. */
@media (min-width:3000px){
  .wrap,.hero,.wardrobe-stage,.latest .wrap,.contact .wrap,footer .wrap{max-width:min(95vw,3600px)}
  .wardrobe-image-pill{height:clamp(620px,20vw,820px);max-height:820px}
  .approach-cards{width:min(100%,2200px)!important}
}

/* General phone/tablet safeguards. */
@media (max-width:760px){
  :root{--pad:clamp(18px,5vw,28px)}
  .section{padding-block:clamp(58px,14vw,88px)}
  h2{font-size:clamp(2.25rem,11vw,3.35rem)}
  .section-top{gap:16px}
  .section-top>p{max-width:none}
  .button{max-width:100%}
  .statement,.story,.detail,.occasion-layout{min-width:0}

  /* Mobile wardrobe = one polished card at a time, horizontal swipe + auto-scroll. */
  #wardrobe{overflow:hidden}
  #wardrobe .wardrobe-stage{overflow:visible!important}
  #wardrobe .wardrobe-capsules{
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:min(82vw,320px)!important;
    gap:18px!important;
    width:auto!important;
    max-width:none!important;
    margin-inline:calc(var(--pad) * -1)!important;
    padding:10px var(--pad) 28px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  #wardrobe .wardrobe-capsules::-webkit-scrollbar{display:none}
  #wardrobe .wardrobe-capsule{
    width:100%!important;
    min-width:0!important;
    scroll-snap-align:center;
    scroll-snap-stop:always;
  }
  #wardrobe .wardrobe-image-pill{
    width:100%;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:3/4;
  }
  #wardrobe .wardrobe-image-pill img{transform:scale(1.015)}
  #wardrobe .wardrobe-image-pill:hover img{transform:scale(1.035)}
  #wardrobe .wardrobe-capsule-copy{padding:18px 8px 0}
  #wardrobe .wardrobe-capsule-copy h3{font-size:clamp(1.35rem,6vw,1.8rem)}
  #wardrobe .wardrobe-capsule-copy p{font-size:.84rem}
  #wardrobe .wardrobe-note{margin-top:6px}
}

@media (max-width:420px){
  #wardrobe .wardrobe-capsules{grid-auto-columns:min(84vw,300px)!important;gap:14px!important}
  #wardrobe .wardrobe-intro{padding:28px 24px!important}
}

@media (prefers-reduced-motion:reduce){
  #wardrobe .wardrobe-capsules{scroll-behavior:auto!important}
}


/* ===== Extracted from varniyam-entry-auth-styles ===== */
/* ===== VARNIYAM member entrance / Supabase Auth ===== */
:root{
  --entry-navy:#071728;
  --entry-navy-soft:#0d2237;
  --entry-cream:#f7f0e5;
  --entry-cream-deep:#eadcc8;
  --entry-gold:#b8894c;
  --entry-gold-light:#d7b47c;
  --entry-ink:#241c18;
}
body.entry-open{overflow:hidden}
.entry-gate{
  position:fixed;
  inset:0;
  z-index:10000;
  padding:clamp(10px,1.7vw,28px);
  background:#e8dccb;
  overflow:auto;
  overscroll-behavior:contain;
}
.entry-gate[hidden]{display:none!important}
.entry-shell{
  width:min(1680px,100%);
  min-height:calc(100dvh - clamp(20px,3.4vw,56px));
  margin:auto;
  display:grid;
  grid-template-columns:minmax(320px,38%) minmax(0,62%);
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 28px 80px rgba(31,21,14,.18);
  background:var(--entry-cream);
}
.entry-brand-panel{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:680px;
  display:grid;
  place-items:center;
  padding:clamp(42px,5vw,90px);
  color:var(--entry-gold-light);
  text-align:center;
  background:
    radial-gradient(circle at 48% 39%,rgba(184,137,76,.10),transparent 30%),
    linear-gradient(145deg,#061422 0%,#0a1d31 58%,#071728 100%);
}
.entry-brand-panel::before,
.entry-brand-panel::after{
  content:'';
  position:absolute;
  z-index:-1;
  width:360px;
  height:480px;
  opacity:.08;
  background:
    radial-gradient(ellipse at 50% 100%,transparent 51%,rgba(215,180,124,.55) 52% 53%,transparent 54%),
    radial-gradient(ellipse at 30% 68%,transparent 56%,rgba(215,180,124,.55) 57% 58%,transparent 59%);
  transform:rotate(-28deg);
}
.entry-brand-panel::before{left:-170px;top:-70px}
.entry-brand-panel::after{right:-190px;bottom:-110px;transform:rotate(148deg)}
.entry-brand-inner{width:min(100%,520px);display:flex;flex-direction:column;align-items:center}
.entry-brand-logo{width:clamp(150px,18vw,285px);height:auto;object-fit:contain;filter:drop-shadow(0 18px 25px rgba(0,0,0,.26));margin-bottom:26px}
.entry-brand-name{font-family:var(--serif);font-size:clamp(2.4rem,4.1vw,5rem);line-height:.96;letter-spacing:.18em;color:#d8b27a;margin-left:.18em;text-shadow:0 5px 26px rgba(0,0,0,.22)}
.entry-brand-tagline{margin-top:24px;font-size:.69rem;letter-spacing:.42em;text-transform:uppercase;color:#bfa47d}
.entry-brand-line{width:58px;height:1px;background:rgba(215,180,124,.7);margin:30px auto}
.entry-brand-bottom{position:absolute;left:30px;right:30px;bottom:34px;font-size:.65rem;letter-spacing:.26em;text-transform:uppercase;color:#b89d74}

.entry-welcome-panel{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(300px,.92fr) minmax(340px,1.08fr);
  gap:clamp(24px,4vw,70px);
  align-items:center;
  padding:clamp(38px,5vw,88px);
  color:var(--entry-ink);
  background:
    radial-gradient(circle at 18% 16%,rgba(184,137,76,.10),transparent 24%),
    linear-gradient(135deg,#fbf6ee 0%,#f5ecdf 100%);
  position:relative;
}
.entry-welcome-panel::after{
  content:'DIFFERENT MOODS.  ALWAYS YOU.';
  position:absolute;
  right:clamp(24px,4vw,60px);
  bottom:26px;
  font-size:.62rem;
  letter-spacing:.28em;
  color:#a9875e;
  text-transform:uppercase;
}
.entry-editorial{position:relative;min-height:650px;align-self:stretch}
.entry-photo{
  position:absolute;
  overflow:hidden;
  box-shadow:0 22px 54px rgba(84,58,34,.16);
  background:#d6c3a8;
}
.entry-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.entry-photo:hover img{transform:scale(1.035)}
.entry-photo.one{left:2%;top:0;width:68%;height:54%;border-radius:180px 180px 28px 28px}
.entry-photo.one img{object-position:50% 40%}
.entry-photo.two{right:0;top:36%;width:55%;height:39%;border-radius:140px 140px 24px 24px;z-index:2}
.entry-photo.two img{object-position:50% 22%}
.entry-photo.three{left:8%;bottom:0;width:49%;height:34%;border-radius:120px 120px 22px 22px}
.entry-photo.three img{object-position:50% 15%}
.entry-editorial-copy{position:absolute;left:63%;bottom:8%;width:36%;font-size:.62rem;letter-spacing:.28em;line-height:1.75;text-transform:uppercase;color:#a9875e}

.entry-content{width:min(100%,560px);justify-self:center;padding-bottom:22px}
.entry-kicker{display:block;margin-bottom:20px;font-size:.66rem;letter-spacing:.34em;text-transform:uppercase;color:#a27f55}
.entry-content h1{font-family:var(--serif);font-size:clamp(2.7rem,4vw,5.2rem);font-weight:400;letter-spacing:.13em;line-height:.95;margin:0;color:#211a16}
.entry-content h1 span{display:block;font-size:.52em;letter-spacing:0;font-style:italic;margin-bottom:14px}
.entry-subtitle{font-family:var(--serif);font-size:clamp(1.25rem,1.65vw,1.85rem);margin:30px 0 34px;max-width:none;color:#312720}
.entry-rule{display:block;width:72px;height:1px;background:#b8894c;margin:28px 0}
.entry-actions{display:grid;gap:12px}
.entry-action{
  width:100%;
  min-height:60px;
  padding:17px 22px;
  border:1px solid rgba(139,99,52,.58);
  background:transparent;
  color:#2a211b;
  font-family:var(--serif);
  font-size:1.05rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;
}
.entry-action:hover{transform:translateY(-2px);background:#fff8ee;box-shadow:0 12px 25px rgba(108,77,46,.09)}
.entry-action.primary{background:#ad844e;color:#fff9ee;border-color:#ad844e}
.entry-action.primary:hover{background:#946d3f}
.entry-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;padding-top:26px;border-top:1px solid rgba(139,99,52,.20);color:#9a7952}
.entry-perk{text-align:center;font-family:var(--serif);font-size:.8rem;line-height:1.25}
.entry-perk strong{display:block;font-size:1.35rem;font-weight:400;margin-bottom:4px}

.entry-view[hidden]{display:none!important}
.entry-form-heading{font-family:var(--serif);font-size:clamp(2.15rem,3vw,3.6rem);font-weight:400;line-height:1;margin-bottom:12px}
.entry-form-copy{color:#786552;font-size:.88rem;margin-bottom:28px;max-width:44ch}
.entry-field{display:grid;gap:7px;margin-bottom:16px}
.entry-field label{font-size:.69rem;letter-spacing:.14em;text-transform:uppercase;color:#7c6246}
.entry-field input{
  width:100%;
  border:1px solid rgba(115,82,48,.28);
  background:rgba(255,255,255,.58);
  min-height:52px;
  padding:13px 14px;
  color:#211a16;
  border-radius:0;
  outline:none;
}
.entry-field input:focus{border-color:#ad844e;box-shadow:0 0 0 2px rgba(173,132,78,.10)}
.entry-form-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}
.entry-link-button{appearance:none;border:0;background:none;padding:4px 0;color:#8a673f;text-decoration:underline;text-underline-offset:4px;font-size:.8rem}
.entry-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:26px;text-decoration:none!important}
.entry-auth-status{min-height:26px;margin-top:14px;font-size:.82rem;color:#6f5538}
.entry-auth-status.error{color:#9b3b34}
.entry-submit{width:100%;margin-top:8px}
.entry-account-card{padding:28px;border:1px solid rgba(115,82,48,.22);background:rgba(255,255,255,.42)}
.entry-account-avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#ad844e;color:white;font-family:var(--serif);font-size:1.6rem;margin-bottom:20px}
.entry-account-name{font-family:var(--serif);font-size:1.8rem;margin-bottom:6px}
.entry-account-email{font-size:.82rem;color:#806b57;overflow-wrap:anywhere}
.entry-account-actions{display:grid;gap:10px;margin-top:26px}
.entry-close{
  position:absolute;
  right:18px;
  top:18px;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(115,82,48,.25);
  background:rgba(255,255,255,.55);
  display:grid;
  place-items:center;
  color:#5c4630;
  z-index:3;
}
.entry-close[hidden]{display:none!important}
.nav-member{display:flex;align-items:center;gap:8px;margin-left:4px}
.nav-member-greeting{font-family:var(--serif);font-size:.82rem;color:#8F4938;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.nav-account-button,.nav-logout-button{
  appearance:none;
  border:1px solid rgba(58,41,34,.28);
  background:transparent;
  color:inherit;
  min-height:38px;
  padding:8px 13px;
  font-size:.74rem;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.nav-account-button:hover,.nav-logout-button:hover{background:var(--ink);color:var(--paper)}
.nav-logout-button{border-color:rgba(143,73,56,.32);color:#8F4938}
.nav-member [hidden]{display:none!important}
.member-welcome-bar{background:#0A1D31;color:#F5EBDD;border-bottom:1px solid rgba(228,190,103,.28)}
.member-welcome-inner{min-height:36px;display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;font-size:.72rem;letter-spacing:.045em}
.member-welcome-inner strong{font-family:var(--serif);font-weight:400;color:#E4BE67;font-size:.9rem}
.member-welcome-bar[hidden]{display:none!important}
.reviews-note strong{font-weight:600}

@media(max-width:1120px){
  .entry-shell{grid-template-columns:34% 66%}
  .entry-welcome-panel{grid-template-columns:.8fr 1.2fr;gap:30px;padding:42px 34px}
  .entry-editorial{min-height:590px}
  .entry-brand-name{font-size:3rem}
}
@media(max-width:800px){
  .entry-gate{padding:0;background:var(--entry-cream)}
  .entry-shell{min-height:100dvh;border-radius:0;grid-template-columns:1fr;overflow:visible}
  .entry-brand-panel{min-height:260px;padding:36px 24px}
  .entry-brand-logo{width:126px;margin-bottom:12px}
  .entry-brand-name{font-size:2.2rem}
  .entry-brand-tagline{margin-top:12px;font-size:.56rem;letter-spacing:.28em}
  .entry-brand-line,.entry-brand-bottom{display:none}
  .entry-welcome-panel{grid-template-columns:1fr;padding:42px 26px 70px;gap:28px}
  .entry-editorial{min-height:300px;order:2}
  .entry-content{order:1;width:100%;padding:0}
  .entry-photo.one{width:54%;height:78%;left:0}
  .entry-photo.two{width:43%;height:64%;top:20%;right:3%}
  .entry-photo.three{display:none}
  .entry-editorial-copy{left:auto;right:3%;bottom:0;width:43%}
  .entry-welcome-panel::after{display:none}
  .entry-perks{margin-top:26px}
  .nav-member{width:100%;display:grid;gap:2px;margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line)}
  .nav-member-greeting{max-width:none;font-size:1rem;margin-bottom:4px}
  .nav-account-button,.nav-logout-button{width:100%;text-align:left;font-family:var(--serif);font-size:1.35rem;padding:10px 0;border:0;min-height:44px}
  .member-welcome-inner{justify-content:flex-start;padding-block:7px;font-size:.69rem;text-align:left}
}
@media(max-width:520px){
  .entry-brand-panel{min-height:220px}
  .entry-brand-logo{width:105px}
  .entry-brand-name{font-size:1.85rem}
  .entry-welcome-panel{padding:34px 20px 58px}
  .entry-content h1{font-size:2.45rem}
  .entry-subtitle{font-size:1.2rem;margin:22px 0 26px}
  .entry-action{min-height:54px;font-size:.98rem}
  .entry-perks{gap:6px}.entry-perk{font-size:.68rem}.entry-perk strong{font-size:1.15rem}
  .entry-editorial{min-height:250px}
  .entry-form-row{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.entry-photo img,.entry-action{transition:none!important}}


/* ===== Dedicated Wardrobe collection pages ===== */
.collection-page{min-height:100vh}
.collection-page .collection-catalogue{min-height:calc(100vh - 82px);border-top:0;padding-top:clamp(62px,7vw,108px)}
.collection-page .collection-catalogue-head{padding-top:8px}
.collection-page .collection-catalogue-title{font-family:var(--serif);font-weight:400;line-height:1.02}
.collection-page .collection-tabs a{text-decoration:none}
.collection-page .collection-tab[aria-current="page"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.collection-page .collection-grid:empty{display:none}
.collection-page footer{margin-top:0}
.collection-page .top img{width:100%;height:100%;object-fit:cover}
@media(max-width:800px){.collection-page .collection-catalogue{min-height:calc(100vh - 72px)}}


/* ===== Final Wardrobe close control ===== */
.collection-page .collection-close{
  justify-self:end;
  align-self:start;
  min-height:46px;
  padding:12px 17px;
  gap:12px;
  border-color:rgba(58,41,34,.42);
  background:rgba(245,235,221,.76);
  backdrop-filter:blur(6px);
  white-space:nowrap;
}
.collection-page .collection-close span{
  font-size:1.25rem;
  line-height:1;
  transform:translateY(-1px);
}
.collection-page .collection-close:hover{
  background:var(--ink);
  color:var(--paper);
}
@media(max-width:620px){
  .collection-page .collection-catalogue-head{
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px 14px;
    align-items:start;
  }
  .collection-page .collection-catalogue-title-wrap{grid-column:1/-1}
  .collection-page .collection-close{
    grid-column:2;
    grid-row:1;
    justify-self:end;
    position:relative;
    z-index:2;
    min-height:42px;
    padding:10px 13px;
    font-size:.66rem;
  }
  .collection-page .collection-catalogue-title-wrap{padding-top:58px}
}