:root {
      color-scheme: dark;
      --espresso: #1d120d;
      --coffee: #2b1a12;
      --mocha: #3b271c;
      --cream: #f6efe3;
      --soft-cream: #eadfce;
      --champagne: #d9b878;
      --gold: #b99354;
      --ink: #0f0b09;
      --glass: rgba(246, 239, 227, 0.08);
      --line: rgba(246, 239, 227, 0.18);
      --shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      background: var(--espresso);
      color: var(--cream);
      line-height: 1.6;
      min-width: 320px;
    }
    body[dir="rtl"] { font-family: "Segoe UI", Tahoma, Arial, sans-serif; }
    img { max-width: 100%; display: block; }
    a { color: inherit; text-decoration: none; }
    button, a { -webkit-tap-highlight-color: transparent; }
    .skip {
      position: absolute;
      left: 1rem;
      top: -4rem;
      z-index: 50;
      background: var(--cream);
      color: var(--ink);
      padding: .75rem 1rem;
      border-radius: 4px;
    }
    .skip:focus { top: 1rem; }
    .shell { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
    .topbar {
      position: fixed;
      inset: 0 0 auto 0;
      z-index: 20;
      background: linear-gradient(180deg, rgba(29, 18, 13, .92), rgba(29, 18, 13, .58), rgba(29, 18, 13, 0));
      backdrop-filter: blur(12px);
    }
    .nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      min-height: 76px;
    }
    .brand {
      display: flex;
      align-items: center;
      gap: .8rem;
      letter-spacing: .16em;
      font-weight: 700;
      text-transform: uppercase;
    }
    .mark {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(217, 184, 120, .42);
      background: rgba(217, 184, 120, .08);
      color: var(--champagne);
      border-radius: 50%;
      font-family: Georgia, serif;
      font-size: 1.2rem;
    }
    .navlinks { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
    .navlinks a {
      font-size: .86rem;
      color: rgba(246, 239, 227, .82);
      padding: .5rem .35rem;
      border-bottom: 1px solid transparent;
    }
    .navlinks a:focus-visible, .navlinks a:hover { color: var(--cream); border-color: var(--champagne); outline: 0; }
    .lang {
      display: inline-flex;
      border: 1px solid var(--line);
      border-radius: 999px;
      padding: .2rem;
      background: rgba(15, 11, 9, .38);
    }
    .lang button {
      min-width: 42px;
      min-height: 34px;
      border: 0;
      border-radius: 999px;
      color: rgba(246, 239, 227, .78);
      background: transparent;
      cursor: pointer;
      font-weight: 700;
    }
    .lang button[aria-pressed="true"] { background: var(--champagne); color: var(--ink); }
    .hero {
      position: relative;
      min-height: 92vh;
      display: grid;
      align-items: end;
      overflow: hidden;
      border-bottom: 1px solid var(--line);
    }
    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(15, 11, 9, .88) 0%, rgba(29, 18, 13, .62) 42%, rgba(29, 18, 13, .16) 100%),
        linear-gradient(0deg, rgba(29, 18, 13, 1) 0%, rgba(29, 18, 13, .14) 36%);
      z-index: 1;
    }
    .hero img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
    .hero-content {
      position: relative;
      z-index: 2;
      padding: 130px 0 72px;
      width: min(720px, 100%);
    }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: .55rem;
      color: var(--champagne);
      text-transform: uppercase;
      font-size: .78rem;
      letter-spacing: .18em;
      font-weight: 800;
      margin-bottom: 1.1rem;
    }
    .eyebrow::before {
      content: "";
      width: 42px;
      height: 1px;
      background: var(--champagne);
    }
    h1, h2, h3 { margin: 0; line-height: 1.05; letter-spacing: 0; }
    h1 {
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(3rem, 7vw, 6.75rem);
      max-width: 11ch;
      font-weight: 500;
    }
    h2 {
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(2.1rem, 4vw, 4rem);
      font-weight: 500;
    }
    h3 { font-size: 1.2rem; }
    .lead {
      font-size: clamp(1.1rem, 2vw, 1.42rem);
      color: rgba(246, 239, 227, .9);
      max-width: 690px;
      margin: 1.4rem 0 1.6rem;
    }
    .status {
      display: inline-flex;
      align-items: center;
      gap: .75rem;
      background: rgba(246, 239, 227, .1);
      border: 1px solid rgba(217, 184, 120, .34);
      border-radius: 999px;
      padding: .72rem 1rem;
      color: var(--soft-cream);
      font-size: .95rem;
      box-shadow: var(--shadow);
    }
    .status span {
      width: .58rem;
      height: .58rem;
      border-radius: 50%;
      background: var(--champagne);
      box-shadow: 0 0 0 6px rgba(217, 184, 120, .12);
      flex: 0 0 auto;
    }
    .quick {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1px;
      background: var(--line);
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
    }
    .quick div {
      padding: 1.25rem;
      background: rgba(43, 26, 18, .88);
      min-height: 116px;
    }
    .quick strong { display: block; color: var(--champagne); margin-bottom: .35rem; font-size: .88rem; text-transform: uppercase; letter-spacing: .12em; }
    .quick p { margin: 0; color: rgba(246, 239, 227, .78); font-size: .96rem; }
    section { padding: 92px 0; }
    .section-head {
      display: grid;
      grid-template-columns: minmax(0, .85fr) minmax(0, 1fr);
      gap: 4rem;
      align-items: end;
      margin-bottom: 3rem;
    }
    .section-head p { color: rgba(246, 239, 227, .76); margin: 0; font-size: 1.08rem; }
    .feature-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1px;
      background: var(--line);
      border: 1px solid var(--line);
    }
    .card {
      background: linear-gradient(180deg, rgba(246, 239, 227, .08), rgba(246, 239, 227, .035));
      padding: 2rem;
      min-height: 270px;
    }
    .card .number { color: var(--champagne); font-family: Georgia, serif; font-size: 2.5rem; }
    .card p, .legal-card p, .availability p { color: rgba(246, 239, 227, .76); margin: .85rem 0 0; }
    .split {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1px;
      background: var(--line);
      border: 1px solid var(--line);
    }
    .panel {
      background: rgba(246, 239, 227, .06);
      padding: clamp(1.5rem, 4vw, 3rem);
      min-height: 430px;
    }
    .panel ul {
      list-style: none;
      margin: 1.6rem 0 0;
      padding: 0;
      display: grid;
      gap: .9rem;
    }
    .panel li {
      display: flex;
      gap: .75rem;
      color: rgba(246, 239, 227, .82);
    }
    body[dir="rtl"] .panel li { flex-direction: row-reverse; }
    .panel li::before {
      content: "";
      width: .55rem;
      height: .55rem;
      border: 1px solid var(--champagne);
      border-radius: 50%;
      margin-top: .55rem;
      flex: 0 0 auto;
    }
    .atelier {
      background:
        linear-gradient(135deg, rgba(217, 184, 120, .12), transparent 34%),
        linear-gradient(315deg, rgba(246, 239, 227, .08), transparent 40%),
        var(--mocha);
      display: grid;
      align-content: end;
    }
    .atelier-inner {
      border: 1px solid rgba(217, 184, 120, .32);
      padding: 1.4rem;
      background: rgba(15, 11, 9, .38);
    }
    .rail {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: .75rem;
      align-items: end;
      min-height: 210px;
    }
    .garment { border-radius: 999px 999px 14px 14px; background: var(--cream); min-height: 120px; opacity: .92; }
    .garment:nth-child(2) { min-height: 180px; background: #20130e; border: 1px solid rgba(246,239,227,.18); }
    .garment:nth-child(3) { min-height: 150px; background: #c6a56d; }
    .garment:nth-child(4) { min-height: 195px; background: #463126; }
    .garment:nth-child(5) { min-height: 135px; background: #eee2cf; }
    .shopper {
      background: linear-gradient(180deg, #f4eadb, #ded0bc);
      color: var(--espresso);
      padding: 92px 0;
    }
    .shopper .section-head p, .shopper .card p { color: rgba(29, 18, 13, .72); }
    .shopper .feature-grid { border-color: rgba(29,18,13,.16); background: rgba(29,18,13,.16); }
    .shopper .card { background: rgba(255,255,255,.38); }
    .shopper .card .number { color: #8a6637; }
    .availability {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 1px;
      background: var(--line);
      border: 1px solid var(--line);
    }
    .availability > div {
      background: rgba(246, 239, 227, .06);
      padding: clamp(1.5rem, 4vw, 3rem);
    }
    .badges { display: flex; gap: .8rem; flex-wrap: wrap; margin-top: 1.5rem; }
    .badge {
      border: 1px solid rgba(217,184,120,.36);
      min-height: 48px;
      display: inline-flex;
      align-items: center;
      padding: .7rem 1rem;
      color: var(--cream);
      background: rgba(15,11,9,.26);
      border-radius: 4px;
      font-weight: 700;
    }
    .legal-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1rem;
    }
    .legal-card {
      border: 1px solid var(--line);
      background: rgba(246,239,227,.055);
      padding: 1.4rem;
      border-radius: 6px;
    }
    footer {
      border-top: 1px solid var(--line);
      padding: 42px 0;
      color: rgba(246,239,227,.72);
      background: #130c09;
    }
    .footer-grid {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 2rem;
      align-items: start;
    }
    .footer-links { display: flex; gap: 1rem; flex-wrap: wrap; }
    .footer-links a { border-bottom: 1px solid rgba(217,184,120,.45); }
    [hidden] { display: none !important; }
    .modal {
      position: fixed;
      inset: 0;
      z-index: 60;
      display: grid;
      place-items: center;
      padding: 1.25rem;
      background: rgba(15,11,9,.72);
    }
    .modal-box {
      width: min(780px, 100%);
      max-height: min(720px, 88vh);
      overflow: auto;
      background: var(--cream);
      color: var(--espresso);
      border-radius: 8px;
      padding: clamp(1.25rem, 4vw, 2.4rem);
      box-shadow: var(--shadow);
    }
    .modal-head { display: flex; justify-content: space-between; gap: 1rem; align-items: start; margin-bottom: 1rem; }
    .close {
      border: 1px solid rgba(29,18,13,.22);
      background: transparent;
      color: var(--espresso);
      width: 40px;
      height: 40px;
      border-radius: 50%;
      cursor: pointer;
      font-size: 1.2rem;
    }
    .modal-box p { color: rgba(29,18,13,.74); }
    .modal-box a { text-decoration: underline; }
    :focus-visible { outline: 2px solid var(--champagne); outline-offset: 3px; }

    @media (max-width: 920px) {
      .nav { align-items: flex-start; padding: 1rem 0; }
      .navlinks { gap: .45rem; }
      .navlinks a { display: none; }
      .hero { min-height: 86vh; }
      .quick, .feature-grid, .legal-grid { grid-template-columns: 1fr 1fr; }
      .section-head, .split, .availability { grid-template-columns: 1fr; gap: 1px; }
      section { padding: 72px 0; }
    }
    @media (max-width: 640px) {
      .shell { width: min(100% - 28px, 1160px); }
      .brand { letter-spacing: .1em; }
      .mark { width: 36px; height: 36px; }
      .hero-content { padding: 112px 0 48px; }
      .status { align-items: flex-start; border-radius: 6px; }
      .quick, .feature-grid, .legal-grid { grid-template-columns: 1fr; }
      .card { min-height: auto; }
      .footer-grid { grid-template-columns: 1fr; }
      h1 { font-size: clamp(2.55rem, 16vw, 4.1rem); }
    }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
    }
  
/* Responsive navigation, readable editorial type and accessible real pages. */
:root { --muted: #cbbbab; }
body { min-width: 0; overflow-wrap: break-word; }
.topbar { background: rgba(29,18,13,.96); border-bottom: 1px solid var(--line); }
.nav { align-items: center; padding: 0; }
.navlinks a { display: inline-flex; }
.navlinks { flex-wrap: nowrap; }
.lang { flex: 0 0 auto; }
.lang a { display: grid; place-items: center; min-width: 44px; min-height: 44px; border-radius: 30px; font-size: .8rem; font-weight: 700; }
.lang a[aria-current] { background: var(--champagne); color: var(--ink); }
.nav-tools { display: flex; align-items: center; gap: .8rem; }
.menu-toggle { display: none; min-height:44px; padding: .5rem .8rem; color:var(--cream); background:transparent; border:1px solid var(--line); border-radius:4px; font:inherit; cursor:pointer; }
.hero { min-height: 750px; min-height: min(900px, 100svh); align-items: center; }
.hero .hero-content { width: min(1160px, calc(100% - 40px)); padding: 160px 0 90px; }
h1 { font-size: clamp(3.1rem, 6.5vw, 6rem); max-width: 12ch; line-height: 1.05; white-space: pre-line; }
.hero .lead { max-width: 490px; font-size: clamp(1.05rem,1.8vw,1.3rem); }
.status { box-shadow: none; background:rgba(29,18,13,.7); font-size:.8rem; margin-bottom: 24px; }
.hero::before { background: linear-gradient(90deg,rgba(15,11,9,.91),rgba(29,18,13,.55) 47%,rgba(29,18,13,.08)),linear-gradient(0deg,var(--espresso),transparent 30%); }
.hero-image-caption { position:absolute; z-index:2; bottom:15px; inset-inline-end:20px; font-size:.65rem; color:#eadfce; max-width:240px; text-align:end; }
.cta-row { display: flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:24px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 24px; border:1px solid var(--champagne); border-radius:4px; background:var(--champagne); color:var(--ink); font-weight:650; font-size:.9rem; }
.button.secondary { color:var(--cream); background:rgba(29,18,13,.6); border-color:var(--line); }
.button:hover { background:var(--cream); color:var(--ink); }
section { scroll-margin-top: 95px; }
.section-head { gap:3rem; }
h2 { line-height:1.12; }
.quick div { min-height:135px; }
.atelier { min-height:430px; align-content:center; background:linear-gradient(145deg,#503c2c,#2b1a12); }
.look-preview { padding:28px; border:1px solid rgba(217,184,120,.35); border-radius:8px; background:rgba(15,11,9,.5); }
.look-preview .label { color:var(--champagne); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; }
.look-preview h3 { font: 500 1.9rem/1.2 Georgia,serif; margin:12px 0; }
.look-preview .weather { color:var(--muted); font-size:.8rem; }
.look-preview ol { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:0; margin:22px 0; }
.look-preview li { min-height:95px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:12px; background:rgba(246,239,227,.065); border:1px solid var(--line); border-radius:4px; font-size:.76rem; gap:8px; text-align:center; }
.look-preview svg { width:42px; height:42px; color:var(--champagne); }
.look-preview small { display:block; font-size:.7rem; color:var(--muted); }
.offers-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:30px; }
.offer { padding:26px 22px; border:1px solid var(--line); border-radius:6px; background:#261a13; }
.offer h3 { font:500 1.8rem Georgia,serif; margin:12px 0; }
.offer small { color:var(--champagne); text-transform:uppercase; letter-spacing:.1em; font-size:.65rem; }
.offer p { color:var(--soft-cream); min-height:3em; }
.offer ul { color:var(--muted); margin:24px 0 0; padding-inline-start:18px; font-size:.9rem; }
.offer li+li { margin-top:10px; }
.offer.featured { border-color:var(--champagne); background:linear-gradient(145deg,#3b271c,#261a13); }
.section-note { color:var(--muted); font-size:.8rem; margin-top:20px; }
.faq-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; }
.faq-list { border-top:1px solid var(--line); }
.faq-list details { border-bottom:1px solid var(--line); padding:18px 0; }
.faq-list summary { cursor:pointer; font-size:1.05rem; min-height:44px; padding-block:10px; }
.faq-list details p { color:var(--muted); margin:10px 0 15px; }
.contact-strip { border-top:1px solid var(--line); background:#2b1a12; }
.contact-layout { display:flex; gap:30px; align-items:center; justify-content:space-between; }
.contact-layout p { max-width:600px; color:var(--muted); }
.contact-email { color:var(--champagne); font-size:clamp(1rem,2.6vw,1.5rem); border-bottom:1px solid var(--champagne); padding-block:10px; white-space:nowrap; direction:ltr; }
.footer-grid { grid-template-columns: .9fr 1.1fr; }
.footer-links { justify-content:flex-end; font-size:.85rem; line-height:2; }
.footer-links a { min-height:30px; }
.footer-email { display:inline-block; margin-top:16px; color:var(--champagne); }
.document { min-height:70vh; padding-top:140px; }
.document .prose { max-width:780px; margin:0 auto; }
.document h1 { font-size:clamp(2.3rem,5vw,4rem); max-width:none; white-space:normal; }
.document h2 { font-family:inherit; font-size:1.2rem; font-weight:600; line-height:1.4; margin:32px 0 12px; }
.document p { color:var(--muted); }
.document .updated { color:var(--champagne); font-size:.8rem; margin-top:20px; }
.document a { text-decoration:underline; text-underline-offset:4px; }
body[dir=rtl] .panel li { flex-direction:row; }
body[dir=rtl] h1,body[dir=rtl] h2,body[dir=rtl] .offer h3,body[dir=rtl] .look-preview h3 { font-family:Tahoma,Arial,sans-serif; line-height:1.4; }
body[dir=rtl] .hero::before { background:linear-gradient(270deg,rgba(15,11,9,.91),rgba(29,18,13,.55) 47%,rgba(29,18,13,.15)),linear-gradient(0deg,var(--espresso),transparent 30%); }
:focus-visible { outline:3px solid var(--champagne); outline-offset:5px; }
[hidden] { display:none!important; }
@media(max-width:1080px) {
 .navlinks { gap:.3rem; } .navlinks a { font-size:.75rem; }
 .offers-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:920px) {
 .nav { min-height:76px; align-items:center; position:relative; }
 .menu-toggle { display:block; }
 .navlinks { display:flex; position:absolute; inset:76px -20px auto; flex-direction:column; align-items:stretch; padding:16px 24px; background:#1d120d; border-bottom:1px solid var(--line); }
 .navlinks a { display:flex; padding:12px; font-size:1rem; min-height:44px; }
 .navlinks[hidden] { display:none!important; }
 .hero { min-height:700px; }
 .hero .hero-content { padding-top:145px; }
 .section-head { gap:24px; }
 .faq-layout { grid-template-columns:1fr; gap:30px; }
 .contact-layout { display:block; }
 .footer-grid { grid-template-columns:1fr; }
 .footer-links { justify-content:flex-start; }
 .hero-image-caption { max-width:180px; }
}
@media(max-width:640px) {
 .shell,.hero .hero-content { width:calc(100% - 32px); }
 .brand { gap:8px; font-size:.85rem; }
 .mark { width:32px; height:32px; }
 .nav-tools { gap:8px; }
 .lang { padding:0; }
 .lang a { min-width:34px; font-size:.7rem; }
 .menu-toggle { padding:8px; font-size:.8rem; }
 .hero { min-height:690px; }
 .hero img { object-position:65% center; }
 h1 { font-size:clamp(2.6rem,11vw,4rem); }
 .hero::before { background:linear-gradient(90deg,rgba(15,11,9,.9),rgba(29,18,13,.55)),linear-gradient(0deg,var(--espresso),transparent 50%); }
 .hero .hero-content { padding:130px 0 90px; }
 .hero .lead { font-size:1.05rem; }
 .quick { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .quick div { padding:16px; }
 .quick strong { font-size:.65rem; letter-spacing:.05em; }
 .quick p { font-size:.85rem; }
 .feature-grid,.offers-grid { grid-template-columns:1fr; }
 .panel,.card { padding:24px; }
 .look-preview { padding:20px; }
 .footer-links { gap:12px 20px; }
 .document { padding-top:115px; }
 section { padding:60px 0; }
}
@media print { .topbar,.hero-image-caption,.cta-row,footer { display:none; } body { background:white;color:black; } .document { padding:0; } .document p { color:black; } }

@media(max-width:380px) { .nav .mark { display:none; } .nav { gap:6px; } .nav-tools { gap:4px; } }