-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy paththeme.css
More file actions
131 lines (131 loc) · 25.6 KB
/
theme.css
File metadata and controls
131 lines (131 loc) · 25.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
:root{
--bg:#f7efe4;--paper:#fcf7f0;--soft:#f2e4d4;--text:#371d1b;--muted:#7b655d;--line:rgba(101,63,46,.13);
--maroon:#7c2430;--deep:#582028;--amber:#c86b35;--gold:#c89d5c;--gold-soft:#ecd1a0;--teal:#2f7d75;--olive:#8a9771;
--cream:#fff9f2;--shadow:0 28px 80px rgba(90,52,37,.12);--shadow-2:0 36px 100px rgba(90,52,37,.18);
--r-xl:38px;--r-lg:28px;--r-md:22px;--r-sm:16px;--max:1280px;--tr:260ms ease;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{
margin:0;font-family:"Manrope","Segoe UI",sans-serif;color:var(--text);overflow-x:hidden;
background:
radial-gradient(circle at 10% 10%,rgba(200,157,92,.16),transparent 18%),
radial-gradient(circle at 90% 14%,rgba(124,36,48,.12),transparent 22%),
linear-gradient(180deg,#fbf4eb 0%,#f4e9da 45%,#f8efe5 100%);
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;z-index:-2;
background-image:radial-gradient(rgba(104,71,55,.08) .6px,transparent .6px);background-size:18px 18px}
a{color:inherit;text-decoration:none}button{font:inherit}
.page-shell{position:relative;isolation:isolate}
.ambient{position:fixed;pointer-events:none;filter:blur(18px);opacity:.56;z-index:-1}
.ambient-left{inset:3vh auto auto -4vw;width:24vw;height:48vh;background:radial-gradient(circle at 40% 34%,rgba(200,157,92,.28),transparent 28%),radial-gradient(circle at 58% 68%,rgba(124,36,48,.12),transparent 20%)}
.ambient-right{inset:8vh -2vw auto auto;width:26vw;height:52vh;background:radial-gradient(circle at 58% 24%,rgba(200,157,92,.18),transparent 22%),radial-gradient(circle at 42% 66%,rgba(200,107,53,.16),transparent 18%)}
.ambient-center{inset:36vh auto auto 32vw;width:34vw;height:26vh;background:radial-gradient(circle,rgba(255,246,234,.8),rgba(255,246,234,0))}
.top-strip,.site-header,.section{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.top-strip{padding-top:12px}.top-strip p{margin:0;padding:10px 18px;border-radius:999px 999px 0 0;text-align:center;color:#fff2e7;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,var(--maroon),var(--amber))}
.site-header{
position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:20px;border:1px solid var(--line);border-top:0;border-radius:0 0 30px 30px;
backdrop-filter:blur(18px);background:rgba(252,247,240,.9);box-shadow:0 14px 36px rgba(84,49,35,.06)
}
.brand{display:inline-flex;align-items:center;gap:14px}.brand-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:22px;color:var(--cream);font-family:"Cormorant Garamond",serif;font-size:1.8rem;font-weight:700;background:linear-gradient(145deg,var(--maroon),var(--amber));box-shadow:0 18px 36px rgba(124,36,48,.18)}.brand-copy{display:grid;gap:2px}
.brand-copy strong,.site-nav a,.header-action,.button,.eyebrow,.info-label,.feature-badge,.auth-badge-mark,.hero-stats span,.trust-band span,.product-type,.mood-copy span,.scene-label{text-transform:uppercase;letter-spacing:.08em}
.brand-copy strong{font-size:.94rem}.brand-copy small,p,li{color:var(--muted)}
.site-nav{display:flex;justify-content:center;gap:28px;color:var(--muted);font-size:.84rem}
.site-nav a,.header-action,.button,.product-card,.mood-card,.mini-feature,.info-card,.timeline-item,.value-card,.stat-card{transition:transform var(--tr),box-shadow var(--tr),color var(--tr),border-color var(--tr),background var(--tr)}
.site-nav a:hover,.header-action:hover,.text-link:hover{color:var(--maroon)}
.header-action,.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border-radius:999px;font-size:.8rem;font-weight:800}
.header-action{padding:0 22px;color:#fff8ef;background:linear-gradient(135deg,var(--maroon),var(--amber));box-shadow:0 18px 38px rgba(124,36,48,.18)}
.section{padding:72px 0}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:start;padding-top:48px}
.eyebrow{margin:0 0 18px;color:var(--maroon);font-size:.78rem;font-weight:800}
h1,h2,h3,blockquote{margin:0;color:var(--text);font-family:"Cormorant Garamond",serif;line-height:.96;letter-spacing:-.03em}
h1{max-width:9.5ch;font-size:clamp(4rem,9vw,7rem)}h2{max-width:14ch;font-size:clamp(2.7rem,5vw,4.7rem)}h3{font-size:1.9rem}p,li{line-height:1.78}
.hero-text{max-width:56ch;margin-top:26px;font-size:1.05rem}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.button{padding:0 24px}.button-primary{color:#fff8ef;background:linear-gradient(135deg,var(--deep),#4d2d21);box-shadow:0 16px 32px rgba(88,32,40,.14)}.button-secondary{border:1px solid rgba(101,63,46,.14);background:rgba(255,255,255,.42)}
.button:hover,.product-card:hover,.mood-card:hover,.mini-feature:hover,.info-card:hover,.timeline-item:hover,.value-card:hover,.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-2)}
.hero-stats,.feature-grid,.trust-band-grid,.mood-grid,.product-grid,.info-grid,.timeline,.values-grid,.trust-stats,.mission-layout,.trust-layout,.founder-layout,.footer-cta{display:grid;gap:22px}
.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}
.hero-stats div,.glass-card,.footer-cta{
position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,252,248,.82),rgba(250,240,228,.72)),rgba(255,255,255,.45);box-shadow:var(--shadow);backdrop-filter:blur(18px)
}
.hero-stats div::before,.glass-card::before,.footer-cta::before{content:"";position:absolute;inset:10px;border:1px solid rgba(200,157,92,.14);border-radius:inherit;pointer-events:none}
.hero-stats div{padding:22px;border-radius:22px}.hero-stats strong{display:block;color:#523121;font-size:2rem;font-weight:800}.hero-stats span{display:block;margin-top:6px;font-size:.74rem}
.hero-panel{padding:20px;border-radius:var(--r-xl);background:linear-gradient(180deg,rgba(255,249,241,.9),rgba(245,230,212,.8)),radial-gradient(circle at 18% 12%,rgba(200,157,92,.18),transparent 22%)}
.feature-card{position:relative;min-height:430px;padding:30px;border-radius:34px;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,rgba(91,28,37,.62),rgba(201,105,52,.56)),url("./assets/hero-sari.png") center/cover no-repeat}
.feature-overlay{position:absolute;inset:0;background:radial-gradient(circle at 84% 30%,rgba(255,220,191,.2),transparent 18%),linear-gradient(180deg,rgba(72,23,29,.18),rgba(72,23,29,.56))}
.feature-frame{position:absolute;inset:16px;border-radius:28px;border:1px solid rgba(255,220,191,.2)}.feature-badge{position:relative;z-index:2;display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:999px;color:#fff4e8;background:rgba(255,255,255,.14);font-size:.76rem;font-weight:800}
.feature-copy{position:relative;z-index:2;max-width:320px;margin-top:24px}.feature-copy h2,.feature-copy p{color:#fff0e4}.feature-copy h2{font-size:clamp(2.5rem,4vw,3.8rem)}.feature-copy p{margin-top:18px}
.mock-scene{position:absolute;inset:auto 0 0;height:68%}.feature-card .arch,.feature-card .sari-fold,.feature-card .brass,.feature-card .lotus-glow{opacity:.6}.arch{position:absolute;bottom:8%;width:34%;height:76%;border:1px solid rgba(255,236,214,.14);border-bottom:0;border-radius:220px 220px 0 0}.arch-left{left:8%}.arch-right{right:8%}
.sari-fold{position:absolute;bottom:10%;left:30%;border-radius:22px;background:linear-gradient(180deg,#243567,#304788 34%,#d2b16b 34%,#b98e4e 42%,#2f4884 42%,#223663 100%);box-shadow:0 22px 30px rgba(37,28,25,.2)}
.fold-a{width:180px;height:130px;transform:skewX(-10deg) rotate(-9deg)}.fold-b{width:130px;height:96px;left:43%;bottom:7%;transform:skewX(8deg) rotate(7deg);opacity:.96}
.brass{position:absolute;bottom:12%;background:radial-gradient(circle at 35% 26%,#f1d39d,#bf8c44 48%,#8a552b 100%)}.brass-pot{right:12%;width:56px;height:68px;border-radius:26px 26px 16px 16px}.brass-cup{right:3%;width:58px;height:44px;border-radius:0 0 20px 20px}.lotus-glow{position:absolute;left:16%;bottom:32%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,209,153,.22),rgba(255,209,153,0))}
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}
.mini-feature{position:relative;min-height:138px;padding:18px;border:1px solid var(--line);border-radius:24px;overflow:hidden;color:#fff8ef;box-shadow:0 18px 34px rgba(95,54,35,.12)}.mini-feature span,.mini-feature strong{position:relative;z-index:1}.mini-feature span{display:block;font-size:.74rem;opacity:.88}.mini-feature strong{display:block;max-width:10ch;margin-top:10px;font-size:1.05rem;line-height:1.2}
.silk-card{background:linear-gradient(135deg,#d6722f,#d89753)}.brass-card{background:linear-gradient(135deg,#7e2432,#9b2f3f)}.gifting-card{background:linear-gradient(135deg,#287d72,#3f9d8f)}.dining-card{color:var(--text);background:linear-gradient(135deg,#e7c48f,#d9b17a)}.dining-card span,.dining-card strong{color:var(--text)}
.mini-visual::before{content:"";position:absolute;inset:16px;border-radius:18px;border:1px solid rgba(255,245,236,.14)}.mini-silk::after,.mini-brass::after,.mini-gifting::after,.mini-blockprint::after{content:"";position:absolute}
.mini-silk::after{inset:auto 20px 18px 18px;height:42px;border-radius:14px;background:linear-gradient(90deg,rgba(255,206,122,.2),rgba(255,233,198,.34))}
.mini-brass::after{right:18px;bottom:20px;width:42px;height:54px;border-radius:18px 18px 10px 10px;background:radial-gradient(circle at 35% 24%,#f2d59d,#bd8442 45%,#7a4624 100%)}
.mini-gifting::after{left:20px;bottom:18px;width:84px;height:44px;border-radius:16px;background:linear-gradient(135deg,rgba(255,246,237,.16),rgba(255,246,237,.08))}
.mini-blockprint::after{right:20px;bottom:18px;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle,rgba(255,251,245,.24) 12%,transparent 13%),radial-gradient(circle,rgba(255,251,245,.18) 28%,transparent 29%),radial-gradient(circle,rgba(255,251,245,.14) 44%,transparent 45%)}
.trust-band{padding-top:12px;padding-bottom:12px}.trust-band-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-band-grid div{padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,251,247,.76),rgba(247,235,220,.68));box-shadow:var(--shadow)}.trust-band span{display:block;margin-bottom:10px;font-size:.74rem;color:var(--maroon);font-weight:800}.trust-band strong{color:#523121;font-size:1.02rem;line-height:1.5}
.section-title-row,.product-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.text-link{align-self:flex-start;color:var(--maroon);font-weight:700}
.mood-grid{grid-template-columns:1.12fr .88fr .88fr;grid-template-areas:"large wedding temple" "large gold spice";align-items:stretch}
.mood-card{min-height:280px;padding:18px;border-radius:30px}.mood-card-large{grid-area:large}.mood-grid .mood-card:nth-child(2){grid-area:wedding}.mood-grid .mood-card:nth-child(3){grid-area:temple}.mood-grid .mood-card:nth-child(4){grid-area:gold}.mood-grid .mood-card:nth-child(5){grid-area:spice}
.mood-visual{position:relative;min-height:250px;border-radius:24px;overflow:hidden}.mood-card-large .mood-visual{min-height:560px}
.scene-label{position:absolute;left:20px;bottom:18px;z-index:2;color:#fff2e7;font-size:.72rem;font-weight:800}.mood-copy{padding:16px 8px 6px}.mood-copy span{display:block;color:var(--maroon);font-size:.72rem;font-weight:800}.mood-copy h3{margin-top:8px;font-size:1.7rem}.mood-copy p{margin-top:10px}
.mood-sari-home{background:linear-gradient(180deg,rgba(68,24,28,.16),rgba(68,24,28,.5)),url("./assets/hero-sari.png") center/cover no-repeat}.mood-sari-home::before{content:"";position:absolute;inset:16px;border-radius:22px;border:1px solid rgba(255,236,214,.18)}
.drape-main,.drape-shadow{position:absolute;border-radius:22px}.mood-sari-home .drape-main{width:210px;height:164px;left:34%;bottom:14%;background:linear-gradient(180deg,#1f2f64,#304681 34%,#ddb46b 34%,#b78649 43%,#334c8b 43%,#243562 100%);transform:skewX(-9deg) rotate(-12deg);box-shadow:0 26px 34px rgba(34,24,19,.24)}
.mood-sari-home .drape-shadow{width:154px;height:122px;left:47%;bottom:9%;background:linear-gradient(180deg,rgba(31,47,100,.8),rgba(31,47,100,.4));transform:skewX(10deg) rotate(9deg);opacity:.45}
.table-ledge{position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,rgba(124,74,44,.18),rgba(77,43,24,.5))}.tea-set,.spice-bowls{position:absolute;background:radial-gradient(circle at 35% 30%,#f0d39d,#b57a44 46%,#7b4a27 100%)}.tea-set{right:10%;bottom:11%;width:68px;height:52px;border-radius:20px}.spice-bowls{right:2%;bottom:10%;width:100px;height:28px;border-radius:999px}.ambient-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(91,28,37,.3),rgba(91,28,37,.42))}
.mood-wedding{background:linear-gradient(180deg,rgba(115,29,39,.16),rgba(115,29,39,.46)),url("./assets/mood-collage.png") center/cover no-repeat}.mosaic-tile{position:absolute;border-radius:20px;background:linear-gradient(135deg,rgba(255,249,242,.18),rgba(255,249,242,.06));border:1px solid rgba(255,237,216,.18)}
.tile-1{inset:18px auto auto 18px;width:30%;height:76%}.tile-2{inset:18px 34% auto auto;width:30%;height:40%}.tile-3{inset:18px 18px auto auto;width:26%;height:40%}.tile-4{inset:auto 18px 18px auto;width:64%;height:28%}.gold-ornament{position:absolute;left:16px;bottom:20px;width:34%;height:30%;border-radius:18px;background:radial-gradient(circle at 40% 32%,rgba(255,214,145,.6),rgba(255,214,145,0) 34%),linear-gradient(180deg,rgba(200,157,92,.18),rgba(200,157,92,.04))}
.mood-temple{background:linear-gradient(180deg,rgba(95,26,34,.1),rgba(95,26,34,.34)),url("./assets/temple-board.png") center/cover no-repeat}.temple-frame{position:absolute;inset:16px;border-radius:30px;background:linear-gradient(180deg,rgba(125,30,42,.64),rgba(170,67,46,.48));box-shadow:inset 0 0 0 12px rgba(242,226,194,.68),inset 0 0 0 16px rgba(125,30,42,.28)}
.temple-frame::before{content:"";position:absolute;inset:18px;border-radius:220px 220px 28px 28px;background:linear-gradient(180deg,#fff9ef,#f8ecd7)}.temple-peacock{position:absolute;right:28px;bottom:18px;width:70px;height:120px;border-radius:40px 40px 20px 20px;background:radial-gradient(circle at 40% 26%,#f4db9a,#cc914e 30%,transparent 31%),linear-gradient(180deg,#2a7d75,#6e4b26 60%,#b73b30 100%)}
.temple-lotus{position:absolute;left:26px;bottom:24px;width:58px;height:40px;background:linear-gradient(180deg,#c77d59,#8d3846);clip-path:polygon(50% 0,72% 40%,100% 30%,84% 65%,96% 100%,50% 74%,4% 100%,16% 65%,0 30%,28% 40%)}.temple-bells{position:absolute;left:20px;top:22px;width:80px;height:26px;background:radial-gradient(circle at 10% 50%,#b98648 18%,transparent 19%),radial-gradient(circle at 50% 50%,#b98648 18%,transparent 19%),radial-gradient(circle at 90% 50%,#b98648 18%,transparent 19%)}
.mood-gold{background:linear-gradient(180deg,rgba(92,31,32,.18),rgba(92,31,32,.36)),url("./assets/mood-grid.png") center/cover no-repeat}.gold-band{position:absolute;border-radius:18px;background:linear-gradient(90deg,rgba(253,228,179,.82),rgba(193,134,71,.88),rgba(254,237,197,.72));box-shadow:inset 0 0 0 1px rgba(255,247,229,.26)}
.band-a{inset:24px 22px auto 22px;height:62px}.band-b{inset:102px 44px auto 44px;height:42px}.band-c{inset:158px 28px auto 28px;height:28px}.texture-ring{position:absolute;right:18px;bottom:16px;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle,transparent 46%,rgba(255,231,187,.88) 47%,rgba(189,129,66,.88) 59%,transparent 60%)}
.mood-spice{background:linear-gradient(180deg,rgba(80,34,22,.12),rgba(80,34,22,.34)),url("./assets/trending-products.png") center/cover no-repeat}.shelf-line{position:absolute;left:18px;right:18px;top:46%;height:6px;border-radius:999px;background:rgba(108,67,45,.42)}
.jar{position:absolute;bottom:24%;width:54px;height:78px;border-radius:20px 20px 14px 14px;background:linear-gradient(180deg,rgba(255,245,236,.66),rgba(123,69,37,.28))}.jar-a{left:20%}.jar-b{left:42%}.jar-c{left:64%}.spice-dust{position:absolute;right:18px;bottom:18px;width:100px;height:54px;border-radius:30px;background:radial-gradient(circle at 20% 40%,rgba(184,95,46,.7),transparent 18%),radial-gradient(circle at 50% 60%,rgba(212,151,56,.72),transparent 18%),radial-gradient(circle at 82% 40%,rgba(139,60,28,.72),transparent 18%)}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{padding:18px;border-radius:30px}.product-visual{position:relative;min-height:252px;border-radius:22px;overflow:hidden;margin-bottom:18px}.visual-frame{position:absolute;inset:10px;border:1px solid rgba(255,238,214,.18);border-radius:16px}
.product-saree{background:linear-gradient(180deg,rgba(91,28,37,.2),rgba(91,28,37,.46)),url("./assets/hero-sari.png") center/cover no-repeat}.product-saree .drape-main{width:140px;height:112px;left:28%;bottom:16%;opacity:.42}.product-saree .drape-shadow{width:98px;height:86px;left:44%;bottom:10%;opacity:.28}.metal-note{position:absolute;right:18px;bottom:18px;width:36px;height:44px;border-radius:16px;background:radial-gradient(circle at 35% 26%,#f1d39d,#be8542 46%,#7a4725 100%);opacity:.8}
.product-brass{background:linear-gradient(180deg,rgba(99,29,39,.18),rgba(99,29,39,.34)),url("./assets/mood-grid.png") 48% 40%/cover no-repeat}.brass-lamp{left:26%;bottom:18%;width:62px;height:98px;border-radius:20px 20px 12px 12px;opacity:.72}.brass-bowl{left:48%;bottom:18%;width:82px;height:44px;border-radius:0 0 26px 26px;opacity:.72}.temple-shadow{position:absolute;right:14px;bottom:14px;width:92px;height:110px;border-radius:22px 22px 0 0;background:linear-gradient(180deg,rgba(91,28,37,.46),rgba(91,28,37,.1))}
.product-blockprint{background:linear-gradient(180deg,rgba(123,57,43,.12),rgba(123,57,43,.22)),url("./assets/temple-board.png") center/cover no-repeat}.print-panel{position:absolute;inset:18px;border-radius:18px;background:radial-gradient(circle at 26% 30%,rgba(255,250,245,.2),transparent 14%),radial-gradient(circle at 70% 40%,rgba(255,250,245,.16),transparent 14%),linear-gradient(135deg,rgba(255,250,245,.12),rgba(255,250,245,.02))}.print-motif{position:absolute;border-radius:50%;border:1px solid rgba(255,248,239,.22)}.motif-a{width:110px;height:110px;left:14%;top:22%}.motif-b{width:74px;height:74px;right:18%;bottom:18%}
.product-gifting{background:linear-gradient(180deg,rgba(122,38,48,.12),rgba(122,38,48,.18)),url("./assets/trending-products.png") right center/cover no-repeat}.gift-box{position:absolute;border-radius:18px;background:linear-gradient(135deg,rgba(255,251,246,.42),rgba(191,113,72,.18));border:1px solid rgba(255,246,238,.24)}.box-a{inset:16px auto auto 16px;width:44%;height:42%}.box-b{inset:auto 16px 16px auto;width:52%;height:34%}.flower-note{position:absolute;inset:26px 20px auto auto;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(212,165,47,.78) 24%,transparent 25%),radial-gradient(circle at 30% 30%,rgba(200,73,52,.54) 18%,transparent 19%),radial-gradient(circle at 70% 30%,rgba(200,73,52,.54) 18%,transparent 19%),radial-gradient(circle at 30% 70%,rgba(200,73,52,.54) 18%,transparent 19%),radial-gradient(circle at 70% 70%,rgba(200,73,52,.54) 18%,transparent 19%)}
.mood-card .mosaic-tile,.mood-card .gold-band,.mood-card .texture-ring,.mood-card .jar,.mood-card .shelf-line,.mood-card .spice-dust,.mood-card .temple-bells,.mood-card .temple-lotus,.mood-card .temple-peacock,.mood-card .drape-main,.mood-card .drape-shadow,.mood-card .tea-set,.mood-card .spice-bowls{opacity:.55}
.product-type{display:block;font-size:.72rem;color:var(--maroon);font-weight:800}.product-card h3{margin-top:10px}.product-card p{margin-top:12px}.product-meta{margin-top:22px}.product-meta strong{color:#523121;font-size:1.15rem}.product-meta button{min-width:68px;height:44px;border:0;border-radius:999px;color:#fff8ef;font-weight:800;background:linear-gradient(135deg,#4d2d21,var(--maroon));cursor:pointer}
.section-heading{margin-bottom:30px}.section-heading.narrow{max-width:720px}.info-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.info-card,.timeline-item,.value-card,.stat-card,.trust-feature,.trust-reasons,.founder-story,.founder-media,.footer-cta{padding:24px;border-radius:28px}.info-card h3,.timeline-item h3,.value-card h3,.trust-reasons h3,.video-placeholder h3{margin-top:12px}.info-card p,.value-card p{margin-top:12px}
.founder-card{display:grid;grid-template-columns:74px 1fr;align-items:start;gap:18px}.founder-avatar{width:74px;height:74px;border-radius:24px;background:radial-gradient(circle at 50% 26%,rgba(255,228,205,.92),rgba(255,228,205,.28) 22%,transparent 23%),linear-gradient(180deg,#481f24 0%,#6a2e38 34%,#cf9e80 34%,#e0b89a 66%,#6f2430 66%,#5c1f29 100%);box-shadow:0 16px 28px rgba(114,47,37,.12)}
.timeline{grid-template-columns:repeat(5,minmax(0,1fr))}.timeline-item{position:relative;padding-top:84px}.timeline-item::after{content:"";position:absolute;top:34px;left:50%;width:calc(100% + 22px);height:1px;background:linear-gradient(90deg,rgba(200,157,92,.4),rgba(127,36,48,.26))}.timeline-item:last-child::after{display:none}
.timeline-icon,.value-card span{display:inline-flex;align-items:center;justify-content:center;font-weight:800}.timeline-icon{position:absolute;top:18px;left:20px;width:52px;height:52px;border-radius:18px;color:#fff9f1;font-size:.9rem;background:linear-gradient(145deg,var(--maroon),var(--amber))}
.mission-layout{grid-template-columns:.92fr 1.08fr;align-items:start}.mission-copy p:last-child{max-width:58ch;margin-top:20px}.values-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.value-card span{width:44px;height:44px;border-radius:14px;color:var(--gold);background:rgba(200,157,92,.12);font-size:.82rem}
.trust-layout{grid-template-columns:1.02fr 1fr 1.02fr}.auth-badge{display:inline-grid;gap:10px}.auth-badge-mark{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:38px;padding:0 14px;border-radius:999px;color:#fff4e8;background:linear-gradient(135deg,#8d4d31,#c89d5c);font-size:.76rem;font-weight:800}
.auth-badge strong,.stat-card strong,blockquote{font-family:"Cormorant Garamond",serif}.auth-badge strong{font-size:2.05rem}.trust-feature p{margin-top:16px}.trust-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card strong{font-size:3rem;line-height:.95}.stat-card span{display:block;margin-top:10px;font-size:.72rem;font-weight:800;color:var(--maroon)}
.trust-reasons ul{margin:16px 0 0;padding:0;list-style:none}.trust-reasons li{padding:14px 0;border-bottom:1px solid rgba(103,63,46,.1)}.trust-reasons li:last-child{border-bottom:0}
.founder-layout{grid-template-columns:1.02fr .98fr}.founder-story p:last-of-type{margin-top:18px}blockquote{margin-top:28px;padding-left:20px;border-left:2px solid rgba(200,157,92,.5);color:var(--maroon);font-size:2rem;line-height:1.18}
.founder-media{display:grid}.video-placeholder{position:relative;display:grid;align-content:end;min-height:100%;padding:30px;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,rgba(74,23,29,.16),rgba(74,23,29,.56)),radial-gradient(circle at 26% 20%,rgba(255,255,255,.18),transparent 18%),linear-gradient(135deg,#d4b492 0%,#af725a 38%,#5d2530 100%)}.video-placeholder::before{content:"";position:absolute;inset:18px;border-radius:22px;border:1px solid rgba(255,246,238,.18)}.video-placeholder p,.video-placeholder h3,.video-placeholder .info-label{position:relative;color:#fff3ea}
.play-button{position:absolute;top:26px;left:26px;width:78px;height:78px;border-radius:50%;background:rgba(255,250,244,.16);box-shadow:inset 0 0 0 1px rgba(255,250,244,.18)}.play-button::before{content:"";position:absolute;inset:27px 25px 27px 33px;clip-path:polygon(0 0,100% 50%,0 100%);background:#fff4e8}
.footer-cta{width:min(calc(100% - 40px),var(--max));margin:0 auto 84px;grid-template-columns:1fr auto;align-items:center;background:linear-gradient(180deg,rgba(255,252,247,.86),rgba(247,235,220,.72))}
.footer-cta .button-primary{min-width:140px}
.reveal-ready [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity 700ms ease,transform 700ms cubic-bezier(.2,.7,.2,1)}.reveal-ready [data-reveal="left"]{transform:translateX(-34px)}.reveal-ready [data-reveal="right"]{transform:translateX(34px)}.reveal-ready [data-reveal="scale"]{transform:scale(.96)}.reveal-ready [data-reveal].is-visible{opacity:1;transform:none}
@media (max-width:1180px){
.hero,.mission-layout,.trust-layout,.founder-layout,.footer-cta{grid-template-columns:1fr}
.mood-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"large large" "wedding temple" "gold spice"}
.product-grid,.info-grid,.timeline,.values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.timeline-item::after{display:none}
}
@media (max-width:860px){
.site-header{grid-template-columns:1fr;justify-items:center}.site-nav{flex-wrap:wrap;gap:16px}
.hero-stats,.trust-band-grid,.trust-stats,.product-grid,.info-grid,.timeline,.values-grid,.mood-grid{grid-template-columns:1fr}
.mood-grid{grid-template-areas:"large" "wedding" "temple" "gold" "spice"}
.feature-grid{grid-template-columns:1fr}.section-title-row,.product-meta{flex-direction:column;align-items:flex-start}.mood-card-large .mood-visual{min-height:440px}
}
@media (max-width:560px){
.top-strip,.site-header,.section,.footer-cta{width:min(calc(100% - 24px),var(--max))}
.top-strip p{border-radius:20px 20px 0 0;font-size:.72rem;line-height:1.5}.site-header{padding:16px}.section{padding:60px 0}
h1{font-size:clamp(3.2rem,16vw,4.9rem)}h2{font-size:clamp(2.4rem,11vw,3.4rem)}
.hero-panel,.product-card,.mood-card,.info-card,.timeline-item,.value-card,.trust-feature,.trust-reasons,.founder-story,.founder-media,.stat-card,.footer-cta{padding:18px}
.feature-card{min-height:390px;padding:22px}.feature-copy h2{font-size:2.4rem}.mood-card-large .mood-visual{min-height:360px}.product-visual,.mood-visual{min-height:220px}
.mood-card-large .drape-main{width:150px;height:110px}.mood-card-large .drape-shadow{width:100px;height:82px}blockquote{font-size:1.7rem}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-ready [data-reveal]{opacity:1;transform:none}
}