@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600;700;800&display=swap');
:root{
  --ink:#17161d;
  --ink-soft:#54515d;
  --paper:#fcf8f2;
  --paper-2:#f3ece4;
  --paper-3:#ebe3d8;
  --line:#d8ccbf;
  --accent:#c86459;
  --accent-2:#e6a174;
  --accent-3:#8e9cc7;
  --dark:#211d28;
  --dark-2:#2e2935;
  --white:#fffdfa;
  --shadow:0 18px 40px rgba(28,21,24,.08);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#faf6ef 0%,#f7f1e7 100%);color:var(--ink);font-family:'DM Sans',sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.wrap{max-width:1240px;margin:auto;padding:0 28px}
.narrow{max-width:920px}
.top{position:sticky;top:0;z-index:50;background:rgba(252,248,242,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(216,204,191,.7)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:26px}
.brand{font-family:'Playfair Display',serif;font-size:24px;letter-spacing:-.7px;white-space:nowrap}
.navlinks{display:flex;align-items:center;gap:24px}
.navlinks a,.navlinks button{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1.25px}
.dropdown{position:relative}.dropbtn{border:0;background:none;padding:22px 0;color:inherit}.submenu{display:none;position:absolute;top:100%;left:0;min-width:240px;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);padding:10px;border-radius:14px}.dropdown:hover>.submenu,.dropdown:focus-within>.submenu,.dropdown.open>.submenu{display:block}.submenu a,.submenu button{display:block;width:100%;padding:12px 14px;text-align:left;border:0;background:transparent;text-transform:none;letter-spacing:0;font-weight:600}.submenu a:hover,.submenu button:hover{background:#f4ede5;border-radius:10px}.submenu .submenu{top:0;left:100%}.mobile-toggle{display:none;background:transparent;border:1px solid var(--line);padding:10px 14px;border-radius:999px}

.hero{padding:96px 0 70px;position:relative;overflow:hidden}
.hero-home:before{content:"";position:absolute;right:-90px;top:40px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#efc5b3 0%,rgba(239,197,179,0) 68%);opacity:.75}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero-copy h1,.display{font:700 clamp(56px,8vw,116px)/.94 'Playfair Display',serif;letter-spacing:-3.8px;margin:18px 0 22px}
.hero-text{font-size:clamp(19px,2vw,24px);line-height:1.62;max-width:660px;color:var(--ink-soft)}
.kicker{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:3.2px;color:var(--accent);font-weight:800}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;padding:16px 24px;border-radius:999px;font-weight:700;border:1px solid var(--ink);transition:.18s ease}.button:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.button.outline{background:transparent;color:var(--ink);border-color:rgba(23,22,29,.18)}
.hero-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.hero-pills span{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.65);border:1px solid rgba(216,204,191,.9);font-size:13px;font-weight:700;color:#5a5560}
.hero-visual{position:relative;min-height:500px;display:grid;place-items:center}
.hero-portrait{width:min(100%,470px);height:560px;object-fit:cover;border-radius:34px;box-shadow:0 28px 60px rgba(39,26,31,.18);position:relative;z-index:3;border:8px solid rgba(255,253,250,.7)}
.hero-placeholder,.visual-placeholder{width:min(100%,470px);height:560px;border-radius:34px;background:linear-gradient(135deg,#f0cdbb 0%,#f8eadc 42%,#e4dff4 100%);display:grid;place-items:center;box-shadow:0 28px 60px rgba(39,26,31,.12);position:relative;z-index:3;text-align:center;padding:30px}.hero-placeholder span,.visual-placeholder span{font:700 52px/1 'Playfair Display',serif;letter-spacing:-1.8px;color:#3d3643}
.hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:220px;height:220px;background:radial-gradient(circle,#e89c80 0%,rgba(232,156,128,0) 70%);left:10%;top:0;z-index:1}.orb-b{width:280px;height:280px;background:radial-gradient(circle,#a8b1da 0%,rgba(168,177,218,0) 70%);right:0;bottom:0;z-index:1}

.section{padding:84px 0}.section h2{font:700 clamp(38px,5vw,68px)/1.04 'Playfair Display',serif;letter-spacing:-2.3px;margin:14px 0 26px}
.lead{font-size:20px;line-height:1.8;color:#4d4754;max-width:820px}
.text-link{font-weight:800;color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:26px}

.signature-strip{padding-top:12px}.signature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.signature-card{background:rgba(255,255,255,.62);backdrop-filter:blur(12px);border:1px solid rgba(216,204,191,.9);border-radius:22px;padding:26px;box-shadow:var(--shadow)}.signature-card h3{font:700 26px/1.1 'Playfair Display',serif;margin:12px 0 10px}.signature-card p{margin:0;color:#5b5561;line-height:1.7}

.editorial-split .split-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}
.dark{background:linear-gradient(180deg,#231f28 0%,#1d1922 100%);color:#fff}.dark .kicker{color:#e0a68f}.dark .lead{color:#d7d0dc}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feature-card{display:block;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;transition:.18s ease;min-height:100%}.feature-card:hover{transform:translateY(-2px)}
.feature-thumb{height:180px;background-size:cover;background-position:center}
.feature-body{padding:22px}.feature-body small{display:inline-block;color:#e9b6a2;letter-spacing:2px;text-transform:uppercase;font-weight:800}.feature-body h3{font:700 30px/1.05 'Playfair Display',serif;margin:12px 0}.feature-body p{margin:0;color:#d7d0dc;line-height:1.7}

.timeline-wrap{position:relative}.timeline-list{display:grid;gap:18px}.timeline-item{display:grid;grid-template-columns:26px 1fr;gap:18px;align-items:flex-start}.timeline-dot{width:14px;height:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:50%;margin-top:8px;box-shadow:0 0 0 7px rgba(200,100,89,.12)}.timeline-content{background:rgba(255,255,255,.64);border:1px solid rgba(216,204,191,.8);border-radius:22px;padding:24px 24px 20px;box-shadow:var(--shadow)}.timeline-date{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:var(--accent)}.timeline-content h3{font:700 30px/1.08 'Playfair Display',serif;margin:10px 0 8px}.timeline-subtitle{font-weight:700;color:#544f5b}.timeline-content p{margin:0;color:#5d5762;line-height:1.8}

.spotlight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.spotlight-card{background:var(--white);border:1px solid rgba(216,204,191,.85);border-radius:22px;padding:26px;box-shadow:var(--shadow)}.spotlight-type{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);font-weight:800}.spotlight-card h3{font:700 30px/1.08 'Playfair Display',serif;margin:12px 0 10px}.spotlight-subtitle{font-weight:700;color:#5d5863}.spotlight-card p{color:#615a68;line-height:1.75}

.cta-band{padding-top:28px}.cta-box{display:flex;justify-content:space-between;gap:34px;align-items:center;background:linear-gradient(135deg,#faefe4 0%,#f7f4ff 100%);border:1px solid rgba(216,204,191,.9);border-radius:30px;padding:34px 34px;box-shadow:var(--shadow)}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}

.page-hero{padding:76px 0 44px;background:linear-gradient(180deg,rgba(252,248,242,.2) 0%,rgba(252,248,242,0) 100%)}.page-hero.compact{padding-bottom:18px}.page-hero-grid{display:grid;grid-template-columns:1fr .92fr;gap:54px;align-items:center}.page-hero h1{font:700 clamp(48px,6vw,92px)/.97 'Playfair Display',serif;letter-spacing:-3px;margin:14px 0 18px}.editorial-hero{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:30px;box-shadow:0 24px 56px rgba(32,20,23,.14)}
.story-section{padding-top:28px}.story-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:42px;align-items:start}.story-article{background:rgba(255,255,255,.62);border:1px solid rgba(216,204,191,.85);border-radius:28px;padding:32px 34px;box-shadow:var(--shadow)}
.content-rich p{margin:0 0 1.28em;font-size:19px;line-height:1.95;color:#383441}.content-rich p:last-child{margin-bottom:0}
.story-sidebar{display:grid;gap:20px}.story-card{background:var(--white);border:1px solid rgba(216,204,191,.85);border-radius:24px;padding:22px 22px 18px;box-shadow:var(--shadow)}.story-card.soft{background:linear-gradient(180deg,#fffaf6 0%,#fff 100%)}.story-card h3{font:700 28px/1.08 'Playfair Display',serif;margin:10px 0 12px}.side-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.side-list a{display:block;padding:14px;border-radius:16px;background:#f7f0e8;border:1px solid rgba(216,204,191,.75)}.side-list strong{display:block;margin-bottom:4px}.side-list span{display:block;color:#5f5865;line-height:1.6;font-size:14px}
.mini-entry{padding:16px 0;border-bottom:1px solid rgba(216,204,191,.7)}.mini-entry:last-child{border-bottom:0;padding-bottom:0}.mini-entry small{display:inline-block;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.mini-entry h4{font:700 22px/1.12 'Playfair Display',serif;margin:9px 0}.mini-entry p{margin:8px 0 0;color:#5c5662;line-height:1.7}.mini-subtitle{font-weight:700!important;color:#4f4956!important}

.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.archive-card{background:var(--white);border:1px solid rgba(216,204,191,.85);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.archive-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.archive-type,.archive-date{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:800}.archive-type{color:var(--accent)}.archive-date{color:#716a77}.archive-card h3{font:700 29px/1.08 'Playfair Display',serif;margin:0 0 10px}.archive-subtitle{font-weight:700;color:#5d5863}.archive-card p{color:#605a67;line-height:1.75}

.footer{padding:46px 0;border-top:1px solid rgba(216,204,191,.95);margin-top:20px;background:linear-gradient(180deg,rgba(255,251,246,.92) 0%,rgba(248,241,233,.98) 100%)}.footer-inner{display:grid;grid-template-columns:1.1fr .7fr 1.2fr;gap:28px;align-items:center}.footer-pro{min-height:120px}.footer-site-title{display:block;font:700 24px/1.1 'Playfair Display',serif;letter-spacing:-.6px}.footer-copy{margin:.55rem 0 0;color:#68626f;line-height:1.7;max-width:420px}.footer-links{display:grid;gap:10px}.footer-links a{text-decoration:underline;text-underline-offset:3px;font-weight:600}.footer-credit{display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:right}.footer-credit-text{font-size:13px;letter-spacing:.2px;color:#5d5764}.footer-logo-link{display:inline-flex;align-items:center;justify-content:flex-end}.footer-logo{width:min(100%,320px);height:auto;display:block}.footer-credit-link{font-weight:800;text-decoration:underline;text-underline-offset:3px}.footer a{color:inherit}

/* Legacy/admin compatibility */
.admin{max-width:1100px;margin:45px auto;padding:20px}.admin table{border-collapse:collapse;width:100%;background:white}.admin td,.admin th{border:1px solid #ddd;padding:10px;text-align:left}.admin input,.admin textarea,.admin select{width:100%;padding:12px;border:1px solid #ccc;margin:6px 0 15px}.admin label{font-weight:700}.admin button{padding:12px 18px;background:#19191c;color:#fff;border:0}.notice{background:#e7f5e9;padding:12px;margin:10px 0}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:28px 0}.pricing-card{border:1px solid rgba(125,125,125,.3);border-radius:17px;padding:26px;background:rgba(255,255,255,.55)}.pricing-card h2{margin-top:0}.pricing-card ul{padding-left:19px;line-height:1.8}.pricing-amount{font-size:2.2rem;font-weight:750}.pricing-amount small{font-size:.9rem;font-weight:400}
.category-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 40px}.category-tabs a{padding:10px 16px;border:1px solid var(--line);border-radius:24px;font-size:13px;background:var(--paper)}.profile-grid{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:60px}.portrait{width:100%;border-radius:12px;object-fit:cover;max-height:490px}.portrait-placeholder{min-height:300px;background:#e0c8b8;display:grid;place-items:center;font:32px 'Playfair Display',serif}.profile-grid h2{font:40px 'Playfair Display',serif}

@media(max-width:1080px){
  .hero-grid,.page-hero-grid,.story-layout,.editorial-split .split-grid{grid-template-columns:1fr}
  .signature-grid{grid-template-columns:repeat(2,1fr)}
  .feature-grid,.archive-grid,.spotlight-grid{grid-template-columns:1fr 1fr}
  .footer-inner{grid-template-columns:1fr}
  .footer-credit{align-items:flex-start;text-align:left}
}
@media(max-width:800px){
  .mobile-toggle{display:block}
  .navlinks{display:none;position:absolute;left:0;right:0;top:88px;background:var(--white);padding:20px 26px;flex-direction:column;align-items:stretch;box-shadow:0 18px 30px rgba(0,0,0,.08)}
  .navlinks.open{display:flex}
  .submenu,.submenu .submenu{position:static;box-shadow:none;border:0;padding-left:14px;background:transparent}
  .dropdown:hover>.submenu{display:none}.dropdown.open>.submenu,.dropdown.open:hover>.submenu{display:block}
  .hero{padding-top:70px}
  .hero-copy h1,.display{letter-spacing:-2.3px}
  .hero-visual{min-height:unset}
  .hero-portrait,.hero-placeholder,.visual-placeholder{height:420px}
  .section{padding:66px 0}
  .signature-grid,.feature-grid,.spotlight-grid,.archive-grid{grid-template-columns:1fr}
  .section-head,.cta-box{display:block}
  .cta-actions{margin-top:18px}
  .story-article{padding:24px}
}

/* v1.0 brand credit: discreet, borderless footer logo */
.footer-pro .footer-credit{gap:5px}
.footer-pro .footer-logo-link{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;line-height:0}
.footer-pro .footer-logo{width:92px!important;max-width:92px!important;height:auto!important;object-fit:contain;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.footer-pro .footer-credit-text{font-size:11px;letter-spacing:0;line-height:1.3}
.footer-pro .footer-credit-link{font-size:11px}
.creator-directory-page{background:#f6f0e7}
.creator-directory-hero{background:#17142c;color:white;padding:92px 0 72px;position:relative;overflow:hidden}
.creator-directory-hero:before{content:'';position:absolute;right:-12%;top:-50%;width:65%;height:150%;background:radial-gradient(circle,#7b3b85 0%,transparent 68%);opacity:.55}
.creator-directory-hero h1{font:400 clamp(68px,11vw,148px)/.95 Anton,Impact,sans-serif;letter-spacing:0;max-width:900px;margin:22px 0}
.creator-directory-hero h1 em{font-style:normal;color:#ffda53}
.creator-directory-hero .lead{color:#eee9f6}
.creator-directory-hero .button{background:#ffda53;color:#17142c;border:0}
.creator-directory-hero .button.outline{background:transparent;color:white;border:1px solid #aaa2bb}
.creator-directory-content{padding:80px 0}
.creator-directory-content h2{font:400 clamp(40px,5vw,65px)/1 Anton,Impact,sans-serif}
.creator-directory-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.creator-tile{display:flex;flex-direction:column;min-height:360px;overflow:hidden;border-radius:16px;background:#2c2545;color:white;border:1px solid #46405b;transition:transform .2s ease}
.creator-tile:hover{transform:translateY(-4px)}
.creator-tile-image{height:220px;object-fit:cover;width:100%}
.creator-tile-placeholder{height:220px;display:grid;place-items:center;font:500 86px Anton,Impact,sans-serif;background:linear-gradient(135deg,#6c3b7d,#da8e9e);color:white}
.creator-tile-body{padding:20px 22px;flex:1}
.creator-tile-body small{color:#ffda53;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;font-size:11px}
.creator-tile-body h3{font:400 30px/1.1 Anton,Impact,sans-serif;margin:10px 0}
.creator-tile-body p{color:#eee9f6;line-height:1.6;margin:0}
@media(max-width:980px){.creator-directory-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.creator-directory-cards{grid-template-columns:1fr}}

.creator-spotlight-wrap{margin:18px 0 34px}.creator-spotlight-label{display:inline-block;margin-bottom:10px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#b54561}.creator-spotlight-card{display:grid;grid-template-columns:390px 1fr;gap:28px;align-items:center;background:#1f1a35;color:#fff;border:1px solid #4b4362;padding:18px;border-radius:18px 84px 18px 84px;box-shadow:0 18px 42px rgba(17,11,29,.10);overflow:hidden}.creator-spotlight-card:hover{transform:translateY(-4px)}.creator-spotlight-media{position:relative;min-height:410px;border-radius:14px 90px 14px 90px;overflow:hidden;background:linear-gradient(135deg,#6c3b7d,#da8e9e)}.creator-spotlight-media img,.creator-spotlight-media .creator-tile-placeholder{width:100%;height:100%;object-fit:cover}.creator-spotlight-copy{padding-right:12px}.creator-spotlight-copy small{color:#ffda53;text-transform:uppercase;letter-spacing:1.6px;font-weight:800;font-size:11px}.creator-spotlight-copy h3{font:400 clamp(42px,5vw,72px)/.94 Anton,Impact,sans-serif;margin:10px 0 14px;text-transform:uppercase}.creator-spotlight-copy p{color:#eee9f6;line-height:1.75;font-size:18px;max-width:560px}.creator-spotlight-band,.creator-name-ribbon{position:absolute;left:-12px;right:-12px;bottom:22px;background:#ffda53;color:#17142c;padding:13px 22px;font:400 24px/1 Anton,Impact,sans-serif;letter-spacing:.5px;text-transform:uppercase;transform:rotate(-4deg);box-shadow:0 8px 22px rgba(0,0,0,.18)}
.creator-directory-cards{margin-top:6px}
.creator-tile-sculpted{border-radius:14px 62px 14px 62px;overflow:hidden;position:relative}.creator-tile-media{position:relative}.creator-tile-sculpted .creator-tile-image,.creator-tile-sculpted .creator-tile-placeholder{height:250px}.creator-tile-sculpted .creator-name-ribbon{font-size:19px;bottom:18px;left:-10px;right:-10px;padding:11px 18px}
@media(max-width:980px){.creator-spotlight-card{grid-template-columns:1fr}.creator-spotlight-media{min-height:340px}}
@media(max-width:680px){.creator-spotlight-copy h3{font-size:44px}.creator-spotlight-media{min-height:300px}}
