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

    #ht-site, #ht-site * { box-sizing: border-box; }
    #ht-site {
      --olive:#545846; --olive-dark:#3f4435; --olive-soft:#747866;
      --ivory:#f2efe8; --cream:#faf8f3; --sand:#d8c8b6;
      --champagne:#d8b98a; --brown:#6b5b49; --ink:#303128;
      --hero-image:url('/assets/hero-v2.webp'); --catalog-image:url('/assets/placeholder.webp'); --logo-image:url('/assets/logo.webp');
      color:var(--ink); background:var(--cream); font-family:'Manrope',Arial,sans-serif;
      font-size:16px; line-height:1.55; overflow:hidden;
    }
    #ht-site h1,#ht-site h2,#ht-site h3,#ht-site p { margin:0; }
    #ht-site a { color:inherit; text-decoration:none; }
    #ht-site button { font:inherit; }
    .ht-shell { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
    .ht-eyebrow { font-size:11px; letter-spacing:.32em; text-transform:uppercase; font-weight:500; }
    .ht-title { font-family:'Cormorant Garamond',serif; font-size:clamp(42px,5vw,68px); line-height:.96; font-weight:500; letter-spacing:-.025em; }
    .ht-copy { max-width:660px; color:#5f6056; font-size:15px; line-height:1.75; }
    .ht-btn { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:48px; padding:0 25px; border:1px solid transparent; border-radius:999px; transition:.25s ease; cursor:pointer; white-space:nowrap; }
    .ht-btn:after,.ht-vector-arrow,.ht-text-link:after { content:''; display:inline-block; width:18px; height:18px; flex:0 0 18px; background:currentColor; -webkit-mask:url('/assets/arrow-right.svg') center/contain no-repeat; mask:url('/assets/arrow-right.svg') center/contain no-repeat; }
    .ht-btn--gold { background:var(--champagne); color:#fff; }
    .ht-btn--gold:hover { background:#cba776; transform:translateY(-2px); }
    .ht-btn--outline { border-color:rgba(255,255,255,.62); color:#fff; background:rgba(255,255,255,.04); }
    .ht-btn--outline:hover { background:rgba(255,255,255,.12); }
    .ht-btn--olive { background:var(--olive); color:#fff; }
    .ht-btn--olive:hover { background:var(--olive-dark); transform:translateY(-2px); }

    .ht-header { position:absolute; inset:0 0 auto; z-index:20; color:#fff; border-bottom:1px solid rgba(255,255,255,.16); }
    .ht-header__in { height:86px; display:flex; align-items:center; gap:30px; }
    .ht-logo { display:block; width:112px; height:66px; border-radius:4px; background:var(--logo-image) center/cover no-repeat; mix-blend-mode:screen; }
    .ht-nav { display:flex; align-items:center; justify-content:center; gap:28px; flex:1; font-size:13px; }
    .ht-nav a { position:relative; padding:32px 0; }
    .ht-nav a:after { content:''; position:absolute; left:0; right:100%; bottom:25px; height:1px; background:var(--champagne); transition:.25s; }
    .ht-nav a:hover:after { right:0; }
    .ht-header__actions { display:flex; align-items:center; gap:12px; }
    .ht-icon-btn { width:40px; height:40px; border:1px solid rgba(255,255,255,.35); border-radius:50%; background:transparent; color:#fff; display:grid; place-items:center; cursor:pointer; }
    .ht-menu-btn { display:none; }

    .ht-hero { position:relative; min-height:760px; color:#fff; background:linear-gradient(90deg,rgba(50,54,41,.96) 0%,rgba(59,63,48,.84) 43%,rgba(56,59,45,.18) 100%),var(--hero-image) center right/cover no-repeat; }
    .ht-hero:after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(32,35,26,.36),transparent 45%); pointer-events:none; }
    .ht-hero__in { position:relative; z-index:2; min-height:760px; display:flex; flex-direction:column; justify-content:center; padding-top:105px; }
    .ht-hero__content { max-width:660px; }
    .ht-hero .ht-eyebrow { color:#e9d8bd; margin-bottom:23px; }
    .ht-hero h1 { font-family:'Cormorant Garamond',serif; font-size:clamp(58px,7vw,96px); font-weight:500; line-height:.87; letter-spacing:-.035em; max-width:650px; }
    .ht-hero__lead { max-width:585px; margin-top:25px; font-size:17px; line-height:1.7; color:rgba(255,255,255,.86); }
    .ht-hero__buttons { display:flex; flex-wrap:wrap; gap:12px; margin-top:31px; }
    .ht-benefits { position:absolute; z-index:3; bottom:0; left:0; right:0; border-top:1px solid rgba(255,255,255,.18); background:rgba(46,50,38,.34); backdrop-filter:blur(8px); }
    .ht-benefits__grid { display:grid; grid-template-columns:repeat(4,1fr); }
    .ht-benefit { min-height:104px; display:flex; align-items:center; gap:14px; padding:18px 24px; border-right:1px solid rgba(255,255,255,.17); font-size:13px; }
    .ht-benefit:last-child { border-right:0; }
    .ht-benefit__icon { font-family:'Cormorant Garamond',serif; font-size:32px; color:#ead6b8; }

    .ht-section { padding:105px 0; }
    .ht-section--ivory { background:var(--ivory); }
    .ht-section-head { display:grid; grid-template-columns:1.05fr .95fr; align-items:end; gap:60px; margin-bottom:42px; }
    .ht-section-head .ht-eyebrow { color:var(--olive-soft); margin-bottom:13px; }
    .ht-head-side { display:flex; justify-content:space-between; align-items:flex-end; gap:25px; }
    .ht-text-link { border-bottom:1px solid #9c927f; padding-bottom:3px; font-size:13px; white-space:nowrap; display:inline-flex; align-items:center; gap:7px; }
    .ht-text-link:after { width:16px; height:16px; flex-basis:16px; }

    .ht-catalog { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
    .ht-card { background:#fff; border:1px solid #e7e1d8; overflow:hidden; transition:.3s; }
    .ht-card:hover { transform:translateY(-5px); box-shadow:0 14px 34px rgba(52,50,41,.09); }
    .ht-card__image { aspect-ratio:1/1; overflow:hidden; background:var(--catalog-image) center/cover no-repeat; transition:.5s; }
    .ht-card:hover .ht-card__image { background-size:103%; }
    .ht-card__body { min-height:83px; padding:17px 18px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
    .ht-card h3 { font-family:'Cormorant Garamond',serif; font-size:23px; font-weight:500; line-height:1.05; }
    .ht-arrow { width:32px; height:32px; border:1px solid #d3ccc0; border-radius:50%; display:grid; place-items:center; flex:0 0 auto; }
    .ht-catalog-nav { margin-top:28px; display:grid; grid-template-columns:1.2fr .8fr; gap:18px; }
    .ht-accordion { background:#fff; border:1px solid #e1dbd0; }
    .ht-accordion summary { list-style:none; cursor:pointer; padding:19px 22px; display:flex; justify-content:space-between; align-items:center; font-size:14px; font-weight:500; }
    .ht-accordion summary::-webkit-details-marker { display:none; }
    .ht-accordion summary:after { content:'+'; font-size:20px; color:var(--olive); }
    .ht-accordion[open] summary:after { content:'−'; }
    .ht-subcats { padding:0 22px 20px; display:grid; gap:9px; color:#696a60; font-size:13px; }
    .ht-subcats a:hover { color:var(--olive); }
    .ht-simple-links { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
    .ht-simple-links a { padding:17px 18px; background:#fff; border:1px solid #e1dbd0; font-size:13px; display:flex; justify-content:space-between; }

    .ht-fabrics { background:linear-gradient(120deg,#4d5240,#656a56); color:#fff; }
    .ht-fabrics-grid { display:grid; grid-template-columns:.95fr 1.05fr; min-height:610px; }
    .ht-fabric-visual { position:relative; background:#4d5240; overflow:hidden; }
    .ht-fabric-visual:before { content:''; position:absolute; inset:0; background:url('/assets/fabrics-pattern.webp') center/cover no-repeat; opacity:.46; }
    .ht-fabric-visual:after { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(39,44,32,.18),rgba(39,44,32,.52)); pointer-events:none; }
    .ht-fabric-content { padding:88px clamp(35px,6vw,92px); display:flex; flex-direction:column; justify-content:center; }
    .ht-fabric-content .ht-eyebrow { color:#e9d7ba; margin-bottom:14px; }
    .ht-fabric-content .ht-title { max-width:620px; }
    .ht-fabric-content .ht-copy { color:rgba(255,255,255,.72); margin:22px 0 30px; }
    .ht-fabric-list { display:grid; gap:10px; margin-bottom:30px; }
    .ht-fabric { border:1px solid rgba(255,255,255,.17); padding:18px; display:grid; grid-template-columns:45px 1fr 26px; align-items:center; gap:15px; background:rgba(255,255,255,.045); transition:background-color .25s,border-color .25s; }
    .ht-fabric:hover { background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.32); }
    .ht-swatch { width:45px; height:45px; border-radius:50%; border:1px solid rgba(255,255,255,.28); }
    .ht-swatch--cotton { background:linear-gradient(135deg,#e8e1d4,#a8a591); }
    .ht-swatch--satin { background:linear-gradient(135deg,#efeadf,#8d917e 55%,#d9d5cb); }
    .ht-swatch--tencel { background:linear-gradient(135deg,#bbc1b5,#596253 52%,#d1d5cb); }
    .ht-fabric h3 { font-family:'Cormorant Garamond',serif; font-size:22px; font-weight:500; }
    .ht-fabric p { color:rgba(255,255,255,.62); font-size:12px; }

    .ht-split { display:grid; grid-template-columns:1fr 1fr; min-height:650px; }
    .ht-split__visual { position:relative; min-height:600px; background:linear-gradient(180deg,rgba(50,55,42,.04),rgba(50,55,42,.28)),var(--hero-image) center/cover no-repeat; }
    .ht-script { position:absolute; left:8%; bottom:9%; font-family:'Cormorant Garamond',serif; font-size:42px; font-style:italic; color:#fff; transform:rotate(-5deg); text-shadow:0 2px 10px rgba(0,0,0,.18); }
    .ht-split__content { padding:85px clamp(38px,7vw,105px); display:flex; flex-direction:column; justify-content:center; }
    .ht-split__content .ht-eyebrow { color:var(--olive-soft); margin-bottom:13px; }
    .ht-split__content .ht-copy { margin:22px 0 29px; }
    .ht-checks { display:grid; gap:13px; margin:0 0 31px; padding:0; list-style:none; }
    .ht-checks li { display:flex; align-items:center; gap:13px; font-size:14px; }
    .ht-checks li:before { content:'◇'; color:#9a835f; font-size:20px; }

    .ht-story { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
    .ht-story__mark { aspect-ratio:1/.72; background:var(--olive); display:grid; place-items:center; padding:40px; position:relative; overflow:hidden; }
    .ht-story__mark:after { content:''; position:absolute; inset:16px; border:1px solid rgba(229,207,173,.24); }
    .ht-story__logo { width:82%; height:82%; position:relative; z-index:2; background:url('/assets/logo-transparent.png') center/contain no-repeat; }
    .ht-story__text .ht-eyebrow { color:var(--olive-soft); margin-bottom:14px; }
    .ht-story__text .ht-copy { margin-top:24px; }
    .ht-story__text .ht-copy + .ht-copy { margin-top:14px; }

    .ht-process { background:#e9e4da; }
    .ht-process-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:75px; align-items:start; }
    .ht-process-copy .ht-eyebrow { color:var(--olive-soft); margin-bottom:13px; }
    .ht-process-copy .ht-copy { margin-top:25px; }
    .ht-steps { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid #c8c0b3; border-left:1px solid #c8c0b3; }
    .ht-step { min-height:175px; padding:28px; border-right:1px solid #c8c0b3; border-bottom:1px solid #c8c0b3; }
    .ht-step span { color:#9b825e; font-family:'Cormorant Garamond',serif; font-size:26px; }
    .ht-step h3 { font-family:'Cormorant Garamond',serif; font-size:25px; font-weight:500; margin:18px 0 7px; }
    .ht-step p { font-size:12px; color:#68695f; }

    .ht-details { text-align:center; }
    .ht-details .ht-copy { margin:25px auto 0; }
    .ht-details-grid { margin-top:45px; display:grid; grid-template-columns:repeat(5,1fr); border:1px solid #ddd5c9; }
    .ht-detail { padding:34px 20px; border-right:1px solid #ddd5c9; }
    .ht-detail:last-child { border-right:0; }
    .ht-detail__icon { color:#9c825f; font-family:'Cormorant Garamond',serif; font-size:34px; }
    .ht-detail h3 { font-family:'Cormorant Garamond',serif; font-size:22px; font-weight:500; margin-top:12px; }

    .ht-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
    .ht-info-card { background:#fff; border:1px solid #e0d9ce; padding:38px; }
    .ht-info-card h3 { font-family:'Cormorant Garamond',serif; font-size:32px; font-weight:500; margin-bottom:14px; }
    .ht-info-card p { color:#66675e; font-size:14px; }

    .ht-reviews-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:40px; }
    .ht-review { min-height:205px; background:#fff; border:1px solid #e0d9ce; padding:28px; display:flex; flex-direction:column; justify-content:space-between; }
    .ht-review__stars { color:#aa8b5f; letter-spacing:.15em; }
    .ht-review p { margin:20px 0; color:#5f6057; font-size:14px; }
    .ht-review strong { font-size:13px; font-weight:500; }

    .ht-final { background:linear-gradient(100deg,rgba(61,66,50,.98),rgba(72,77,60,.9)); color:#fff; text-align:center; padding:112px 0; }
    .ht-final .ht-eyebrow { color:#e6cfaa; margin-bottom:18px; }
    #ht-site .ht-final .ht-title { max-width:800px; margin:0 auto; text-align:center; }
    #ht-site .ht-final p { max-width:680px; margin:25px auto 0; text-align:center; color:rgba(255,255,255,.75); }
    .ht-final__brand { margin-top:19px!important; font-family:'Cormorant Garamond',serif; font-size:23px; color:#eedfc9!important; }
    .ht-final__buttons { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:32px; }

    .ht-footer { background:#34382c; color:rgba(255,255,255,.72); padding:50px 0 24px; }
    .ht-footer-grid { display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:50px; }
    .ht-footer-logo { width:150px; aspect-ratio:1/1; border-radius:50%; background:var(--logo-image) center/cover no-repeat; }
    .ht-footer h3 { color:#fff; font-family:'Cormorant Garamond',serif; font-size:22px; font-weight:500; margin-bottom:12px; }
    .ht-footer a { display:block; font-size:13px; margin:8px 0; }
    .ht-footer-bottom { margin-top:38px; padding-top:20px; border-top:1px solid rgba(255,255,255,.12); font-size:11px; display:flex; justify-content:space-between; gap:20px; }

    @media (max-width:980px) {
      .ht-shell { width:min(100% - 34px,760px); }
      .ht-nav,.ht-header__actions .ht-btn { display:none; }
      .ht-header__in { justify-content:space-between; height:74px; }
      .ht-logo { width:92px; height:54px; }
      .ht-menu-btn { display:grid; }
      .ht-nav.ht-nav--open { display:flex; position:absolute; top:74px; left:0; right:0; padding:20px 25px 26px; background:rgba(50,54,41,.98); flex-direction:column; align-items:flex-start; gap:0; }
      .ht-nav.ht-nav--open a { width:100%; padding:12px 0; }
      .ht-hero,.ht-hero__in { min-height:720px; }
      .ht-benefit { padding:17px 10px; flex-direction:column; text-align:center; gap:5px; }
      .ht-section-head,.ht-story,.ht-process-grid { grid-template-columns:1fr; gap:28px; }
      .ht-head-side { align-items:flex-start; }
      .ht-catalog { grid-template-columns:repeat(2,1fr); }
      .ht-fabrics-grid,.ht-split { grid-template-columns:1fr; }
      .ht-fabric-visual { min-height:310px; }
      .ht-split__visual { min-height:480px; }
      .ht-details-grid { grid-template-columns:repeat(3,1fr); }
      .ht-detail:nth-child(3) { border-right:0; }
      .ht-detail:nth-child(-n+3) { border-bottom:1px solid #ddd5c9; }
      .ht-reviews-grid { grid-template-columns:1fr; }
    }
    @media (max-width:640px) {
      .ht-shell { width:calc(100% - 28px); }
      .ht-section { padding:72px 0; }
      .ht-title { font-size:42px; }
      .ht-hero { min-height:760px; background-position:62% center; }
      .ht-hero:before { content:''; position:absolute; inset:0; background:rgba(48,52,39,.3); }
      .ht-hero__in { min-height:760px; justify-content:flex-start; padding-top:145px; }
      .ht-hero h1 { font-size:57px; }
      .ht-hero__lead { font-size:14px; max-width:95%; }
      .ht-hero__buttons { display:grid; grid-template-columns:1fr 1fr; }
      .ht-btn { padding:0 16px; font-size:12px; }
      .ht-benefits__grid { grid-template-columns:repeat(2,1fr); }
      .ht-benefit { min-height:80px; flex-direction:row; text-align:left; padding:12px; border-bottom:1px solid rgba(255,255,255,.17); }
      .ht-benefit__icon { font-size:25px; }
      .ht-section-head { margin-bottom:28px; }
      .ht-head-side { flex-direction:column; gap:16px; }
      .ht-catalog { gap:9px; }
      .ht-card__body { min-height:70px; padding:12px; }
      .ht-card h3 { font-size:19px; }
      .ht-arrow { width:27px; height:27px; }
      .ht-catalog-nav { grid-template-columns:1fr; }
      .ht-simple-links { grid-template-columns:1fr 1fr; }
      .ht-fabric-content,.ht-split__content { padding:65px 22px; }
      .ht-fabric { grid-template-columns:40px 1fr 20px; padding:14px; }
      .ht-swatch { width:40px; height:40px; }
      .ht-split__visual { min-height:390px; }
      .ht-script { font-size:32px; }
      .ht-story { gap:35px; }
      .ht-story__mark { aspect-ratio:1/1; }
      .ht-steps { grid-template-columns:1fr; }
      .ht-step { min-height:auto; }
      .ht-details-grid { grid-template-columns:1fr 1fr; }
      .ht-detail,.ht-detail:nth-child(3) { border-right:1px solid #ddd5c9; border-bottom:1px solid #ddd5c9; }
      .ht-detail:nth-child(even) { border-right:0; }
      .ht-detail:last-child { grid-column:1/-1; border-bottom:0; border-right:0; }
      .ht-info-grid { grid-template-columns:1fr; }
      .ht-info-card { padding:28px; }
      .ht-final { padding:82px 0; }
      .ht-footer-grid { grid-template-columns:1fr 1fr; }
      .ht-footer-grid>div:first-child { grid-column:1/-1; }
      .ht-footer-bottom { flex-direction:column; }
    }