@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');

:root { --ink:#101010; --black:#070707; --paper:#fff; --soft:#f6f5f3; --line:#dfddda; --muted:#73706c; --gold:#b89755; --gold-light:#dec88f; --serif:'Cormorant Garamond', Georgia, serif; --sans:'Montserrat', Arial, sans-serif; --shadow:0 20px 70px rgba(0,0,0,.14); }
* { box-sizing:border-box; }
.product-quick { z-index:2; }
.hero-image { background-image:url('assets/stock/makeup-flatlay.jpg') !important; background-position:center 42% !important; background-size:cover !important; filter:brightness(.72) contrast(1.06) saturate(.88) !important; }
.editorial-image { background-image:url('assets/editorial-collage.jpeg') !important; background-position:center !important; background-size:cover !important; }
.category-makeup { background-image:url('assets/categories/makeup.jpeg') !important; background-position:center !important; }
.category-skincare { background-image:url('assets/categories/skincare.jpeg') !important; background-position:center !important; }
.category-perfumes { background-image:url('assets/categories/perfumes.jpeg') !important; background-position:center !important; }
.category-accessories { background-image:url('assets/categories/accessories.jpeg') !important; background-position:center !important; }
.category-gifts { background-image:url('assets/categories/gifts.jpeg') !important; background-position:center !important; }
.category-makeup { background-image:url('assets/stock/makeup-flatlay.jpg') !important; }
.category-skincare { background-image:url('assets/stock/makeup-brushes.jpg') !important; }
.category-perfumes { background-image:url('assets/stock/perfume-studio.jpg') !important; }
.category-accessories { background-image:url('assets/stock/makeup-brushes.jpg') !important; }
.category-gifts { background-image:url('assets/categories/gifts.jpeg') !important; }
@media (max-width:640px) {
  .main-nav { max-height:0; padding-top:0; padding-bottom:0; border-bottom:0; flex-wrap:wrap; transition:max-height .25s ease, padding .25s ease; }
  .main-nav.open { max-height:220px; padding-top:13px; padding-bottom:13px; border-bottom:1px solid var(--line); }
  .category-makeup { background-image:url('assets/categories/makeup.jpeg'); background-position:center; }
  .category-skincare { background-image:url('assets/categories/skincare.jpeg'); background-position:center; }
  .category-perfumes { background-image:url('assets/categories/perfumes.jpeg'); background-position:center; }
  .category-accessories { background-image:url('assets/categories/accessories.jpeg'); background-position:center; }
  .category-gifts { background-image:url('assets/categories/gifts.jpeg'); background-position:center; }
}
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); font-size:13px; overflow-x:hidden; }
button, input { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
a { color:inherit; text-decoration:none; }
.prototype-banner { min-height:30px; padding:8px 5vw; background:var(--black); color:#fff; text-align:center; font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.prototype-banner span:first-child { color:var(--gold-light); margin-right:7px; }.prototype-note { color:#aaa; margin-left:18px; text-transform:none; letter-spacing:.04em; }
.site-header { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:25px; padding:22px 5vw 13px; border-bottom:1px solid var(--line); }
.header-tools, .header-actions { display:flex; align-items:center; gap:17px; }.header-actions { justify-content:flex-end; }
.search-box { display:flex; align-items:center; gap:8px; max-width:235px; border-bottom:1px solid #8b8986; padding:7px 0; color:#333; }.search-box span { font-size:24px; line-height:0; transform:rotate(-20deg); }.search-box input { width:100%; border:0; outline:0; color:var(--ink); background:transparent; font-size:11px; }.search-box input::placeholder { color:#9c9994; }
.brand-lockup { display:flex; flex-direction:column; align-items:center; white-space:nowrap; }.brand-monogram { display:block; height:47px; font-family:var(--serif); font-size:50px; font-weight:600; line-height:.8; letter-spacing:-.2em; padding-right:13px; }.brand-monogram span { font-size:.94em; }.brand-name { margin-top:8px; font-family:var(--serif); font-size:25px; letter-spacing:.15em; }.brand-subtitle { display:flex; align-items:center; gap:10px; margin-top:0; font-size:10px; letter-spacing:.48em; padding-left:.48em; }.brand-subtitle i { width:28px; height:1px; background:var(--ink); display:inline-block; }
.icon-button, .cart-trigger { border:0; background:none; color:var(--ink); }.icon-button { display:none; font-size:21px; }.text-action, .cart-trigger { font-size:10px; border:0; background:none; }.cart-trigger { padding:0; }.cart-icon { font-size:18px; margin-left:4px; }.cart-trigger b { display:inline-grid; place-items:center; width:17px; height:17px; border-radius:50%; color:#fff; background:var(--black); font-size:9px; }
.main-nav { display:flex; justify-content:center; gap:34px; padding:15px 5vw; border-bottom:1px solid var(--line); font-size:10px; letter-spacing:.1em; text-transform:uppercase; }.main-nav a { position:relative; }.main-nav a:hover::after { content:''; position:absolute; height:1px; left:0; right:0; bottom:-7px; background:var(--gold); }
.hero { min-height:440px; display:grid; grid-template-columns:47% 53%; position:relative; background:var(--black); color:#fff; }.hero-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:66px 7vw; position:relative; z-index:1; background:linear-gradient(100deg,#090909 0%,#111 85%,transparent 100%); }.eyebrow { margin:0 0 14px; color:var(--gold); font-size:10px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; }.hero h1 { max-width:520px; margin:0; font-family:var(--serif); font-size:clamp(42px,4.2vw,66px); font-weight:500; line-height:.94; letter-spacing:-.01em; }.hero-description { max-width:330px; color:#e5e5e5; margin:24px 0 30px; line-height:1.7; }.hero-image { min-height:440px; background-image:linear-gradient(90deg,rgba(8,8,8,.7),transparent 45%), url('WhatsApp Image 2026-07-21 at 19.02.40 (2).jpeg'); background-size:cover; background-position:center 37%; filter:saturate(.75); }.button { display:inline-flex; align-items:center; justify-content:space-between; min-width:172px; border:0; padding:15px 20px; font-size:10px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; transition:.2s ease; }.button span { font-size:20px; font-weight:400; line-height:0; }.button-light { background:#fff; color:var(--ink); }.button-light:hover { background:var(--gold-light); }.button-dark { background:var(--black); color:#fff; }.button-dark:hover { background:#333; }.hero-dots { position:absolute; bottom:18px; left:50%; display:flex; gap:8px; }.hero-dots span { width:7px; height:7px; border:1px solid #fff; border-radius:50%; }.hero-dots span.active { background:#fff; }
.benefits { display:grid; grid-template-columns:repeat(5,1fr); padding:24px 5vw; background:#fafafa; border-bottom:1px solid var(--line); }.benefits article { display:flex; flex-direction:column; align-items:center; text-align:center; padding:7px 15px; border-right:1px solid var(--line); }.benefits article:last-child { border:0; }.benefit-icon { height:34px; font-family:var(--serif); font-size:31px; line-height:1; }.benefits strong { margin:7px 0; font-size:10px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }.benefits p { max-width:155px; margin:0; color:var(--muted); font-size:10px; line-height:1.55; }
.section-wrap { width:min(1180px,90vw); margin:0 auto; }.categories-section { padding:76px 0 80px; }.section-heading { position:relative; text-align:center; }.section-heading h2 { margin:0; font-family:var(--serif); font-size:42px; font-weight:500; line-height:1; }.heading-rule { display:block; margin:16px auto 28px; color:var(--gold); font-size:17px; }.category-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }.category-card { position:relative; height:290px; display:flex; align-items:flex-end; justify-content:space-between; padding:20px; border:0; color:#fff; text-align:left; overflow:hidden; background:#222; background-size:cover; background-position:center; }.category-card::before { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 65%); transition:.3s; }.category-card:hover::before { background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.1)); }.category-card span, .category-card b { position:relative; z-index:1; text-transform:uppercase; font-size:10px; letter-spacing:.13em; }.category-card b { font-size:20px; font-weight:400; }.category-makeup { background-image:url('WhatsApp Image 2026-07-21 at 19.02.40 (1).jpeg'); background-position:52% 78%; }.category-skincare { background-image:url('WhatsApp Image 2026-07-21 at 19.02.40 (1).jpeg'); background-position:77% 34%; }.category-perfumes { background-image:url('WhatsApp Image 2026-07-21 at 19.02.40 (1).jpeg'); background-position:74% 54%; }.category-accessories { background-image:url('WhatsApp Image 2026-07-21 at 19.02.40 (1).jpeg'); background-position:61% 40%; }.category-gifts { background-image:url('WhatsApp Image 2026-07-21 at 19.02.40 (1).jpeg'); background-position:82% 70%; }
.products-section { padding:0 0 92px; }.products-heading { display:flex; justify-content:space-between; align-items:flex-end; text-align:left; margin-bottom:23px; }.products-heading .eyebrow { margin-bottom:10px; }.products-heading h2 { font-size:46px; }.view-all, .text-link { font-size:10px; letter-spacing:.12em; text-transform:uppercase; border-bottom:1px solid var(--ink); padding-bottom:7px; }.view-all span, .text-link span { margin-left:22px; font-size:18px; }.filters { display:flex; gap:23px; align-items:center; border-bottom:1px solid var(--line); margin-bottom:24px; overflow:auto; }.filter { padding:11px 0; border:0; border-bottom:1px solid transparent; white-space:nowrap; background:none; color:var(--muted); font-size:10px; letter-spacing:.12em; text-transform:uppercase; }.filter.active, .filter:hover { color:var(--ink); border-color:var(--ink); }.products-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.product-card { position:relative; min-width:0; background:#f7f6f4; }.product-visual { height:330px; position:relative; display:grid; place-items:center; overflow:hidden; }.product-visual img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; filter:saturate(.78); }.product-card:hover .product-visual img { transform:scale(1.04); }.product-badge { position:absolute; top:13px; left:13px; padding:6px 9px; background:#fff; color:var(--ink); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }.product-quick { position:absolute; right:13px; top:11px; display:grid; place-items:center; width:32px; height:32px; border:0; border-radius:50%; color:#fff; background:rgba(0,0,0,.7); font-size:18px; opacity:0; transition:.2s; }.product-card:hover .product-quick, .product-quick:focus { opacity:1; }.product-info { padding:16px 12px 13px; text-align:center; }.product-brand { margin:0 0 7px; color:var(--muted); font-size:9px; letter-spacing:.1em; text-transform:uppercase; }.product-name { min-height:31px; margin:0; font-family:var(--serif); font-size:20px; line-height:.95; }.product-price { margin:11px 0 13px; font-size:12px; font-weight:600; }.product-buy { width:100%; padding:11px; border:0; background:var(--black); color:#fff; font-size:9px; letter-spacing:.15em; text-transform:uppercase; }.product-buy:hover { background:var(--gold); }.empty-state { padding:38px; color:var(--muted); text-align:center; }
.editorial { display:grid; grid-template-columns:1fr 1fr; min-height:370px; margin-bottom:92px; background:var(--soft); }.editorial-image { min-height:370px; background-image:linear-gradient(90deg,transparent 55%,rgba(246,245,243,.5)),url('WhatsApp Image 2026-07-21 at 19.02.40 (1).jpeg'); background-size:cover; background-position:33% 71%; }.editorial-copy { display:flex; flex-direction:column; justify-content:center; padding:50px 9%; }.editorial-copy h2 { max-width:390px; margin:0 0 18px; font-family:var(--serif); font-size:45px; font-weight:500; line-height:.95; }.editorial-copy p:not(.eyebrow) { max-width:360px; color:var(--muted); line-height:1.7; }.text-link { align-self:flex-start; margin-top:17px; }
.newsletter { display:flex; align-items:center; justify-content:center; gap:23px; padding:31px 5vw; background:var(--black); color:#fff; }.newsletter-mark { font-family:var(--serif); font-size:37px; letter-spacing:-.2em; padding-right:12px; }.newsletter-mark span { font-size:.9em; }.newsletter .eyebrow { margin-bottom:5px; }.newsletter p:not(.eyebrow) { margin:0; color:#c7c7c7; font-size:11px; }.newsletter-form { display:flex; margin-left:40px; border:1px solid #4c4c4c; }.newsletter-form input { width:230px; padding:13px 14px; border:0; outline:0; background:transparent; color:#fff; font-size:11px; }.newsletter-form button { padding:0 20px; border:0; background:#fff; color:var(--ink); font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.site-footer { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:40px; position:relative; padding:54px 5vw 65px; }.site-footer .brand-lockup { align-items:flex-start; }.site-footer .brand-monogram { font-size:37px; height:36px; }.site-footer .brand-name { font-size:19px; }.site-footer .brand-subtitle { font-size:8px; }.footer-brand > p { color:var(--muted); font-size:11px; line-height:1.7; }.socials { margin-top:20px; font-size:18px; }.site-footer h3 { margin:5px 0 19px; font-size:10px; letter-spacing:.13em; text-transform:uppercase; }.site-footer > div:not(.footer-brand):not(.copyright) a { display:block; margin:0 0 12px; color:var(--muted); font-size:11px; }.payments { display:flex; flex-wrap:wrap; gap:6px; max-width:160px; }.payments span { display:grid; place-items:center; min-width:42px; height:25px; border:1px solid var(--line); color:#565656; font-size:8px; }.footer-note { margin-top:23px; color:var(--muted); font-size:10px; line-height:1.6; }.copyright { position:absolute; right:5vw; bottom:20px; color:#999; font-size:9px; }
.product-dialog { width:min(840px,92vw); padding:0; border:0; box-shadow:var(--shadow); }.product-dialog::backdrop { background:rgba(0,0,0,.62); }.modal-close { position:absolute; top:14px; right:17px; z-index:3; width:33px; height:33px; border:0; border-radius:50%; background:#fff; color:var(--ink); font-size:24px; line-height:1; }.detail-grid { display:grid; grid-template-columns:1fr 1fr; min-height:490px; }.detail-image { min-height:490px; background-size:cover; background-position:center; }.detail-copy { display:flex; flex-direction:column; justify-content:center; padding:50px 45px; }.detail-copy h2 { margin:0; font-family:var(--serif); font-size:46px; font-weight:500; line-height:.93; }.detail-description { color:var(--muted); line-height:1.7; }.detail-price { margin:21px 0; font-size:18px; font-weight:600; }.quantity-row { display:flex; gap:10px; margin-bottom:12px; }.quantity-control { display:flex; align-items:center; border:1px solid var(--line); }.quantity-control button { width:38px; height:42px; border:0; background:none; }.quantity-control output { width:28px; text-align:center; }.detail-add { flex:1; }.cart-drawer { position:fixed; top:0; right:0; z-index:20; display:flex; flex-direction:column; width:min(420px,100vw); height:100vh; padding:28px; background:#fff; box-shadow:var(--shadow); transform:translateX(102%); transition:transform .3s ease; }.cart-drawer.open { transform:translateX(0); }.drawer-backdrop { position:fixed; inset:0; z-index:19; background:rgba(0,0,0,.35); opacity:0; pointer-events:none; transition:.3s; }.drawer-backdrop.open { opacity:1; pointer-events:auto; }.drawer-header { display:flex; justify-content:space-between; position:relative; }.drawer-header h2 { margin:0; font-family:var(--serif); font-size:34px; font-weight:500; }.drawer-header .modal-close { position:static; background:var(--soft); }.shipping-progress { min-height:39px; margin:23px 0 10px; padding:12px; background:var(--soft); color:var(--muted); font-size:10px; line-height:1.5; }.cart-items { flex:1; overflow:auto; }.cart-line { display:grid; grid-template-columns:66px 1fr auto; gap:12px; align-items:center; padding:14px 0; border-bottom:1px solid var(--line); }.cart-line img { width:66px; height:75px; object-fit:cover; }.cart-line strong { display:block; font-family:var(--serif); font-size:17px; font-weight:600; line-height:.95; }.cart-line small { display:block; margin:6px 0; color:var(--muted); font-size:9px; }.line-price { font-weight:600; font-size:11px; }.line-actions { display:flex; align-items:center; gap:3px; }.line-actions button { width:22px; height:22px; border:1px solid var(--line); background:#fff; }.cart-empty { display:none; flex:1; align-items:center; justify-content:center; flex-direction:column; text-align:center; color:var(--muted); }.cart-empty.visible { display:flex; }.cart-empty span { font-size:45px; color:var(--gold); }.cart-empty p { line-height:1.7; }.cart-empty a { margin-top:15px; border-bottom:1px solid; padding-bottom:6px; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }.cart-summary { padding-top:20px; }.cart-summary > div { display:flex; justify-content:space-between; font-size:12px; }.cart-summary p { color:var(--muted); font-size:9px; line-height:1.5; }.checkout-button { width:100%; }.toast { position:fixed; right:25px; bottom:25px; z-index:30; max-width:300px; padding:13px 18px; background:var(--black); color:#fff; box-shadow:var(--shadow); font-size:11px; transform:translateY(130%); transition:.25s; }.toast.show { transform:translateY(0); }
@media (max-width:900px) { .site-header { grid-template-columns:1fr auto 1fr; padding:17px 4vw 12px; }.header-actions .text-action { display:none; }.header-tools { order:0; }.header-tools .search-box { display:none; }.icon-button { display:block; }.main-nav { gap:20px; padding-left:4vw; padding-right:4vw; overflow:auto; justify-content:flex-start; white-space:nowrap; }.hero { min-height:420px; grid-template-columns:55% 45%; }.hero-copy { padding-left:7vw; }.hero h1 { font-size:48px; }.benefits { grid-template-columns:repeat(3,1fr); gap:13px; }.benefits article:nth-child(n+4) { display:none; }.category-grid { grid-template-columns:repeat(3,1fr); }.category-card { height:230px; }.category-card:nth-child(4),.category-card:nth-child(5) { height:200px; }.products-grid { grid-template-columns:repeat(3,1fr); }.product-visual { height:280px; }.editorial-copy h2 { font-size:39px; }.newsletter { flex-wrap:wrap; justify-content:flex-start; padding-left:7vw; }.newsletter-form { margin-left:0; }.site-footer { grid-template-columns:repeat(3,1fr); }.footer-brand { grid-column:1/-1; }.copyright { position:static; grid-column:1/-1; margin-top:18px; } }
@media (max-width:640px) { .prototype-banner { padding:7px 15px; font-size:8px; }.prototype-note { display:none; }.site-header { grid-template-columns:1fr auto 1fr; gap:4px; padding:13px 5vw 10px; }.brand-monogram { font-size:37px; height:34px; }.brand-name { font-size:17px; margin-top:5px; }.brand-subtitle { font-size:7px; gap:5px; }.brand-subtitle i { width:15px; }.cart-trigger { font-size:0; }.cart-icon { font-size:18px; }.cart-trigger b { font-size:9px; }.main-nav { font-size:9px; gap:24px; padding:13px 5vw; }.hero { display:block; min-height:560px; }.hero-copy { min-height:440px; padding:60px 8vw 100px; background:linear-gradient(0deg,rgba(7,7,7,.72),#080808 55%,transparent); }.hero h1 { max-width:370px; font-size:51px; }.hero-description { margin-top:20px; }.hero-image { position:absolute; inset:0; min-height:0; opacity:.47; background-position:58% center; z-index:0; }.hero-dots { bottom:16px; }.benefits { display:flex; gap:0; overflow:auto; padding:20px 4vw; }.benefits article { flex:0 0 145px; padding:0 12px; border-right:1px solid var(--line); }.benefits article:nth-child(n+4) { display:flex; }.benefits strong { line-height:1.2; }.categories-section { padding:56px 0 62px; }.section-heading h2, .products-heading h2 { font-size:37px; }.category-grid { grid-template-columns:repeat(2,1fr); gap:9px; }.category-card, .category-card:nth-child(4), .category-card:nth-child(5) { height:185px; padding:14px; }.category-card:last-child { grid-column:1/-1; }.products-section { padding-bottom:62px; }.products-heading { align-items:flex-end; }.view-all { font-size:8px; }.filters { gap:18px; }.products-grid { grid-template-columns:repeat(2,1fr); gap:9px; }.product-visual { height:200px; }.product-info { padding:13px 8px 10px; }.product-name { font-size:17px; }.product-price { font-size:11px; margin:8px 0 10px; }.product-buy { padding:10px 5px; font-size:8px; }.editorial { display:flex; flex-direction:column; margin-bottom:62px; }.editorial-image { min-height:260px; }.editorial-copy { padding:35px 8vw 45px; }.editorial-copy h2 { font-size:42px; }.newsletter { display:grid; grid-template-columns:auto 1fr; gap:15px; padding:25px 7vw; }.newsletter-form { grid-column:1/-1; width:100%; }.newsletter-form input { min-width:0; width:100%; }.site-footer { grid-template-columns:1fr 1fr; gap:28px 20px; padding:42px 7vw 55px; }.footer-brand { grid-column:1/-1; }.site-footer > div:last-of-type { grid-column:1/-1; }.copyright { font-size:8px; }.detail-grid { display:block; }.detail-image { min-height:280px; }.detail-copy { padding:31px 26px 30px; }.detail-copy h2 { font-size:39px; }.product-dialog { max-height:92vh; overflow:auto; }.cart-drawer { padding:24px 20px; }.toast { right:15px; bottom:15px; left:15px; max-width:none; text-align:center; } }