:root{--ink:#171613;--paper:#fcfbf8;--gold:#aa8b4a;--line:#dedbd4;--soft:#f1eee7;--font-display:"Playfair Display",Georgia,serif;--font-sans:Manrope,Arial,sans-serif;--font-mono:"DM Mono","Courier New",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-weight:400}.trade-bar{height:34px;background:var(--ink);color:#eee9dc;padding:0 4.5vw;display:flex;gap:25px;align-items:center;font:500 9px/1.35 var(--font-mono);letter-spacing:.14em}.trade-bar a{margin-left:auto;color:#e7d59f;text-decoration:none}header{height:93px;border-bottom:1px solid var(--line);padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between}.logo{font:600 22px var(--font-sans);letter-spacing:.11em;color:var(--ink);text-decoration:none}.logo span{color:var(--gold);font-size:18px}nav{display:flex;gap:34px;margin-left:10%}nav a,.nav-cta{font:500 11px/1.2 var(--font-sans);letter-spacing:.02em;color:var(--ink);text-decoration:none;transition:color .2s ease}@media(hover:hover){nav a:hover,.nav-cta:hover{color:var(--gold)}}.nav-cta{border:1px solid var(--ink);padding:12px 15px;white-space:nowrap}.nav-cta span{color:var(--gold);font-size:16px;margin-left:16px}.hero{min-height:650px;height:calc(100vh - 127px);max-height:850px;position:relative;display:grid;grid-template-columns:34% 66%;border-bottom:0}.hero-copy{padding:13vh 7vw 100px}.kicker{font:500 10px/1.35 var(--font-mono);letter-spacing:.16em;color:#876e38;margin:0}.hero h1,.title-row h2,.about-copy h2,.wholesale h2,.contact h2,.trade-enquiry h2{font:500 clamp(55px,6.2vw,100px)/.93 var(--font-display);letter-spacing:-.05em;margin:30px 0}.hero em,.title-row h2 em,.about-copy h2 em,.wholesale h2 em,.contact h2 em,.trade-enquiry h2 em{color:var(--gold);font-weight:500}.hero h1{font-size:clamp(46px,4.4vw,70px);line-height:.95;letter-spacing:-.055em}.hero h1 em{font-size:.98em;letter-spacing:-.03em}.hero-copy>p:not(.kicker){max-width:370px;font-size:15px;line-height:1.7;color:#676259;margin:0 0 38px}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;gap:28px;padding:17px 19px;font:500 10px/1.2 var(--font-mono);letter-spacing:.08em;text-decoration:none;white-space:nowrap}.button span{font-size:19px}.black{background:var(--ink);color:#fff}.black span{color:#d8ba76}.quiet-link,.text-link{font:500 10px/1.25 var(--font-mono);letter-spacing:.08em;color:var(--ink);text-decoration:none;white-space:nowrap;transition:color .22s ease}.quiet-link span,.text-link span{color:var(--gold);font-size:18px;margin-left:7px}.hero-image{background:linear-gradient(90deg,var(--paper),transparent 20%),url('assets/cosqueen-hero.png') center/cover no-repeat;position:relative}.hero-foot{position:static;left:0;width:100%;border-top:0;padding:18px 4.5vw;display:none;justify-content:space-between;font:500 9px/1.35 var(--font-mono);letter-spacing:.14em;color:#777167}.collections{padding:110px 6.5vw 120px}.title-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:52px}.title-row h2{font-size:clamp(54px,4.6vw,66px);line-height:.96;letter-spacing:-.045em;margin:20px 0 0}.title-row h2 em{font-size:.98em;letter-spacing:-.03em}.section-note{font-size:13px;line-height:1.65;color:#676259}.collection-list{border-top:1px solid var(--ink)}.collection-list a{min-height:105px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:8% 34% 1fr 30px;align-items:center;color:var(--ink);text-decoration:none;transition:.25s padding,.25s background;padding:0 10px}.collection-list a:hover{background:#ece5d5;padding-left:20px}.collection-list span{color:var(--gold);font:10px var(--font-mono)}.collection-list strong{font:500 28px var(--font-display)}.collection-list i{font-size:12px;font-style:normal;color:#706a61}.collection-list b{font-size:18px;font-weight:400;color:var(--gold)}.about{display:grid;grid-template-columns:51% 49%;min-height:650px;background:var(--soft)}.about-image{background:url('assets/cosqueen-hero.png') 72% center/cover no-repeat;filter:grayscale(1) contrast(.85)}.about-copy{padding:120px 9% 80px;position:relative}.about-copy h2{font-size:60px;margin:27px 0}.about-copy>p:not(.kicker){max-width:360px;font-size:15px;line-height:1.7;font-weight:400;color:#625d55;margin-bottom:28px}.signature{position:absolute;right:12%;bottom:70px;width:100px;height:100px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:31px var(--font-display)}.wholesale{background:var(--ink);color:#fff;padding:105px 8.5vw 40px}.wholesale-top{display:flex;justify-content:space-between}.wholesale-top span{font:500 9px/1.35 var(--font-mono);color:#d0b67a;letter-spacing:.15em}.wholesale h2{font-size:70px;margin:46px 0 35px}.wholesale-bottom{display:flex;justify-content:space-between;align-items:end}.wholesale-bottom p{max-width:420px;line-height:1.7;color:#d6d1c7;font-size:14px}.gold{background:#c5a660;color:var(--ink)}.gold span{color:var(--ink)}.benefits{margin-top:90px;border-top:1px solid #565247;padding:18px 0;display:flex;justify-content:space-between;color:#d4c8ac;font:500 9px/1.35 var(--font-mono);letter-spacing:.12em}.contact{padding:145px 8.5vw;text-align:center;background:#fff}.contact h2{font-size:74px;margin:25px 0}.contact>a{font:500 29px var(--font-display);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--gold)}.contact>a span{color:var(--gold)}.contact-detail{color:#706a61;font-size:12px;margin-top:25px}footer{padding:28px 4.5vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}footer div{display:flex;gap:22px;font:500 9px/1.5 var(--font-mono);letter-spacing:.06em;color:#716b61}footer a{color:var(--ink);text-decoration:none}.quiet-link:hover,.text-link:hover{color:var(--gold)}.quiet-link span,.text-link span,.button span,.nav-cta span{display:inline-block;transition:transform .22s ease}.quiet-link:hover span,.text-link:hover span,.button:hover span,.nav-cta:hover span{transform:translateX(4px)}@media(max-width:780px){.kicker{font-size:9px;line-height:1.35}.trade-bar span:nth-child(2),.trade-bar a,nav{display:none}.trade-bar{justify-content:center}header{height:68px;padding:0 20px}.nav-cta{font-size:9px;padding:9px}.hero{height:auto;display:flex;flex-direction:column;min-height:0}.hero-copy{padding:75px 25px 65px}.hero h1{font-size:58px}.hero-image{min-height:390px}.hero-foot{position:relative;gap:8px;padding:15px 20px;font-size:9px}.hero-foot span:nth-child(2){display:none}.collections{padding:75px 20px}.title-row{display:block;margin-bottom:37px}.collection-list a{grid-template-columns:12% 1fr 24px;min-height:90px}.collection-list i{display:none}.collection-list strong{font-size:23px}.about{display:block}.about-image{height:380px}.about-copy{padding:75px 25px 120px}.wholesale{padding:70px 25px 28px}.wholesale h2{font-size:49px;margin:32px 0}.wholesale-bottom{display:block}.benefits{margin-top:55px;gap:10px;font-size:9px}.contact{padding:85px 25px}.contact h2{font-size:52px}.contact>a{font-size:23px}footer{padding:25px 20px;display:block}footer div{margin-top:18px;justify-content:space-between;font-size:9px}}
@media(prefers-reduced-motion:reduce){.quiet-link,.text-link,nav a,.nav-cta,.quiet-link span,.text-link span,.button span,.nav-cta span{transition:none}.quiet-link:hover span,.text-link:hover span,.button:hover span,.nav-cta:hover span{transform:none}}
/* Homepage desktop vertical rhythm: resolves compounded section padding. */
@media(min-width:901px){.collections{padding:50px 6.5vw}}
/* Shared main-header refinement */
@media(min-width:1001px){nav a{font-size:15px;font-weight:500;letter-spacing:.005em}.nav-cta{font-size:12px;font-weight:500;letter-spacing:.02em;padding:12px 16px}}
@media(min-width:781px) and (max-width:1000px){nav{gap:30px;margin-left:4%}nav a{font-size:12px;font-weight:400;letter-spacing:.02em}.nav-cta{font-size:11.5px;font-weight:500;letter-spacing:.02em;padding:11px 14px}.nav-cta span{margin-left:12px}}
/* Shared COSQUEEN CTA and interaction language. */
html body .button,html body .nav-cta,html body .quiet-link,html body .text-link,html body .card-button,html body .product-copy a{transition:color .22s ease,background-color .25s ease,border-color .22s ease}
html body .button span,html body .nav-cta span,html body .quiet-link span,html body .text-link span,html body .card-button span,html body .product-copy a span{display:inline-block;transition:transform .22s ease,color .22s ease}
@media(hover:hover){html body .button.black:hover{background:var(--gold);color:var(--ink)}html body .button.black:hover span{color:var(--ink);transform:translateX(4px)}html body .button.gold:hover{background:#b99a58;color:var(--ink)}html body .button.gold:hover span{transform:translateX(4px)}html body .nav-cta:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}html body .nav-cta:hover span{color:var(--gold);transform:translateX(4px)}html body .quiet-link:hover,html body .text-link:hover,html body .card-button:hover,html body .product-copy a:hover{color:var(--gold)}html body .quiet-link:hover span,html body .text-link:hover span,html body .card-button:hover span,html body .product-copy a:hover span{transform:translateX(4px)}}
html body .button:focus-visible,html body .nav-cta:focus-visible,html body .quiet-link:focus-visible,html body .text-link:focus-visible,html body .card-button:focus-visible,html body .product-copy a:focus-visible,html body .footer-premium a:focus-visible,html body nav a:focus-visible{outline:1px solid var(--gold);outline-offset:4px}
html body .email-link{transition:color .25s ease}
html body .email-link span{display:inline-block;transition:transform .22s ease}
@media(hover:hover){html body .email-link:hover{color:var(--gold)}html body .email-link:hover span{transform:translate(2px,-2px)}html body .footer-premium a:not(.logo):hover{color:var(--gold)}}
@media(prefers-reduced-motion:reduce){html body .button,html body .nav-cta,html body .quiet-link,html body .text-link,html body .card-button,html body .product-copy a,html body .email-link,html body .button span,html body .nav-cta span,html body .quiet-link span,html body .text-link span,html body .card-button span,html body .product-copy a span,html body .email-link span{transition:none}html body .button:hover span,html body .nav-cta:hover span,html body .quiet-link:hover span,html body .text-link:hover span,html body .card-button:hover span,html body .product-copy a:hover span,html body .email-link:hover span{transform:none}}
@media(min-width:781px) and (max-width:900px){.hero{grid-template-columns:54% 46%}}
.collections{margin-top:64px}
.hero-copy>.kicker{display:none}
@media(min-width:781px){.hero{height:760px}.hero-copy{padding-top:90px}}
.hero-media{position:relative;overflow:hidden;isolation:isolate;min-width:0}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;opacity:0;z-index:1;transition:opacity 1.2s ease}
.hero-slide.is-active{opacity:1;visibility:visible;z-index:2}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}
@media(min-width:781px){.hero-actions{position:relative;z-index:2}}
@media(max-width:780px){
  .hero-media{width:100%;min-height:390px}
}

@media(min-width:901px){
  .hero{
    height:clamp(600px,calc(100vh - 127px),680px);
    min-height:600px;
    max-height:680px;
  }

  .hero-copy{
    padding:36px 7vw 69px;
  }

  .hero-media{
    height:calc(100% - 48px);
    align-self:start;
  }
}