:root {
  --ink:#101114;
  --cream:#f7f1e8;
  --paper:#fffaf3;
  --coral:#ff5d4a;
  --yellow:#f7e64a;
  --plum:#5a1a4f;
  --blue:#2454d8;
  --pink:#ff9eb8;
  --line:rgba(16,17,20,.2);
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; text-decoration:none; }
.skip-link { position:fixed; left:1rem; top:-5rem; z-index:99; padding:.8rem 1rem; background:var(--ink); color:white; }
.skip-link:focus { top:1rem; }

.site-header { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:0 clamp(1.25rem,4.5vw,4.5rem); border-bottom:1px solid var(--line); background:var(--cream); }
.brand,.footer-brand { display:flex; align-items:baseline; font:800 1.55rem/1 Georgia,"Times New Roman",serif; letter-spacing:-.065em; }
.brand i,.footer-brand i { padding:0 .08em; color:var(--coral); font-weight:400; }
.site-header nav { display:flex; align-items:center; gap:clamp(1rem,2.5vw,2.5rem); font-size:.72rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.site-header nav > a:not(.nav-cta) { padding:.4rem 0; border-bottom:1px solid transparent; }
.site-header nav > a:not(.nav-cta):hover { border-color:var(--coral); }
.nav-cta { padding:.85rem 1rem; background:var(--ink); color:white; }

.hero { min-height:calc(100svh - 88px); display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:clamp(2rem,5vw,6rem); padding:clamp(3.5rem,7vw,7rem) clamp(1.25rem,4.5vw,4.5rem); overflow:hidden; }
.hero-copy { position:relative; z-index:2; }
.eyebrow { display:flex; align-items:center; gap:.7rem; margin:0 0 1.3rem; font-size:.72rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.eyebrow::before { content:""; width:30px; height:3px; background:var(--coral); }
h1,h2 { margin:0; font-family:Georgia,"Times New Roman",serif; font-weight:400; letter-spacing:-.065em; line-height:.86; }
h1 { font-size:clamp(4.4rem,8.5vw,9rem); }
h2 { font-size:clamp(3.7rem,6.8vw,7rem); }
h1 em,h2 em { color:var(--coral); font-weight:400; }
.intro { max-width:590px; margin:2rem 0; font-size:clamp(1rem,1.4vw,1.24rem); line-height:1.7; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1.4rem; }
.button { min-width:225px; display:inline-flex; align-items:center; justify-content:space-between; gap:2rem; padding:1.1rem 1.25rem; font-size:.74rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; transition:transform .2s,box-shadow .2s; }
.button:hover { transform:translateY(-3px); box-shadow:6px 7px 0 rgba(16,17,20,.18); }
.button.dark { background:var(--ink); color:white; }.button.coral { background:var(--coral); color:white; }
.text-link { padding-bottom:.25rem; border-bottom:1px solid var(--ink); font-size:.72rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.hero-visual { position:relative; width:100%; margin:0; transform:rotate(1.5deg); }
.hero-visual::before { content:""; position:absolute; inset:-18px 18px 18px -18px; z-index:-1; background:var(--yellow); }
.hero-visual picture { display:block; width:100%; }
.hero-visual img { display:block; width:100%; height:auto; object-fit:contain; box-shadow:16px 18px 0 var(--ink); }
.hero-visual figcaption { position:absolute; right:-1.2rem; bottom:2rem; width:145px; aspect-ratio:1; display:flex; flex-direction:column; align-items:center; justify-content:center; border:2px solid var(--ink); border-radius:50%; background:var(--pink); box-shadow:5px 6px 0 var(--ink); font:400 1rem/1.2 Georgia,"Times New Roman",serif; text-align:center; transform:rotate(8deg); }
.hero-visual figcaption b { color:var(--plum); font-weight:700; }

.ticker { overflow:hidden; background:var(--plum); color:white; transform:rotate(-.7deg) scale(1.01); }
.ticker div { width:max-content; display:flex; gap:2rem; padding:.9rem 0; font-size:.75rem; font-weight:900; letter-spacing:.16em; animation:marquee 28s linear infinite; }
.ticker b { color:var(--yellow); }
@keyframes marquee { to { transform:translateX(-50%); } }

.collections { padding:clamp(6rem,10vw,10rem) clamp(1.25rem,4.5vw,4.5rem); background:var(--paper); }
.section-heading { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:3rem; margin-bottom:4rem; }
.section-heading .eyebrow,.section-heading h2 { grid-column:1; }.section-heading > p:last-child { grid-column:2; grid-row:1/3; max-width:420px; margin:0; line-height:1.75; }
.collection-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--ink); border-left:1px solid var(--ink); }
.collection-card { min-height:330px; display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto 1fr auto; gap:1.5rem; padding:2rem; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); transition:transform .2s,background .2s; }
a.collection-card:hover { position:relative; z-index:2; background:var(--yellow); transform:translate(-7px,-7px); box-shadow:7px 7px 0 var(--ink); }
.collection-card .number { width:38px; height:38px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:.7rem; font-weight:900; }
.collection-card > div { align-self:center; grid-column:1/-1; }.collection-card small { font-size:.68rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }.collection-card h3 { margin:.7rem 0; font:400 clamp(2.7rem,5vw,5rem)/.9 Georgia,"Times New Roman",serif; letter-spacing:-.055em; }.collection-card p { max-width:450px; margin:0; line-height:1.65; }
.collection-card > b { grid-column:2; align-self:end; justify-self:end; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; }
.jewelry { background:var(--coral); color:white; }.handbags { background:var(--yellow); }.wallets { background:var(--blue); color:white; }.extras { background:var(--pink); }

.wholesale { min-height:720px; display:grid; grid-template-columns:.85fr 1.15fr; background:var(--ink); color:white; overflow:hidden; }
.wholesale-mark { min-height:620px; display:flex; align-items:center; justify-content:center; background:var(--yellow); color:var(--ink); font:400 clamp(5rem,12vw,12rem)/1 Georgia,"Times New Roman",serif; transform:rotate(-3deg) scale(1.08); }
.wholesale-mark span { margin:0 .08em; color:var(--coral); font-size:.5em; }
.wholesale-copy { align-self:center; padding:clamp(5rem,9vw,9rem); }.wholesale-copy h2 em { color:var(--yellow); }.wholesale-copy > p:not(.eyebrow) { max-width:640px; margin:2rem 0; color:#dfe2e7; font-size:1.08rem; line-height:1.85; }

.site-footer { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:2rem; padding:2.25rem clamp(1.25rem,4.5vw,4.5rem); background:var(--coral); color:white; }
.site-footer nav { display:flex; justify-content:center; flex-wrap:wrap; gap:.8rem 1.5rem; font-size:.68rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.site-footer nav a { padding-bottom:.2rem; border-bottom:1px solid transparent; }.site-footer nav a:hover { border-color:var(--yellow); }
.company { display:flex; flex-direction:column; align-items:flex-end; gap:.25rem; font-size:.62rem; line-height:1.5; letter-spacing:.06em; text-align:right; text-transform:uppercase; }.company address { font:inherit; }.company span { color:var(--yellow); }.company small { font:inherit; opacity:.75; }

@media (max-width:950px) {
  .hero { grid-template-columns:1fr; }.hero-visual { max-width:780px; }.section-heading { grid-template-columns:1fr; }.section-heading .eyebrow,.section-heading h2,.section-heading > p:last-child { grid-column:1; grid-row:auto; }.wholesale { grid-template-columns:1fr; }.wholesale-mark { min-height:360px; }
}
@media (max-width:680px) {
  .site-header { align-items:flex-start; flex-direction:column; padding-top:1.25rem; padding-bottom:1.25rem; }.site-header nav { width:100%; justify-content:space-between; gap:.7rem; }.site-header nav a:nth-child(2) { display:none; }.nav-cta { padding:.7rem; }
  .hero { min-height:0; padding-top:4rem; overflow:visible; }.hero-visual { width:calc(100% - 10px); transform:none; }.hero-visual::before { inset:-9px 9px 9px -9px; }.hero-visual img { min-height:0; max-height:none; box-shadow:8px 9px 0 var(--ink); }.hero-visual figcaption { right:-.3rem; bottom:1rem; width:96px; height:96px; aspect-ratio:auto; font-size:.8rem; box-shadow:3px 4px 0 var(--ink); }.collection-grid { grid-template-columns:1fr; }.collection-card { min-height:290px; }.wholesale-copy { padding:5rem 1.25rem; }.site-footer { grid-template-columns:1fr; }.site-footer nav { justify-content:flex-start; }.company { align-items:flex-start; text-align:left; }
}
@media (max-width:430px) { h1 { font-size:4rem; }.hero-actions,.button { width:100%; }.site-header nav { font-size:.62rem; }.collection-card { padding:1.5rem; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; } }