/* PearlFlux skin. Cream field, clay shapes, multicolor motion on every public page.
   Thumbnails stay clean: no category, title, number, or badge is painted on the photo.
   Those labels live under the image. Photos use object-fit:contain so the full picture shows. */
body.pg-page{
  --dc-ink:#2c241c;
  --dc-muted:#8d7f72;
  --dc-line:rgba(255,255,255,.9);
  --dc-card:#fffdfb;
  --dc-pink:#e07a68;
  --dc-pink-2:#f0a090;
  --dc-mint:#7dceb0;
  --dc-grad:linear-gradient(100deg,#f3a894 0%,#ef8d78 100%);
  --dc-shadow:0 24px 50px -34px rgba(90,50,30,.45);
  --pg-ink:var(--dc-ink);
  --pg-muted:var(--dc-muted);
  --pg-line:rgba(210,180,160,.45);
  --pg-card:#fffdfb;
  --pg-grad:var(--dc-grad);
  --pg-shadow:var(--dc-shadow);
  --text:var(--dc-ink);
  --muted:var(--dc-muted);
  --blue:#3d9b78;
  --purple:#8b74b5;
  --pink:#e07a68;
  --border:rgba(90,50,30,.08);
  --surface:#fffdfb;
  color:var(--dc-ink);
  font-family:"Nunito",var(--font),system-ui,sans-serif;
  font-size:15.5px;
  background-color:#f6f1ea;
  background-image:
    radial-gradient(720px 460px at 6% 4%, rgba(247,199,184,.85), transparent 68%),
    radial-gradient(560px 400px at 96% 0%, rgba(201,182,228,.55), transparent 64%),
    radial-gradient(520px 380px at 88% 32%, rgba(183,234,212,.7), transparent 62%),
    radial-gradient(480px 360px at 4% 70%, rgba(246,227,161,.55), transparent 64%),
    radial-gradient(640px 420px at 98% 92%, rgba(185,212,239,.5), transparent 66%),
    linear-gradient(180deg,#fbf7f2 0%,#f6f1ea 48%,#f3eee8 100%);
  background-size:150% 150%;
  background-attachment:fixed;
  animation:pg-mesh 32s ease-in-out infinite;
}
html[data-theme=dark] body.pg-page{
  --dc-ink:#f6efe6;
  --dc-muted:#cbbbaa;
  --dc-card:rgba(38,30,24,.9);
  --dc-line:rgba(255,220,190,.16);
  --pg-ink:var(--dc-ink);
  --pg-muted:var(--dc-muted);
  --pg-card:var(--dc-card);
  --text:var(--dc-ink);
  --muted:var(--dc-muted);
  --surface:#261e18;
  --border:rgba(255,220,190,.14);
  background-color:#16110e;
  background-image:
    radial-gradient(640px 380px at 0% 0%, rgba(224,122,104,.28), transparent 62%),
    radial-gradient(520px 320px at 100% 0%, rgba(139,116,181,.22), transparent 60%),
    radial-gradient(480px 320px at 100% 100%, rgba(61,155,120,.18), transparent 58%),
    linear-gradient(180deg,#1c1612,#16110e 50%,#201812);
}
body.pg-page .site-header,
body.pg-page main,
body.pg-page .site-footer{position:relative;z-index:1}
body.pg-page h1,body.pg-page h2,body.pg-page h3,body.pg-page .big404{
  font-family:"Fraunces",Georgia,"Times New Roman",serif;
  font-optical-sizing:auto;
}

/* Playful sky — clay blobs, stars, hearts, aurora. Delays are random per view. */
.pg-sky{position:fixed;inset:-10vh;z-index:0;pointer-events:none;overflow:hidden;translate:calc(var(--mx,0px) * .6) calc(var(--my,0px) * .48)}
.aurora{position:absolute;border-radius:50%;filter:blur(28px);opacity:.55;animation:pg-drift 22s ease-in-out infinite}
.a1{width:420px;height:280px;left:-80px;top:8%;background:linear-gradient(120deg,#f7c7b8,#f6e3a1);animation-duration:26s}
.a2{width:360px;height:260px;right:-60px;top:18%;background:linear-gradient(140deg,#c9b6e4,#b9d4ef);animation-duration:20s;animation-delay:-6s}
.a3{width:380px;height:240px;left:30%;bottom:-40px;background:linear-gradient(90deg,#b7ead4,#f6e3a1);animation-duration:24s;animation-delay:-3s}
.clay{
  position:absolute;border-radius:46% 54% 62% 38% / 42% 38% 62% 58%;
  background:radial-gradient(circle at 32% 28%, #fff 0 12%, var(--c1,#f7c7b8) 36%, var(--c2,#ef8d78) 78%);
  box-shadow:inset -10px -14px 20px rgba(80,40,20,.08), inset 8px 10px 16px rgba(255,255,255,.7), 0 16px 28px -20px rgba(80,40,20,.35);
  animation:pg-float 18s ease-in-out infinite, pf-morph 14s ease-in-out infinite;
}
.n1{width:180px;height:150px;left:-40px;top:80px;--c1:#f7c7b8;--c2:#f0a090}
.n2{width:70px;height:64px;left:16%;top:140px;--c1:#f6e3a1;--c2:#e7c56a;animation-duration:13s}
.n3{width:210px;height:170px;right:-70px;top:-30px;--c1:#d7c6f0;--c2:#b9a4de;animation-duration:22s}
.n4{width:54px;height:50px;right:16%;top:200px;--c1:#b7ead4;--c2:#7dceb0;animation-duration:12s}
.n5{width:120px;height:100px;left:44%;top:-20px;--c1:#f8d0c4;--c2:#e7a090}
.n6{width:160px;height:140px;left:-50px;top:48%;--c1:#c9e7d8;--c2:#8ed9b8;animation-duration:24s}
.n7{width:88px;height:78px;right:8%;top:44%;--c1:#f6c7d4;--c2:#e7a0b8}
.n8{width:200px;height:160px;right:-40px;bottom:6%;--c1:#f6e3a1;--c2:#f0c36a;animation-duration:21s}
.n9{width:140px;height:120px;left:10%;bottom:-10px;--c1:#b9d4ef;--c2:#8eb6e0}
.n10{width:46px;height:42px;left:36%;bottom:16%;--c1:#fff;--c2:#f7c7b8;animation-duration:11s}
.n11{width:96px;height:84px;right:28%;bottom:14%;--c1:#e7d4f7;--c2:#c9b6e4}
.n12{width:110px;height:96px;left:58%;top:36%;--c1:#d8f5e6;--c2:#9ee0c4;animation-duration:16s}
.star,.heart{
  position:absolute;width:22px;height:22px;animation:pg-twinkle 3.2s ease-in-out infinite;
  background:#f6e3a1;box-shadow:0 8px 16px -10px rgba(180,120,40,.6);
}
.star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.heart,.bit.heart{background:none;box-shadow:none;clip-path:none;color:#f3a894;font-size:20px;line-height:1;width:auto;height:auto}
.heart::before,.bit.heart::before{content:"♥"}
.st1{left:22%;top:16%}.st2{right:20%;top:10%;animation-delay:-.8s;background:#fff}
.st3{left:68%;bottom:22%;animation-delay:-1.4s;background:#b7ead4}
.st4{left:12%;top:42%;animation-delay:-1.8s}
.ht1{right:10%;bottom:34%;animation-delay:-.6s}
.ht2{left:40%;top:64%;animation-delay:-1.2s;background:#e7a0b8}
.pg-ring{position:absolute;border-radius:50%;border:1.5px dashed rgba(255,255,255,.7);animation:pg-spin 28s linear infinite}
.r1{width:180px;height:180px;left:8%;bottom:16%}
.r2{width:70px;height:70px;right:18%;top:28%;animation-duration:16s;animation-direction:reverse}
.pg-sky .mesh{position:absolute;inset:0;opacity:.28;background-image:radial-gradient(circle, rgba(255,255,255,.95) 0 1px, transparent 1.5px);background-size:72px 72px;animation:pg-dots 40s linear infinite}
html[data-theme=dark] .clay,html[data-theme=dark] .aurora{opacity:.4}
html[data-theme=dark] .pg-sky .mesh{opacity:.1}

/* Header — floating cream pill */
body.pg-page .pg-header{background:linear-gradient(180deg,rgba(246,241,234,.88),rgba(246,241,234,0));border:0}
html[data-theme=dark] body.pg-page .pg-header{background:linear-gradient(180deg,rgba(22,17,14,.86),rgba(22,17,14,0))}
body.pg-page .pg-nav{
  width:min(1120px,calc(100% - 28px));height:68px;margin:16px auto 0;padding:0 10px 0 18px;
  background:rgba(255,253,251,.94);border:1px solid rgba(255,255,255,.95);border-radius:999px;
  box-shadow:0 16px 40px -28px rgba(90,50,30,.55);
  animation:pg-drop .7s cubic-bezier(.22,1,.36,1) both;
}
html[data-theme=dark] body.pg-page .pg-nav{background:rgba(38,30,24,.92);border-color:rgba(255,220,190,.14)}
body.pg-page .brand{font-weight:800;letter-spacing:-.03em;gap:8px;color:var(--dc-ink)}
body.pg-page .brand-mark{width:32px;height:32px;border-radius:12px;border:0;background:#fff;box-shadow:0 8px 16px -12px rgba(90,50,30,.55)}
body.pg-page .menu>a,body.pg-page .nav-drop>a{color:#6f6156;font-weight:800;font-size:14px;background:transparent;border-radius:999px}
body.pg-page .menu>a:hover,body.pg-page .nav-drop>a:hover,body.pg-page .menu>a.on,body.pg-page .nav-drop>a.on{background:#fff4ee;color:#c45b48}
body.pg-page .menu>a.on::after,body.pg-page .nav-drop>a.on::after{display:none}
html[data-theme=dark] body.pg-page .menu>a,html[data-theme=dark] body.pg-page .nav-drop>a{color:#f6efe6}
html[data-theme=dark] body.pg-page .menu>a.on,html[data-theme=dark] body.pg-page .menu>a:hover{background:rgba(240,160,140,.16);color:#fff}
body.pg-page .nav-search{height:38px;border-radius:999px;background:#fbf7f2;border:1px solid rgba(90,50,30,.08)}
html[data-theme=dark] body.pg-page .nav-search{background:rgba(22,17,14,.7);border-color:rgba(255,220,190,.16)}
body.pg-page .desk-search input{width:140px}
body.pg-page .icon-btn{width:38px;height:38px;border-radius:999px;background:#fff;border:1px solid rgba(90,50,30,.08);color:#6f6156}
html[data-theme=dark] body.pg-page .icon-btn{background:#2a221c;color:#fff}
body.pg-page .pg-go{
  height:40px;padding:0 16px;border:0;border-radius:999px;color:#3a1d16;font-weight:800;
  background:linear-gradient(100deg,#f6b199,#ef8d78);box-shadow:0 12px 22px -14px #e07a68;position:relative;overflow:hidden;
}
body.pg-page .pg-go::after,body.pg-page .pf-gen::after,body.pg-page .pg-news button::after{
  content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55),transparent 70%);
  translate:-120% 0;animation:pg-sheen 3.8s ease-in-out infinite;pointer-events:none;
}
body.pg-page .pg-go:hover{filter:brightness(1.04);translate:0 -1px}
body.pg-page .nav-drop-panel,body.pg-page .suggest-box{
  background:rgba(255,253,251,.98);border:1px solid #f0e4da;border-radius:18px;box-shadow:var(--dc-shadow);
}
html[data-theme=dark] body.pg-page .nav-drop-panel,html[data-theme=dark] body.pg-page .suggest-box{background:#261e18}

/* Hero */
.pf-hero{padding:34px 0 6px}
.pf-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.86fr);gap:28px;align-items:center}
.pf-pill{
  display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;padding:6px 12px;border-radius:999px;
  background:#fff;color:#c45b48;font-size:13px;font-weight:800;box-shadow:0 10px 22px -16px rgba(90,50,30,.5);
}
.pf-copy h1{margin:0 0 12px;font-size:clamp(44px,5.4vw,72px);line-height:.98;letter-spacing:-.035em;font-weight:560;color:#2c241c;max-width:11em}
.pf-em,.dc-em{
  font-style:italic;font-weight:560;
  background:linear-gradient(100deg,#e07a68 0%,#d489b0 42%,#3d9b78 100%);
  background-size:180% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:pf-shimmer 7s ease-in-out infinite;
}
.pf-lead{margin:0 0 18px;max-width:46ch;color:#7d6e62;font-size:16px;line-height:1.6}
.pf-search{
  display:flex;align-items:center;gap:8px;max-width:560px;padding:6px 6px 6px 14px;border-radius:999px;
  background:#fff;border:1px solid rgba(255,255,255,.9);box-shadow:0 16px 36px -24px rgba(90,50,30,.55);
}
.pf-search .ic{width:18px;height:18px;color:#b3a396;flex:none}
.pf-search input{flex:1;min-width:0;border:0;background:transparent;outline:none;font:inherit;color:var(--dc-ink);padding:10px 0}
.pf-gen{
  position:relative;overflow:hidden;border:0;border-radius:999px;background:#8ed9b8;color:#14382c;
  font-weight:800;padding:12px 16px;cursor:pointer;white-space:nowrap;
}
.pf-gen:hover{filter:brightness(1.04);translate:0 -1px}
.pf-try{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 0;color:#8d7f72;font-size:13px;font-weight:700}
.pf-try a{padding:6px 10px;border-radius:999px;background:rgba(255,253,251,.8);color:#5c4e44;text-decoration:none;border:1px solid rgba(255,255,255,.9)}
.pf-try a:hover{background:#fff;color:#c45b48}
html[data-theme=dark] .pf-copy h1{color:#fff}
html[data-theme=dark] .pf-pill,html[data-theme=dark] .pf-search,html[data-theme=dark] .pf-try a{background:#261e18;color:#f6efe6;border-color:rgba(255,220,190,.12)}

/* Clay cluster in the hero */
.clay-stage{position:relative;height:420px;max-width:460px;margin-left:auto}
.bit{position:absolute;display:grid;place-items:center;animation:pg-float 7s ease-in-out infinite}
.bit.frame{width:168px;height:132px;border-radius:28px;background:#fff;box-shadow:0 22px 40px -24px rgba(90,50,30,.45);padding:12px}
.bit.frame svg{width:100%;height:100%}
.bit.frame.a{left:18%;top:18%;rotate:-8deg;animation-duration:8s}
.bit.frame.b{right:6%;top:8%;width:118px;height:108px;rotate:10deg;background:linear-gradient(160deg,#e7d4f7,#f7c7d8);animation-duration:9s;animation-delay:-1s}
.bit.blob{border-radius:46% 54% 60% 40% / 40% 46% 54% 60%;box-shadow:inset -8px -10px 16px rgba(80,40,20,.08), inset 6px 8px 12px #fff}
.bit.blob.p{width:92px;height:64px;left:8%;bottom:28%;background:linear-gradient(140deg,#f8d0c4,#f0a090);animation-duration:6.5s}
.bit.blob.g{width:70px;height:48px;right:18%;bottom:22%;background:linear-gradient(140deg,#d8f5e6,#8ed9b8);animation-delay:-2s}
.bit.blob.y{width:36px;height:28px;left:42%;top:8%;background:#f6e3a1}
.bit.star{width:36px;height:36px;left:58%;top:2%;background:#f6e3a1;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation-duration:4s}
.bit.heart{left:46%;top:46%;animation-duration:5s;font-size:26px}
.bit.chip{width:54px;height:54px;border-radius:18px;background:#fff;box-shadow:0 14px 24px -16px rgba(90,50,30,.4);color:#e07a68}
.bit.chip .ic{width:22px;height:22px}
.bit.chip.search{right:4%;top:42%;background:#f8d0c4;animation-delay:-1.4s}
.bit.chip.share{right:22%;bottom:8%;background:#d8f5e6;color:#1c6b4a;animation-delay:-.6s}
.bit.dot{width:16px;height:16px;border-radius:50%;background:#c9b6e4;left:12%;top:22%}

/* Stats */
.pf-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
.pf-stat{
  background:rgba(255,253,251,.92);border-radius:22px;padding:18px 16px;text-align:center;
  box-shadow:0 16px 34px -28px rgba(90,50,30,.5);border:1px solid rgba(255,255,255,.9);
}
.pf-stat strong{display:block;font-family:"Fraunces",Georgia,serif;font-size:28px;font-weight:560;letter-spacing:-.03em;color:#2c241c}
.pf-stat span{color:var(--dc-muted);font-size:13px;font-weight:700}
.pf-stat:nth-child(1) strong{color:#e07a68}
.pf-stat:nth-child(2) strong{color:#8b74b5}
.pf-stat:nth-child(3) strong{color:#3d9b78}
.pf-stat:nth-child(4) strong{color:#c48a2a}
html[data-theme=dark] .pf-stat{background:#261e18;border-color:rgba(255,220,190,.1)}
html[data-theme=dark] .pf-stat strong{color:#fff}

/* Marquee */
.pf-marquee{overflow:hidden;margin:26px 0 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pf-track{display:flex;gap:10px;width:max-content;animation:pf-marquee 36s linear infinite}
.pf-track span{
  display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;
  background:rgba(255,253,251,.75);color:#6f6156;font-weight:800;font-size:13px;border:1px solid rgba(255,255,255,.8);
}
.pf-track span:nth-child(4n+1){background:#fff4ee}
.pf-track span:nth-child(4n+2){background:#eef8f3}
.pf-track span:nth-child(4n+3){background:#f6f0ff}
.pf-track span:nth-child(4n){background:#fff8e6}

/* Sections */
.pg-home{padding-bottom:12px}
.dc-section,.pg-section{margin-top:56px}
.dc-head,.pg-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 16px}
.dc-kicker,body.pg-page .kicker,body.pg-page .pg-kicker{
  display:inline-block;margin:0 0 6px;font-family:"Nunito",var(--font),sans-serif;font-size:12px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;color:#c45b48;
}
.dc-head h2,.pg-head h2,.dc-head h1,.pg-section h1{margin:0;font-size:clamp(30px,3.6vw,42px);font-weight:560;letter-spacing:-.03em;color:#2c241c}
html[data-theme=dark] .dc-head h2,html[data-theme=dark] .pg-head h2{color:#fff}
.dc-more,.pg-more{color:#c45b48;font-weight:800;text-decoration:none;white-space:nowrap}
.dc-more:hover{letter-spacing:.02em}
.dc-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pf-cat{
  display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;text-decoration:none;color:inherit;
  background:rgba(255,253,251,.94);border:1px solid rgba(255,255,255,.95);
  box-shadow:0 14px 28px -24px rgba(90,50,30,.45);
  transition:translate .4s cubic-bezier(.22,1,.36,1), box-shadow .4s;
}
.pf-cat:hover{translate:0 -4px;box-shadow:0 20px 32px -22px rgba(90,50,30,.4)}
.pf-ico{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-size:18px;flex:none;background:#fff4ee}
.pf-cat strong{display:block;font-size:14.5px;font-weight:800}
.pf-cat small{color:var(--dc-muted);font-size:12px;font-weight:700}
.pf-cat.tone-0 .pf-ico{background:#fff0ea}.pf-cat.tone-1 .pf-ico{background:#f3eefe}
.pf-cat.tone-2 .pf-ico{background:#e8f8f1}.pf-cat.tone-3 .pf-ico{background:#fff6df}
.pf-cat.tone-4 .pf-ico{background:#fde8f1}.pf-cat.tone-5 .pf-ico{background:#e7f2fb}
.pf-cat.tone-6 .pf-ico{background:#f8efe4}.pf-cat.tone-7 .pf-ico{background:#eef8e8}
html[data-theme=dark] .pf-cat{background:#261e18;border-color:rgba(255,220,190,.1)}
.dc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dc-step{
  padding:22px 20px 20px;border-radius:24px;background:rgba(255,253,251,.94);
  border:1px solid rgba(255,255,255,.95);box-shadow:0 16px 32px -26px rgba(90,50,30,.45);
}
.dc-step span{
  display:grid;place-items:center;width:36px;height:36px;border-radius:50%;
  font-family:"Fraunces",Georgia,serif;font-size:18px;font-weight:560;color:#3a1d16;background:#f6e3a1;
}
.dc-step:nth-child(2) span{background:#f7c7b8}
.dc-step:nth-child(3) span{background:#b7ead4}
.dc-step h3{margin:12px 0 6px;font-size:20px;font-family:"Nunito",var(--font),sans-serif;font-weight:800}
.dc-step p{margin:0;color:var(--dc-muted);font-size:14.5px;line-height:1.55}
html[data-theme=dark] .dc-step{background:#261e18}

/* Clean cards. Nothing sits on the photograph. */
body.pg-page .post-grid{gap:16px}
body.pg-page .post-card,body.pg-page .pcard{
  background:rgba(255,253,251,.96);border:1px solid rgba(255,255,255,.95);border-radius:26px;
  box-shadow:var(--dc-shadow);overflow:hidden;display:flex;flex-direction:column;
  transition:translate .45s cubic-bezier(.22,1,.36,1), box-shadow .45s;
}
html[data-theme=dark] body.pg-page .post-card,html[data-theme=dark] body.pg-page .pcard{background:#261e18;border-color:rgba(255,220,190,.1)}
body.pg-page .post-card:nth-child(4n+1):hover{translate:0 -8px;box-shadow:0 28px 46px -26px rgba(224,122,104,.55)}
body.pg-page .post-card:nth-child(4n+2):hover{translate:0 -8px;box-shadow:0 28px 46px -26px rgba(139,116,181,.5)}
body.pg-page .post-card:nth-child(4n+3):hover{translate:0 -8px;box-shadow:0 28px 46px -26px rgba(61,155,120,.5)}
body.pg-page .post-card:nth-child(4n):hover,body.pg-page .pcard:hover{translate:0 -8px;box-shadow:0 28px 46px -26px rgba(196,138,42,.45)}
body.pg-page .pack-shot,body.pg-page .pc-img,body.pg-page .thumb-wrap,body.pg-page .prompt-fig,body.pg-page .post-hero,body.pg-page .pg-portrait-shot{
  position:relative;display:flex;align-items:center;justify-content:center;
  aspect-ratio:auto !important;height:auto !important;overflow:hidden;background:#f4efe8;line-height:0;
}
html[data-theme=dark] body.pg-page .pack-shot,html[data-theme=dark] body.pg-page .pc-img,html[data-theme=dark] body.pg-page .prompt-fig,html[data-theme=dark] body.pg-page .post-hero{background:#1c1612}
body.pg-page .post-card .pack-shot,body.pg-page .pcard .pc-img,body.pg-page .post-card .thumb-wrap{
  margin:10px 10px 0;border-radius:18px;min-height:168px;padding:8px;
}
body.pg-page .pack-shot img,body.pg-page .pc-img img,body.pg-page .thumb-wrap img,body.pg-page .prompt-fig img,body.pg-page .pg-portrait-shot img,body.pg-page .suggest-box img{
  width:auto !important;max-width:100% !important;height:auto !important;max-height:320px !important;
  object-fit:contain !important;object-position:center center !important;display:block;margin:0 auto;background:transparent;
}
body.pg-page .post-hero{margin:0 0 14px;padding:12px;border-radius:28px;background:#fff;box-shadow:var(--dc-shadow)}
body.pg-page .post-hero img{
  width:auto !important;max-width:100% !important;height:auto !important;max-height:min(78vh,880px) !important;
  object-fit:contain !important;object-position:center !important;display:block;margin:0 auto;
}
body.pg-page .card-badge,body.pg-page .shot-label,body.pg-page .num,
body.pg-page .pack-shot .pack-cat,body.pg-page .pc-img .pack-cat,body.pg-page .prompt-fig .num,body.pg-page .thumb-wrap .card-badge,
body.pg-page .pack-shot::before,body.pg-page .pack-shot::after,body.pg-page .pc-img::before,body.pg-page .pc-img::after,
body.pg-page .thumb-wrap::before,body.pg-page .thumb-wrap::after,body.pg-page .prompt-fig::before,body.pg-page .prompt-fig::after,
body.pg-page .post-hero::before,body.pg-page .post-hero::after{display:none !important;content:none !important}
.thumb-ph{display:grid;place-items:center;min-height:180px;color:#e7b2a4;font-size:28px}
.pack-body,.pc-body{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px;min-width:0;flex:1}
.dc-trend{counter-reset:pf}
.dc-trend .post-card{counter-increment:pf}
.dc-trend .pack-kicker::before{
  content:counter(pf);display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;
  background:#f6e3a1;color:#5c4314;font-size:12px;font-weight:800;font-family:"Nunito",sans-serif;
}
.dc-trend .post-card:nth-child(3n+2) .pack-kicker::before{background:#f7c7b8;color:#6a3028}
.dc-trend .post-card:nth-child(3n) .pack-kicker::before{background:#c9e7d8;color:#1c5b40}
.pack-kicker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.pack-cat{
  display:inline-flex;align-items:center;padding:0;border-radius:0;background:transparent !important;
  color:#a08b7c !important;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;
}
.pack-cat:hover{color:#c45b48 !important}
.pack-kicker span,.pack-date{font-size:12px;font-weight:700;color:var(--dc-muted)}
.shot-meta{margin:0 0 16px}
body.pg-page .prism-card-title,body.pg-page .pc-body h2,body.pg-page .pc-body h3{margin:0;font-family:"Nunito",var(--font),sans-serif;font-size:15.5px;line-height:1.35;letter-spacing:-.02em;font-weight:800}
body.pg-page .prism-card-title a,body.pg-page .pc-body h2 a,body.pg-page .pc-body h3 a{color:var(--dc-ink);text-decoration:none}
.pack-blurb,.pc-excerpt{margin:0;color:var(--dc-muted);font-size:13px;line-height:1.45}
body.pg-page .card-actions,body.pg-page .single-actions{display:flex;align-items:center;gap:8px;margin-top:auto}
body.pg-page .card-view,body.pg-page .copy-btn,body.pg-page .btn{
  background:#b7efd4;color:#14382c;border:0;border-radius:999px;font-weight:800;
}
body.pg-page .card-view{flex:1;min-height:36px;padding:8px 12px;justify-content:center;font-size:13px}
body.pg-page .card-view:hover,body.pg-page .copy-btn:hover,body.pg-page .btn:hover{filter:brightness(1.03)}
body.pg-page .card-like,body.pg-page .card-share{
  width:36px;height:36px;padding:0;border-radius:50%;background:transparent;border:0;color:#c4b2a6;flex:none;
}
html[data-theme=dark] body.pg-page .card-like,html[data-theme=dark] body.pg-page .card-share{color:#f6efe6}
body.pg-page .card-like.liked{color:#e07a68;background:#fff4ee}
body.pg-page .card-like.liked svg{fill:currentColor}
body.pg-page .copy-btn.done{background:#3d9b78;color:#fff}
.single-actions .copy-btn{flex:1;justify-content:center}
body.pg-page .single-actions .card-view{flex:0 0 auto;background:#fff;color:#2c241c;border:1px solid rgba(90,50,30,.1)}
body.pg-page .layout-list .post-card{flex-direction:column}
body.pg-page .layout-list .thumb-wrap,body.pg-page .layout-list .pack-shot{width:auto}
body.pg-page .hero-search button{background:#b7efd4;color:#14382c;border:0;border-radius:999px;font-weight:800}

/* Newsletter + footer */
body.pg-page .pg-news{
  position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;
  width:min(1120px,calc(100% - 28px));margin:48px auto 8px;padding:26px 28px;border-radius:28px;
  background:rgba(255,253,251,.96);border:1px solid rgba(255,255,255,.95);box-shadow:var(--dc-shadow);overflow:hidden;
}
body.pg-page .pg-drop .pg-news{width:100%;margin:28px 0 8px}
body.pg-page .pg-news h2{margin:0 0 4px;font-size:clamp(26px,3vw,36px);font-weight:560}
body.pg-page .pg-news p{margin:0;color:var(--dc-muted)}
body.pg-page .pg-news .nl-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1;justify-content:flex-end}
body.pg-page .pg-news input[type=email]{border:1px solid rgba(90,50,30,.1);border-radius:999px;padding:12px 16px;min-width:min(240px,100%);background:#fff;color:var(--dc-ink)}
html[data-theme=dark] body.pg-page .pg-news{background:#261e18}
html[data-theme=dark] body.pg-page .pg-news input[type=email]{background:#16110e;color:#fff}
body.pg-page .pg-news button{position:relative;overflow:hidden;border:0;border-radius:999px;background:linear-gradient(100deg,#f6b199,#ef8d78);color:#3a1d16;font-weight:800;padding:12px 18px}
.pg-env{position:absolute;width:90px;height:54px;border-radius:18px;background:#f6e3a1;opacity:.55;top:-16px;left:18px;rotate:-18deg;pointer-events:none}
.pg-env-r{left:auto;right:28%;background:#c9b6e4;rotate:14deg}
body.pg-page .nl-note{flex-basis:100%;margin:0;font-size:12px;color:var(--dc-muted)}
body.pg-page .pg-footer{margin-top:8px;padding:8px 0 28px;background:transparent;border:0}
body.pg-page .footer-grid{
  margin-top:18px;padding:28px 28px 22px;border-radius:32px;background:rgba(255,253,251,.96);
  border:1px solid rgba(255,255,255,.95);box-shadow:var(--dc-shadow);align-items:start;
  grid-template-columns:minmax(180px,1.4fr) repeat(auto-fit,minmax(140px,1fr));
}
html[data-theme=dark] body.pg-page .footer-grid{background:#261e18}
body.pg-page .footer-grid h4{letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--dc-muted);font-family:"Nunito",var(--font),sans-serif}
body.pg-page .footer-grid a{color:var(--dc-ink);text-decoration:none;font-weight:700}
body.pg-page .footer-grid a:hover{color:#c45b48}
.pg-cta-card{
  grid-column:1 / -1;justify-self:end;width:min(280px,100%);
  background:linear-gradient(160deg,#e7f8ef,#b7ead4);border-radius:22px;padding:20px 18px;
  display:flex;flex-direction:column;gap:8px;align-items:flex-start;
}
html[data-theme=dark] .pg-cta-card{background:linear-gradient(160deg,#1e3a2e,#245c45)}
.pg-cta-card p{margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1c6b4a}
.pg-cta-card h3{margin:0 0 6px;font-family:"Fraunces",Georgia,serif;font-size:22px;font-weight:560;line-height:1.15;color:#14382c}
html[data-theme=dark] .pg-cta-card h3,html[data-theme=dark] .pg-cta-card p{color:#e7f8ef}
.pg-social{display:flex;gap:8px;margin-top:10px}
.pg-social a{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:999px;background:#fff4ee;font-size:12px;font-weight:800;color:#6f6156}
body.pg-page .pg-copy{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;text-align:left;border-top:1px solid rgba(90,50,30,.08);color:var(--dc-muted);margin-top:8px;padding-top:12px}
.pg-made b{color:#e07a68}

/* Inner pages — same pearl skin */
body.pg-page .page-head,body.pg-page .article-main,body.pg-page .page-content,body.pg-page .side-card,body.pg-page .prompt-card,body.pg-page .faq,body.pg-page .box,body.pg-page .toc,body.pg-page .author-box,body.pg-page .focus-lead{
  background:rgba(255,253,251,.96);border:1px solid rgba(255,255,255,.9);border-radius:24px;box-shadow:var(--dc-shadow);
}
html[data-theme=dark] body.pg-page .page-head,html[data-theme=dark] body.pg-page .article-main,html[data-theme=dark] body.pg-page .page-content,html[data-theme=dark] body.pg-page .side-card,html[data-theme=dark] body.pg-page .prompt-card,html[data-theme=dark] body.pg-page .faq,html[data-theme=dark] body.pg-page .box,html[data-theme=dark] body.pg-page .toc,html[data-theme=dark] body.pg-page .author-box{background:#261e18}
body.pg-page .page-head,body.pg-page .article-main,body.pg-page .page-content{padding:22px 24px;margin-top:18px}
body.pg-page .page-head h1,body.pg-page .article-head h1{font-size:clamp(32px,4vw,48px);font-weight:560;letter-spacing:-.03em;line-height:1.08;color:#2c241c}
html[data-theme=dark] body.pg-page .page-head h1,html[data-theme=dark] body.pg-page .article-head h1{color:#fff}
body.pg-page .crumbs{margin-top:18px}
body.pg-page .crumbs a{color:#c45b48;text-decoration:none;font-weight:800}
body.pg-page .article-layout{gap:18px}
body.pg-page .intro{background:linear-gradient(90deg,#fff4ee,#eef8f3);border:0;border-radius:16px}
html[data-theme=dark] body.pg-page .intro{background:rgba(224,122,104,.1)}
body.pg-page .prompt-card{overflow:hidden;scroll-margin-top:96px}
body.pg-page .prompt-card.is-focus{outline:2px solid rgba(224,122,104,.45);outline-offset:3px}
body.pg-page .prompt-fig{padding:10px}
body.pg-page .prompt-text{background:#fbf7f2;border-color:rgba(90,50,30,.1);border-radius:16px}
html[data-theme=dark] body.pg-page .prompt-text{background:#16110e;color:#fff}
body.pg-page .meta span,body.pg-page .meta .by{background:#fff8f4;border-color:#f0e4da}
body.pg-page .pill{background:#fff4ee;color:#c45b48}
body.pg-page .prompt-jump a.on,body.pg-page .pagination a.on{background:linear-gradient(100deg,#f6b199,#ef8d78);color:#3a1d16;border-color:transparent}
body.pg-page .pagination a,body.pg-page .pagination span{border-radius:999px;background:#fff;border-color:#f0e4da}
body.pg-page .share a,body.pg-page .share button,body.pg-page .chip,body.pg-page .prompt-jump a{border-radius:999px}
body.pg-page .tag-cloud a{color:#c45b48}
body.pg-page .side-stack{top:96px}
body.pg-page .big404{
  font-size:clamp(72px,12vw,128px);font-weight:560;line-height:.9;margin:18px 0 8px;
  background:linear-gradient(100deg,#e07a68,#8b74b5 50%,#3d9b78);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.pg-page .center-page{padding:28px 0 10px}
body.pg-page .empty{background:#fff;border:1px dashed rgba(224,122,104,.35);border-radius:22px}
body.pg-page .contact-form input,body.pg-page .contact-form textarea,body.pg-page .hero-search{border-radius:16px;border:1px solid rgba(90,50,30,.1);background:#fff}
body.pg-page .hero-search{border-radius:999px;padding:4px 4px 4px 14px;display:flex;gap:8px;align-items:center;max-width:520px}
body.pg-page .hero-search input{border:0;background:transparent;flex:1;min-width:0;outline:none;padding:10px 0;color:var(--dc-ink)}
body.pg-page .read-progress span{background:linear-gradient(90deg,#e07a68,#8ed9b8,#c9b6e4);background-size:200% 100%;animation:pf-shimmer 6s linear infinite}
body.pg-page .toast{background:#fff;border-radius:14px;box-shadow:var(--dc-shadow);color:var(--dc-ink)}
body.pg-page .also-read{padding:12px 14px;border-radius:18px;background:#fff;box-shadow:var(--dc-shadow)}
body.pg-page .also-read ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}
body.pg-page .also-read a{display:block;padding:8px 10px;border-radius:12px;background:#fbf7f2;color:var(--dc-ink);text-decoration:none;font-weight:700}
body.pg-page .archive h2{font-family:"Fraunces",Georgia,serif;font-weight:560}
body.pg-page .prompt-nav a{color:#c45b48;font-weight:800}
html.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),translate .45s cubic-bezier(.22,1,.36,1),box-shadow .45s;transition-delay:var(--d,0ms)}
html.js .reveal.in{opacity:1;transform:none}

@keyframes pg-mesh{0%,100%{background-position:0% 40%}50%{background-position:100% 60%}}
@keyframes pg-float{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(14px,-20px,0) scale(1.05)}}
@keyframes pg-drift{0%,100%{translate:0 0}50%{translate:28px -18px}}
@keyframes pg-dots{from{background-position:0 0}to{background-position:144px 84px}}
@keyframes pg-twinkle{0%,100%{opacity:.35;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.25) rotate(12deg)}}
@keyframes pg-spin{to{transform:rotate(360deg)}}
@keyframes pg-sheen{0%,62%{translate:-130% 0}100%{translate:130% 0}}
@keyframes pg-drop{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}
@keyframes pf-morph{0%,100%{border-radius:46% 54% 62% 38% / 42% 38% 62% 58%}50%{border-radius:60% 40% 32% 68% / 52% 62% 38% 48%}}
@keyframes pf-shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes pf-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media(min-width:1100px){
  body.pg-page .prompt-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.pg-page .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
  body.pg-page .menu{top:86px;left:12px;right:12px;border-radius:22px;background:rgba(255,253,251,.98);border:1px solid #f0e4da;box-shadow:var(--dc-shadow)}
  html[data-theme=dark] body.pg-page .menu{background:#261e18}
  .dc-cats,.pf-stats{grid-template-columns:1fr 1fr}
  body.pg-page .post-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .pf-hero-grid,.dc-steps,body.pg-page .pg-news,body.pg-page .footer-grid{grid-template-columns:1fr}
  body.pg-page .pg-cta-card{width:100%;justify-self:stretch}
  .clay-stage{height:300px;margin:8px auto 0}
  body.pg-page .pg-news{flex-direction:column;align-items:stretch;padding:24px 18px}
  body.pg-page .pg-news .nl-form{justify-content:stretch}
  .pf-copy h1{font-size:clamp(38px,11vw,56px)}
}
@media(max-width:640px){
  body.pg-page .pg-nav{width:calc(100% - 16px);height:auto;min-height:60px;border-radius:22px}
  body.pg-page .post-grid,body.pg-page .prompt-grid,.dc-cats,.dc-steps,.pf-stats{grid-template-columns:1fr !important}
  .dc-head,.pg-head{flex-direction:column;align-items:flex-start}
  body.pg-page .also-read ul{grid-template-columns:1fr}
  body.pg-page .prompt-card{grid-template-columns:1fr}
  .pf-search{flex-wrap:wrap}
  .pf-gen{width:100%}
}
@media(prefers-reduced-motion:reduce){
  body.pg-page,.clay,.aurora,.star,.heart,.pg-ring,.pg-sky .mesh,.pg-go::after,.pf-gen::after,.pg-news button::after,.pf-em,.dc-em,.pf-track,.read-progress span{animation:none !important}
  .pg-sky{translate:none}
  .pf-em,.dc-em,.big404{color:#e07a68;-webkit-text-fill-color:#e07a68}
}