/* Shop the Edit · palette + themes (2026-09-28)
   Palette (Kassy's pick): Camel Coat #C6B39A · Boho #7B694E · Rubine #6D3A3C · Tamarind #361319 · Italian Roast #280B0F
   - data-theme="scrapbook"  : Beauty page. Heirloom scrapbook: parchment, lace, silk, pressed botanicals,
                               leopard, rose petals, vintage crystal. Typewriter labels (Special Elite).
   - data-theme="cinematic"  : other categories. Darker, cinematic: roast + tamarind pages, camel text. */

:root {
  --camel: #C6B39A; --boho: #7B694E; --rubine: #6D3A3C; --tamarind: #361319; --roast: #280B0F;
  --f-type: 'Special Elite', 'Courier New', monospace;
  --pill-bg: var(--rubine); --pill-fg: #fbf5ea;
}
.pill { background: var(--pill-bg); color: var(--pill-fg); box-shadow: 0 14px 30px -16px rgba(40,11,15,.6); }
.pill.ghost { background: #fbf5ea; color: var(--rubine); }
body[data-accent] { --accent: var(--rubine); }

/* shared: photo wrappers used by both themes */
.collage figure, .intro-photo { margin: 0; position: relative; }
.collage .big-wrap { width: 88%; margin-left: auto; }
.collage .big-wrap .big { width: 100%; margin: 0; }
.collage .small-wrap { position: absolute; left: 0; top: -26px; width: 23%; z-index: 2; }
.collage .small-wrap .small { position: static; width: 100%; }
.collage figcaption { display: none; }
.tape, .no { display: none; }
.deco { position: absolute; pointer-events: none; z-index: 1; user-select: none; }
.hero, .intro, .edit, .promo, .obsess, .soon, .ig { position: relative; }
.hero .wrap, .intro .wrap, .edit .wrap, .promo .wrap, .soon .wrap, .ig .wrap { position: relative; z-index: 2; }

/* =====================================================================
   SCRAPBOOK (Beauty)
   ===================================================================== */
body[data-theme="scrapbook"] {
  --parchment: color-mix(in srgb, var(--camel) 30%, #fbf5ea);
  --linen: color-mix(in srgb, var(--camel) 52%, #f6efe3);
  --paper: var(--parchment); --stone: var(--linen); --card: #fdf9f2;
  --ink: var(--roast); --muted: rgba(40, 11, 15, .72); --line: rgba(123, 105, 78, .35);
  --tint: color-mix(in srgb, var(--rubine) 10%, var(--parchment));
  background: var(--parchment); color: var(--ink);
}
/* parchment grain + age stains on every paper surface */
body[data-theme="scrapbook"] .hero, body[data-theme="scrapbook"] .intro, body[data-theme="scrapbook"] .edit,
body[data-theme="scrapbook"] .promo, body[data-theme="scrapbook"] .soon {
  background-image:
    radial-gradient(ellipse at 12% 18%, rgba(123,105,78,.14), transparent 42%),
    radial-gradient(ellipse at 88% 76%, rgba(109,58,60,.08), transparent 45%),
    radial-gradient(ellipse at 50% 50%, transparent 55%, rgba(123,105,78,.18) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .48 0 0 0 0 .41 0 0 0 0 .3 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
}
body[data-theme="scrapbook"] .hero { background-color: var(--parchment); }
body[data-theme="scrapbook"] .intro, body[data-theme="scrapbook"] .tone-white { background-color: color-mix(in srgb, var(--parchment) 70%, #fff); }
body[data-theme="scrapbook"] .tone-stone { background-color: var(--linen); }
body[data-theme="scrapbook"] .tone-paper { background-color: var(--parchment); }
body[data-theme="scrapbook"] .promo { background-color: var(--tint); }
/* deckled, torn paper edge at the top of each page */
body[data-theme="scrapbook"] .intro::before, body[data-theme="scrapbook"] .edit::before, body[data-theme="scrapbook"] .promo::before, body[data-theme="scrapbook"] .soon::before {
  content: ''; position: absolute; left: 0; right: 0; top: -13px; height: 14px; z-index: 3;
  background: inherit; background-position: 0 13px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 14' preserveAspectRatio='none'%3E%3Cpath d='M0 14V8l12-3 9 4 14-6 10 5 16-4 8 3 15-5 11 6 13-3 9 2 17-6 12 5 10-3 14 4 9-5 16 3 11-2 13 5 15-6 8 4 14-3 12 4 16-5 9 3 13-2 11 5 15-4 10 3 12-5 14 4 9-2 16 5 11-6 13 4 10-2 15 3 12-4 9 5 14-3 16 2 11-5 13 4 10-3 12 5 15-4 9 2 13 3V14Z'/%3E%3C/svg%3E") 0 0 / 600px 14px repeat-x;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 14' preserveAspectRatio='none'%3E%3Cpath d='M0 14V8l12-3 9 4 14-6 10 5 16-4 8 3 15-5 11 6 13-3 9 2 17-6 12 5 10-3 14 4 9-5 16 3 11-2 13 5 15-6 8 4 14-3 12 4 16-5 9 3 13-2 11 5 15-4 10 3 12-5 14 4 9-2 16 5 11-6 13 4 10-2 15 3 12-4 9 5 14-3 16 2 11-5 13 4 10-3 12 5 15-4 9 2 13 3V14Z'/%3E%3C/svg%3E") 0 0 / 600px 14px repeat-x;
}

/* notice + browse bar: a stitched ribbon of paper */
body[data-theme="scrapbook"] .notice { background: var(--tamarind); }
body[data-theme="scrapbook"] .browse { background: color-mix(in srgb, var(--linen) 92%, #fff); border-bottom: 0; box-shadow: 0 1px 0 var(--line), 0 6px 18px -12px rgba(40,11,15,.35); }
body[data-theme="scrapbook"] .browse::after { content: ''; position: absolute; left: 0; right: 0; bottom: 5px; border-bottom: 1px dashed rgba(123,105,78,.55); pointer-events: none; }
body[data-theme="scrapbook"] .browse a.on { color: var(--rubine); }

/* washi tape */
body[data-theme="scrapbook"] .tape { display: block; position: absolute; z-index: 4; top: -12px; left: 50%; width: 92px; height: 26px; margin-left: -46px;
  background: color-mix(in srgb, var(--camel) 70%, #fff); opacity: .82; transform: rotate(-4deg);
  clip-path: polygon(0 8%, 4% 0, 8% 10%, 12% 0, 16% 8%, 20% 0, 80% 0, 84% 10%, 88% 0, 92% 8%, 96% 0, 100% 10%, 100% 92%, 96% 100%, 92% 90%, 88% 100%, 84% 92%, 80% 100%, 20% 100%, 16% 90%, 12% 100%, 8% 92%, 4% 100%, 0 90%);
  box-shadow: 0 1px 2px rgba(40,11,15,.12); }
body[data-theme="scrapbook"] .card:nth-child(3n+2) .tape { transform: rotate(5deg); background: color-mix(in srgb, var(--rubine) 30%, #f3e6dc); }
body[data-theme="scrapbook"] .card:nth-child(3n) .tape { transform: rotate(-8deg); left: 30%; }

/* specimen cards */
body[data-theme="scrapbook"] .tile { background: var(--card); border-radius: 3px; overflow: visible; box-shadow: 0 1px 0 rgba(123,105,78,.25), 0 12px 24px -16px rgba(40,11,15,.55); outline: 1px solid rgba(123,105,78,.18); outline-offset: -9px; }
body[data-theme="scrapbook"] .tone-white .tile { background: var(--card); }
body[data-theme="scrapbook"] .tile img { width: 72%; height: 72%; }
body[data-theme="scrapbook"] .tile img.photo { width: calc(100% - 18px); height: calc(100% - 18px); }
body[data-theme="scrapbook"] .card:nth-child(4n+1) .tile { transform: rotate(-1.4deg); }
body[data-theme="scrapbook"] .card:nth-child(4n+2) .tile { transform: rotate(1deg); }
body[data-theme="scrapbook"] .card:nth-child(4n+3) .tile { transform: rotate(-.6deg); }
body[data-theme="scrapbook"] .card:nth-child(4n) .tile { transform: rotate(1.5deg); }
body[data-theme="scrapbook"] .card:hover .tile, body[data-theme="scrapbook"] .featured:hover .tile { transform: rotate(0) translateY(-6px); box-shadow: 0 1px 0 rgba(123,105,78,.25), 0 26px 40px -22px rgba(40,11,15,.6); }
body[data-theme="scrapbook"] .no { display: block; position: absolute; left: 16px; top: 14px; z-index: 3; font: 400 12px/1 var(--f-type); color: var(--boho); letter-spacing: .04em; }
body[data-theme="scrapbook"] .arrow { border-color: rgba(40,11,15,.45); background: rgba(253,249,242,.85); }
body[data-theme="scrapbook"] .card h3 { margin-top: 20px; }
body[data-theme="scrapbook"] .label, body[data-theme="scrapbook"] .card .label { font-family: var(--f-type); font-weight: 400; letter-spacing: .08em; text-transform: none; font-size: 13px; color: var(--rubine); }
body[data-theme="scrapbook"] .featured .tile { transform: rotate(-.8deg); }
body[data-theme="scrapbook"] .featured-txt { position: relative; background: var(--card); padding: 30px 26px; box-shadow: 0 12px 24px -16px rgba(40,11,15,.5); transform: rotate(1.2deg); }
body[data-theme="scrapbook"] .featured-txt::before { content: ''; position: absolute; top: -10px; left: 50%; width: 70px; height: 22px; margin-left: -35px; background: color-mix(in srgb, var(--rubine) 30%, #f3e6dc); opacity: .85; transform: rotate(3deg); }
body[data-theme="scrapbook"] .sec-sub { font-family: var(--f-type); font-weight: 400; font-size: 15px; color: var(--boho); }
body[data-theme="scrapbook"] .hx .s { font-style: italic; }

/* hero collage: mounted print + polaroid */
body[data-theme="scrapbook"] .hero { overflow: hidden; padding-bottom: clamp(80px, 9vw, 120px); }
body[data-theme="scrapbook"] .collage { max-width: 880px; }
body[data-theme="scrapbook"] .collage .big-wrap { background: var(--card); padding: 12px; transform: rotate(-1.2deg); box-shadow: 0 28px 50px -30px rgba(40,11,15,.65); }
body[data-theme="scrapbook"] .collage .big { border-radius: 0; box-shadow: none; }
body[data-theme="scrapbook"] .collage .small-wrap { background: #fffdf8; padding: 10px 10px 44px; transform: rotate(-5deg); box-shadow: 0 20px 36px -18px rgba(40,11,15,.6); width: 24%; left: -1%; top: -18px; }
body[data-theme="scrapbook"] .collage .small { border: 0; border-radius: 0; box-shadow: none; }
body[data-theme="scrapbook"] .collage figcaption { display: block; position: absolute; left: 0; right: 0; bottom: 6px; text-align: center; font: 400 30px/1 var(--f-script); color: var(--rubine); }
body[data-theme="scrapbook"] .hero-h em { color: var(--rubine); }
body[data-theme="scrapbook"] .fine-caps { font-family: var(--f-type); text-transform: none; letter-spacing: .02em; font-size: 12px; }

/* intro: taped portrait */
body[data-theme="scrapbook"] .intro-photo { background: var(--card); padding: 12px; transform: rotate(1.4deg); box-shadow: 0 24px 44px -26px rgba(40,11,15,.6); }
body[data-theme="scrapbook"] .intro-name { z-index: 5; color: var(--roast); }
body[data-theme="scrapbook"] .stack span:nth-child(odd) { color: var(--rubine); }

/* promo: journal page with a taped print */
body[data-theme="scrapbook"] .promo-media { position: relative; }
body[data-theme="scrapbook"] .promo-media img { border-radius: 0; background: var(--card); padding: 12px; transform: rotate(2deg); box-shadow: 0 24px 44px -26px rgba(40,11,15,.6); }
body[data-theme="scrapbook"] .promo-list li { font-family: var(--f-type); font-weight: 400; letter-spacing: .02em; text-transform: none; font-size: 13px; background: var(--card); border-radius: 2px; box-shadow: 0 2px 6px -3px rgba(40,11,15,.3); }
body[data-theme="scrapbook"] .promo-list li:nth-child(odd) { transform: rotate(-2deg); } body[data-theme="scrapbook"] .promo-list li:nth-child(even) { transform: rotate(1.5deg); }

/* obsession band: cinematic moment inside the book */
body[data-theme="scrapbook"] .obsess { background: var(--roast); }
body[data-theme="scrapbook"] .obsess .label { font-family: var(--f-type); font-size: 15px; color: #f3e6dc; }

/* instagram: polaroids on rubine */
body[data-theme="scrapbook"] .ig { background: var(--rubine); }
body[data-theme="scrapbook"] .ig-row a { background: #fffdf8; padding: 9px 9px 30px; border-radius: 1px; aspect-ratio: auto; box-shadow: 0 16px 30px -18px rgba(0,0,0,.7); }
body[data-theme="scrapbook"] .ig-row a img { aspect-ratio: 1; height: auto; }
body[data-theme="scrapbook"] .ig-row a:nth-child(odd) { transform: rotate(-2.2deg); } body[data-theme="scrapbook"] .ig-row a:nth-child(even) { transform: rotate(1.8deg); }
body[data-theme="scrapbook"] .ig-tag { background: var(--linen); font-family: var(--f-type); font-weight: 400; letter-spacing: .1em; }
body[data-theme="scrapbook"] .disclosure { background: var(--linen); }
body[data-theme="scrapbook"] .foot { background: var(--tamarind); }

/* cut-out placements (set per section in the data file: deco: [[image, class]]) */
.deco.hero-lace { left: -4%; right: -4%; width: 108%; bottom: 40px; opacity: .92; z-index: 1; }
.deco.hero-ribbon { width: clamp(120px, 14vw, 210px); right: calc(50% - 470px); top: 190px; z-index: 4; transform: rotate(12deg); }
.deco.hero-petals { width: clamp(260px, 30vw, 460px); left: -60px; bottom: 120px; z-index: 3; }
.deco.hero-crystal { width: clamp(110px, 12vw, 180px); right: calc(50% - 560px); bottom: 150px; z-index: 3; }
.deco.hero-botanicals { width: clamp(150px, 16vw, 250px); left: calc(50% - 560px); top: 150px; z-index: 1; transform: rotate(-18deg); }
.deco.intro-leopard { width: clamp(180px, 20vw, 300px); left: calc(50% - 540px); bottom: 40px; z-index: 1; transform: rotate(-14deg); }
.deco.intro-pearls { width: clamp(220px, 26vw, 400px); right: -40px; bottom: 10px; z-index: 1; }
.deco.edit-petals-r { width: clamp(180px, 20vw, 320px); right: -70px; top: 30px; transform: rotate(160deg); opacity: .95; }
.deco.edit-botanicals-l { width: clamp(120px, 12vw, 190px); left: -30px; bottom: 30px; transform: rotate(10deg); }
.deco.edit-crystal-r { width: clamp(90px, 9vw, 140px); right: 4%; top: 40px; transform: rotate(6deg); }
.deco.promo-lace { left: 0; right: 0; width: 100%; top: -30px; opacity: .9; z-index: 4; }
.deco.promo-ribbon { width: clamp(110px, 12vw, 180px); right: calc(50% - 480px); top: 40px; z-index: 5; transform: rotate(-10deg); }
.deco.obsess-crystal { width: clamp(110px, 12vw, 180px); right: 6%; bottom: 30px; z-index: 1; opacity: .95; }
.deco.obsess-petals { width: clamp(240px, 26vw, 400px); left: -60px; bottom: -30px; z-index: 1; opacity: .9; }
.deco.edit-leopard-l { width: clamp(150px, 16vw, 240px); left: -50px; top: 60px; transform: rotate(-20deg); }
.deco.edit-pearls-b { width: clamp(220px, 24vw, 380px); right: 2%; bottom: 10px; }

/* =====================================================================
   CINEMATIC (other categories)
   ===================================================================== */
body[data-theme="cinematic"] {
  --paper: var(--roast); --stone: var(--tamarind); --card: color-mix(in srgb, var(--camel) 45%, #fbf5ea);
  --ink: #f1e7da; --muted: rgba(241, 231, 218, .72); --line: rgba(198, 179, 154, .22);
  --accent: var(--camel); --tint: color-mix(in srgb, var(--rubine) 45%, var(--roast));
  background: var(--roast); color: var(--ink);
}
body[data-theme="cinematic"] .hero { background: radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--rubine) 40%, var(--roast)), var(--roast) 70%); }
body[data-theme="cinematic"] .hero-h em { color: var(--camel); }
body[data-theme="cinematic"] .collage .big { box-shadow: 0 40px 80px -30px rgba(0,0,0,.9); }
body[data-theme="cinematic"] .collage .small { border-color: var(--roast); }
body[data-theme="cinematic"] .intro, body[data-theme="cinematic"] .tone-white { background: color-mix(in srgb, var(--tamarind) 60%, var(--roast)); }
body[data-theme="cinematic"] .tone-paper { background: var(--roast); }
body[data-theme="cinematic"] .tone-stone { background: var(--tamarind); }
body[data-theme="cinematic"] .tone-tint, body[data-theme="cinematic"] .promo { background: var(--tint); }
body[data-theme="cinematic"] .tile, body[data-theme="cinematic"] .tone-white .tile { background: var(--card); }
body[data-theme="cinematic"] .note-card { background: color-mix(in srgb, var(--roast) 70%, #000); border: 1px solid var(--line); }
body[data-theme="cinematic"] .browse { background: color-mix(in srgb, var(--roast) 92%, #000); }
body[data-theme="cinematic"] .browse a.on, body[data-theme="cinematic"] .browse a:hover { color: var(--camel); }
body[data-theme="cinematic"] .browse .home { color: var(--camel); }
body[data-theme="cinematic"] .ghost-tile { border-color: rgba(198,179,154,.35); color: var(--camel); }
body[data-theme="cinematic"] .sec-sub code { background: rgba(198,179,154,.12); color: var(--camel); }
body[data-theme="cinematic"] .ig { background: var(--rubine); }
body[data-theme="cinematic"] .ig-tag { background: var(--camel); color: var(--roast); }
body[data-theme="cinematic"] .disclosure { background: var(--tamarind); color: var(--muted); }
body[data-theme="cinematic"] .foot { background: #1c0709; }
body[data-theme="cinematic"] .notice { background: #1c0709; }

@media (max-width: 900px) {
  .deco.hero-crystal, .deco.hero-botanicals, .deco.edit-crystal-r, .deco.promo-ribbon, .deco.intro-pearls { display: none; }
  .deco.hero-ribbon { right: -10px; top: 170px; width: 110px; }
  .deco.hero-petals { width: 220px; left: -50px; bottom: 90px; }
  .deco.intro-leopard { left: -40px; width: 160px; }
  .deco.edit-petals-r { width: 150px; right: -60px; }
  .deco.edit-leopard-l { width: 120px; left: -50px; }
}
@media (max-width: 520px) {
  body[data-theme="scrapbook"] .collage .small-wrap { width: 32%; padding: 6px 6px 30px; }
  body[data-theme="scrapbook"] .collage figcaption { font-size: 22px; }
  body[data-theme="scrapbook"] .tape { width: 70px; margin-left: -35px; height: 22px; }
}
body[data-theme] .intro, body[data-theme] .edit, body[data-theme] .promo, body[data-theme] .obsess, body[data-theme] .soon { overflow-x: clip; }

/* placement pass 2: lace as a repeating trim; cut-outs kept in the margins, clear of text */
.lace-strip { left: 0; right: 0; height: 74px; background: url('assets/el/lace.webp') 0 50% / auto 100% repeat-x; filter: drop-shadow(0 3px 4px rgba(40,11,15,.18)); }
.deco.hero-lace { top: auto; bottom: -8px; width: auto; opacity: 1; z-index: 3; }
.deco.promo-lace { top: -30px; width: auto; opacity: 1; z-index: 4; }
.deco.hero-ribbon { top: 250px; right: calc(50% - 480px); width: clamp(110px, 11vw, 170px); }
.deco.hero-petals { width: clamp(220px, 22vw, 340px); left: -70px; bottom: 50px; top: auto; }
.deco.hero-crystal { width: clamp(100px, 10vw, 150px); right: calc(50% - 650px); bottom: 70px; }
.deco.hero-botanicals { left: calc(50% - 600px); top: 130px; }
.deco.promo-ribbon { top: 110px; right: calc(50% - 520px); }
body[data-theme="scrapbook"] .promo { padding-top: clamp(90px, 9vw, 120px); }
body[data-theme="scrapbook"] .hero { padding-bottom: clamp(110px, 11vw, 150px); }
@media (max-width: 1200px) { .deco.hero-crystal { display: none; } }
@media (max-width: 900px) {
  .lace-strip { height: 52px; }
  .deco.hero-petals { width: 170px; left: -60px; bottom: 40px; }
  .deco.hero-ribbon { top: 200px; right: -14px; width: 96px; }
}
@media (max-width: 900px) {
  .deco:not(.lace-strip) { z-index: 1 !important; }
  .deco.hero-petals { width: 120px; left: -46px; bottom: 60px; }
  .deco.intro-leopard { width: 110px; left: -40px; top: 30px; bottom: auto; }
  .deco.edit-petals-r { width: 110px; right: -44px; top: -6px; }
  .deco.edit-botanicals-l { width: 90px; left: -34px; }
  .deco.edit-leopard-l { width: 96px; left: -44px; top: 20px; }
  .deco.obsess-petals { width: 170px; }
  .deco.obsess-crystal { width: 84px; right: 3%; }
  .deco.edit-pearls-b { width: 180px; right: -30px; bottom: 0; }
}
.obsess .wrap { position: relative; z-index: 2; }
@media (max-width: 900px) {
  .deco.intro-leopard { top: 360px; }
  .deco.edit-leopard-l { top: 190px; }
  .deco.obsess-crystal { bottom: 6px; width: 70px; }
}
body[data-theme="cinematic"] .arrow { background: rgba(40,11,15,.72); border-color: rgba(198,179,154,.6); } body[data-theme="cinematic"] .arrow svg { stroke: var(--camel); } body[data-theme="cinematic"] .card:hover .arrow svg, body[data-theme="cinematic"] .featured:hover .arrow svg { stroke: #fff; }

/* ===== round 3 (2026-09-28): black lace swatches, new cut-outs, big cinematic banners ===== */
body[data-accent="hair"] { --accent: var(--rubine); }
/* black lace swatch replaces the washi tape on every card and photo */
body[data-theme="scrapbook"] .tape, body[data-theme="scrapbook"] .card:nth-child(3n+2) .tape, body[data-theme="scrapbook"] .card:nth-child(3n) .tape {
  clip-path: none; background: url('assets/el/blacklace.webp') center / contain no-repeat; opacity: 1; box-shadow: none;
  width: 104px; height: 60px; margin-left: -52px; left: 50%; top: -26px; filter: drop-shadow(0 2px 2px rgba(40,11,15,.25)); }
body[data-theme="scrapbook"] .card:nth-child(3n+2) .tape { transform: rotate(6deg) scaleX(-1); }
body[data-theme="scrapbook"] .card:nth-child(3n) .tape { transform: rotate(-9deg); left: 34%; }
body[data-theme="scrapbook"] .card:nth-child(3n+1) .tape { transform: rotate(-3deg); }
body[data-theme="scrapbook"] .featured-txt::before { background: url('assets/el/blacklace.webp') center / contain no-repeat; width: 96px; height: 52px; margin-left: -48px; top: -24px; opacity: 1; }
body[data-theme="scrapbook"] .collage .tape { width: 130px; height: 72px; margin-left: -65px; top: -30px; }
body[data-theme="scrapbook"] .intro-photo .tape { width: 130px; height: 72px; margin-left: -65px; top: -30px; }

/* big cinematic banner (My Makeup Favorites, Glamour Masterclasses) */
.obsess-big { min-height: min(92vh, 860px); display: grid; place-items: center; padding: clamp(90px, 10vw, 140px) 0; }
.obsess-big .obsess-bg { opacity: .85; background-position: center 55%; }
.obsess-big::after { background: radial-gradient(ellipse at 50% 55%, rgba(40,11,15,.25), rgba(40,11,15,.78) 78%), linear-gradient(180deg, rgba(40,11,15,.7) 0%, transparent 25%, transparent 70%, rgba(40,11,15,.85) 100%) !important; }
body[data-theme] .obsess-big h2 { font-size: clamp(56px, 8.4vw, 124px); }
.obsess .pill.ghost { background: rgba(251,245,234,.92); color: var(--rubine); }

/* five-minute routine row */
.grid[style*="--cols:5"] { gap: 22px 18px; }
@media (max-width: 1100px) { .grid[style*="--cols:5"] { --cols: 3 !important; } }

/* cut-out placements (round 3) */
.deco.hero-mirror { width: clamp(100px, 10vw, 150px); left: calc(50% - 610px); top: 140px; z-index: 1; transform: rotate(-16deg); }
.deco.hero-rose { width: clamp(90px, 8vw, 120px); left: 50%; margin-left: -55px; top: 18px; z-index: 1; opacity: .75; }
.deco.intro-bow { width: clamp(90px, 8vw, 130px); left: calc(50% - 470px); top: 60px; z-index: 6; transform: rotate(-12deg); }
.deco.ob-compact { width: clamp(120px, 12vw, 190px); right: 6%; bottom: 40px; z-index: 1; transform: rotate(10deg); }
.deco.ob-bow { width: clamp(110px, 10vw, 160px); left: 6%; top: 60px; z-index: 1; transform: rotate(-14deg); }
.deco.edit-lipstick-r { width: clamp(70px, 6vw, 100px); right: 3%; top: 60px; transform: rotate(18deg); }
.deco.edit-mirror-l { width: clamp(80px, 7vw, 110px); left: 2%; top: 42%; transform: rotate(-12deg); }
.deco.edit-rose-r { width: clamp(90px, 8vw, 130px); right: 2%; bottom: 80px; opacity: .8; }
body[data-theme="scrapbook"] .hero { padding-top: clamp(80px, 8vw, 110px); }
@media (max-width: 1200px) { .deco.hero-mirror, .deco.edit-mirror-l { display: none; } }
@media (max-width: 900px) {
  .deco.hero-rose { width: 70px; margin-left: -35px; top: 8px; }
  .deco.intro-bow { width: 80px; left: 2%; top: 10px; }
  .deco.ob-compact { width: 90px; right: 2%; bottom: 14px; }
  .deco.ob-bow { width: 80px; left: 2%; top: 20px; }
  .deco.edit-lipstick-r { width: 56px; right: 1%; top: 14px; }
  .deco.edit-rose-r { display: none; }
  .obsess-big { min-height: 0; }
}
/* round 3 fixes */
.deco.hero-rose { left: calc(50% + 330px); margin-left: 0; top: 40px; width: clamp(80px, 7vw, 110px); transform: rotate(14deg); }
.deco.hero-ribbon { top: 310px; }
.deco.intro-bow { left: calc(50% - 150px); top: 80px; transform: rotate(14deg); }
.deco.edit-pearls-b { bottom: -30px; right: -70px; width: clamp(200px, 20vw, 300px); }
body[data-theme] .kicker { margin-bottom: 30px; }
body[data-theme] .browse .home { font-size: 22px; flex-shrink: 0; padding-right: 4px; }
@media (max-width: 900px) {
  .deco.hero-rose { left: auto; right: 4px; top: 10px; width: 60px; }
  .deco.intro-bow { left: auto; right: 8%; top: 70px; width: 70px; }
  .deco.edit-pearls-b { width: 150px; right: -50px; bottom: -20px; }
}
body[data-theme] .hx .s { margin-top: .3em; }
@media (max-width: 900px) {
  body[data-theme="scrapbook"] .tape, body[data-theme="scrapbook"] .card:nth-child(3n+2) .tape, body[data-theme="scrapbook"] .card:nth-child(3n) .tape { width: 70px; height: 40px; margin-left: -35px; top: -18px; }
  body[data-theme="scrapbook"] .collage .tape, body[data-theme="scrapbook"] .intro-photo .tape { width: 84px; height: 46px; margin-left: -42px; top: -20px; }
  body[data-theme="scrapbook"] .grid { row-gap: 44px; }
  body[data-theme] .obsess-big h2 { font-size: clamp(40px, 11vw, 60px); }
  body[data-theme] .obsess h2 { font-size: clamp(40px, 11vw, 60px); }
  .deco.intro-bow { top: 360px; right: 3%; }
}
body[data-theme="scrapbook"] .collage .small-wrap .tape { left: 78%; transform: rotate(18deg); }
.browse .wrap { gap: 18px; } body[data-theme] .browse .home { font-size: 21px; } @media (max-width: 1260px) { body[data-theme] .browse .home { display: none; } }