.hsl-design-scope{
      --bg: #f5f1ea;
      --surface: #fffdf9;
      --surface-2: #f0ebe3;
      --ink: #0c1020;
      --ink-2: #20263a;
      --muted: #686d7a;
      --line: rgba(12,16,32,.1);
      --gold: #c7a26a;
      --gold-2: #e3c998;
      --gold-deep: #9f7a45;
      --success: #0f8a5f;
      --shadow: 0 18px 60px rgba(9,14,25,.08);
      --radius: 28px;
      --radius-sm: 18px;
      --container: min(1320px, calc(100% - 40px));
    }
    .hsl-design-scope, .hsl-design-scope *{ box-sizing: border-box; }
    .hsl-design-scope{ scroll-behavior: smooth; }
    .hsl-design-scope{ margin: 0; background: var(--bg); color: var(--ink); font-family: Inter, Arial, sans-serif; overflow-x: hidden; }
    .hsl-design-scope img{ width: 100%; display: block; }
    .hsl-design-scope a{ text-decoration: none; color: inherit; }
    .hsl-design-scope button, .hsl-design-scope input{ font: inherit; }
    .hsl-design-scope .container{ width: var(--container); margin: 0 auto; }
    .hsl-design-scope .section{ padding: 88px 0; }
    .hsl-design-scope .section-head{ display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:36px; flex-wrap:wrap; }
    .hsl-design-scope .eyebrow{ display:inline-flex; align-items:center; gap:12px; text-transform:uppercase; letter-spacing:.24em; font-size:12px; font-weight:700; color:var(--gold-deep); }
    .hsl-design-scope .eyebrow::before{ content:""; width:34px; height:1px; background: currentColor; opacity:.5; }
    .hsl-design-scope h1, .hsl-design-scope h2, .hsl-design-scope h3, .hsl-design-scope h4{ margin:0; }
    .hsl-design-scope .display, .hsl-design-scope .section-title{ font-family:"Cormorant Garamond", Georgia, serif; letter-spacing:-.03em; line-height:.95; }
    .hsl-design-scope .section-title{ font-size: clamp(42px, 5vw, 68px); font-weight:600; }
    .hsl-design-scope p{ margin:0; }
    .hsl-design-scope .muted{ color:var(--muted); }
    .hsl-design-scope .btn-row{ display:flex; flex-wrap:wrap; gap:14px; }
    .hsl-design-scope .btn{ display:inline-flex; align-items:center; justify-content:center; padding:15px 24px; border-radius:999px; min-height:52px; border:1px solid transparent; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.16em; transition:.25s ease; cursor:pointer; }
    .hsl-design-scope .btn-dark{ background: var(--ink); color:#fff; }
    .hsl-design-scope .btn-dark:hover{ transform: translateY(-2px); background:#1a2138; }
    .hsl-design-scope .btn-outline{ border-color: rgba(255,255,255,.34); color:#fff; background: rgba(255,255,255,.05); backdrop-filter: blur(12px); }
    .hsl-design-scope .btn-outline.dark{ border-color: var(--line); color: var(--ink); background: transparent; }
    .hsl-design-scope .btn-outline:hover{ background:#fff; color:var(--ink); }
    .hsl-design-scope .text-link{ font-size:12px; text-transform:uppercase; letter-spacing:.18em; font-weight:700; display:inline-flex; align-items:center; gap:10px; }

    .hsl-design-scope .topbar{ background: var(--ink); color:#fff; font-size:11px; letter-spacing:.18em; text-transform:uppercase; overflow:hidden; }
    .hsl-design-scope .topbar-track{ display:flex; gap:64px; padding:10px 0; white-space:nowrap; animation: ticker 20s linear infinite; }
    .hsl-design-scope .topbar-track span::before{ content:"◆"; color: var(--gold-2); margin-right:12px; font-size:8px; }
    @keyframes ticker{ from { transform:translateX(0); } to { transform:translateX(-35%); } }

    .hsl-design-scope .header{ position: sticky; top:0; z-index:1000; background: rgba(245,241,234,.82); backdrop-filter: blur(14px); border-bottom:1px solid rgba(12,16,32,.06); }
    .hsl-design-scope .nav{ height:86px; display:grid; grid-template-columns: 1fr auto 1fr; gap:20px; align-items:center; }
    .hsl-design-scope .nav-links, .hsl-design-scope .nav-actions{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
    .hsl-design-scope .nav-actions{ justify-content:flex-end; }
    .hsl-design-scope .nav-links a, .hsl-design-scope .nav-actions a{ font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-2); position:relative; }
    .hsl-design-scope .nav-links a::after, .hsl-design-scope .nav-actions a::after{ content:""; position:absolute; left:0; bottom:-6px; width:0; height:1px; background:currentColor; transition: width .25s ease; }
    .hsl-design-scope .nav-links a:hover::after, .hsl-design-scope .nav-actions a:hover::after{ width:100%; }
    .hsl-design-scope .brand-wrap{ width:min(420px, 48vw); }
    .hsl-design-scope .brand-logo{ width:100%; height:auto; }
    .hsl-design-scope .menu-btn{ display:none; width:48px; height:48px; border:1px solid var(--line); border-radius:50%; background:#fff; justify-content:center; align-items:center; cursor:pointer; }
    .hsl-design-scope .menu-btn span, .hsl-design-scope .menu-btn span::before, .hsl-design-scope .menu-btn span::after{ display:block; width:18px; height:2px; background:var(--ink); position:relative; transition:.25s ease; }
    .hsl-design-scope .menu-btn span::before, .hsl-design-scope .menu-btn span::after{ content:""; position:absolute; left:0; }
    .hsl-design-scope .menu-btn span::before{ top:-6px; }
    .hsl-design-scope .menu-btn span::after{ top:6px; }
    .hsl-design-scope .mobile-panel{ display:none; padding:0 20px 20px; border-top:1px solid var(--line); }
    .hsl-design-scope .mobile-panel a{ display:block; padding:12px 0; font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }

    .hsl-design-scope .hero{ background: radial-gradient(circle at top right, rgba(199,162,106,.18), transparent 35%), linear-gradient(135deg, #070c18 0%, #0c1225 45%, #131a31 100%); color:#fff; position:relative; overflow:hidden; }
    .hsl-design-scope .hero::before{ content:""; position:absolute; inset:auto -10% -24% auto; width:420px; height:420px; background:radial-gradient(circle, rgba(199,162,106,.22), transparent 70%); filter: blur(10px); }
    .hsl-design-scope .hero-grid{ display:grid; grid-template-columns: 1.08fr .92fr; gap:52px; align-items:center; min-height:calc(100vh - 120px); padding:54px 0 64px; }
    .hsl-design-scope .hero-copy{ position:relative; z-index:2; max-width:680px; }
    .hsl-design-scope .hero-copy .mini{ font-size:12px; text-transform:uppercase; letter-spacing:.28em; font-weight:800; color:#fff; opacity:.86; display:flex; align-items:center; gap:16px; margin-bottom:26px; }
    .hsl-design-scope .hero-copy .mini::before{ content:""; width:50px; height:1px; background:rgba(255,255,255,.5); }
    .hsl-design-scope .hero-copy h1{ font-size: clamp(62px, 8.2vw, 126px); font-weight:600; }
    .hsl-design-scope .hero-copy h1 .gold{ color: var(--gold-2); font-style: italic; display:block; margin-top:-6px; }
    .hsl-design-scope .hero-copy p{ font-size: clamp(17px, 2vw, 22px); line-height:1.7; color: rgba(255,255,255,.84); max-width:620px; margin: 20px 0 32px; }
    .hsl-design-scope .hero-badges{ display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
    .hsl-design-scope .hero-badge{ padding:12px 16px; border:1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06); border-radius:999px; font-size:12px; font-weight:700; color:#f2e8d7; }
    .hsl-design-scope .hero-visual{ position:relative; height:100%; min-height:620px; }
    .hsl-design-scope .hero-card-main, .hsl-design-scope .hero-card-alt{ position:absolute; overflow:hidden; border-radius:30px; box-shadow: var(--shadow); }
    .hsl-design-scope .hero-card-main{ inset: 30px 0 0 90px; background:#0f1220; }
    .hsl-design-scope .hero-card-main img{ height:100%; object-fit:cover; }
    .hsl-design-scope .hero-card-alt{ left:0; bottom:10px; width:260px; height:310px; border:10px solid rgba(255,255,255,.08); background:#121727; }
    .hsl-design-scope .hero-card-alt img{ height:100%; object-fit:cover; }
    .hsl-design-scope .hero-note{ position:absolute; right:22px; bottom:24px; left:22px; padding:18px 20px; border-radius:20px; background: linear-gradient(180deg, rgba(12,16,32,.05), rgba(12,16,32,.76)); }
    .hsl-design-scope .hero-note strong{ display:block; font-size:32px; font-family:"Cormorant Garamond", serif; }
    .hsl-design-scope .hero-note span{ display:block; margin-bottom:8px; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:rgba(255,255,255,.8); font-weight:700; }
    .hsl-design-scope .hero-tag{ position:absolute; top:24px; right:24px; padding:12px 14px; border-radius:18px; background: rgba(12,16,32,.66); border:1px solid rgba(255,255,255,.08); text-align:left; max-width:240px; }
    .hsl-design-scope .hero-tag small{ display:block; margin-bottom:4px; text-transform:uppercase; letter-spacing:.18em; color:var(--gold-2); font-weight:800; font-size:10px; }
    .hsl-design-scope .hero-tag strong{ display:block; font-size:18px; line-height:1.3; }

    .hsl-design-scope .range-strip{ padding:22px; border-radius:30px; background:var(--surface); box-shadow:var(--shadow); margin-top:-40px; position:relative; z-index:3; }
    .hsl-design-scope .range-grid{ display:grid; grid-template-columns: repeat(4, 1fr); gap:16px; }
    .hsl-design-scope .range-chip{ border:1px solid var(--line); border-radius:22px; padding:18px 20px; background:#fff; transition:.25s ease; }
    .hsl-design-scope .range-chip:hover{ transform:translateY(-4px); border-color: rgba(199,162,106,.45); }
    .hsl-design-scope .range-chip strong{ display:block; font-size:15px; margin-bottom:4px; }
    .hsl-design-scope .range-chip span{ font-size:13px; color:var(--muted); }

    .hsl-design-scope .categories-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:24px; }
    .hsl-design-scope .category-card{ position:relative; min-height:520px; border-radius:32px; overflow:hidden; color:#fff; box-shadow:var(--shadow); background:#0f1320; }
    .hsl-design-scope .category-card img{ width:100%; height:100%; object-fit:cover; transform:scale(1.02); }
    .hsl-design-scope .category-overlay{ position:absolute; inset:0; background: linear-gradient(180deg, rgba(12,16,32,.06) 10%, rgba(12,16,32,.78) 84%); }
    .hsl-design-scope .category-content{ position:absolute; inset:auto 28px 30px; z-index:2; }
    .hsl-design-scope .category-content small{ display:block; margin-bottom:12px; font-size:12px; text-transform:uppercase; letter-spacing:.24em; color:#e2d3b7; font-weight:800; }
    .hsl-design-scope .category-content h3{ font-family:"Cormorant Garamond", serif; font-size:70px; line-height:.9; margin-bottom:14px; }
    .hsl-design-scope .category-content .text-link{ color:#fff; }

    .hsl-design-scope .brand-grid{ display:grid; grid-template-columns: repeat(4, 1fr); gap:18px; }
    .hsl-design-scope .brand-box{ position:relative; padding:28px; background:linear-gradient(180deg, #ffffff, #f8f5ef); border:1px solid rgba(12,16,32,.08); border-radius:26px; box-shadow:var(--shadow); overflow:hidden; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
    .hsl-design-scope .brand-box::before{ content:""; position:absolute; inset:-160% auto auto -30%; width:55%; height:320%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent); transform: rotate(22deg); transition: transform .7s ease; }
    .hsl-design-scope .brand-box:hover{ transform: translateY(-8px); border-color: rgba(199,162,106,.38); box-shadow: 0 28px 70px rgba(12,16,32,.12); }
    .hsl-design-scope .brand-box:hover::before{ transform: translate(280px, 10px) rotate(22deg); }
    .hsl-design-scope .brand-box strong{ display:block; font-size:24px; letter-spacing:.06em; margin-bottom:8px; }
    .hsl-design-scope .brand-box p{ font-size:14px; color:var(--muted); margin-bottom:18px; line-height:1.65; }
    .hsl-design-scope .brand-box .chip{ display:inline-flex; padding:8px 12px; border-radius:999px; background:var(--surface-2); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-2); }

    .hsl-design-scope .promo-grid{ display:grid; grid-template-columns: 1.25fr .95fr; gap:24px; }
    .hsl-design-scope .promo-card{ position:relative; min-height:620px; border-radius:34px; overflow:hidden; background:#111626; box-shadow:var(--shadow); }
    .hsl-design-scope .promo-card img{ height:100%; object-fit:cover; }
    .hsl-design-scope .promo-card::after{ content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(12,16,32,.12), rgba(12,16,32,.84)); }
    .hsl-design-scope .promo-card .promo-copy{ position:absolute; left:32px; right:32px; bottom:32px; z-index:2; max-width:74%; }
    .hsl-design-scope .promo-card .promo-copy small{ display:block; margin-bottom:12px; font-size:12px; font-weight:800; letter-spacing:.22em; text-transform:uppercase; color:#dbc293; }
    .hsl-design-scope .promo-card .promo-copy h3{ font-family:"Cormorant Garamond", serif; font-size: clamp(46px, 4vw, 72px); line-height:.92; margin-bottom:14px; color:#fff; }
    .hsl-design-scope .promo-card .promo-copy p{ color: rgba(255,255,255,.82); line-height:1.7; }
    .hsl-design-scope .promo-stack{ display:grid; grid-template-rows: 1fr 1fr; gap:24px; }
    .hsl-design-scope .promo-small{ min-height:298px; position:relative; border-radius:34px; overflow:hidden; background:#111626; box-shadow:var(--shadow); }
    .hsl-design-scope .promo-small img{ width:100%; height:100%; object-fit:cover; }
    .hsl-design-scope .promo-small::after{ content:""; position:absolute; inset:0; background: linear-gradient(180deg, rgba(12,16,32,.16), rgba(12,16,32,.82)); }
    .hsl-design-scope .promo-small .promo-copy{ position:absolute; left:26px; right:26px; bottom:26px; z-index:2; max-width:78%; }
    .hsl-design-scope .promo-small h3{ font-family:"Cormorant Garamond", serif; color:#fff; font-size:52px; line-height:.96; margin-bottom:12px; }
    .hsl-design-scope .promo-small small{ display:block; margin-bottom:10px; font-size:11px; font-weight:800; letter-spacing:.22em; color:#dbc293; text-transform:uppercase; }
    .hsl-design-scope .promo-small p{ color: rgba(255,255,255,.8); line-height:1.65; font-size:14px; }

    .hsl-design-scope .feature-intro{ display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:32px; flex-wrap:wrap; }
    .hsl-design-scope .product-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:24px; }
    .hsl-design-scope .product-card{ background:var(--surface); border-radius:28px; overflow:hidden; box-shadow:var(--shadow); border:1px solid rgba(12,16,32,.07); display:flex; flex-direction:column; }
    .hsl-design-scope .product-media{ aspect-ratio: 1 / 1; overflow:hidden; background:#ece8df; }
    .hsl-design-scope .product-media img{ height:100%; object-fit:cover; transition: transform .4s ease; }
    .hsl-design-scope .product-card:hover .product-media img{ transform: scale(1.04); }
    .hsl-design-scope .product-body{ padding:24px; display:flex; flex-direction:column; gap:14px; height:100%; }
    .hsl-design-scope .product-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
    .hsl-design-scope .brand-pill{ display:inline-flex; padding:8px 12px; border-radius:999px; background:rgba(199,162,106,.16); color:var(--gold-deep); font-size:11px; text-transform:uppercase; letter-spacing:.16em; font-weight:800; }
    .hsl-design-scope .price-pill{ display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border-radius:999px; background:var(--ink); color:#fff; font-size:12px; font-weight:800; white-space:nowrap; }
    .hsl-design-scope .product-card h4{ font-size:22px; line-height:1.35; }
    .hsl-design-scope .product-card p{ color:var(--muted); line-height:1.7; font-size:14px; }
    .hsl-design-scope .product-meta{ display:grid; gap:8px; margin-top:auto; padding-top:2px; }
    .hsl-design-scope .product-meta div{ display:flex; justify-content:space-between; gap:12px; font-size:14px; padding:11px 0; border-top:1px solid var(--line); }
    .hsl-design-scope .product-meta strong{ font-size:13px; text-transform:uppercase; letter-spacing:.12em; color:var(--ink-2); }
    .hsl-design-scope .product-foot{ padding-top:6px; color:var(--muted); font-size:13px; line-height:1.7; }

    .hsl-design-scope .confidence-banner{ margin-top:26px; padding:28px 30px; border-radius:28px; background: linear-gradient(135deg, #0c1020 0%, #171e36 100%); color:#fff; display:grid; grid-template-columns: 1.1fr auto; gap:20px; align-items:center; box-shadow:var(--shadow); }
    .hsl-design-scope .confidence-banner h3{ font-family:"Cormorant Garamond", serif; font-size:50px; line-height:.95; margin-bottom:8px; }
    .hsl-design-scope .confidence-banner p{ color: rgba(255,255,255,.8); max-width:700px; line-height:1.8; }

    .hsl-design-scope .story-grid{ display:grid; grid-template-columns: 1fr .95fr; gap:38px; align-items:center; }
    .hsl-design-scope .story-copy p{ color:var(--muted); font-size:17px; line-height:1.8; margin:16px 0 24px; max-width:640px; }
    .hsl-design-scope .story-points{ display:grid; grid-template-columns: repeat(3,1fr); gap:18px; margin-top:30px; }
    .hsl-design-scope .story-point{ padding:22px; border-radius:22px; background:var(--surface); box-shadow:var(--shadow); border:1px solid rgba(12,16,32,.07); }
    .hsl-design-scope .story-point strong{ display:block; margin-bottom:8px; font-size:16px; }
    .hsl-design-scope .story-point span{ display:block; color:var(--muted); font-size:14px; line-height:1.65; }
    .hsl-design-scope .story-gallery{ display:grid; grid-template-columns: 1fr 1fr; gap:18px; }
    .hsl-design-scope .story-gallery .tile{ border-radius:28px; overflow:hidden; box-shadow:var(--shadow); background:#111626; }
    .hsl-design-scope .story-gallery .tile.big{ grid-column: span 2; aspect-ratio: 16 / 9; }
    .hsl-design-scope .story-gallery .tile.square{ aspect-ratio: 1 / 1; }
    .hsl-design-scope .story-gallery img{ height:100%; object-fit:cover; }

    .hsl-design-scope .store-wrap{ position:relative; overflow:hidden; border-radius:36px; padding:42px; background: linear-gradient(135deg, #0c1020 0%, #18203a 100%); color:#fff; box-shadow:var(--shadow); }
    .hsl-design-scope .store-wrap::before{ content:""; position:absolute; right:-80px; bottom:-120px; width:320px; height:320px; border-radius:50%; background: radial-gradient(circle, rgba(199,162,106,.22), transparent 70%); }
    .hsl-design-scope .store-grid{ position:relative; z-index:2; display:grid; grid-template-columns: 1fr .85fr; gap:40px; align-items:start; }
    .hsl-design-scope .store-copy p{ color: rgba(255,255,255,.8); line-height:1.8; font-size:16px; margin:16px 0 26px; max-width:720px; }
    .hsl-design-scope .contact-list{ display:grid; gap:14px; }
    .hsl-design-scope .contact-item{ padding:16px 18px; border-radius:20px; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); }
    .hsl-design-scope .contact-item strong{ display:block; margin-bottom:6px; text-transform:uppercase; font-size:11px; letter-spacing:.18em; color:var(--gold-2); }
    .hsl-design-scope .store-cta{ display:flex; flex-wrap:wrap; gap:14px; margin-top:24px; }
    .hsl-design-scope .hours-box{ padding:26px; border-radius:26px; background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.08); }
    .hsl-design-scope .hours-box h3{ font-family:"Cormorant Garamond", serif; font-size:38px; margin-bottom:16px; }
    .hsl-design-scope .hours-box .row{ display:flex; justify-content:space-between; gap:18px; padding:12px 0; border-top:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.82); }
    .hsl-design-scope .hours-box .row:first-of-type{ border-top:0; }

    .hsl-design-scope .newsletter{ display:grid; grid-template-columns: 1fr auto; gap:20px; align-items:center; padding:34px; border-radius:32px; background:var(--surface); box-shadow:var(--shadow); border:1px solid rgba(12,16,32,.07); }
    .hsl-design-scope .newsletter h3{ font-family:"Cormorant Garamond", serif; font-size:46px; margin-bottom:8px; }
    .hsl-design-scope .newsletter p{ color:var(--muted); line-height:1.75; max-width:680px; }
    .hsl-design-scope .newsletter-form{ display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-end; }
    .hsl-design-scope .newsletter input{ min-width:300px; padding:16px 18px; border-radius:999px; border:1px solid var(--line); background:#fff; }
    .hsl-design-scope .form-note{ margin-top:12px; font-size:13px; color:var(--muted); }

    .hsl-design-scope footer{ padding:40px 0 48px; }
    .hsl-design-scope .footer{ display:grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap:24px; }
    .hsl-design-scope .footer-card{ padding:22px 0; }
    .hsl-design-scope .footer-card p, .hsl-design-scope .footer-card a, .hsl-design-scope .footer-card address{ color:var(--muted); font-style:normal; line-height:1.9; font-size:14px; }
    .hsl-design-scope .footer-card h4{ margin-bottom:12px; font-size:14px; text-transform:uppercase; letter-spacing:.18em; }
    .hsl-design-scope .copyright{ margin-top:24px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }

    .hsl-design-scope .wa-btn{ position:fixed; right:24px; bottom:24px; width:64px; height:64px; border-radius:50%; background:#22c55e; color:#fff; display:grid; place-items:center; box-shadow:0 18px 35px rgba(34,197,94,.35); z-index:1200; }
    .hsl-design-scope .wa-btn svg{ width:30px; height:30px; fill:currentColor; }

    .hsl-design-scope .reveal{ opacity:0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
    .hsl-design-scope .reveal.in{ opacity:1; transform: translateY(0); }

    @media (max-width: 1100px){
      .hsl-design-scope .nav{ grid-template-columns: auto 1fr auto; }
      .hsl-design-scope .nav-links, .hsl-design-scope .nav-actions a:not(.phone-link){ display:none; }
      .hsl-design-scope .menu-btn{ display:flex; }
      .hsl-design-scope .brand-wrap{ width:min(340px, 52vw); justify-self:center; }
      .hsl-design-scope .mobile-panel.open{ display:block; }
      .hsl-design-scope .hero-grid, .hsl-design-scope .story-grid, .hsl-design-scope .store-grid, .hsl-design-scope .newsletter, .hsl-design-scope .promo-grid{ grid-template-columns: 1fr; }
      .hsl-design-scope .hero-visual{ min-height:560px; }
      .hsl-design-scope .range-grid, .hsl-design-scope .brand-grid, .hsl-design-scope .product-grid, .hsl-design-scope .categories-grid, .hsl-design-scope .footer{ grid-template-columns: repeat(2, 1fr); }
      .hsl-design-scope .confidence-banner{ grid-template-columns: 1fr; }
      .hsl-design-scope .story-points{ grid-template-columns: 1fr; }
      .hsl-design-scope .promo-stack{ grid-template-columns: 1fr; grid-template-rows:none; }
    }
    @media (max-width: 760px){
      .hsl-design-scope .section{ padding:70px 0; }
      .hsl-design-scope .hero-grid{ gap:32px; min-height:auto; padding-top:32px; }
      .hsl-design-scope .hero-copy h1{ font-size: clamp(48px, 14vw, 76px); }
      .hsl-design-scope .hero-copy p{ font-size:16px; }
      .hsl-design-scope .hero-card-main{ position:relative; inset:auto; height:420px; margin-left:18px; }
      .hsl-design-scope .hero-card-alt{ width:170px; height:220px; bottom:-16px; left:-6px; }
      .hsl-design-scope .hero-tag{ top:18px; right:18px; max-width:180px; }
      .hsl-design-scope .range-grid, .hsl-design-scope .brand-grid, .hsl-design-scope .product-grid, .hsl-design-scope .categories-grid, .hsl-design-scope .footer, .hsl-design-scope .story-gallery{ grid-template-columns: 1fr; }
      .hsl-design-scope .category-card{ min-height:430px; }
      .hsl-design-scope .promo-card{ min-height:460px; }
      .hsl-design-scope .promo-small{ min-height:320px; }
      .hsl-design-scope .promo-card .promo-copy, .hsl-design-scope .promo-small .promo-copy{ max-width:100%; left:20px; right:20px; bottom:20px; }
      .hsl-design-scope .promo-small h3{ font-size:42px; }
      .hsl-design-scope .product-body{ padding:20px; }
      .hsl-design-scope .store-wrap{ padding:28px; }
      .hsl-design-scope .newsletter{ padding:26px; }
      .hsl-design-scope .newsletter-form{ justify-content:flex-start; }
      .hsl-design-scope .newsletter input{ min-width:100%; width:100%; }
      .hsl-design-scope .btn-row, .hsl-design-scope .store-cta{ width:100%; }
      .hsl-design-scope .btn{ width:100%; }
      .hsl-design-scope .wa-btn{ right:18px; bottom:18px; width:56px; height:56px; }
      .hsl-design-scope .brand-wrap{ width:180px; }
      .hsl-design-scope .nav{ height:74px; }
    }
  

    /* =========================================================
       LIGHT GREY EDITION — supplied logo + Edifice banner
       ========================================================= */
    .hsl-design-scope{
      --bg:#e7e7e7;
      --surface:#f7f7f7;
      --surface-2:#dddddd;
      --ink:#0b0b0b;
      --ink-2:#272727;
      --muted:#666666;
      --line:rgba(0,0,0,.12);
      --gold:#555555;
      --gold-2:#353535;
      --gold-deep:#2d2d2d;
      --shadow:0 20px 55px rgba(0,0,0,.10);
    }
    .hsl-design-scope{ background:var(--bg); color:var(--ink); }
    .hsl-design-scope .section:nth-of-type(even){ background:rgba(255,255,255,.16); }
    .hsl-design-scope .eyebrow{ color:#333; }
    .hsl-design-scope .topbar{ background:#161616; color:#f4f4f4; }
    .hsl-design-scope .topbar-track span::before{ color:#bdbdbd; }

    .hsl-design-scope .header{
      background:rgba(242,242,242,.94);
      border-bottom:1px solid rgba(0,0,0,.12);
      box-shadow:0 8px 30px rgba(0,0,0,.05);
    }
    .hsl-design-scope .nav{ height:112px; }
    .hsl-design-scope .brand-wrap{
      width:min(360px, 40vw);
      height:96px;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:4px 18px;
      border-radius:18px;
      background:#f7f7f7;
      border:1px solid rgba(0,0,0,.08);
      box-shadow:0 8px 24px rgba(0,0,0,.06);
    }
    .hsl-design-scope .brand-logo.supplied-logo{
      width:100%;
      height:88px;
      object-fit:contain;
      object-position:center;
      filter:contrast(1.08);
    }
    .hsl-design-scope .nav-links a, .hsl-design-scope .nav-actions a{ color:#151515; }
    .hsl-design-scope .mobile-panel{ background:#efefef; }

    .hsl-design-scope .hero{
      color:#0b0b0b;
      background:
        radial-gradient(circle at 88% 8%, rgba(255,255,255,.92), transparent 31%),
        linear-gradient(135deg,#f5f5f5 0%,#e2e2e2 48%,#c8c8c8 100%);
      border-bottom:1px solid rgba(0,0,0,.09);
    }
    .hsl-design-scope .hero::before{
      width:560px;
      height:560px;
      background:radial-gradient(circle,rgba(255,255,255,.72),transparent 70%);
      filter:blur(18px);
    }
    .hsl-design-scope .hero-grid{
      grid-template-columns:.94fr 1.06fr;
      gap:54px;
      min-height:calc(100vh - 146px);
      padding:52px 0 72px;
    }
    .hsl-design-scope .hero-copy{ max-width:650px; }
    .hsl-design-scope .hero-copy .mini{ color:#151515; opacity:.92; }
    .hsl-design-scope .hero-copy .mini::before{ background:rgba(0,0,0,.45); }
    .hsl-design-scope .hero-copy h1{
      font-size:clamp(58px,7.2vw,108px);
      line-height:.84;
      color:#0a0a0a;
      text-wrap:balance;
    }
    .hsl-design-scope .hero-copy h1 .gold{
      color:#3b3b3b;
      font-style:italic;
      margin-top:12px;
    }
    .hsl-design-scope .hero-copy p{ color:#393939; font-size:clamp(17px,1.7vw,21px); }
    .hsl-design-scope .hero .btn-dark{ background:#111; color:#fff; }
    .hsl-design-scope .hero .btn-dark:hover{ background:#333; }
    .hsl-design-scope .hero .btn-outline{ color:#111; border-color:rgba(0,0,0,.32); background:rgba(255,255,255,.34); }
    .hsl-design-scope .hero .btn-outline:hover{ color:#fff; background:#111; }
    .hsl-design-scope .hero-badge{ color:#222; border-color:rgba(0,0,0,.14); background:rgba(255,255,255,.38); }
    .hsl-design-scope .hero-visual{ min-height:610px; }
    .hsl-design-scope .hero-card-main{
      inset:20px 0 0 44px;
      background:#d6d6d6;
      border:1px solid rgba(0,0,0,.10);
      box-shadow:0 30px 70px rgba(0,0,0,.16);
    }
    .hsl-design-scope .hero-card-main img{
      object-fit:cover;
      object-position:center;
      filter:saturate(.72) contrast(1.03);
    }
    .hsl-design-scope .hero-card-alt{
      left:0;
      bottom:8px;
      width:246px;
      height:292px;
      border:9px solid #f2f2f2;
      background:#d0d0d0;
      box-shadow:0 25px 55px rgba(0,0,0,.18);
    }
    .hsl-design-scope .hero-card-alt img{ object-position:center; filter:saturate(.65); }
    .hsl-design-scope .hero-note{
      background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.72));
      color:#fff;
    }
    .hsl-design-scope .hero-tag{ background:rgba(245,245,245,.90); border-color:rgba(0,0,0,.12); color:#111; }
    .hsl-design-scope .hero-tag small{ color:#555; }

    .hsl-design-scope .range-strip, .hsl-design-scope .product-card, .hsl-design-scope .confidence-banner, .hsl-design-scope .story-card, .hsl-design-scope .store-panel, .hsl-design-scope .newsletter{
      background:#f4f4f4;
      border-color:rgba(0,0,0,.10);
    }
    .hsl-design-scope .range-chip{ background:#e9e9e9; }
    .hsl-design-scope .range-chip:hover{ border-color:#777; }

    .hsl-design-scope .brand-box{
      background:linear-gradient(145deg,#fafafa,#dddddd);
      border-color:rgba(0,0,0,.10);
      box-shadow:0 15px 38px rgba(0,0,0,.08);
      transform-style:preserve-3d;
    }
    .hsl-design-scope .brand-box::before{ background:linear-gradient(90deg,transparent,rgba(255,255,255,.94),transparent); }
    .hsl-design-scope .brand-box:hover{
      transform:translateY(-10px) rotateX(1.5deg);
      border-color:rgba(0,0,0,.28);
      box-shadow:0 28px 65px rgba(0,0,0,.15);
    }
    .hsl-design-scope .brand-box strong{ color:#111; }
    .hsl-design-scope .brand-box .chip{ background:#cecece; color:#111; }

    .hsl-design-scope .promo-card, .hsl-design-scope .promo-small{ background:#222; }
    .hsl-design-scope .promo-card img, .hsl-design-scope .promo-small img{ filter:saturate(.78) contrast(1.02); }
    .hsl-design-scope .promo-card .promo-copy small, .hsl-design-scope .promo-small small{ color:#e2e2e2; }

    .hsl-design-scope .product-media{ background:#dedede; }
    .hsl-design-scope .brand-pill{ background:#d4d4d4; color:#222; }
    .hsl-design-scope .price-pill{ background:#111; }

    .hsl-design-scope .edifice-feature{
      padding:12px 0 104px;
      background:linear-gradient(180deg,#e7e7e7,#d7d7d7);
    }
    .hsl-design-scope .edifice-banner-head{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      align-items:end;
      gap:42px;
      margin-bottom:30px;
    }
    .hsl-design-scope .edifice-banner-head p{
      color:#4f4f4f;
      line-height:1.75;
      max-width:560px;
      justify-self:end;
    }
    .hsl-design-scope .edifice-banner-frame{
      display:block;
      overflow:hidden;
      border-radius:30px;
      background:#d7d7d7;
      border:1px solid rgba(0,0,0,.10);
      box-shadow:0 28px 70px rgba(0,0,0,.16);
    }
    .hsl-design-scope .edifice-banner-frame img{
      width:100%;
      aspect-ratio:2.35/1;
      object-fit:cover;
      object-position:center;
      transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s ease;
      filter:saturate(.82) contrast(1.02);
    }
    .hsl-design-scope .edifice-banner-frame:hover img{ transform:scale(1.018); filter:saturate(.96) contrast(1.04); }
    .hsl-design-scope .edifice-banner-meta{
      display:flex;
      justify-content:space-between;
      gap:20px;
      padding:18px 4px 0;
      color:#454545;
      font-size:13px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .hsl-design-scope .edifice-banner-meta strong{ color:#111; }

    .hsl-design-scope .footer{
      color:#111;
    }
    .hsl-design-scope .footer-card p, .hsl-design-scope .footer-card a, .hsl-design-scope .footer-card address, .hsl-design-scope .copyright{ color:#555; }
    .hsl-design-scope .footer-card .brand-logo.supplied-logo{
      width:250px;
      height:auto;
      max-height:112px;
      object-fit:contain;
      object-position:left center;
      filter:contrast(1.08);
    }

    @media (max-width:1100px){
      .hsl-design-scope .brand-wrap{ width:min(320px,54vw); height:92px; }
      .hsl-design-scope .brand-logo.supplied-logo{ height:82px; }
      .hsl-design-scope .hero-grid{ grid-template-columns:1fr; min-height:auto; }
      .hsl-design-scope .hero-copy{ max-width:760px; padding-top:12px; }
      .hsl-design-scope .hero-visual{ min-height:600px; }
      .hsl-design-scope .edifice-banner-head{ grid-template-columns:1fr; gap:18px; }
      .hsl-design-scope .edifice-banner-head p{ justify-self:start; }
    }
    @media (max-width:760px){
      .hsl-design-scope .nav{ height:86px; }
      .hsl-design-scope .brand-wrap{ width:min(210px,58vw); height:70px; padding:2px 8px; border-radius:12px; }
      .hsl-design-scope .brand-logo.supplied-logo{ height:64px; }
      .hsl-design-scope .hero-grid{ padding:34px 0 56px; }
      .hsl-design-scope .hero-copy h1{ font-size:clamp(50px,15vw,74px); line-height:.88; }
      .hsl-design-scope .hero-visual{ min-height:440px; }
      .hsl-design-scope .hero-card-main{ inset:10px 0 0 18px; }
      .hsl-design-scope .hero-card-alt{ width:150px; height:180px; border-width:6px; }
      .hsl-design-scope .hero-tag{ top:18px; right:14px; max-width:200px; }
      .hsl-design-scope .edifice-feature{ padding-bottom:72px; }
      .hsl-design-scope .edifice-banner-frame{ border-radius:20px; }
      .hsl-design-scope .edifice-banner-frame img{ aspect-ratio:1.55/1; object-position:62% center; }
      .hsl-design-scope .edifice-banner-meta{ flex-direction:column; gap:7px; letter-spacing:.04em; }
    }



/* =========================================================
   MODERN RETRO REFINEMENT — full hero, logo wall, compact grid
   ========================================================= */
.hsl-design-scope{
  --bg:#e5e5e3;
  --surface:#f4f4f2;
  --surface-2:#d8d8d5;
  --ink:#0a0a0a;
  --muted:#626262;
  --line:rgba(0,0,0,.13);
}
.hsl-design-scope{background:var(--bg);}

/* One-image full hero */
.hsl-design-scope .hero.hero-full{
  position:relative;
  min-height:clamp(660px,78vh,860px);
  display:flex;
  align-items:stretch;
  overflow:hidden;
  color:#0a0a0a;
  background:#cfcfd0;
  border-bottom:1px solid rgba(0,0,0,.14);
}
.hsl-design-scope .hero-full-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  filter:saturate(.78) contrast(1.02);
}
.hsl-design-scope .hero-full-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(239,239,237,.96) 0%,rgba(232,232,230,.80) 28%,rgba(229,229,227,.26) 52%,rgba(0,0,0,.04) 100%),
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.08));
}
.hsl-design-scope .hero-full-inner{
  position:relative;
  z-index:2;
  min-height:inherit;
  display:flex;
  align-items:flex-start;
  padding-top:clamp(86px,10vh,132px);
  padding-bottom:92px;
}
.hsl-design-scope .hero-full-copy{
  width:min(620px,49vw);
  padding:34px 36px 36px;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(236,236,234,.72);
  backdrop-filter:blur(12px);
  box-shadow:0 24px 70px rgba(0,0,0,.10);
}
.hsl-design-scope .hero-full-copy .mini{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:20px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.hsl-design-scope .hero-full-copy .mini::before{content:"";width:42px;height:1px;background:#111;}
.hsl-design-scope .hero-full-copy h1{
  font-size:clamp(66px,7.5vw,118px);
  line-height:.78;
  letter-spacing:-.055em;
  color:#080808;
  max-width:570px;
}
.hsl-design-scope .hero-full-copy h1 em{
  display:inline-block;
  margin-top:22px;
  font-weight:500;
  color:#222;
}
.hsl-design-scope .hero-full-copy p{
  max-width:560px;
  margin:28px 0 30px;
  color:#292929;
  font-size:17px;
  line-height:1.75;
}
.hsl-design-scope .btn-ghost-black{
  border-color:rgba(0,0,0,.34);
  color:#111;
  background:rgba(255,255,255,.28);
}
.hsl-design-scope .btn-ghost-black:hover{background:#111;color:#fff;transform:translateY(-2px);}
.hsl-design-scope .hero-full .hero-badges{margin-top:24px;}
.hsl-design-scope .hero-full .hero-badge{
  color:#111;
  background:rgba(247,247,245,.64);
  border-color:rgba(0,0,0,.12);
  border-radius:0;
  padding:10px 12px;
}
.hsl-design-scope .hero-scroll-note{
  position:absolute;
  z-index:3;
  right:32px;
  bottom:24px;
  display:flex;
  gap:12px;
  align-items:center;
  color:#111;
  font-size:10px;
  font-weight:800;
  letter-spacing:.2em;
  text-transform:uppercase;
  writing-mode:vertical-rl;
}
.hsl-design-scope .hero-scroll-note span{font-size:20px;letter-spacing:0;}

/* Complete monochrome logo wall */
.hsl-design-scope .brand-logo-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.hsl-design-scope .brand-logo-card{
  min-height:162px;
  padding:24px 18px 18px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  background:linear-gradient(145deg,#f8f8f6,#d9d9d6);
  border:1px solid rgba(0,0,0,.12);
  box-shadow:0 12px 28px rgba(0,0,0,.06);
  overflow:hidden;
  position:relative;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;
}
.hsl-design-scope .brand-logo-card::after{
  content:"";
  position:absolute;
  top:-20%;
  left:-80%;
  width:46%;
  height:140%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);
  transition:left .7s ease;
}
.hsl-design-scope .brand-logo-card:hover{
  transform:translateY(-7px);
  border-color:rgba(0,0,0,.34);
  box-shadow:0 24px 45px rgba(0,0,0,.12);
}
.hsl-design-scope .brand-logo-card:hover::after{left:135%;}
.hsl-design-scope .brand-mark{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#050505;
  line-height:1;
  position:relative;
  z-index:2;
  white-space:nowrap;
}
.hsl-design-scope .brand-caption{
  margin-top:14px;
  color:#656565;
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  position:relative;
  z-index:2;
}
.hsl-design-scope .mark-casio{font:900 32px/1 Arial,sans-serif;letter-spacing:-.04em;}
.hsl-design-scope .mark-gshock{font:900 26px/1 Arial Black,Arial,sans-serif;letter-spacing:-.07em;transform:skew(-6deg);}
.hsl-design-scope .mark-edifice{font:800 25px/1 Arial,sans-serif;letter-spacing:-.04em;font-style:italic;}
.hsl-design-scope .edifice-e{display:inline-grid;place-items:center;width:38px;height:24px;border:4px solid #050505;border-right-width:8px;border-radius:40% 10% 10% 40%;font-size:0;transform:skew(-10deg);}
.hsl-design-scope .mark-seiko{font:500 34px/1 Georgia,serif;letter-spacing:.06em;}
.hsl-design-scope .mark-tissot{font:800 27px/1 Arial,sans-serif;letter-spacing:.04em;}
.hsl-design-scope .mark-tissot small{font-size:9px;align-self:flex-end;margin-bottom:9px;letter-spacing:.14em;}
.hsl-design-scope .tissot-cross{display:grid;place-items:center;width:26px;height:26px;background:#080808;color:#fff;font-size:23px;line-height:1;}
.hsl-design-scope .mark-rado{flex-direction:column;font:500 33px/1 Georgia,serif;letter-spacing:.12em;}
.hsl-design-scope .mark-rado small{font:700 8px/1 Arial,sans-serif;letter-spacing:.28em;margin-top:7px;}
.hsl-design-scope .mark-guess{font:800 29px/1 Arial,sans-serif;letter-spacing:.08em;}
.hsl-design-scope .guess-triangle{font-size:38px;transform:translateY(-2px);}
.hsl-design-scope .mark-mk{font:500 22px/1 Arial,sans-serif;letter-spacing:.20em;}
.hsl-design-scope .mark-dk{font:700 17px/1 Arial,sans-serif;letter-spacing:.12em;}
.hsl-design-scope .dk-monogram{display:grid;place-items:center;width:38px;height:38px;border:2px solid #080808;border-radius:50%;font:800 15px/1 Arial,sans-serif;letter-spacing:-.1em;padding-right:2px;}
.hsl-design-scope .mark-omax{font:800 italic 36px/1 Arial,sans-serif;letter-spacing:-.08em;}
.hsl-design-scope .mark-curren{font:900 27px/1 Arial,sans-serif;letter-spacing:.08em;}
.hsl-design-scope .mark-bonito{font:italic 700 38px/1 Georgia,serif;}

/* Smaller, balanced six-card product grid */
.hsl-design-scope .featured-compact-wrap{max-width:1180px;}
.hsl-design-scope .product-grid.compact-products{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.hsl-design-scope .compact-products .product-card{border-radius:20px;box-shadow:0 12px 30px rgba(0,0,0,.08);}
.hsl-design-scope .compact-products .product-media{aspect-ratio:4/3;}
.hsl-design-scope .compact-products .product-body{padding:17px;gap:10px;}
.hsl-design-scope .compact-products .brand-pill{padding:6px 9px;font-size:9px;letter-spacing:.12em;}
.hsl-design-scope .compact-products .price-pill{padding:7px 10px;font-size:10px;}
.hsl-design-scope .compact-products .product-card h4{font-size:17px;line-height:1.35;}
.hsl-design-scope .compact-products .product-card p{font-size:12px;line-height:1.58;}
.hsl-design-scope .compact-products .product-meta{gap:0;}
.hsl-design-scope .compact-products .product-meta div{padding:8px 0;font-size:11px;}
.hsl-design-scope .compact-products .product-meta strong{font-size:10px;letter-spacing:.08em;}
.hsl-design-scope .compact-products .product-foot{font-size:10px;line-height:1.5;}

/* Black assistance panel and floating help */
.hsl-design-scope .confidence-banner{
  background:#090909 !important;
  color:#fff;
  border:1px solid #090909;
  border-radius:20px;
}
.hsl-design-scope .confidence-banner .btn-dark{background:#f1f1ef;color:#0a0a0a;}
.hsl-design-scope .confidence-banner .btn-outline{border-color:rgba(255,255,255,.48);color:#fff;}
.hsl-design-scope .wa-btn{
  width:auto;
  height:54px;
  padding:0 18px;
  border-radius:999px;
  display:flex;
  gap:9px;
  background:#080808;
  color:#fff;
  box-shadow:0 18px 34px rgba(0,0,0,.28);
}
.hsl-design-scope .wa-btn:hover{background:#272727;transform:translateY(-2px);}
.hsl-design-scope .wa-btn svg{width:24px;height:24px;}
.hsl-design-scope .wa-btn span{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}

/* Modern retro footer */
.hsl-design-scope .retro-footer{
  position:relative;
  overflow:hidden;
  padding:0 0 28px;
  background:#0a0a0a;
  color:#efefeb;
  border-top:1px solid #1d1d1d;
}
.hsl-design-scope .retro-footer-topline{
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.16);
  border-top:1px solid rgba(255,255,255,.12);
}
.hsl-design-scope .retro-marquee{
  width:max-content;
  display:flex;
  align-items:center;
  gap:24px;
  padding:15px 0;
  animation:retroTicker 28s linear infinite;
  font-size:12px;
  font-weight:800;
  letter-spacing:.22em;
  white-space:nowrap;
}
.hsl-design-scope .retro-marquee i{font-style:normal;color:#6b6b6b;font-size:8px;}
@keyframes retroTicker{from{transform:translateX(0)}to{transform:translateX(-36%)}}
.hsl-design-scope .retro-footer-main{
  display:grid;
  grid-template-columns:.9fr 1.35fr;
  gap:70px;
  padding-top:64px;
  padding-bottom:52px;
}
.hsl-design-scope .retro-logo-plaque{
  width:min(360px,100%);
  padding:12px 18px;
  background:#e8e8e5;
  border:1px solid #bdbdb9;
}
.hsl-design-scope .retro-logo-plaque img{width:100%;height:118px;object-fit:contain;filter:contrast(1.14);}
.hsl-design-scope .retro-footer-intro p{
  max-width:480px;
  margin:26px 0 28px;
  color:#a8a8a4;
  font-size:14px;
  line-height:1.8;
}
.hsl-design-scope .retro-call{
  display:inline-flex;
  align-items:center;
  gap:18px;
  padding-bottom:8px;
  border-bottom:1px solid #efefeb;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:34px;
}
.hsl-design-scope .retro-footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.hsl-design-scope .retro-col{display:flex;flex-direction:column;gap:12px;}
.hsl-design-scope .retro-col small{margin-bottom:12px;color:#777773;font-size:9px;font-weight:800;letter-spacing:.2em;}
.hsl-design-scope .retro-col a, .hsl-design-scope .retro-col address{color:#c9c9c5;font-size:13px;line-height:1.65;font-style:normal;transition:color .2s;}
.hsl-design-scope .retro-col a:hover{color:#fff;}
.hsl-design-scope .retro-footer-wordmark{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(92px,16vw,235px);
  font-weight:600;
  line-height:.68;
  letter-spacing:-.065em;
  color:#ededE8;
  white-space:nowrap;
  text-align:center;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.12);
}
.hsl-design-scope .retro-footer-bottom{
  margin-top:34px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.14);
  display:flex;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  color:#7f7f7b;
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
}
.hsl-design-scope .retro-footer-bottom a{color:#d6d6d1;}

@media (max-width:1100px){
  .hsl-design-scope .hero-full-copy{width:min(650px,70vw);}
  .hsl-design-scope .brand-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .hsl-design-scope .retro-footer-main{grid-template-columns:1fr;gap:44px;}
}
@media (max-width:820px){
  .hsl-design-scope .hero.hero-full{min-height:760px;}
  .hsl-design-scope .hero-full-bg{object-position:58% center;}
  .hsl-design-scope .hero-full-overlay{background:linear-gradient(180deg,rgba(236,236,234,.93) 0%,rgba(231,231,229,.72) 52%,rgba(0,0,0,.16) 100%);}
  .hsl-design-scope .hero-full-inner{padding-top:54px;align-items:flex-start;}
  .hsl-design-scope .hero-full-copy{width:100%;padding:28px 24px;background:rgba(238,238,236,.76);}
  .hsl-design-scope .hero-full-copy h1{font-size:clamp(58px,15vw,86px);}
  .hsl-design-scope .hero-scroll-note{display:none;}
  .hsl-design-scope .brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hsl-design-scope .product-grid.compact-products{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hsl-design-scope .retro-footer-nav{grid-template-columns:1fr 1fr;}
  .hsl-design-scope .retro-contact{grid-column:1/-1;}
  .hsl-design-scope .retro-footer-wordmark{font-size:18vw;}
}
@media (max-width:560px){
  .hsl-design-scope .hero.hero-full{min-height:720px;}
  .hsl-design-scope .hero-full-bg{object-position:64% center;}
  .hsl-design-scope .hero-full-copy{padding:24px 18px;}
  .hsl-design-scope .hero-full-copy p{font-size:15px;}
  .hsl-design-scope .hero-full .btn{width:100%;}
  .hsl-design-scope .brand-logo-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .hsl-design-scope .brand-logo-card{min-height:126px;padding:18px 10px 14px;}
  .hsl-design-scope .brand-mark{transform:scale(.82);}
  .hsl-design-scope .brand-caption{font-size:8px;margin-top:7px;}
  .hsl-design-scope .product-grid.compact-products{grid-template-columns:1fr;max-width:390px;margin:0 auto;}
  .hsl-design-scope .retro-footer-main{padding-top:42px;}
  .hsl-design-scope .retro-footer-nav{grid-template-columns:1fr;}
  .hsl-design-scope .retro-contact{grid-column:auto;}
  .hsl-design-scope .retro-footer-wordmark{font-size:19vw;line-height:.8;}
  .hsl-design-scope .wa-btn{right:14px;bottom:14px;height:50px;padding:0 15px;}
}



/* =========================================================
   USER-REQUESTED REFINEMENT — compact grids + unboxed slider
   ========================================================= */

/* Hero: full image slider, direct overlay copy only */
.hsl-design-scope .hero.hero-slider{
  position:relative;
  min-height:clamp(620px,78vh,820px);
  overflow:hidden;
  background:#d7d7d5;
  border-bottom:1px solid rgba(0,0,0,.12);
  isolation:isolate;
}
.hsl-design-scope .hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity 1s ease, visibility 1s ease;
}
.hsl-design-scope .hero-slide.active{opacity:1;visibility:visible;z-index:1;}
.hsl-design-scope .hero-slide-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.72) contrast(1.02);
  transform:scale(1.015);
  transition:transform 7s ease;
}
.hsl-design-scope .hero-slide.active .hero-slide-bg{transform:scale(1.055);}
.hsl-design-scope .hero-slide-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(237,237,235,.96) 0%,rgba(231,231,229,.87) 24%,rgba(229,229,227,.50) 43%,rgba(229,229,227,.08) 68%,rgba(0,0,0,.04) 100%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.08));
}
.hsl-design-scope .hero-slide-inner{
  position:relative;
  z-index:2;
  min-height:inherit;
  display:flex;
  align-items:center;
  padding-top:64px;
  padding-bottom:64px;
}
.hsl-design-scope .hero-slide-copy{
  width:min(620px,49vw);
  margin:0;
  padding:0;
  background:none;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
}
.hsl-design-scope .hero-slide-copy .mini{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:20px;
  color:#111;
  font-size:11px;
  font-weight:800;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.hsl-design-scope .hero-slide-copy .mini::before{content:"";width:44px;height:1px;background:#111;}
.hsl-design-scope .hero-slide-copy h1{
  max-width:620px;
  margin:0;
  color:#080808;
  font-size:clamp(68px,7.2vw,116px);
  line-height:.80;
  letter-spacing:-.055em;
  text-shadow:0 1px 0 rgba(255,255,255,.3);
}
.hsl-design-scope .hero-slide-copy h1 em{font-weight:500;color:#282828;}
.hsl-design-scope .hero-slide-copy p{
  max-width:540px;
  margin:28px 0 30px;
  color:#2e2e2e;
  font-size:17px;
  line-height:1.75;
}
.hsl-design-scope .hero-slider .btn{min-width:190px;}

/* Promotional showcase: one compact balanced row */
.hsl-design-scope .promo-grid.promo-grid-compact{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.hsl-design-scope .promo-grid-compact .promo-tile{
  position:relative;
  min-height:300px;
  height:300px;
  overflow:hidden;
  border-radius:18px;
  background:#151515;
  box-shadow:0 12px 28px rgba(0,0,0,.09);
}
.hsl-design-scope .promo-grid-compact .promo-tile img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.70) contrast(1.04);
  transition:transform .5s ease;
}
.hsl-design-scope .promo-grid-compact .promo-tile:hover img{transform:scale(1.045);}
.hsl-design-scope .promo-grid-compact .promo-tile::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04) 30%,rgba(0,0,0,.82) 100%);
}
.hsl-design-scope .promo-grid-compact .promo-copy{
  position:absolute;
  z-index:2;
  left:22px;
  right:22px;
  bottom:20px;
  max-width:none;
  color:#fff;
}
.hsl-design-scope .promo-grid-compact .promo-copy small{
  display:block;
  margin-bottom:8px;
  color:#dededb;
  font-size:9px;
  font-weight:800;
  letter-spacing:.20em;
  text-transform:uppercase;
}
.hsl-design-scope .promo-grid-compact .promo-copy h3{
  margin:0 0 10px;
  color:#fff;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(34px,2.8vw,48px);
  line-height:.92;
}
.hsl-design-scope .promo-arrow{
  display:inline-flex;
  padding-bottom:4px;
  border-bottom:1px solid rgba(255,255,255,.65);
  color:#fff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

/* Product cards: shorter, cleaner, no attribute tables or blank lower panels */
.hsl-design-scope .featured-tight-wrap{
  width:min(1100px,calc(100% - 48px));
  max-width:1100px;
}
.hsl-design-scope .product-grid.product-grid-tight{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
.hsl-design-scope .product-grid-tight .product-card{
  min-width:0;
  border-radius:16px;
  background:#f4f4f2;
  box-shadow:0 10px 24px rgba(0,0,0,.07);
}
.hsl-design-scope .product-grid-tight .product-media{
  aspect-ratio:1.15/1;
  min-height:0;
  background:#ddddda;
}
.hsl-design-scope .product-grid-tight .product-media img{object-fit:cover;}
.hsl-design-scope .product-grid-tight .product-body{
  min-height:0;
  height:auto;
  padding:15px 15px 16px;
  gap:8px;
}
.hsl-design-scope .product-grid-tight .product-top{gap:8px;}
.hsl-design-scope .product-grid-tight .brand-pill, .hsl-design-scope .product-grid-tight .price-pill{
  padding:6px 8px;
  font-size:8px;
  letter-spacing:.10em;
  white-space:nowrap;
}
.hsl-design-scope .product-grid-tight .product-card h4{
  margin:1px 0 0;
  font-size:16px;
  line-height:1.28;
}
.hsl-design-scope .product-grid-tight .product-card p{
  display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  min-height:0;
  margin:0;
  color:#626262;
  font-size:11px;
  line-height:1.5;
}
.hsl-design-scope .product-cta{
  display:inline-flex;
  align-self:flex-start;
  margin-top:3px;
  padding-bottom:3px;
  border-bottom:1px solid #111;
  color:#111;
  font-size:9px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}

@media (max-width:980px){
  .hsl-design-scope .hero-slide-copy{width:min(620px,68vw);}
  .hsl-design-scope .promo-grid.promo-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));}
  .hsl-design-scope .promo-grid-compact .promo-tile:last-child{grid-column:1/-1;}
  .hsl-design-scope .product-grid.product-grid-tight{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:720px){
  .hsl-design-scope .hero.hero-slider{min-height:700px;}
  .hsl-design-scope .hero-slide-bg{object-position:62% center;}
  .hsl-design-scope .hero-slide-overlay{
    background:linear-gradient(180deg,rgba(235,235,233,.94) 0%,rgba(231,231,229,.82) 46%,rgba(226,226,224,.30) 72%,rgba(0,0,0,.16) 100%);
  }
  .hsl-design-scope .hero-slide-inner{align-items:flex-start;padding-top:70px;}
  .hsl-design-scope .hero-slide-copy{width:100%;}
  .hsl-design-scope .hero-slide-copy h1{font-size:clamp(58px,15vw,82px);}
  .hsl-design-scope .hero-slide-copy p{max-width:92%;font-size:15px;}
  .hsl-design-scope .promo-grid.promo-grid-compact{grid-template-columns:1fr;}
  .hsl-design-scope .promo-grid-compact .promo-tile, .hsl-design-scope .promo-grid-compact .promo-tile:last-child{grid-column:auto;height:260px;min-height:260px;}
  .hsl-design-scope .featured-tight-wrap{width:min(100% - 28px,560px);}
  .hsl-design-scope .product-grid.product-grid-tight{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  .hsl-design-scope .hero-slide, .hsl-design-scope .hero-slide-bg{transition:none!important;}
}



/* Final tuning: let the campaign photography dominate the hero. */
.hsl-design-scope .hero.hero-slider{
  background:#bfc1c2;
}
.hsl-design-scope .hero-slide-bg{
  filter:saturate(.92) contrast(1.07) brightness(.99);
  transform:scale(1.005);
}
.hsl-design-scope .hero-slide.active .hero-slide-bg{transform:scale(1.035);}
.hsl-design-scope .hero-slide-overlay{
  background:
    linear-gradient(90deg,
      rgba(207,208,207,.70) 0%,
      rgba(210,211,210,.48) 22%,
      rgba(214,214,212,.19) 41%,
      rgba(220,220,218,.035) 60%,
      rgba(0,0,0,.025) 100%),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.08));
}
.hsl-design-scope .hero-slide-copy{
  width:min(600px,45vw);
}
.hsl-design-scope .hero-slide-copy .mini, .hsl-design-scope .hero-slide-copy h1, .hsl-design-scope .hero-slide-copy p{
  text-shadow:0 1px 1px rgba(255,255,255,.54),0 6px 24px rgba(235,235,232,.28);
}
.hsl-design-scope .hero-slide-copy p{color:#202020;}

/* Footer logo: transparent metallic mark, no white plaque on the black footer. */
.hsl-design-scope .retro-logo-plaque{
  width:min(350px,100%);
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.hsl-design-scope .retro-logo-plaque img{
  width:100%;
  height:auto;
  max-height:160px;
  object-fit:contain;
  object-position:left center;
  filter:none;
  opacity:.96;
}

@media (max-width:820px){
  .hsl-design-scope .hero-slide-overlay{
    background:
      linear-gradient(180deg,
        rgba(211,212,211,.74) 0%,
        rgba(214,214,212,.50) 38%,
        rgba(218,218,216,.18) 66%,
        rgba(0,0,0,.12) 100%);
  }
  .hsl-design-scope .hero-slide-copy{width:min(620px,90vw);}
}
@media (max-width:560px){
  .hsl-design-scope .hero-slide-overlay{
    background:
      linear-gradient(180deg,
        rgba(213,214,213,.80) 0%,
        rgba(214,214,212,.58) 42%,
        rgba(215,215,213,.20) 70%,
        rgba(0,0,0,.14) 100%);
  }
  .hsl-design-scope .retro-logo-plaque{width:min(290px,86vw);}
}