@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Italiana&display=swap');

:root { --ivory:#f4efe6; --paper:#fbf8f2; --plum:#3b1729; --gold:#b78a4a; --ink:#25201d; --sage:#7e8070; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:'DM Sans', sans-serif; font-weight:300; }
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
a { color:inherit; text-decoration:none; }
button, input { font:inherit; }
.announcement { height:30px; background:var(--plum); color:#fff8ef; display:flex; align-items:center; justify-content:center; overflow:hidden; font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
.announcement-track { display:flex; align-items:center; justify-content:center; gap:16px; white-space:nowrap; }
.announcement span { color:var(--gold); }
.header { height:86px; padding:0 4.5vw; display:flex; align-items:center; justify-content:space-between; position:absolute; top:30px; left:0; right:0; z-index:10; color:var(--plum); background:rgba(248,245,239,.94); backdrop-filter:blur(12px); border-bottom:1px solid rgba(59,23,41,.14); box-shadow:0 10px 30px rgba(48,27,35,.07); }
.brand { display:flex; align-items:center; background:transparent; padding:0; }
.brand img { display:block; width:220px; height:74px; object-fit:cover; object-position:center; mix-blend-mode:multiply; }
.nav { display:flex; align-items:center; gap:27px; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.nav a:not(.shop-pill) { position:relative; }
.nav a:not(.shop-pill):after { content:""; height:1px; background:var(--plum); position:absolute; left:0; right:100%; bottom:-6px; transition:.3s; }
.nav a:hover:after { right:0; }
.shop-pill { border:1px solid rgba(59,23,41,.5); padding:12px 17px; display:flex; gap:22px; }
.menu { display:none; background:none; border:0; padding:12px; }
.menu span { display:block; width:25px; height:1px; background:var(--plum); margin:6px; }
.hero { min-height:800px; height:100vh; position:relative; color:white; overflow:hidden; }
.hero-image { position:absolute; inset:0; background:url('ambassador-asviya.png') 70% center/cover no-repeat; animation:heroReveal 1.4s ease-out both; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(31,10,21,.18),transparent 65%),linear-gradient(0deg,rgba(31,10,21,.78) 0%,transparent 38%); }
.hero-brand-panel { position:absolute; z-index:2; left:6vw; top:31%; width:min(410px,36vw); padding:20px 24px 19px; background:rgba(248,245,239,.91); border-left:3px solid var(--gold); box-shadow:0 22px 65px rgba(30,12,20,.16); backdrop-filter:blur(10px); }.hero-brand-panel img { display:block; width:100%; aspect-ratio:3/1; object-fit:cover; object-position:center; mix-blend-mode:multiply; }.hero-brand-panel p { max-width:360px; color:#65574f; font-size:11px; line-height:1.65; margin:14px 0 12px; }.ambassador-badge { display:inline-block; color:#8a6036; font-size:7px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; border-top:1px solid #cbb393; padding-top:9px; }
.hero-copy { position:absolute; z-index:2; left:8vw; right:8vw; bottom:82px; display:flex; align-items:flex-end; justify-content:space-between; gap:30px; }
.company-note { margin:0; color:#f5ede7; font-size:11px; line-height:1.6; letter-spacing:.08em; text-transform:uppercase; }.company-note strong { color:#e2c08e; font-weight:500; }
.kicker { color:var(--gold); font-size:10px; letter-spacing:.29em; text-transform:uppercase; font-weight:500; margin:0 0 25px; }
.kicker.light { color:#e2c08e; }
h1,h2,h3,blockquote { font-family:'Italiana',serif; font-weight:400; }
h1 { font-size:clamp(53px,6.4vw,102px); line-height:.94; letter-spacing:-.025em; margin:0; }
em { color:#d7b27a; font-style:italic; }
.hero-poem { border-left:1px solid var(--gold); padding-left:18px; margin:35px 0; line-height:1.7; font-size:14px; color:#eee5dd; }
.actions { display:flex; align-items:center; gap:32px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 25px; text-transform:uppercase; letter-spacing:.16em; font-size:10px; font-weight:500; transition:.25s; }
.light-button { background:#f6f0e8; color:var(--plum); }
.light-button:hover { background:var(--gold); color:white; }
.dark-button { background:var(--plum); color:white; }
.dark-button:hover { background:#67324b; }
.text-link { display:inline-flex; gap:14px; align-items:center; border-bottom:1px solid #9b7d67; padding-bottom:6px; font-size:11px; text-transform:uppercase; letter-spacing:.13em; font-weight:500; }
.text-link span { font-size:16px; transition:.2s; }.text-link:hover span { transform:translate(3px,-3px); }
.light-link { color:#fff; border-color:rgba(255,255,255,.45); }
.hero-index { position:absolute; left:4.5vw; right:4.5vw; bottom:27px; z-index:2; display:flex; justify-content:space-between; font-size:9px; letter-spacing:.18em; text-transform:uppercase; color:#ddd1ca; }
.section { padding:120px 7vw; }
.manifesto { background:var(--paper); }
.manifesto-grid,.section-head { display:grid; grid-template-columns:1.7fr 1fr; gap:10vw; align-items:end; }
h2 { font-size:clamp(40px,5vw,72px); line-height:1.05; letter-spacing:-.02em; margin:0; }
.manifesto-grid>div>p,.section-head>p,.gift-copy>p { line-height:1.85; font-size:14px; color:#605650; margin:0 0 30px; }
.brand-meaning { margin-top:100px; border-top:1px solid #cfc5b9; border-bottom:1px solid #cfc5b9; display:grid; grid-template-columns:1fr 1fr 1fr 1fr; align-items:center; padding:27px 0; }
.brand-meaning span { font-family:'Italiana'; font-size:68px; color:var(--plum); }
.brand-meaning p { font-size:9px; line-height:1.65; text-transform:uppercase; letter-spacing:.15em; color:#756a61; }
.woman { background:var(--plum); color:#fff; }
.section-head { margin-bottom:70px; }
.section-head.inverse>p { color:#c8b8bf; }.section-head.inverse h2 { color:white; }
.story-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.18); }
.story-card { min-height:390px; padding:28px 25px; border-right:1px solid rgba(255,255,255,.18); display:flex; flex-direction:column; justify-content:space-between; position:relative; overflow:hidden; transition:.45s; }
.story-card:first-child { border-left:1px solid rgba(255,255,255,.18); }
.story-card>span { font-size:9px; letter-spacing:.19em; text-transform:uppercase; color:#cbb4bf; }
.story-card h3 { font-size:31px; margin:0 0 15px; }.story-card p { font-size:12px; color:#d8cbd1; line-height:1.7; min-height:62px; }.story-card a { font-size:9px; text-transform:uppercase; letter-spacing:.15em; color:#deb978; }
.story-card b { position:absolute; right:-5px; bottom:-35px; font:100px 'Italiana'; color:rgba(255,255,255,.04); }
.story-card:hover { background:#512039; transform:translateY(-8px); }
.collections { background:var(--ivory); }.collection-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:24px; align-items:start; }
.collection-card { position:relative; overflow:hidden; }.collection-card.c1 { grid-column:1/6; }.collection-card.c2 { grid-column:6/10; margin-top:110px; }.collection-card.c3 { grid-column:10/13; margin-top:25px; }
.collection-card img { display:block; width:100%; height:560px; object-fit:cover; filter:saturate(.72) contrast(.96); transition:.7s; }.collection-card.c2 img { height:450px; }.collection-card.c3 img { height:390px; }
.collection-card:hover img { transform:scale(1.035); }.collection-card>div { background:rgba(251,248,242,.95); padding:20px; position:absolute; left:0; right:25%; bottom:0; }
.collection-card p { margin:0; color:#8b6f54; font-size:9px; text-transform:uppercase; letter-spacing:.18em; }.collection-card h3 { margin:5px 0 8px; font-size:36px; }.collection-card a { font-size:9px; text-transform:uppercase; letter-spacing:.13em; }
.centered { margin:55px auto 0; display:flex; width:max-content; }
.hands { min-height:720px; display:grid; grid-template-columns:1.05fr 1fr; background:#1c1715; color:#fff; }
.hands-image { min-height:620px; background:url('https://cdn.sumup.store/shops/01401777/settings/th1024/c84d969e-969e-4e42-8cd2-62fecd7d8fdc.jpeg') center/cover; filter:sepia(.2) saturate(.7); }
.hands-copy { padding:100px 7vw; align-self:center; }.hands-copy h2 { font-size:clamp(40px,4vw,66px); }.hands-copy>p:not(.kicker) { color:#c9c1bc; line-height:1.85; max-width:580px; margin:35px 0; }
.process { display:grid; grid-template-columns:repeat(4,1fr); margin:35px 0 45px; border-top:1px solid #554b46; border-bottom:1px solid #554b46; padding:18px 0; }.process span { font-size:9px; letter-spacing:.13em; text-transform:uppercase; color:#d7b27a; }
.gifting { background:#fbf8f2; }.gift-layout { display:grid; grid-template-columns:1fr 1fr; gap:8vw; }.gift-copy h2 { margin-bottom:25px; }
.gift-tabs { margin-top:45px; border-top:1px solid #cfc6ba; }.gift-tabs button { width:100%; border:0; border-bottom:1px solid #cfc6ba; background:none; text-align:left; padding:17px 2px; display:flex; justify-content:space-between; cursor:pointer; color:#6f655f; }.gift-tabs button span { font-size:9px; }.gift-tabs button.active { color:var(--plum); padding-left:16px; font-weight:500; background:#f2eadf; }
.gift-card { background:var(--ivory); padding:18px; display:grid; grid-template-columns:1.1fr 1fr; gap:26px; align-items:center; }.gift-photo { height:470px; background:url('https://images.unsplash.com/photo-1515562141207-7a88fb7ce338?auto=format&fit=crop&w=900&q=88') center/cover; }.gift-card span { font-size:9px; color:#9a7548; text-transform:uppercase; letter-spacing:.15em; }.gift-card h3 { font-size:36px; margin:10px 0; text-transform:capitalize; }.gift-card p { font-size:12px; line-height:1.7; margin-bottom:28px; }
.abundance { padding:130px 7vw 70px; background:linear-gradient(rgba(46,16,32,.9),rgba(46,16,32,.91)),url('https://images.unsplash.com/photo-1584302179602-e4c3d3fd629d?auto=format&fit=crop&w=2000&q=85') center/cover fixed; color:white; text-align:center; }
.abundance blockquote { font-size:clamp(38px,5vw,72px); line-height:1.15; margin:35px auto 90px; max-width:1100px; }.virtues { display:flex; justify-content:space-around; border-top:1px solid rgba(255,255,255,.22); padding-top:24px; }.virtues span { font-size:9px; letter-spacing:.2em; text-transform:uppercase; color:#e5d7d0; }
.journal { background:var(--paper); }.journal-list { border-top:1px solid #bdb4a9; }.journal-row { display:grid; grid-template-columns:60px 120px 1fr 100px 30px; gap:20px; align-items:center; min-height:110px; border-bottom:1px solid #d6cec5; transition:.25s; }.journal-row:hover { padding-left:12px; background:var(--ivory); }.journal-row>span,.journal-row small { font-size:9px; text-transform:uppercase; letter-spacing:.12em; color:#87796f; }.journal-row h3 { font-size:25px; margin:0; }.journal-row b { font-size:18px; color:var(--gold); }
.circle { background:#8a493e; color:white; padding:95px 7vw; display:grid; grid-template-columns:1.3fr 1fr; gap:10vw; align-items:end; }.circle h2 { font-size:clamp(38px,4.5vw,65px); }.circle form label { display:block; font-size:10px; text-transform:uppercase; letter-spacing:.15em; margin-bottom:18px; }.circle form>div { display:flex; border-bottom:1px solid rgba(255,255,255,.7); }.circle input { flex:1; background:none; border:0; outline:0; color:white; padding:15px 0; }.circle input::placeholder { color:#ead8d3; }.circle button { background:none; color:white; border:0; text-transform:uppercase; font-size:9px; letter-spacing:.15em; cursor:pointer; }.circle form small { display:block; margin-top:13px; font-size:9px; color:#e2c9c3; }.thanks { border-left:1px solid #e4c39c; padding:20px; }.thanks span { font:32px 'Italiana'; }.thanks p { margin-bottom:0; }
footer { background:#171210; color:#ddd4cf; padding:80px 7vw 25px; }.footer-top { display:grid; grid-template-columns:2fr repeat(3,1fr); gap:6vw; padding-bottom:70px; }.footer-brand img { display:block; width:min(330px,100%); aspect-ratio:3/1; object-fit:cover; object-position:center; background:white; }.footer-brand p { font:300 12px 'DM Sans'; letter-spacing:0; color:#9f9691; margin-top:35px; }.footer-top h4 { color:#d7b27a; font-size:9px; text-transform:uppercase; letter-spacing:.18em; margin:0 0 24px; }.footer-top>div:not(:first-child) { display:flex; flex-direction:column; gap:11px; }.footer-top a { font-size:11px; color:#aaa09b; }.footer-top a:hover { color:white; }.footer-bottom { border-top:1px solid #3c3430; padding-top:20px; display:flex; justify-content:space-between; font-size:8px; text-transform:uppercase; letter-spacing:.12em; color:#766d68; }.footer-bottom div { display:flex; gap:25px; }
@keyframes heroReveal { from { transform:scale(1.06); opacity:.5; } to { transform:scale(1); opacity:1; } }
@keyframes announcementTicker { from { transform:translateX(0); } to { transform:translateX(-100%); } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
.brand img,.hero-brand-panel img,.footer-brand img { object-fit:contain; background:transparent; mix-blend-mode:normal; }
@media (max-width:1000px) { .nav { gap:14px; }.nav a { font-size:9px; }.story-grid { grid-template-columns:repeat(2,1fr); }.collection-card.c1 { grid-column:1/7 }.collection-card.c2 { grid-column:7/13 }.collection-card.c3 { grid-column:4/10; margin-top:10px }.hands { grid-template-columns:1fr; }.hands-image { min-height:520px; }.gift-layout { gap:3vw; }.gift-card { grid-template-columns:1fr; }.gift-photo { height:330px; }.footer-top { grid-template-columns:2fr 1fr 1fr; }.footer-top>div:last-child { display:none; } }
@media (max-width:760px) { .announcement { font-size:7px; gap:6px; text-align:center; padding:0 10px; }.header { height:72px; padding:0 22px; }.brand { font-size:23px; }.menu { display:block; z-index:2; }.nav { position:fixed; inset:30px 0 0; background:var(--plum); flex-direction:column; justify-content:center; gap:26px; transform:translateX(100%); transition:.35s; }.nav.open { transform:translateX(0); }.nav a { font-size:13px!important; }.shop-pill { padding:14px 30px; }.hero { min-height:700px; height:100svh; }.hero-image { background-position:64% center; }.hero-shade { background:linear-gradient(0deg,rgba(31,10,21,.9) 0%,transparent 48%); }.hero-copy { left:24px; right:24px; bottom:68px; flex-direction:column; align-items:flex-start; }.actions { align-items:flex-start; flex-direction:column; gap:20px; }.hero-index { left:24px; right:24px; }.hero-index span:last-child { display:none; }.section { padding:80px 24px; }.manifesto-grid,.section-head,.gift-layout,.circle { grid-template-columns:1fr; gap:35px; }.section-head { align-items:start; }.brand-meaning { grid-template-columns:1fr 1fr; gap:20px; margin-top:60px; }.brand-meaning span { font-size:50px; }.story-grid { grid-template-columns:1fr; }.story-card { min-height:280px; border-left:1px solid rgba(255,255,255,.18); }.collection-grid { display:block; }.collection-card { margin:0 0 25px!important; }.collection-card img,.collection-card.c2 img,.collection-card.c3 img { height:430px; }.collection-card>div { right:15%; }.hands-image { min-height:400px; }.hands-copy { padding:70px 24px; }.process { grid-template-columns:1fr 1fr; gap:16px; }.gift-card { padding:12px; }.abundance { background-attachment:scroll; padding:90px 24px 50px; }.abundance blockquote { margin-bottom:60px; }.virtues { flex-wrap:wrap; gap:22px; }.journal-row { grid-template-columns:35px 1fr 20px; padding:20px 0; }.journal-row small:first-of-type { display:none; }.journal-row small:last-of-type { grid-column:2; }.journal-row b { grid-column:3; grid-row:1; }.circle { padding:75px 24px; }.footer-top { grid-template-columns:1fr 1fr; }.footer-brand { grid-column:1/3; margin-bottom:25px; }.footer-bottom { flex-direction:column; gap:18px; line-height:1.6; } }
@media (max-width:760px) {
  html,body,main { width:100%; max-width:100%; overflow-x:hidden; }
  .announcement { height:30px; justify-content:flex-start; padding:0; font-size:7px; letter-spacing:.14em; line-height:1; }
  .announcement-track { flex:0 0 auto; justify-content:flex-start; gap:14px; padding-left:100vw; animation:announcementTicker 18s linear infinite; }
  .header { top:30px; }
  .nav { position:fixed!important; top:30px; right:0; bottom:0; left:0; width:100vw; height:calc(100dvh - 30px); padding:92px 22px 30px; z-index:1000; background:#3b1729!important; color:#fff!important; box-shadow:none; opacity:1; backdrop-filter:none; align-items:stretch; justify-content:flex-start; gap:10px; overflow-y:auto; overflow-x:hidden; transform:translateX(110%); visibility:hidden; pointer-events:none; }
  .nav.open { color:#fff!important; transform:translateX(0); visibility:visible; pointer-events:auto; }
  .nav a { display:flex; align-items:center; justify-content:center; width:100%; min-height:48px; padding:14px 18px; color:#fff!important; background:#512139!important; border:1px solid rgba(255,255,255,.18); text-shadow:none; text-align:center; }
  .nav a:not(.shop-pill):after { background:#fff; }
  .nav .shop-pill { border-color:#d7b27a; background:#6a2b48!important; }
  .brand,.menu { position:relative; z-index:1001; }
  .menu[aria-expanded="true"] span { background:#fff; }
  .brand { padding:4px 7px; }
  .brand img { width:165px; height:55px; }
  .hero { min-height:760px; }
  .hero-image { inset:0; background-position:68% center; }
  .hero-shade { top:0; background:linear-gradient(0deg,rgba(31,10,21,.9) 0%,rgba(31,10,21,.08) 62%); }
  .hero-brand-panel { inset:134px 20px auto; width:auto; height:auto; padding:16px 18px 15px; background:rgba(248,245,239,.9); }
  .hero-brand-panel img { width:min(330px,100%); }
  .hero-brand-panel p { font-size:10px; line-height:1.55; margin:12px 0 10px; max-width:310px; }
  .ambassador-badge { font-size:7px; padding-top:8px; }
  .company-note { display:none; }
}

/* Journal story */
.article-page { min-height:100vh; background:var(--paper); }
.article-nav { height:104px; padding:0 6vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #d7cec3; }
.article-brand img { display:block; width:155px; height:54px; object-fit:contain; }
.article-back { font-size:10px; letter-spacing:.16em; text-transform:uppercase; border-bottom:1px solid #ab8b69; padding-bottom:6px; }
.article-page article { padding-bottom:110px; }
.article-hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr); min-height:720px; border-bottom:1px solid #d7cec3; }
.article-intro { padding:110px 7vw 80px; display:flex; flex-direction:column; justify-content:center; }
.article-meta { color:var(--gold); font-size:10px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; margin:0 0 40px; }
.article-intro h1 { color:var(--plum); font-size:clamp(58px,6.3vw,102px); max-width:900px; }
.article-deck { max-width:650px; color:#625751; font:25px/1.55 'Italiana',serif; margin:42px 0 0; }
.article-hero figure { margin:0; position:relative; min-height:720px; background:#ddd2c5; overflow:hidden; }
.article-hero figure img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:center 32%; }
.article-hero figcaption { position:absolute; left:22px; bottom:20px; padding:10px 13px; background:rgba(251,248,242,.9); color:var(--plum); font-size:8px; letter-spacing:.18em; text-transform:uppercase; }
.article-body { width:min(720px,calc(100% - 48px)); margin:0 auto; padding-top:100px; color:#4f4742; font-size:17px; line-height:1.95; }
.article-body p { margin:0 0 28px; }
.article-body .article-lead { color:var(--plum); font:35px/1.45 'Italiana',serif; margin-bottom:38px; }
.article-body h2 { color:var(--plum); font-size:52px; margin:100px 0 35px; }
.article-body blockquote { margin:70px -9vw; padding:60px 8vw; background:var(--plum); color:#f6eee6; text-align:center; font-size:clamp(32px,4vw,53px); line-height:1.35; }
.article-question { color:var(--gold); font:42px/1.3 'Italiana',serif; text-align:center; padding:30px 0; }
.article-signoff { margin-top:100px; padding:48px; background:var(--ivory); border-top:2px solid var(--gold); display:flex; flex-direction:column; gap:16px; color:var(--plum); }
.article-signoff strong { font-size:10px; letter-spacing:.18em; text-transform:uppercase; }
.article-signoff em { color:#7c664f; font:28px/1.5 'Italiana',serif; }
@media (max-width:760px) {
  .article-nav { height:82px; padding:0 22px; }
  .article-brand img { width:125px; }
  .article-back { font-size:8px; }
  .article-hero { grid-template-columns:1fr; min-height:0; }
  .article-intro { padding:70px 24px 60px; }
  .article-meta { margin-bottom:25px; }
  .article-intro h1 { font-size:clamp(49px,14vw,70px); }
  .article-deck { font-size:22px; margin-top:30px; }
  .article-hero figure { min-height:78svh; }
  .article-body { padding-top:70px; font-size:16px; line-height:1.85; }
  .article-body .article-lead { font-size:30px; }
  .article-body h2 { font-size:43px; margin-top:75px; }
  .article-body blockquote { margin:55px -24px; padding:45px 24px; }
  .article-signoff { margin-top:75px; padding:32px 25px; }
}

/* Responsive hardening for the FTP edition */
html { -webkit-text-size-adjust:100%; }
body, main, section, header, footer, article, div { min-width:0; }
img { max-width:100%; }
p, h1, h2, h3, a, span { overflow-wrap:anywhere; }

@media (max-width:980px) {
  body.nav-open { overflow:hidden; }
  .header { height:76px; padding:0 24px; }
  .brand img { width:145px; height:48px; }
  .menu { display:block; position:relative; z-index:1001; cursor:pointer; }
  .nav { position:fixed!important; top:30px; right:0; bottom:0; left:0; width:100%; height:calc(100dvh - 30px); padding:94px 24px 32px; z-index:1000; background:#3b1729!important; color:#fff!important; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:10px; overflow-y:auto; transform:translateX(105%); visibility:hidden; pointer-events:none; transition:transform .35s ease,visibility .35s; }
  .nav.open { transform:translateX(0); visibility:visible; pointer-events:auto; }
  .nav a,.nav .shop-pill { display:flex; align-items:center; justify-content:center; width:100%; min-height:49px; padding:13px 18px; color:#fff!important; background:#512139!important; border:1px solid rgba(255,255,255,.18); font-size:12px!important; text-align:center; }
  .nav .shop-pill { border-color:#d7b27a; background:#6a2b48!important; }
  .menu[aria-expanded="true"] span { background:#fff; }
  .hero-brand-panel { width:min(430px,48vw); }
  .article-hero { grid-template-columns:1fr; min-height:0; }
  .article-intro { padding:90px 7vw 70px; }
  .article-hero figure { min-height:0; aspect-ratio:4/5; }
}

@media (max-width:760px) {
  body { font-size:16px; }
  .announcement-track { animation-duration:24s; }
  .header { padding:0 18px; }
  .brand img { width:132px; height:44px; }
  .hero { min-height:720px; height:100svh; }
  .hero-brand-panel { inset:122px 16px auto; width:auto; padding:14px 16px; }
  .hero-brand-panel img { width:min(285px,100%); }
  .hero-copy { left:20px; right:20px; bottom:62px; }
  .button { min-height:50px; width:100%; max-width:330px; padding:0 18px; }
  .section { padding:72px 20px; }
  h2 { font-size:clamp(37px,11vw,52px); }
  .section-head { margin-bottom:46px; }
  .brand-meaning { margin-top:48px; }
  .story-card { min-height:250px; padding:24px 20px; }
  .collection-card img,.collection-card.c2 img,.collection-card.c3 img { height:min(105vw,410px); }
  .collection-card>div { right:8%; padding:17px; }
  .hands-image { min-height:350px; }
  .hands-copy { padding:62px 20px; }
  .gift-photo { height:min(90vw,350px); }
  .gift-card>div:last-child { padding:5px 5px 15px; }
  .abundance { padding:78px 20px 46px; }
  .journal-row { grid-template-columns:31px minmax(0,1fr) 20px; column-gap:10px; min-height:0; padding:22px 0; }
  .journal-row h3 { font-size:clamp(23px,7vw,30px); line-height:1.16; }
  .journal-row small:last-of-type { margin-top:3px; }
  .circle { padding:68px 20px; }
  .circle form>div { gap:10px; }
  .circle input { min-width:0; font-size:16px; }
  .circle button { min-height:48px; flex:0 0 auto; }
  footer { padding:64px 20px 24px; }
  .footer-top { gap:34px 24px; padding-bottom:50px; }
  .article-nav { height:76px; padding:0 18px; gap:16px; }
  .article-brand img { width:112px; height:44px; }
  .article-back { font-size:8px; letter-spacing:.11em; white-space:nowrap; }
  .article-intro { padding:58px 20px 48px; }
  .article-meta { font-size:9px; line-height:1.5; margin-bottom:22px; }
  .article-intro h1 { font-size:clamp(43px,12vw,62px); line-height:1; }
  .article-deck { font-size:20px; line-height:1.45; margin-top:27px; }
  .article-hero figure { aspect-ratio:3/4; }
  .article-hero figure img { object-position:center 28%; }
  .article-hero figcaption { left:14px; right:14px; bottom:14px; width:max-content; max-width:calc(100% - 28px); }
  .article-page article { padding-bottom:72px; }
  .article-body { width:calc(100% - 40px); padding-top:62px; font-size:16px; line-height:1.8; }
  .article-body p { margin-bottom:24px; }
  .article-body .article-lead { font-size:29px; line-height:1.4; }
  .article-body h2 { font-size:clamp(38px,10vw,46px); line-height:1.08; margin:68px 0 28px; }
  .article-body blockquote { margin:48px -20px; padding:42px 20px; font-size:clamp(30px,8vw,40px); }
  .article-question { font-size:34px; padding:20px 0; }
  .article-signoff { margin-top:65px; padding:28px 22px; }
  .article-signoff em { font-size:24px; }
}

@media (max-width:420px) {
  .nav { padding-left:16px; padding-right:16px; }
  .hero-brand-panel p { max-width:none; }
  .actions { width:100%; }
  .brand-meaning { gap:14px; }
  .brand-meaning span { font-size:42px; }
  .process { grid-template-columns:1fr; }
  .gift-card { gap:18px; }
  .virtues { justify-content:center; }
  .circle form>div { align-items:stretch; flex-direction:column; border-bottom:0; }
  .circle input { border-bottom:1px solid rgba(255,255,255,.7); }
  .circle button { border:1px solid rgba(255,255,255,.45); padding:0 14px; }
  .footer-top { grid-template-columns:1fr; }
  .footer-brand { grid-column:1; }
  .footer-bottom div { flex-wrap:wrap; gap:14px 20px; }
  .article-back { max-width:145px; text-align:right; }
}

/* Mobile article flow: keep every section visible and naturally scrollable */
@media (max-width:760px) {
  html, body, .article-page { height:auto!important; min-height:100%; overflow-y:visible!important; }
  .article-page, .article-page article, .article-hero, .article-intro, .article-body, .article-body>* { max-height:none!important; visibility:visible!important; opacity:1!important; }
  .article-page article, .article-body { display:block!important; overflow:visible!important; }
  .article-hero { display:block!important; }
  .article-hero figure { display:block; width:100%; min-height:0!important; height:auto!important; aspect-ratio:auto!important; overflow:visible; background:#ddd2c5; }
  .article-hero figure img { display:block; position:relative!important; inset:auto!important; width:100%; height:auto!important; max-height:none!important; object-fit:contain; }
  .article-hero figcaption { position:relative; left:auto; right:auto; bottom:auto; width:100%; max-width:none; padding:12px 20px; background:var(--ivory); }
  .article-body { position:relative; clear:both; }
  .article-body h2, .article-body p, .article-body blockquote, .article-signoff { break-inside:avoid; }
}

/* The Asviya Woman — four photographic expressions */
.story-grid { align-items:stretch; }
.story-card { min-height:650px; justify-content:flex-start; gap:20px; padding:24px 18px 28px; }
.story-image { display:block; width:100%; aspect-ratio:3/4; object-fit:cover; object-position:center top; filter:saturate(.86) contrast(.98); border:1px solid rgba(255,255,255,.12); }
.story-image-link { display:block; width:100%; overflow:hidden; }
.story-image-link .story-image { transition:transform .6s ease,filter .4s ease; }
.story-image-link:hover .story-image { transform:scale(1.025); filter:saturate(1) contrast(1); }
.story-card>div { display:flex; flex:1; flex-direction:column; align-items:flex-start; }
.story-card h3 { margin-top:0; }
.story-card p { min-height:82px; }
.story-card a { margin-top:auto; position:relative; z-index:2; }

@media (max-width:1000px) {
  .story-card { min-height:680px; }
  .story-image { aspect-ratio:4/5; }
}

@media (max-width:760px) {
  .story-grid { gap:22px; border-top:0; }
  .story-card { min-height:0; gap:18px; padding:20px; border:1px solid rgba(255,255,255,.18); }
  .story-image { aspect-ratio:4/5; max-height:none; object-position:center 18%; }
  .story-card>div { min-height:190px; }
  .story-card p { min-height:0; margin-bottom:26px; }
}

.woman-story-actions { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:80px; padding-top:40px; border-top:1px solid #d7cec3; }
.woman-story-actions .button { flex:0 0 auto; }
.brand-origin { margin:58px 0 78px; padding:48px; background:linear-gradient(145deg,#f1e7d9,#fbf8f2); border-top:2px solid var(--gold); border-bottom:1px solid #d7cec3; color:#4f4742; }
.brand-origin-kicker { margin:0 0 18px!important; color:var(--gold); font-size:10px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; }
.brand-origin h2 { margin:0 0 28px; font-size:48px; }
.brand-origin p { margin-bottom:20px; }
.brand-origin p:last-child { margin-bottom:0; }
.brand-origin strong { color:var(--plum); font-weight:500; }
.brand-origin em { color:#8a6036; }
@media (max-width:760px) {
  .brand-origin { margin:44px -20px 58px; padding:36px 20px; }
  .brand-origin h2 { font-size:40px; }
  .woman-story-actions { align-items:stretch; flex-direction:column; margin-top:60px; }
  .woman-story-actions .button { width:100%; max-width:none; }
  .woman-story-actions .text-link { align-self:flex-start; }
}