:root{--serif:'Cormorant Garamond',Georgia,serif;--sans:'Jost',Arial,Helvetica,sans-serif}
.home{font-family:var(--sans);background:var(--paper)}
.home h1,.home h2,.home h3{font-family:var(--serif);font-weight:500}
.topbar{background:#2a171c;color:#e9d7cf;text-align:center;font-size:12px;letter-spacing:.22em;text-transform:uppercase;padding:11px 10px}
.home .nav-shell{position:sticky;top:0;z-index:50;background:#fffdf9ee;backdrop-filter:blur(14px);border-bottom:1px solid #eadfd6}
.home .nav{border:0;height:84px}
.home .links a{letter-spacing:.14em;text-transform:uppercase;font-size:12px;position:relative;padding:6px 0}
.home .links a:after{content:'';position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--wine);transition:.3s}
.home .links a:hover:after{width:100%}
.home .btn{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;font-size:12px;padding:16px 30px;transition:.3s}
.home .btn.dark:hover{background:var(--wine);border-color:var(--wine)}
.home .btn.light{border-color:#fff;color:#fff}.home .btn.light:hover{background:#fff;color:var(--ink)}
.h-hero{position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 85% 20%,#f2d9d3 0,transparent 60%),linear-gradient(180deg,#f8f1ea,#f3e7de)}
.h-hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:calc(100vh - 130px);padding:50px 0}
.h-hero h1{font-size:clamp(56px,8vw,118px);line-height:.9;margin:20px 0 26px;letter-spacing:-.02em}
.h-hero h1 em{font-style:italic;color:var(--wine)}
.h-hero p.lead{font-size:18px;line-height:1.8;color:#6a5e60;max-width:520px;margin:0 0 36px;font-weight:300}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.trust{display:flex;gap:34px;margin-top:54px;padding-top:26px;border-top:1px solid #dcc9bd;flex-wrap:wrap}
.trust b{display:block;font:500 34px var(--serif);color:var(--wine)}.trust span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.art{position:relative;height:640px}
.art .arch{position:absolute;inset:0 6% 0 10%;border-radius:999px 999px 24px 24px;background:radial-gradient(circle at 50% 30%,#f4cbc3 0 14%,transparent 15%),linear-gradient(160deg,#5a1f2f,#a65a6b 50%,#e8cdbf);box-shadow:0 50px 100px #5a1f2f40;overflow:hidden}
.art .arch:before{content:'';position:absolute;left:50%;bottom:-8%;width:70%;height:55%;transform:translateX(-50%);border-radius:50% 50% 0 0;background:linear-gradient(#ffffff26,#ffffff00)}
.art .frame{position:absolute;inset:-18px 0 18px 4%;border:1px solid var(--gold);border-radius:999px 999px 24px 24px;opacity:.7;pointer-events:none}
.bottle{position:absolute;bottom:14%;left:50%;transform:translateX(-50%);width:120px;height:250px;border-radius:18px 18px 26px 26px;background:linear-gradient(100deg,#ffffff55,#ffffff12 40%,#ffffff40);border:1px solid #ffffff80;backdrop-filter:blur(3px);box-shadow:0 30px 60px #0003;animation:float 6s ease-in-out infinite}
.bottle:before{content:'';position:absolute;top:-52px;left:50%;transform:translateX(-50%);width:54px;height:56px;border-radius:8px;background:linear-gradient(90deg,#c9a46a,#f1dcae,#b18a55)}
.bottle:after{content:'P';position:absolute;inset:40% 0 auto;text-align:center;font:italic 500 54px var(--serif);color:#fffc}
.bottle.s{width:80px;height:150px;left:22%;bottom:9%;animation-delay:-2s}.bottle.s:before{width:34px;height:36px;top:-34px}.bottle.s:after{font-size:34px}
.bottle.t{width:70px;height:110px;left:78%;bottom:7%;animation-delay:-4s}.bottle.t:before{width:30px;height:30px;top:-28px}.bottle.t:after{font-size:30px}
@keyframes float{50%{transform:translateX(-50%) translateY(-14px)}}
.badge{position:absolute;right:0;top:12%;width:120px;height:120px;border-radius:50%;background:#fffdf9;display:grid;place-items:center;text-align:center;font:italic 500 17px/1.2 var(--serif);color:var(--wine);box-shadow:0 20px 50px #0002}
.badge small{display:block;font:400 9px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.marquee{background:#2a171c;color:#e8d4c8;overflow:hidden;white-space:nowrap;padding:20px 0}
.marquee div{display:inline-block;animation:slide 32s linear infinite;font:italic 400 26px var(--serif)}
.marquee span{margin:0 28px}.marquee i{color:var(--gold);font-style:normal}
@keyframes slide{to{transform:translateX(-50%)}}
.h-sec{padding:110px 0}
.h-head{text-align:center;max-width:720px;margin:0 auto 60px}
.h-head h2{font-size:clamp(42px,5.5vw,76px);line-height:1;margin:14px 0 18px}
.h-head p{color:var(--muted);line-height:1.9;font-weight:300;font-size:17px;margin:0}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cat{position:relative;aspect-ratio:3/4;border-radius:200px 200px 16px 16px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:28px;color:#fff;transition:.5s}
.cat:nth-child(1){background:linear-gradient(160deg,#c98e8e,#7a3446)}.cat:nth-child(2){background:linear-gradient(160deg,#8a2c40,#3a1520)}.cat:nth-child(3){background:linear-gradient(160deg,#d8b98e,#8a6a3e)}.cat:nth-child(4){background:linear-gradient(160deg,#b9a0a8,#5d3f4d)}
.cat:hover{transform:translateY(-10px);box-shadow:0 30px 60px #4a1c2a40}
.cat h3{font-size:32px;margin:0;text-align:center}.cat small{display:block;text-align:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.8;margin-top:6px}
.sec-title{display:flex;align-items:center;gap:20px;margin:70px 0 28px}
.sec-title h3{font-size:44px;margin:0}.sec-title:after{content:'';flex:1;height:1px;background:#e2d5ca}
.home .grid{gap:30px}
.home .card{border-radius:0;border:0;background:transparent;position:relative}
.home .card:hover{box-shadow:none;transform:none}
.home .media{border-radius:200px 200px 0 0;position:relative;transition:.5s}
.home .card:hover .media{border-radius:16px}
.home .media img{transition:transform 1s}.home .card:hover .media img{transform:scale(1.07)}
.home .card-body{padding:22px 4px;text-align:center}
.home .card h3{font-size:30px}
.view{display:inline-block;margin-top:8px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--wine);border-bottom:1px solid var(--wine);padding-bottom:3px}
.story{background:linear-gradient(135deg,#f6ebe3,#efdcd2)}
.story .wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.story h2{font-size:clamp(42px,5vw,70px);line-height:1;margin:14px 0 22px}
.story p{color:#6a5e60;line-height:1.9;font-weight:300;font-size:17px}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pillar{background:#fffdf9;padding:30px 24px;border-radius:4px;border-top:2px solid var(--gold)}
.pillar b{font:500 26px var(--serif);display:block;margin-bottom:8px;color:var(--wine)}.pillar span{font-size:14px;color:var(--muted);line-height:1.7}
.verify{background:radial-gradient(800px 400px at 80% 0,#5a1f2f,transparent),#2a171c;color:#fff;text-align:center}
.verify h2{font-size:clamp(42px,6vw,84px);margin:14px 0 18px}.verify p{color:#d8cdd0;max-width:600px;margin:0 auto 34px;line-height:1.9;font-weight:300}
.verify .eyebrow{color:#d7a9ae}
.home .eyebrow{font-size:11px;letter-spacing:.3em;color:var(--wine)}
.h-foot{background:#171113;color:#cdbfc0;padding:70px 0 30px}
.h-foot .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.h-foot h4{font:400 12px var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#fff;margin:0 0 18px}
.h-foot a{display:block;margin-bottom:10px;font-size:14px;color:#cdbfc0}.h-foot a:hover{color:#fff}
.h-foot .brand{font:italic 500 34px var(--serif);color:#fff}
.h-foot .copy{grid-column:1/-1;border-top:1px solid #ffffff1f;padding-top:24px;font-size:12px;letter-spacing:.1em}
.rv{opacity:0;transform:translateY(34px);transition:1s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
@media(max-width:860px){.h-hero .wrap,.story .wrap{grid-template-columns:1fr;gap:30px}.h-hero .wrap{min-height:0}.art{height:460px;order:-1}.cats{grid-template-columns:1fr 1fr}.h-sec{padding:70px 0}.h-foot .wrap{grid-template-columns:1fr}.trust{gap:22px}.badge{width:92px;height:92px;font-size:14px}.home .grid{grid-template-columns:1fr 1fr;gap:14px}.home .card h3{font-size:22px}.pillars{grid-template-columns:1fr}}
@media(max-width:480px){.home .grid{grid-template-columns:1fr}}

/* ===== Responsive pass: phone / tablet / laptop / large screens ===== */
html{-webkit-text-size-adjust:100%}
body.home{overflow-x:hidden}
.home .wrap{width:min(1320px,90%)}
.home img{max-width:100%}
.h-hero .wrap{min-height:calc(100svh - 130px)}
.home .btn,.home .cat,.home .card{-webkit-tap-highlight-color:transparent}
.home .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
.home .media{background:linear-gradient(160deg,#ecd6cd,#c98e9b 70%,#a65a6b)}
@media(max-width:1100px){.cats{grid-template-columns:repeat(2,1fr)}.cat{aspect-ratio:4/3;border-radius:120px 120px 16px 16px}.home .grid{grid-template-columns:repeat(2,1fr)}.h-hero .wrap,.story .wrap{gap:30px}.story .wrap{gap:50px}}
@media(max-width:860px){
 .topbar{font-size:10px;letter-spacing:.14em;padding:9px 8px}
 .home .nav{height:62px;flex-wrap:nowrap;padding:0}
 .home .logo{height:44px}
 .home .links{width:auto;gap:18px;padding:0}
 .home .links a{font-size:11px;letter-spacing:.1em}
 .home .links a[href="#story"]{display:none}
 .h-hero .wrap{min-height:0;padding:34px 0 56px;gap:44px}
 .h-hero h1{font-size:clamp(46px,14vw,84px);line-height:.95;margin:16px 0 18px}
 .h-hero p.lead{font-size:16px;margin-bottom:26px}
 .cta .btn{flex:1 1 100%}
 .trust{margin-top:34px;padding-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
 .trust b{font-size:26px}.trust span{font-size:9px;letter-spacing:.1em}
 .art{height:min(430px,112vw);order:0;margin:0 4%}
 .art .arch{inset:0 4% 0 4%}.art .frame{inset:-12px 0 12px 8%}
 .bottle{width:92px;height:190px}.bottle.s{width:64px;height:120px}.bottle.t{width:56px;height:88px}
 .bottle:after{font-size:42px}
 .badge{width:88px;height:88px;font-size:13px;right:-6px}.badge small{font-size:8px}
 .marquee{padding:14px 0}.marquee div{font-size:20px}
 .h-head{margin-bottom:36px}.h-head p{font-size:15px}
 .cats{gap:12px}.cat{padding:18px 12px}.cat h3{font-size:24px}
 .sec-title{margin:46px 0 20px}.sec-title h3{font-size:34px}
 .home .media{border-radius:140px 140px 0 0}
 .home .card-body{padding:14px 2px}.home .card .muted{font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .story p{font-size:15px}.pillar{padding:22px 18px}.pillar b{font-size:23px}
 .verify .btn{width:100%}
 .h-foot{padding:50px 0 24px}.h-foot .wrap{gap:30px}
}
@media(max-width:480px){.home .grid{grid-template-columns:1fr 1fr;gap:12px}.home .card h3{font-size:20px}.tag{font-size:9px}.home .media{border-radius:90px 90px 0 0}}
@media(max-width:360px){.home .grid{grid-template-columns:1fr}}
@media(min-width:1600px){body.home{font-size:18px}.h-hero h1{font-size:clamp(100px,7vw,140px)}.art{height:720px}}
@media(max-height:560px) and (orientation:landscape){.h-hero .wrap{min-height:0}}
@media(hover:none){.cat:hover,.home .card:hover .media{transform:none}.home .card:hover .media img{transform:none}}
@media(prefers-reduced-motion:reduce){.bottle,.marquee div{animation:none}.rv{opacity:1;transform:none;transition:none}}
@supports(padding:max(0px)){.h-foot{padding-bottom:max(30px,env(safe-area-inset-bottom))}}
@media(max-width:860px){.home .links{flex-wrap:nowrap;white-space:nowrap;gap:16px}.home .nav>a{flex:0 0 auto}.home .logo{max-width:150px}}
@media(max-width:360px){.home .links{gap:12px}.home .links a{font-size:10px}.home .logo{max-width:120px}}
@media(max-width:420px){.topbar{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home .logo{max-width:128px}.home .links{gap:12px}}
@media(min-width:861px){.art{height:clamp(440px,74svh,720px)}}

/* Logo: text only, no box behind it */
.home .nav-shell{background:transparent;border-bottom:1px solid transparent;backdrop-filter:none;transition:background .3s,border-color .3s}
.home .nav-shell.scrolled{background:#fffdf9f2;border-bottom-color:#eadfd6;backdrop-filter:blur(14px)}
.home .nav-shell.over{margin-bottom:-84px}
.h-hero{padding-top:84px}
@media(max-width:860px){.home .nav-shell.over{margin-bottom:-62px}.h-hero{padding-top:62px}}
.home .logo{background:none}
.h-foot .copy{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}

/* Afghanistan-first catalogue refinement: Dari RTL, accessible and mobile-first */
.fa-site{font-family:'Vazirmatn',Tahoma,Arial,sans-serif;direction:rtl;text-align:right;line-height:1.8}
.fa-site h1,.fa-site h2,.fa-site h3,.fa-site .brand,.fa-site .badge{font-family:'Amiri','Cormorant Garamond',serif}
.fa-site .topbar{letter-spacing:0;font-size:12px;line-height:1.6}
.fa-site .topbar span{color:var(--gold);padding:0 8px}
.fa-site .nav{direction:rtl}
.fa-site .links{gap:26px}
.fa-site .links a{letter-spacing:0;font-size:13px}
.fa-site .eyebrow{letter-spacing:0;font-size:12px}
.fa-site .eyebrow span{color:var(--gold);padding:0 4px}
.fa-site .h-hero .wrap{direction:rtl}
.fa-site .h-hero h1{font-size:clamp(54px,7.2vw,106px);line-height:1.18;letter-spacing:0;margin:14px 0 20px}
.fa-site .h-hero h1 em{font-style:normal;white-space:nowrap}
.fa-site p.lead{font-size:17px;line-height:2.1;font-weight:400}
.fa-site .cta{gap:12px}
.fa-site .btn{letter-spacing:0;font-size:13px;line-height:1.6;border-radius:3px}
.fa-site .trust{direction:rtl;gap:30px}
.fa-site .trust b{font-family:'Amiri',serif;font-size:31px}
.fa-site .trust span{letter-spacing:0;font-size:11px}
.fa-site .art .badge{font-style:normal;line-height:1.35}
.fa-site .badge small{letter-spacing:.08em}
.fa-site .art-caption{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#fff;font-size:13px;letter-spacing:0;text-shadow:0 1px 8px #32121c}
.fa-site .marquee div{font-family:'Amiri',serif;font-style:normal;font-size:24px}
.fa-site .marquee span{margin:0 24px}
.fa-site .h-head h2,.fa-site .story h2,.fa-site .verify h2{line-height:1.35}
.fa-site .h-head p,.fa-site .story p,.fa-site .verify p{line-height:2}
.fa-site .cat{direction:rtl}
.fa-site .cat h3{font-size:30px;line-height:1.45}
.fa-site .cat small{letter-spacing:0}
.fa-site .sec-title{direction:rtl}
.fa-site .sec-title:after{content:''}
.fa-site .card-body{text-align:right}
.fa-site .card h3{font-size:27px;line-height:1.5}
.fa-site .tag,.fa-site .view{letter-spacing:0;font-size:12px}
.fa-site .view{border-bottom:0}
.fa-site .card .muted{font-size:13px;line-height:1.9}
.fa-site .story .wrap{direction:rtl}
.fa-site .pillars{direction:rtl}
.fa-site .pillar{border-top:0;border-right:3px solid var(--gold)}
.fa-site .pillar b{font-family:'Amiri',serif;font-size:25px}
.fa-site .pillar span{line-height:1.9}
.fa-site .verify{text-align:center}
.fa-site .verify .eyebrow{color:#e5c1c2}
.fa-site .h-foot .wrap{direction:rtl}
.fa-site .h-foot h4{letter-spacing:0;font-size:13px}
.fa-site .h-foot a{font-size:14px;line-height:1.8}
.fa-site .h-foot .brand{font-size:36px}
.fa-site .footer-note{line-height:2;max-width:400px;font-weight:300}
.fa-site .copy{letter-spacing:0}
.fa-site .copy a{margin:0}
.fa-site .empty-catalog{margin:20px 0 0;padding:55px 24px;text-align:center;background:#f6ebe3;border:1px solid #e4d1c5}
.fa-site .empty-mark{width:62px;height:62px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;color:var(--wine);font:italic 24px 'Amiri',serif}
.fa-site .empty-catalog h3{font-size:32px;margin:0 0 8px}
.fa-site .empty-catalog p{color:var(--muted);max-width:520px;margin:0 auto;line-height:2}
.fa-site .no-photo{height:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#6c2638,#c9898e 60%,#e7d2c3);gap:4px}
.fa-site .no-photo span{font:italic 30px 'Amiri',serif}.fa-site .no-photo small{font-size:11px}
.fa-site .h-sec{scroll-margin-top:90px}
.fa-site a:focus-visible,.fa-site button:focus-visible{outline:3px solid #b18a55;outline-offset:4px}
@media(max-width:860px){
 .fa-site .topbar{font-size:10px;letter-spacing:0}
 .fa-site .nav{height:auto;min-height:66px;gap:8px}
 .fa-site .links{gap:13px}
 .fa-site .links a{font-size:11px}
 .fa-site .h-hero h1{font-size:clamp(46px,12vw,76px);line-height:1.25}
 .fa-site p.lead{font-size:15px;line-height:2}
 .fa-site .cta .btn{flex:1 1 100%}
 .fa-site .trust{gap:8px}
 .fa-site .trust b{font-size:25px}
 .fa-site .trust span{font-size:10px}
 .fa-site .art{order:0}
 .fa-site .h-head h2{line-height:1.4}
 .fa-site .cat h3{font-size:23px}
 .fa-site .card-body{text-align:right}
 .fa-site .card h3{font-size:21px}
 .fa-site .story .wrap{gap:28px}
 .fa-site .h-foot .wrap{gap:28px}
}
@media(max-width:480px){.fa-site .home .grid{grid-template-columns:1fr 1fr}.fa-site .card h3{font-size:19px}.fa-site .empty-catalog{padding:35px 18px}.fa-site .empty-catalog h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.fa-site *{scroll-behavior:auto!important}}