@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=Cinzel:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&family=Syne:wght@700;800&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700;9..144,900&display=swap');
:root{--ink:#090716;--surface:#121022;--panel:#1a1630;--line:#39314f;--light:#fcf8ff;--muted:#beb5d0;--pink:#fa258e;--cyan:#15dafa;--lime:#bbfa46;--gold:#ffbd24;--purple:#a34cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);background-image:linear-gradient(rgba(7,6,17,.60),rgba(7,6,17,.60)),url('assets/scales-bg-ballpython.jpg');background-size:cover;background-position:center;background-attachment:fixed;color:var(--light);font-family:'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.shell{max-width:1440px;margin:auto;padding:0 5%}.topbar{background:#130a2a;text-align:center;font-size:11px;font-weight:800;letter-spacing:2px;padding:9px;border-bottom:1px solid #38205e}.topbar span{color:var(--lime)}header{position:sticky;top:0;z-index:40;background:#080615eF;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff20}.nav{display:flex;align-items:center;gap:26px;min-height:76px;flex-wrap:wrap;row-gap:2px;padding-top:12px;padding-bottom:0}.brand{display:inline-flex;align-items:center;gap:9px;font-family:'Syne','Fraunces',serif;font-size:29px;line-height:1.05;font-weight:900;letter-spacing:1px;background:linear-gradient(100deg,#fa258e,#ffbd24 36%,#bafb4a 50%,#00dfff 72%,#be4ff2);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 36px #ff28b52a}.navlinks{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:800}.navlinks a:hover{color:var(--cyan)}.navright{margin-left:auto;display:flex;gap:10px;align-items:center}.small-btn,.primary,.outline,.pill{border:0;border-radius:100px;font-weight:900;letter-spacing:.3px}.small-btn{padding:12px 19px;background:#252036;color:#fff}.primary{color:#0d0915;background:linear-gradient(95deg,#fa258e,#ffb82f,#00d9fa);padding:16px 25px;box-shadow:0 9px 35px #ed2c8b42}.primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.outline{border:1px solid #78698d;color:#fff;background:#110c22;padding:15px 24px}.navicon{background:#241d35;border:1px solid #433658;color:white;border-radius:50%;width:40px;height:40px;position:relative}.count{position:absolute;right:-5px;top:-7px;background:var(--pink);font-size:10px;border-radius:50%;min-width:18px;padding:3px}.hero{position:relative;min-height:700px;display:flex;align-items:center;background:linear-gradient(90deg,#070611f2 0%,#080613ce 42%,#0a06103b 75%),url('assets/scales-bg-ballpython.jpg') center center/cover no-repeat;overflow:hidden}.hero:after{content:'';position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,var(--ink));pointer-events:none}.hero .shell{width:100%;position:relative;z-index:1}.eyebrow{color:var(--lime);text-transform:uppercase;font-weight:900;font-size:12px;letter-spacing:3px}.hero h1{font-family:'Syne','Fraunces',serif;font-weight:900;line-height:.98;max-width:870px;letter-spacing:-3px;margin:29px 0}.paint{background:linear-gradient(90deg,#ff35a6,#ffbd2c,#11e6ee,#a64dff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h2{font-family:'Syne','Fraunces',serif;font-weight:700;letter-spacing:2px;font-size:clamp(22px,3vw,40px);margin:0 0 19px}.hero p{font-size:16px;max-width:540px;color:#e6dff2;line-height:1.8}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}.proof{display:flex;gap:30px;flex-wrap:wrap;margin-top:48px;font-size:12px;font-weight:800;letter-spacing:.8px}.proof b{color:var(--cyan);font-size:18px;margin-right:5px}.section{padding:88px 0}.section.alt{background:#100c1e}.section-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-title,.page-title{font-family:'Syne','Fraunces',serif;text-transform:uppercase;font-weight:900;font-size:clamp(34px,6vw,76px);line-height:.97;margin:12px 0}.sub{color:var(--muted);max-width:580px;line-height:1.75}.text-link{font-size:13px;font-weight:900;color:var(--cyan)}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.category{position:relative;min-height:190px;overflow:hidden;border:1px solid #ffffff23;border-radius:18px;padding:20px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(120deg,#441b51,#071c44);color:#fff}.category:nth-child(2){background:linear-gradient(125deg,#ad266f,#382066)}.category:nth-child(3){background:linear-gradient(125deg,#11656e,#142a62)}.category:nth-child(4){background:linear-gradient(125deg,#965c13,#57265c)}.category:nth-child(5){background:linear-gradient(125deg,#265c31,#49307d)}.category strong{font-family:'Syne','Fraunces',serif;font-weight:800;font-size:21px;text-transform:uppercase}.category:hover,.art-card:hover{transform:translateY(-4px)}.art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.art-card{background:#171225;border:1px solid #3c3150;border-radius:19px;overflow:hidden;transition:transform .2s}.art-img{height:265px;display:grid;place-items:center;position:relative;overflow:hidden;background:var(--art-bg,#3d1b5b)}.art-img .art-symbol{font-size:100px;filter:drop-shadow(0 15px 20px #0007);transform:rotate(-9deg)}.art-img .art-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 25% 25%,#ffffff44,transparent 48%)}.tag{position:absolute;top:13px;left:13px;padding:8px 10px;background:#0f0b20df;border:1px solid #ffffff47;border-radius:50px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.heart{position:absolute;right:11px;top:11px;width:37px;height:37px;background:#110d20cb;color:#fff;border:0;border-radius:50%;font-size:20px}.heart.saved{color:var(--pink)}.art-body{padding:19px}.art-body h3{font-size:17px;line-height:1.3;margin:0 0 9px}.meta{color:var(--muted);font-size:12px}.art-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:21px;gap:10px}.price{font-size:22px;font-weight:900}.art-actions{display:flex;gap:7px;flex-wrap:wrap}.art-actions button{border:1px solid #615277;border-radius:50px;padding:8px 12px;background:#29203c;color:#fff;font-size:11px;font-weight:800}.art-actions button:last-child{background:var(--cyan);color:#07101c;border:0}.banner{border-radius:25px;padding:55px;background:radial-gradient(circle at 93% 5%,#e42e8c8c,transparent 32%),radial-gradient(circle at 52% 120%,#2bd6e490,transparent 45%),linear-gradient(110deg,#3d175e,#0d1232);border:1px solid #8c458d;display:flex;justify-content:space-between;align-items:center;gap:30px}.banner h2{font-family:'Syne','Fraunces',serif;font-size:clamp(36px,5vw,64px);margin:0 0 10px;line-height:1.05;text-transform:uppercase}.banner p{color:#ddd1f0;max-width:550px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{padding:30px;background:#1a1530;border:1px solid #403457;border-radius:17px}.step .number{font-family:'Syne','Fraunces',serif;font-size:58px;color:var(--pink);font-weight:900}.step h3{font-size:20px}.step p{color:var(--muted);line-height:1.7}.footer{padding:48px 0 28px;background:#06050f;border-top:1px solid #3d3150}.footerflex{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.footer p{color:var(--muted);font-size:12px;line-height:1.6}.footnav{display:flex;gap:24px;font-size:13px;font-weight:800}.page-hero{background:radial-gradient(circle at 85% 20%,#7b1962a1,transparent 35%),linear-gradient(130deg,rgba(38,18,61,.88),rgba(12,10,28,.82)),url('assets/scales-bg-ballpython.jpg') center/cover;padding:65px 0;border-bottom:1px solid #4a305d}.filters{display:flex;flex-wrap:wrap;gap:10px;padding:25px 0}.field,select,textarea{background:#201a32;color:#fff;border:1px solid #5c4b72;border-radius:12px;padding:14px 16px;width:100%;outline:0}input::placeholder,textarea::placeholder{color:#a99cbb}.filters .field{max-width:320px}.filters select{max-width:185px}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:42px}.detail-art{height:550px;border-radius:22px;position:relative;display:grid;place-items:center;font-size:210px;overflow:hidden}.detail-side{padding-top:10px}.detail-side h1{font-family:'Syne','Fraunces',serif;font-size:52px;text-transform:uppercase;line-height:.95;margin:14px 0}.detail-price{font-size:40px;font-weight:900;margin:20px 0}.detail-side p{color:var(--muted);line-height:1.8}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.chip{background:#221c35;padding:10px 13px;border-radius:30px;color:#dbcfee;border:1px solid #514269;font-size:12px}.panel{background:#181328;border:1px solid #433555;border-radius:19px;padding:27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.full{grid-column:1/-1}.form-group label{display:block;font-size:12px;font-weight:900;margin-bottom:8px;color:#dfd5ea}.form-group textarea{min-height:120px;resize:vertical}.form-note{color:var(--muted);font-size:12px;line-height:1.6}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:26px}.stat{background:#211733;border:1px solid #593c70;padding:24px;border-radius:15px}.stat b{font-size:34px;display:block}.stat span{color:var(--muted);font-size:12px}.list-row{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #43364f}.list-row:last-child{border-bottom:0}.list-thumb{flex:0 0 75px;height:72px;display:grid;place-items:center;font-size:38px;border-radius:12px}.list-info{flex:1}.list-info strong{display:block}.list-info small{color:var(--muted)}.mini-btn{background:#312744;color:#fff;border:1px solid #5b4c6c;border-radius:9px;padding:10px}.chat-layout{display:grid;grid-template-columns:300px 1fr;min-height:500px;border:1px solid #483a61;border-radius:18px;overflow:hidden}.chat-list{border-right:1px solid #483a61;background:#171127;padding:15px}.chat-contact{display:block;width:100%;padding:16px;border-radius:12px;background:transparent;border:0;color:#fff;text-align:left;margin-bottom:8px}.chat-contact.active{background:#392251}.chat-main{display:flex;flex-direction:column;background:#1b152e}.chat-history{flex:1;padding:24px;min-height:350px;max-height:420px;overflow:auto}.bubble{max-width:75%;width:fit-content;padding:13px 18px;border-radius:15px;margin-bottom:12px;background:#36304a;line-height:1.5;overflow-wrap:anywhere}.bubble.mine{margin-left:auto;background:#a82484}.chat-compose{padding:17px;border-top:1px solid #453758;display:flex;gap:8px}.chat-compose input{flex:1}.empty{text-align:center;color:var(--muted);padding:50px 15px}.checkout-rows{max-width:760px;margin:auto}.checkout-total{display:flex;justify-content:space-between;font-size:24px;font-weight:900;padding:20px 0}.notice{background:#39284b;border:1px solid #876399;color:#e9daf5;padding:14px 18px;border-radius:12px;margin:20px 0;font-size:13px}.membership{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.tier{padding:31px;border:1px solid #58436f;background:#1e172e;border-radius:20px}.tier.popular{border-color:var(--pink);box-shadow:0 0 30px #ed2b9a27}.tier h3{font-family:'Syne','Fraunces',serif;font-weight:800;font-size:28px;text-transform:uppercase}.tier .amount{font-size:46px;font-weight:900}.tier .amount span{font-size:14px;font-weight:500;color:var(--muted)}.tier ul{color:#e1d9ec;line-height:2;padding-left:20px;font-size:13px}.tier button{width:100%}#toast{position:fixed;bottom:24px;right:22px;z-index:100;transform:translateY(120px);opacity:0;transition:.25s;background:var(--panel);color:var(--champagne);border:1px solid var(--champagne);padding:15px 22px;border-radius:12px;font-weight:900;box-shadow:0 10px 35px #0006;max-width:calc(100vw - 32px);overflow-wrap:break-word}#toast.show{transform:translateY(0);opacity:1}.hide-mobile{display:inline}.artist-spot{border-radius:23px;background:linear-gradient(130deg,#211a3f,#2f1345);padding:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.artist-avatar{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(45deg,#ed2088,#4be7ec);font-size:38px}.artist-spot h3{margin:0;font-size:24px}@media(max-width:1050px){.navlinks{gap:12px}.art-grid{grid-template-columns:repeat(3,1fr)}.categories{grid-template-columns:repeat(3,1fr)}.hero{min-height:630px}}@media(max-width:720px){.shell{padding:0 5%}.topbar{font-size:9px}.nav{gap:10px;min-height:65px}.brand{font-size:31px}.navright{gap:6px}.navright .small-btn{display:none}.navicon{width:36px;height:36px}.hero{min-height:590px;background-position:56% center;background-image:linear-gradient(90deg,#080615ea,#09061ab0),url('assets/scales-bg-ballpython.jpg')}.hero p{font-size:14px}.proof{gap:14px;font-size:10px}.section{padding:56px 0}.section-top{display:block}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.art-img{height:175px}.art-img .art-symbol{font-size:69px}.art-body{padding:12px}.art-body h3{font-size:14px}.art-bottom{align-items:start;flex-direction:column;gap:9px}.art-actions button{padding:8px 9px}.price{font-size:19px}.categories{grid-template-columns:repeat(2,1fr)}.category{min-height:150px}.banner{padding:30px;display:block}.banner .primary{margin-top:17px}.steps,.membership,.dashboard-grid{grid-template-columns:1fr}.two-col,.chat-layout{grid-template-columns:1fr}.chat-list{display:flex;gap:8px;overflow-x:auto;padding:12px}.chat-list>p{flex:none;align-self:center;margin:0}.chat-contact{flex:none;width:auto;margin-bottom:0;white-space:nowrap}.detail-art{height:380px;font-size:150px}.detail-side h1{font-size:54px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.chat-list{border-right:0;border-bottom:1px solid #483a61}.chat-history{min-height:300px}.hide-mobile{display:none}.artist-spot{flex-wrap:wrap}.filters .field{max-width:none;flex:1 1 100%}.filters select{max-width:none;flex:1 1 42%}}@media(max-width:380px){.art-grid{grid-template-columns:1fr}.art-img{height:250px}.brand{font-size:27px}}

/* Visual fix: keep artwork visible */
.hero h2{font-size:clamp(24px,2.5vw,38px);max-width:720px}.hero p{max-width:480px}.hero{min-height:740px;background-image:linear-gradient(90deg,#070611eb 0%,#080613cb 31%,#0a061010 72%),url("assets/scales-bg-ballpython.jpg");background-position:center}.hero .shell{padding-top:30px;padding-bottom:40px}@media(max-width:720px){.hero{background-image:linear-gradient(90deg,#080615dc,#09061a66),url("assets/scales-bg-ballpython.jpg");min-height:650px}}



.stars{color:#FFC94D;letter-spacing:2px;font-size:15px}

.badge{display:inline-block;padding:7px 12px;border-radius:50px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1px;border:1px solid #ffffff47;background:#0f0b20df;color:#fff}
/* LIGHT MODE (2026-10-24) — the same rainbow scales under a daylight veil */

body.light header{background:#fffdf7f2;border-bottom-color:#e3dac8}
body.light .topbar{background:#efe6f9;color:#3a2b52;border-bottom-color:#ddd0ee}
body.light .topbar span{color:#4d7c0f}
body.light .sub,body.light .meta,body.light .form-note,body.light .step p,body.light .detail-side p,body.light .footer p,body.light .stat span,body.light .list-info small{color:#5d5570}
body.light .eyebrow{color:#4d7c0f}
body.light .text-link,body.light .proof b{color:#0e7490}
body.light .panel,body.light .art-card,body.light .step,body.light .tier,body.light .stat{background:#fffdf7;border-color:#e2d9c6}
body.light .tier ul{color:#3c3550}
body.light .field,body.light select,body.light textarea{background:#ffffff;color:#241f31;border-color:#cfc4ac}
body.light input::placeholder,body.light textarea::placeholder{color:#8a8199}
body.light .form-group label{color:#3c3550}
body.light .outline{background:#fffdf7;color:#241f31;border-color:#b7a888}
body.light .small-btn,body.light .mini-btn{background:#efe9db;color:#241f31;border-color:#cfc4ac}
body.light .navicon{background:#fffdf7;border-color:#ddd2ba;color:#241f31}
body.light .art-actions button{background:#efe9db;color:#241f31;border-color:#cfc4ac}
body.light .art-actions button:last-child{background:var(--cyan);color:#07101c;border:0}
body.light .chip{background:#f1ead9;color:#3c3550;border-color:#ddd2ba}
body.light .section.alt{background:#f4efe3}
body.light .footer{background:#f3eee1;border-top-color:#ddd2ba}

body.light .hero:after{background:linear-gradient(transparent,rgba(252,250,244,.92))}
body.light .hero p{color:#4c4560}

body.light .chat-layout{border-color:#ddd2ba}
body.light .chat-list{background:#f7f2e7;border-right-color:#ddd2ba}
body.light .chat-main{background:#fffdf7}
body.light .chat-contact{color:#241f31}
body.light .chat-contact.active{background:#ead9f2}
body.light .bubble{background:#efe9f5;color:#241f31}
body.light .bubble.mine{background:#c2439b;color:#fff}
body.light .chat-compose{border-top-color:#ddd2ba}
body.light .notice{background:#fdf3d7;border-color:#d9b95c;color:#5c4a12}
body.light .artist-spot{background:linear-gradient(130deg,#ffeef8,#e8f6ff)}
body.light .list-row{border-bottom-color:#e2d9c6}
body.light [style*="background:#241a08"]{color:#f7f2ff}
body.light [style*="color:#fff"]{color:#241f31!important}
body.light [style*="color:#7CFC9A"]{color:#1d9e4b!important}


/* COMMISSION BOARD (ops queue #1, 2026-10-25) */
.pills{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}
.pill{background:#201a32;color:#e9e2f5;border:1px solid #5c4b72;padding:10px 17px;font-size:12.5px}
.pill:hover{border-color:var(--cyan);color:#fff}
.pill.active{background:linear-gradient(95deg,#fa258e,#ffb82f,#00d9fa);color:#0d0915;border-color:transparent}
.brief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
.brief-card{display:flex;flex-direction:column}
.brief-card h3{font-family:'Syne','Fraunces',serif;font-weight:800;font-size:21px;line-height:1.25;margin:12px 0 4px}
.brief-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.brief-details{color:var(--muted);line-height:1.7;flex:1;margin:0;overflow-wrap:anywhere}
.brief-foot{display:flex;align-items:center;gap:11px;margin-top:18px;padding-top:16px;border-top:1px solid #43364f}
.brief-buyer{display:flex;align-items:center;gap:9px;flex:1;min-width:0}
.brief-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(45deg,#ed2088,#4be7ec);font-size:18px;font-weight:900;color:#fff;flex:none}
.brief-foot .outline{padding:11px 18px;white-space:nowrap}
@media(max-width:1050px){.brief-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.brief-grid{grid-template-columns:1fr}}
body.light .pill{background:#fffdf7;color:#241f31;border-color:#cfc4ac}
body.light .pill:hover{border-color:#0e7490;color:#241f31}
body.light .pill.active{background:linear-gradient(95deg,#fa258e,#ffb82f,#00d9fa);color:#0d0915;border-color:transparent}
body.light .brief-details{color:#5d5570}
body.light .brief-foot{border-top-color:#e2d9c6}

/* IA REORGANIZATION (2026-10-25) — header search, two-tier nav, explore pills, sitemap footer */
.navsearch{display:flex;gap:8px;flex:1 1 230px;max-width:430px;align-items:center;min-width:0}
.navsearch .field{padding:11px 16px;border-radius:100px}
.navsearch button{flex:none}
.navlinks{order:3;width:100%;flex-wrap:nowrap;padding:11px 0 13px;border-top:1px solid #ffffff14;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.navlinks::-webkit-scrollbar{display:none}
.navlinks a{white-space:nowrap}
.pills.scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pills.scroll::-webkit-scrollbar{display:none}
.pills.scroll .pill{flex:none;white-space:nowrap}
.foot-brand{flex:0 1 290px}
.footerflex{align-items:flex-start}
.footer-cols{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:28px;flex:1;min-width:270px}
.foot-col h4{font-family:'Syne','Fraunces',serif;font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff;margin:0 0 12px}
.foot-col a,.foot-col .foot-link{display:block;color:var(--muted);font-size:13px;font-weight:700;padding:4px 0;background:none;border:0;cursor:pointer;text-align:left;font-family:inherit}
.foot-col a:hover,.foot-col .foot-link:hover{color:var(--cyan)}
@media(max-width:720px){.navsearch{order:3;flex:1 1 100%;max-width:none}.navlinks{order:4}.footer-cols{grid-template-columns:repeat(2,1fr)}}
body.light .navlinks{border-top-color:#e3dac8}
body.light .foot-col h4{color:#241f31}
body.light .foot-col a,body.light .foot-col .foot-link{color:#5d5570}
body.light .foot-col a:hover,body.light .foot-col .foot-link:hover{color:#0e7490}
/* RED CARPET — legacy star-page styles (surface retired in the PAIRED build; rules kept, unused) */
.carpet-hero{position:relative;background:radial-gradient(circle at 88% 12%,rgba(255,189,36,.28),transparent 38%),linear-gradient(120deg,rgba(90,6,26,.93),rgba(38,4,20,.94) 55%,rgba(16,3,14,.96)),url('assets/scales-bg-ballpython.jpg') center/cover;padding:74px 0 64px;border-bottom:1px solid #ffbd2455;overflow:hidden}
.carpet-name{filter:drop-shadow(0 0 30px rgba(255,189,36,.30))}
.gold{background:linear-gradient(95deg,#ffedb0,#ffbd24 48%,#ff8a3d);-webkit-background-clip:text;background-clip:text;color:transparent}
.carpet-role{font-family:'Cinzel',serif;font-weight:800;letter-spacing:4px;font-size:clamp(15px,2.2vw,21px);color:#ffd76a;margin:4px 0 16px}
.carpet-frame{position:relative;flex:none;width:min(340px,80vw);margin-top:34px}
.carpet-photo{width:100%;display:block;border-radius:20px;border:3px solid #ffbd24;box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 44px rgba(255,189,36,.25);aspect-ratio:4/4.6;object-fit:cover;object-position:center 22%}
.carpet-crown{position:absolute;top:-64px;left:-46px;width:158px;transform:rotate(-7deg);filter:drop-shadow(0 14px 20px rgba(0,0,0,.55));z-index:2}
.carpet-strip{height:16px;background:linear-gradient(90deg,#6d0a20,#c1122f 30%,#8f0e27 55%,#c1122f 80%,#6d0a20);border-top:2px solid #ffbd24;border-bottom:2px solid #ffbd24}
.lineage-panel{background:linear-gradient(120deg,#2a0a1c,#1a1030);border-color:#8a6a2f}
.carpet-link{color:#ffd76a;text-decoration:underline;text-underline-offset:3px}
.carpet-gallery{grid-template-columns:repeat(2,1fr)}
.steps.carpet-steps{grid-template-columns:repeat(4,1fr)}
@media(max-width:1050px){.steps.carpet-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.carpet-gallery{grid-template-columns:1fr}.steps.carpet-steps{grid-template-columns:1fr}.carpet-crown{width:110px;top:-44px;left:-10px}.carpet-frame{margin-top:52px}}
body.light .lineage-panel{background:linear-gradient(120deg,#3a0e22,#241536);color:#f7eef2}
body.light .lineage-panel .section-title{color:#fff}
body.light .lineage-panel p{color:#e9dfe8}

/* HEADER CLEANUP (queue 2d, 2026-10-25) — one even desktop bar; hamburger sheet below 1024px.
   Replaces the v29 two-tier scroll strip. Later in the file on purpose: these rules
   override the base header rules and the IA-reorganization block above. */
.navbar{flex-wrap:nowrap;row-gap:0;padding-top:0;padding-bottom:0;min-height:76px;gap:20px}
.navlinks{order:0;width:auto;flex-wrap:nowrap;overflow:visible;border-top:0;padding:0;margin-inline:auto;justify-content:center;gap:clamp(16px,2vw,30px)}
.navright{margin-left:0;flex:none;gap:10px}
.navsearch{flex:0 1 200px;max-width:200px;min-width:0}
.navsearch .field{padding:11px 16px;border-radius:100px;min-width:0}
.navsearch .search-go{flex:none;padding:11px 15px;border-radius:100px}
.search-toggle{display:none}
.burger{display:none;font-size:19px;align-items:center;justify-content:center}
.mobile-sheet{display:none}
.sheet-scrim{display:none}
/* Tight desktop band: search collapses to an expanding icon, labels compact */
@media(min-width:1024px) and (max-width:1499px){
 .navbar{gap:14px}
 .navsearch{flex:none;max-width:none}
 .navsearch .field,.navsearch .search-go{display:none}
 .navsearch.open .field{display:block;width:150px;flex:none}
 .navsearch.open .search-go{display:block}
 .search-toggle{display:inline-block}
}
@media(min-width:1024px) and (max-width:1349px){
 .navbar{max-width:none;padding:0 16px}
 .brand{font-size:23px}
 .navlinks{gap:13px;font-size:12px}
 .navright{gap:7px}
 .navright .navicon{width:36px;height:36px}
 .navright .small-btn{padding:10px 13px}
 .navright .sellart{padding:10px 13px!important}
 .navright .hide-mobile{display:none}
}
/* Mobile / tablet: hamburger + dropdown sheet, no sideways nav scrolling */
@media(max-width:1023px){
 .navbar{flex-wrap:nowrap;gap:12px}
 .navlinks{display:none}
 .navsearch{display:none}
 .navright{margin-left:auto}
 .navright .desk{display:none}
 .burger{display:inline-flex}
 .mobile-sheet{display:block;position:absolute;top:100%;left:0;right:0;z-index:2;background:#0b0620f7;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff24;box-shadow:0 30px 50px #00000070;padding:16px 5% 22px;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility .22s}
 .mobile-sheet.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
 .sheet-scrim{display:block;position:fixed;inset:0;z-index:1;background:#05030a9e}
 .sheet-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
 .sheet-title{font-family:'Syne','Fraunces',serif;font-size:12px;font-weight:800;letter-spacing:3px;color:#cfc4e8}
 .sheet-x{width:36px;height:36px;font-size:14px}
 .sheetsearch{display:flex;gap:8px;align-items:center;margin-bottom:8px}
 .sheetsearch .field{padding:12px 16px;border-radius:100px;min-width:0}
 .sheetsearch button{flex:none;padding:12px 16px;border-radius:100px}
 .sheetnav{display:flex;flex-direction:column}
 .sheetnav a{padding:13px 2px;font-size:15px;font-weight:800;letter-spacing:.6px;color:#fff;border-bottom:1px solid #ffffff14}
 .sheetnav a:last-child{border-bottom:0}
 .sheet-utils{display:flex;flex-direction:column;gap:8px;margin-top:14px}
 .sheet-btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#1c1430;border:1px solid #433658;color:#fff;border-radius:14px;padding:13px 16px;font-size:14px;font-weight:800;cursor:pointer}
 .sheet-count{background:var(--pink);color:#fff;font-size:11px;font-weight:900;border-radius:100px;min-width:20px;padding:2px 6px;text-align:center;margin-left:auto}
 .sheet-sell{width:100%;padding:14px;font-size:13px;margin-top:4px}
}
/* Light mode: the sheet reads as a clean cream panel */
body.light .mobile-sheet{background:#fffdf7f9;border-bottom-color:#e3dac8;box-shadow:0 30px 50px #3a2b5233}
body.light .sheet-title{color:#7a6c96}
body.light .sheetnav a{color:#241f31;border-bottom-color:#e9e0cd}
body.light .sheet-btn{background:#ffffff;border-color:#ddd2ba;color:#241f31}
body.light .sheet-scrim{background:#241f3152}
body.light .burger{background:#fffdf7;border-color:#ddd2ba;color:#241f31}

/* HEADER FULL-BLEED FIX (queue 2d follow-up, 2026-10-25) — rendered defect (18:25 MST):
   the six nav links wrapped 3+3 because .shell capped the bar's width and starved the
   single row. The header now owns the full viewport width; MESSAGES is icon-only on
   desktop; search stays icon-collapsed under 1500px; nowrap guards plus fluid clamps
   (gaps / font / search shrink first) make a second line physically impossible. */
.barfull{width:100%;max-width:none;margin:0;padding:0 5%}
@media(min-width:1024px){
 header .navbar{width:100%;max-width:none;margin:0;padding-inline:clamp(14px,1.6vw,40px);flex-wrap:nowrap;gap:clamp(12px,1.2vw,20px)}
 .brand{flex:none;font-size:clamp(23px,1.7vw,29px)}
 .navlinks{flex:0 1 auto;min-width:0;flex-wrap:nowrap;gap:clamp(10px,1.1vw,24px);font-size:clamp(11.5px,.8vw,13px)}
 .navlinks a{flex:none;white-space:nowrap}
 .navright{flex:none;gap:clamp(6px,.6vw,10px)}
 .navright .navicon{width:clamp(36px,2.5vw,40px);height:clamp(36px,2.5vw,40px)}
 .navright [data-action="messages"]{width:clamp(36px,2.5vw,40px);height:clamp(36px,2.5vw,40px);padding:0;border-radius:50%;background:#241d35;border:1px solid #433658;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1}
 .navright [data-action="messages"] .hide-mobile{display:none}
}
@media(min-width:1500px){
 .navsearch{flex:0 1 clamp(150px,11vw,200px);max-width:200px}
}

/* BOARD DEPTH (queue 1b, 2026-10-25) — structured proposals, pipeline stages,
   queue slots, surprise-me briefs. Fee figures labeled "after platform fee". */
.prop-zone{padding:18px 19px;border-bottom:1px solid #43364f;background:#171128}
.proposal-card{border:1px solid #876399;background:#201834;border-radius:15px;padding:18px;margin-bottom:14px}
.prop-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.prop-closed-badge{background:#5c2436;color:#ffb3c2}
.stage-rail{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0 4px}
.stage{font-size:10px;font-weight:900;letter-spacing:1px;padding:6px 10px;border-radius:50px;border:1px solid #5c4b72;color:#a99cbb;background:#171128}
.stage.done{border-color:#2e7d4f;color:#8fe6b0}
.stage.now{border-color:var(--gold);color:#0d0915;background:var(--gold)}
.stage.closed{border-color:#8a3b52;color:#ff9db4}
.stage-arrow{color:#6f6186;font-size:11px}
.prop-items{margin:10px 0}
.prop-item{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px dashed #43364f;font-size:14px}
.prop-item.subtotal{border-bottom:0;font-weight:900}
.prop-addon{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 0;border-bottom:1px dashed #43364f;font-size:14px}
.prop-addon-r{display:flex;align-items:center;gap:10px}
.prop-total{display:flex;justify-content:space-between;font-size:21px;font-weight:900;padding:12px 0 4px}
.prop-fee{color:#cfc4e8;font-size:13px;line-height:1.6;margin:4px 0}
.prop-builder{border:1px dashed #5c4b72;border-radius:15px;padding:18px}
.prop-builder summary{cursor:pointer;font-weight:900;letter-spacing:.5px}
.prop-builder.open{border-style:solid;background:#1b152e}
.prop-offers{display:flex;flex-direction:column;gap:8px;font-size:14px}
.prop-offers label{display:flex;gap:9px;align-items:center;cursor:pointer}
.brief-types{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.type-card{display:block;border:1px solid #5c4b72;border-radius:12px;padding:13px 14px;background:#201a32;cursor:pointer;line-height:1.5}
.type-card b{letter-spacing:1px}
.type-card span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.surprise-badge{background:linear-gradient(95deg,#ffbd24,#ff8a3d);color:#22140a;border-color:transparent}
.slots-chip{border-color:#2e7d4f;color:#b8ffd2}
.slots-chip.full{border-color:#8a6a2f;color:#ffd76a}
@media(max-width:720px){.brief-types{grid-template-columns:1fr}.prop-zone{padding:14px}}
body.light .prop-zone{background:#f7f2e7;border-bottom-color:#e2d9c6}
body.light .proposal-card{background:#fffdf7;border-color:#d9b95c}
body.light .prop-item,body.light .prop-addon{border-bottom-color:#e2d9c6}
body.light .prop-fee{color:#5d5570}
body.light .prop-builder.open{background:#fffdf7}
body.light .type-card{background:#ffffff;border-color:#cfc4ac}
body.light .type-card span{color:#5d5570}
body.light .stage{background:#f1ead9;color:#5d5570;border-color:#cfc4ac}
body.light .stage.now{background:var(--gold);color:#22140a;border-color:#d9a514}
body.light .stage.done{color:#1d7a43;border-color:#7fbf97}
body.light .slots-chip{color:#1d7a43}
body.light .slots-chip.full{color:#8a6a12}

/* FOUNDING 100 (queue 3, 2026-10-25) — recruitment page: honest counter, mix
   lanes, preview-artist wall. Keep figures labeled "after platform fee". */
.f100-hero{background:radial-gradient(circle at 85% 15%,rgba(255,189,36,.30),transparent 40%),radial-gradient(circle at 12% 90%,rgba(124,92,255,.35),transparent 45%),linear-gradient(130deg,rgba(38,18,61,.90),rgba(12,10,28,.86)),url('assets/scales-bg-ballpython.jpg') center/cover}
.f100-bignum{font-family:'Syne','Fraunces',serif;font-size:clamp(44px,6.5vw,68px);line-height:1.05;color:#fff}
.f100-of{font-size:clamp(17px,2.4vw,24px);color:var(--muted);letter-spacing:1px}
.f100-bar{height:14px;border-radius:50px;background:#241a3d;border:1px solid #514269;overflow:hidden;margin-top:14px}
.f100-fill{height:100%;background:linear-gradient(90deg,#35D07F,#FFC53D,#FF6B57);border-radius:50px}
.mix-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.f100-lane-num{font-family:'Syne','Fraunces',serif;font-size:40px;color:var(--gold,#FFC53D);line-height:1}
.lane-bar{height:9px;border-radius:50px;background:#241a3d;border:1px solid #514269;overflow:hidden}
.lane-fill{height:100%;background:linear-gradient(90deg,#35D07F,#4CC9F0);border-radius:50px}
.f100-artist .art-card{box-shadow:none}
@media(max-width:1050px){.mix-lanes{grid-template-columns:1fr}}
body.light .f100-bignum{color:#241f31}
body.light .f100-bar,body.light .lane-bar{background:#f1ead9;border-color:#ddd2ba}
body.light .f100-hero{background:radial-gradient(circle at 85% 15%,rgba(255,189,36,.35),transparent 40%),linear-gradient(130deg,rgba(255,253,248,.92),rgba(255,253,248,.86)),url('assets/scales-bg-ballpython.jpg') center/cover}

/* SHARE CARDS (queue 4) */
.share-overlay{position:fixed;inset:0;z-index:90;background:rgba(5,3,12,.8);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}
.share-sheet{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:20px;max-width:660px;width:100%;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.share-sheet h3{font-family:'Syne','Fraunces',serif;letter-spacing:1px;margin:0 44px 6px 0;color:#fff}
.share-preview{width:100%;height:auto;border-radius:12px;border:1px solid var(--line);display:block;margin:16px 0}
.share-row{display:flex;flex-wrap:wrap;gap:10px}
.share-row .primary,.share-row .outline{flex:1 1 150px;display:inline-flex;align-items:center;justify-content:center;text-align:center;margin-top:0}
.share-x{position:absolute;top:14px;right:14px;padding:8px 13px;border-radius:50px}
body.light .share-sheet{background:#fffdf7}
body.light .share-sheet h3{color:#241f31}

/* ——— PWA STAGE 0 — install coaching bar ——— */
.install-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom));z-index:90;width:min(580px,calc(100vw - 24px));display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.install-bar[hidden]{display:none}
.install-copy{flex:1;display:flex;flex-direction:column;gap:3px;font-size:13px;line-height:1.5;color:var(--muted);min-width:0}
.install-copy b{color:var(--light);font-size:14.5px}
.install-copy span b{color:var(--cyan);font-size:13px}
.install-bar .primary{padding:12px 20px;white-space:nowrap}
.install-bar .small-btn{white-space:nowrap}
.install-x{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#252036;color:#fff;font-size:13px;line-height:1;display:grid;place-items:center}
body.light .install-bar{background:#fffdf7;border-color:#ddd2ba;box-shadow:0 18px 50px rgba(60,40,90,.25)}
body.light .install-copy{color:#5c5470}
body.light .install-copy b{color:#241f31}
body.light .install-x{background:#efe9db;color:#241f31;border-color:#cfc4ac}
@media(max-width:560px){.install-bar{gap:10px;padding:12px}.install-copy{font-size:12.5px}}

/* ADDICTION LOOP (queue 10, 2026-10-25) — Fresh Today rail, Your Board, real alerts.
   Every number on these surfaces traces to a stored local record; nothing is invented. */
.fresh-sec{background:#0d0a1a}
.fresh-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.fresh-tile{display:flex;flex-direction:column;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;color:var(--light);text-decoration:none;transition:transform .2s}
.fresh-tile:hover{transform:translateY(-3px);border-color:var(--purple)}
.fresh-tile b{font-size:16px;line-height:1.35;color:#fff}
.fresh-k{font-size:10.5px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold)}
.fresh-s{font-size:12.5px;color:var(--muted);line-height:1.5}
.fresh-art{height:86px;border-radius:11px;display:grid;place-items:center;font-size:42px;margin-bottom:4px}
.your-board{margin:0 0 26px}
.world-badge{background:#123f2a;color:#b8ffd2;border-color:#2f7a4d}
.alert-row{display:flex;gap:13px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #43364f}
.alert-row:last-child{border-bottom:0}
.alert-ic{font-size:21px;flex:none;width:40px;height:40px;border-radius:50%;background:#241d35;border:1px solid #433658;display:grid;place-items:center}
body.light .fresh-sec{background:#efe9db}
body.light .fresh-tile{background:#fffdf7;border-color:#ddd2ba;color:#241f31}
body.light .fresh-tile b{color:#241f31}
body.light .alert-ic{background:#efe9db;border-color:#cfc4ac}
body.light .alert-row{border-bottom-color:#e2d9c6}

/* MEMBERSHIP + SERPENT CIRCLE PERFECTION PASS (2026-10-26) — promise bar, comparison table, Circle, fee-stack strip */
.promise-bar{display:flex;gap:16px;align-items:center;border:2px solid var(--gold);background:#221a08;border-radius:18px;padding:18px 22px;margin-bottom:24px}
.promise-bar .promise-mark{font-family:'Syne','Fraunces',serif;font-weight:800;color:var(--gold);white-space:nowrap;letter-spacing:.5px}
.promise-bar p{line-height:1.65;color:#f0e9d8}
.promise-bar b{color:#fff}
.tier-blurb{color:var(--muted);line-height:1.6;font-size:13.5px;margin:10px 0 2px}
.compare-panel{margin-top:22px}
.compare-wrap{overflow-x:auto}
table.compare{width:100%;border-collapse:collapse;min-width:560px}
.compare th,.compare td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;line-height:1.5}
.compare tr:first-child th{font-family:'Syne','Fraunces',serif;color:#fff;border-bottom:2px solid var(--purple)}
.compare th[scope="row"]{color:var(--muted);font-weight:600;white-space:nowrap}
.compare td{color:#e8e1f2}
.circle-list{list-style:none;padding:0;display:grid;gap:18px}
.circle-list li{display:grid;gap:4px;justify-items:start}
.circle-list b{color:#fff;font-size:16px}
.circle-list span{color:var(--muted);line-height:1.6}
.launch-tag{font-style:normal;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);border-radius:999px;padding:2px 9px}
.stack-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.stack-col{border:1px solid var(--line);border-radius:16px;padding:20px;background:#17122a}
.stack-col.ours{border-color:var(--purple)}
.stack-col h4{font-family:'Syne','Fraunces',serif;margin-bottom:10px;color:#fff}
.stack-col ul{color:#e1d9ec;line-height:1.9;padding-left:20px;font-size:14px}
@media(max-width:820px){.stack-cols{grid-template-columns:1fr}.promise-bar{flex-direction:column;align-items:flex-start;gap:6px}}
body.light .promise-bar{background:#fdf3d8;border-color:#d9a92c}
body.light .promise-bar p{color:#4a3f16}
body.light .promise-bar b{color:#241f31}
body.light .tier-blurb{color:#5d5570}
body.light .compare th,body.light .compare td{border-bottom-color:#e2d9c6}
body.light .compare tr:first-child th{color:#241f31}
body.light .compare th[scope="row"]{color:#5d5570}
body.light .compare td{color:#3c3550}
body.light .circle-list b{color:#241f31}
body.light .circle-list span{color:#5d5570}
body.light .stack-col{background:#fffdf7}
body.light .stack-col h4{color:#241f31}
body.light .stack-col ul{color:#3c3550}

/* ARTIST SPOTLIGHT (queue 5, 2026-10-26) — the weekly stage + past-spotlight rail */
.spot-stage{border-radius:25px;background:radial-gradient(circle at 92% 0%,#e42e8c55,transparent 36%),radial-gradient(circle at 8% 110%,#2bd6e438,transparent 42%),linear-gradient(130deg,#211a3f,#2f1345);border:1px solid #58436f;padding:44px;display:flex;gap:34px;align-items:flex-start}
.spot-avatar{width:158px;height:158px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:80px;background:linear-gradient(45deg,#ed2088,#4be7ec);border:4px solid var(--gold);box-shadow:0 18px 44px rgba(0,0,0,.45)}
.spot-main{flex:1;min-width:0}
.spot-name{font-family:'Syne','Fraunces',serif;font-weight:900;font-size:clamp(38px,5.4vw,64px);line-height:1;margin:12px 0 6px;text-transform:uppercase}
.spot-past{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.spot-past-tile{display:flex;flex-direction:column;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;color:var(--light);text-decoration:none;transition:transform .2s}
.spot-past-tile:hover{transform:translateY(-3px);border-color:var(--purple)}
.spot-past-tile b{font-size:16px;line-height:1.35;color:#fff}
body.light .spot-stage{background:linear-gradient(130deg,#ffeef8,#e8f6ff);border-color:#e2d9c6}
body.light .spot-past-tile{background:#fffdf7;border-color:#ddd2ba;color:#241f31}
body.light .spot-past-tile b{color:#241f31}
@media(max-width:720px){.spot-stage{flex-direction:column;padding:28px}.spot-avatar{width:118px;height:118px;font-size:58px}}

/* PROOF-OF-SELLING STUDIO (queue 7, 2026-10-26) — numbers, pipeline, standing */
.studio-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:17px}
.studio-move{border:2px solid var(--gold);background:linear-gradient(130deg,#241a08,#1a1630)}
.studio-door{max-width:640px;margin:auto}
.pipe-group{padding:12px 0 2px}
.pipe-group + .pipe-group{border-top:1px dashed #43364f;margin-top:10px}
.pipe-head{font-family:'Syne','Fraunces',serif;letter-spacing:1px;font-size:16px;color:#fff;margin-bottom:2px}
body.light .studio-move{background:linear-gradient(130deg,#fdf3d8,#fffdf7)}
body.light .pipe-head{color:#241f31}
body.light .pipe-group + .pipe-group{border-top-color:#e2d9c6}
@media(max-width:720px){.studio-stats{grid-template-columns:1fr 1fr}}

/* SELLER-INTENT SEO PAGES (queue 8, 2026-10-26) — sell-art-online / etsy-alternative / commissions */
.answer-block{border:2px solid var(--purple);background:linear-gradient(130deg,#1e1538,#181328)}
.answer-block p{font-size:17px;line-height:1.8;color:#f2ecfc;max-width:920px;margin:10px 0 2px}
.steps-four{grid-template-columns:repeat(2,1fr)}
.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.guide-card{display:flex;flex-direction:column;gap:7px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;transition:transform .2s}
.guide-card:hover{transform:translateY(-3px);border-color:var(--purple)}
.guide-card b{font-family:'Syne','Fraunces',serif;font-size:17px;letter-spacing:.5px;color:#fff}
.guide-card span{color:var(--muted);line-height:1.6;font-size:13.5px}
.guide-card em{font-style:normal;font-weight:900;font-size:12px;color:var(--cyan);letter-spacing:1px;margin-top:4px}
body.light .answer-block{background:linear-gradient(130deg,#f3eafd,#fffdf7);border-color:#c9a7f5}
body.light .answer-block p{color:#332a4a}
body.light .guide-card{background:#fffdf7;border-color:#ddd2ba}
body.light .guide-card b{color:#241f31}
body.light .guide-card span{color:#5d5570}
@media(max-width:720px){.steps-four,.guide-grid{grid-template-columns:1fr}}

/* DROP EVENTS (ops queue #9, 2026-10-26) */
.dropbar-sec{padding:30px 0 0}
.dropbar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(95deg,#fa258e,#ffb82f,#00d9fa);color:#0d0915;border-radius:100px;padding:13px 24px;font-weight:900;letter-spacing:.6px;font-size:13px;box-shadow:0 9px 35px #ed2c8b42}
.dropbar:hover{filter:brightness(1.08)}
.dropbar-go{flex:none;letter-spacing:1px}
.drop-count{font-family:'Syne','Fraunces',serif;font-size:clamp(28px,4.2vw,50px);font-weight:900;line-height:1.05;color:var(--gold)}
body.light .drop-count{color:#b97f06}
@media(max-width:720px){.dropbar{border-radius:20px;flex-wrap:wrap}}

/* ════════════════════════════════════════════════════════════════════════
   DESIGN SYSTEM V4 — DARK GALLERY (Phase 1, 2026-10-30; consult:
   CONSULT-2026-10-30-CHATGPT-OVERHAUL.md). Appended last on purpose: these
   rules retire the rainbow-scale page background system and the neon token
   palette without rewriting the component rules above.
   Tokens: Obsidian #111316 · Graphite #24272A · Bone #F4F0E8 ·
   Champagne #BDA579 (restrained accent) · Acid lime #AFED66 (the single
   primary action per surface at most). Headlines: Fraunces serif display,
   legacy serif as fallback. No glowing body text, no rainbow buttons, no
   constant gradients. ════════════════════════════════════════════════════ */
:root{--ink:#111316;--surface:#17191D;--panel:#24272A;--line:#3B3F45;--light:#F4F0E8;--muted:#A79E8E;--pink:#BDA579;--cyan:#BDA579;--lime:#AFED66;--gold:#BDA579;--purple:#7A6A52;--champagne:#BDA579;--acid:#AFED66;--bone:#F4F0E8;--obsidian:#111316;--graphite:#24272A}
body{background-color:var(--ink);background-image:radial-gradient(1200px 620px at 85% -5%,rgba(189,165,121,.07),transparent 60%),radial-gradient(900px 520px at -10% 30%,rgba(189,165,121,.05),transparent 55%);background-size:auto;background-attachment:fixed;color:var(--light)}
/* Header identity — the white snake sigil + wordmark lead; no mascot, no rainbow */
.topbar{background:#0B0D0F;color:var(--bone);border-bottom:1px solid #2A2D31}
.topbar span{color:var(--champagne)}
header{background:rgba(17,19,22,.93);border-bottom:1px solid #2E3237}
.brand{font-family:'Fraunces',serif;font-weight:600;letter-spacing:.4px;background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--bone);text-shadow:none}
/* Buttons — champagne or bone-on-obsidian; acid reserved via .cta-acid */
.primary{background:var(--champagne);color:#111316;box-shadow:0 8px 24px rgba(0,0,0,.35);text-transform:uppercase}
.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
.cta-acid{background:var(--acid);color:#131603}
.outline{border:1px solid #6E6455;background:rgba(36,39,42,.55);color:var(--bone);text-transform:uppercase}
.small-btn{background:#24272A;color:var(--bone);border:1px solid #3B3F45}
.navicon{background:#24272A;border-color:#3B3F45;color:var(--bone)}
.count{background:var(--champagne);color:#111316}
.pill{background:#1C1F23;border-color:#3B3F45;color:#E8E2D4}
.pill:hover{border-color:var(--champagne);color:#fff}
.pill.active{background:var(--champagne);color:#111316;border-color:transparent}
.dropbar{background:var(--champagne);color:#111316;box-shadow:0 9px 30px rgba(0,0,0,.35)}
.surprise-badge{background:var(--champagne);color:#17140A;border-color:transparent}
.f100-fill,.lane-fill{background:var(--champagne)}
/* Type — serif display headlines; gradient text retired */
.hero h1,.section-title,.page-title,.spot-name,.detail-side h1,.tier h3{font-family:'Fraunces',serif}
.paint{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--champagne)}
.gold{background:none;-webkit-background-clip:initial;background-clip:initial;color:#D3B578}
.eyebrow{color:var(--champagne)}
.text-link{color:var(--champagne)}
.proof b{color:var(--champagne)}
/* Surfaces — graphite panels on obsidian */
.section.alt{background:#14161A}
.footer{background:#0B0D0F;border-top-color:#2E3237}
.art-card{background:#1B1E22;border-color:#33373D}
.step{background:#1B1E22;border-color:#3B3F45}
.step .number{font-family:'Fraunces',serif}
.tier{background:#1B1E22}
.stat{background:#1B1E22;border-color:#3B3F45}
.panel{background:#1E2126}
.field,select,textarea{background:#1B1E22;border-color:#454A51}
.category:nth-child(n){background:#24272A}
.category:hover{border-color:var(--champagne)}
.artist-avatar,.brief-avatar{background:#33373D;color:var(--bone)}
.spot-avatar{background:#33373D;border-color:var(--champagne)}
.artist-spot{background:#1B1E22;border:1px solid #33373D}
.spot-stage{background:#1B1E22;border-color:#3B3F45}
.banner{background:#1B1E22;border:1px solid #3B3F45}
.bubble{background:#2A2E33}
.bubble.mine{background:var(--champagne);color:#17181A}
.chat-main{background:#17191D}
.chat-list{background:#1B1E22}
.chat-contact.active{background:#2C2A24}
.prop-zone{background:#17191D}
.proposal-card{background:#1B1E22;border-color:#57503F}
.stack-col{background:#1B1E22}
.answer-block{background:#1B1E22;border-color:#57503F}
.fresh-sec{background:#0C0E10}
.notice{background:#26221A;border-color:#57503F;color:#EDE4CB}
.drop-count{color:var(--champagne)}
.mobile-sheet{background:rgba(14,16,19,.97)}
.sheet-btn{background:#1B1E22;border-color:#3B3F45}
.install-x{background:#24272A}
/* Page heroes — dark gallery architecture, no scales photograph */
.page-hero{background:radial-gradient(820px 420px at 85% 0%,rgba(189,165,121,.12),transparent 55%),linear-gradient(135deg,#1B1E22,#111316);border-bottom:1px solid #33373D}
.f100-hero{background:radial-gradient(circle at 85% 15%,rgba(189,165,121,.22),transparent 42%),linear-gradient(130deg,#1B1E22,#111316)}
.carpet-hero{background:radial-gradient(circle at 88% 12%,rgba(255,189,36,.20),transparent 38%),linear-gradient(120deg,rgba(74,10,24,.96),rgba(30,6,18,.97) 55%,rgba(14,3,12,.98));border-bottom-color:#8A6A2F}
/* HERO — one cinematic dark-gallery hero, real catalog artwork featured */
.hero{min-height:660px;background:radial-gradient(1020px 540px at 82% 6%,rgba(189,165,121,.16),transparent 55%),linear-gradient(180deg,#16181C 0%,#111316 80%)}
.hero:after{background:linear-gradient(transparent,#111316)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:54px;align-items:center;width:100%;position:relative;z-index:1}
.hero h1{font-size:clamp(32px,11vw,84px);line-height:1.02;letter-spacing:-1px;max-width:640px;margin:24px 0 20px;color:var(--bone);overflow-wrap:break-word}
.hero-sub{font-size:18px;line-height:1.75;color:#D9D2C2;max-width:520px;margin:0}
.hero-feature{margin:0;background:#1B1E22;border:1px solid #3B3F45;padding:14px;border-radius:6px;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.hero-art{display:grid;place-items:center;position:relative;overflow:hidden;border-radius:3px;text-decoration:none}
.hero-art .art-symbol{font-size:170px;filter:drop-shadow(0 18px 26px rgba(0,0,0,.45));transform:rotate(-6deg)}
.hero-feature figcaption{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:14px 4px 4px}
.hero-feature figcaption b{font-family:'Fraunces',serif;font-size:21px;color:var(--bone);display:block;line-height:1.2}
.hero-feature figcaption span{color:var(--muted);font-size:12.5px}
.hero-price{font-size:22px;font-weight:900;color:var(--champagne);white-space:nowrap}
@media(max-width:900px){.hero{min-height:0;padding:54px 0 62px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:34px}.hero-art .art-symbol{font-size:120px}}
/* CO-FOUNDERS — two cards, side by side on desktop, stacked on mobile */
.founders-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.founder-card{padding:34px}
.founder-photo{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 22%;border-radius:14px;display:block;margin-bottom:22px}
.founder-card h3{font-family:'Fraunces',serif;font-size:30px;margin:0 0 4px;color:var(--bone)}
.founder-role{font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:var(--champagne);margin:0 0 14px}
.founder-card>p{line-height:1.75;color:#D9D2C2;margin:0}
@media(max-width:720px){.founders-grid{grid-template-columns:1fr}}
/* LIGHT MODE — bone/graphite gallery (dark gallery stays primary) */
body.light{background-image:radial-gradient(1200px 620px at 85% -5%,rgba(189,165,121,.12),transparent 60%);background-color:#F4F0E8;color:#23262A}
body.light header{background:rgba(244,240,232,.95);border-bottom-color:#D8CFBB}
body.light .topbar{background:#E9E2D2;color:#3E3A30;border-bottom-color:#D8CFBB}
body.light .topbar span{color:#7A6234}
body.light .brand{color:#1C1E20}
body.light 
body.light .hero{background:radial-gradient(1020px 540px at 82% 6%,rgba(189,165,121,.20),transparent 55%),linear-gradient(180deg,rgba(239,233,219,.88),rgba(244,240,232,.96)),url('assets/plate-pandora.webp') center/cover no-repeat,#F4F0E8}
body.light .hero:after{background:linear-gradient(transparent,#F4F0E8)}
body.light .hero h1{color:#17181A}
body.light .hero-sub{color:#4A463C}
body.light .hero-feature{background:#FFFDF6;border-color:#D8CFBB}
body.light .hero-feature figcaption b{color:#1C1E20}
body.light .page-hero{background:radial-gradient(820px 420px at 85% 0%,rgba(189,165,121,.16),transparent 55%),linear-gradient(135deg,#EFE9DB,#F4F0E8);border-bottom-color:#D8CFBB}
body.light .f100-hero{background:radial-gradient(circle at 85% 15%,rgba(189,165,121,.30),transparent 42%),linear-gradient(130deg,#EFE9DB,#F4F0E8)}
body.light .section.alt{background:#EBE4D3}
body.light .footer{background:#EFE9DB;border-top-color:#D8CFBB}
body.light .category{background:#FFFDF6;color:#23262A;border-color:#D8CFBB}
body.light .banner,body.light .artist-spot,body.light .spot-stage{background:#FFFDF6;border-color:#D8CFBB}
body.light .bubble.mine{background:var(--champagne);color:#17181A}
body.light .founder-card h3{color:#1C1E20}
body.light .founder-card>p{color:#4C4560}
body.light .mobile-sheet{background:rgba(255,253,247,.98)}

/* ============ PHASE 2 — AI ART DROP (Design System V4) ============ */
/* HERO atmosphere — the AI gallery plate sits behind the copy as a CSS
   background layer; a stacked obsidian gradient (80% -> 95%) keeps the
   headline crisp. The featured REAL artwork card is unchanged. */
.hero{background:linear-gradient(180deg,rgba(13,14,16,.80) 0%,rgba(13,14,16,.64) 46%,rgba(17,19,22,.95) 100%),url('assets/plate-pandora.webp') center/cover no-repeat,radial-gradient(1020px 540px at 82% 6%,rgba(189,165,121,.16),transparent 55%),linear-gradient(180deg,#16181C 0%,#111316 80%)}
/* CATEGORY TILES — AI scene art fills the tile; the label rides a bottom
   gradient scrim. NO-CLIP at 390px, by construction: (1) the label is
   absolutely positioned with left:0/right:0, so its box can never be wider
   than the tile; (2) white-space stays normal and overflow-wrap:break-word
   lets a long name wrap inside the tile instead of running past its edge;
   (3) the font is clamp()ed (15px at phone widths), so "PHOTOGRAPHY" fits
   one line and "CUSTOM PORTRAITS" wraps cleanly to two lines on the scrim;
   (4) the tile keeps overflow:hidden and a fixed min-height, so wrapped
   labels stay inside; (5) the image is position:absolute, so it can never
   push the label out of the tile (the old emoji + 21px strong could). */
.category:nth-child(n){background:#111316}
.category{padding:0;min-height:190px}
.category .cat-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.category .cat-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,11,13,0) 34%,rgba(10,11,13,.66) 68%,rgba(10,11,13,.92) 100%)}
.category .cat-label{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:30px 14px 13px;font-family:'Fraunces',serif;font-weight:700;font-size:clamp(14px,1.4vw,19px);line-height:1.14;letter-spacing:.4px;text-transform:uppercase;color:var(--bone);overflow-wrap:break-word;min-width:0;text-align:left}
.category .cat-arrow{color:var(--acid)}
@media(max-width:720px){.category{min-height:158px}.category .cat-label{font-size:15px;padding:26px 12px 11px}}
/* Typographic glyph slots (emoji purge) — champagne brand marks */
.art-symbol{color:rgba(189,165,121,.9)}
.detail-art{color:rgba(189,165,121,.55)}
.list-thumb{color:rgba(189,165,121,.9)}
.fresh-art{color:rgba(189,165,121,.9)}
.tag{color:#EDE4CB}
/* Top Sellers medals — styled numerals in rank-color rings */
.medal-num{width:56px;height:56px;margin:0 auto;border:2px solid;border-radius:50%;display:grid;place-items:center;font-family:'Fraunces',serif;font-size:23px;font-weight:700;background:rgba(17,19,22,.55)}
/* FOUNDERS — AI gallery-plate band behind the headline + plaque cards */
.page-hero.founders-hero{background:linear-gradient(180deg,rgba(13,14,17,.68),rgba(13,14,17,.93)),url('assets/founders-plate.webp') center 32%/cover no-repeat,#111316;border-bottom:1px solid rgba(189,165,121,.4)}
body.light .page-hero.founders-hero{background:linear-gradient(180deg,rgba(244,240,232,.84),rgba(244,240,232,.95)),url('assets/founders-plate.webp') center 32%/cover no-repeat,#F4F0E8}
.founder-card{border:1px solid rgba(189,165,121,.55);box-shadow:inset 0 0 0 1px rgba(17,19,22,.85),inset 0 0 0 3px rgba(189,165,121,.20)}
.founder-photo{border:1px solid rgba(189,165,121,.65);outline:1px solid rgba(189,165,121,.25);outline-offset:5px;border-radius:4px}
.founder-card h3{letter-spacing:.6px}
.founder-role{border-top:1px solid rgba(189,165,121,.45);padding-top:11px}

/* ════════════════════════════════════════════════════════════════════════
   V5 PRISM — the color-and-art intensity pass (2026-10-30). Founder order:
   "more colors, nothing broken… a real artist effect… like the movie
   Avatar — intense color and scenes." Palette: bioluminescent — glowing
   teal / violet / magenta on deep blue-black. Base stays obsidian, body
   text stays bone; color lives in art, accents, glows.
   Hue map: Painting #FF5C8A · Digital Art #8B7CFF · Illustration #FFB84D ·
   Photography #39D0C4 · Sculpture #FF8A5C · Custom Portraits #FF7AD9 ·
   Pet Portraits #FFD166 · Mixed Media / All Art = the prism gradient.
   Transactional surfaces (detail, messages, cart) stay restrained:
   no hue glows there — the artwork is the color. ════════════════════════ */
:root{--prism:linear-gradient(90deg,#FF5C8A,#FFB84D,#AFED66,#39D0C4,#8B7CFF)}
/* — Ambient bioluminescent layer: fixed, behind content, static — */
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(920px 620px at 6% -6%,rgba(109,72,246,.20),transparent 60%),radial-gradient(840px 620px at 97% 108%,rgba(24,207,196,.13),transparent 62%),radial-gradient(640px 430px at 79% 10%,rgba(255,64,168,.07),transparent 60%),radial-gradient(720px 520px at 16% 90%,rgba(52,101,255,.09),transparent 60%)}
body.light::before{background:radial-gradient(920px 620px at 6% -6%,rgba(189,165,121,.16),transparent 60%),radial-gradient(840px 620px at 97% 108%,rgba(57,160,150,.08),transparent 62%),radial-gradient(640px 430px at 79% 10%,rgba(214,51,132,.05),transparent 60%)}
/* — Syne display type: wordmark, headlines, card titles. Serif (Fraunces)
     remains for prices and pull-quotes / editorial accents only. — */
.brand,.hero h1,.section-title,.page-title,.spot-name,.detail-side h1,.tier h3,.art-body h3,.brief-card h3,.drop-count,.f100-bignum{font-family:'Syne','Fraunces',serif;letter-spacing:-.01em}
.art-body h3{font-weight:700}
.price,.hero-price,.detail-price,.tier .amount,.stat b,.medal-num{font-family:'Fraunces',serif}
[style*="font-style:italic"]{font-family:'Fraunces',serif}
/* — Prism text + glow dividers between sections — */
.prism-text,.you-prism{background:var(--prism);-webkit-background-clip:text;background-clip:text;color:transparent}
main>.section{position:relative}
main>.section::before{content:'';position:absolute;top:0;left:5%;right:5%;height:1px;background:var(--prism);opacity:.26;pointer-events:none;z-index:2}
/* — Ticker: hue-rotating ✦ separators — */
.tick i{font-style:normal}
.tick i:nth-of-type(1){color:#FF5C8A}
.tick i:nth-of-type(2){color:#39D0C4}
/* — Aspect-ratio media discipline (the grid-break cure): every media box
     has an explicit aspect-ratio, position:relative, and its img absolute
     inset:0 object-fit:cover; grids align-items:start so no item can be
     stretched by its row. A box's height is a pure function of its width. — */
.categories,.art-grid{align-items:start}
.category{aspect-ratio:4/3;min-height:0}
@media(max-width:720px){.category{aspect-ratio:1/1;min-height:0}}
.art-img{height:auto;aspect-ratio:4/3;width:100%}
.art-img .art-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cat-scrim{background:linear-gradient(180deg,rgba(10,11,13,0) 30%,color-mix(in srgb,var(--h,#111316) 24%,rgba(10,11,13,.62)) 68%,rgba(10,11,13,.93) 100%)}
.cat-star{color:var(--h,var(--champagne))}
.detail-art{height:auto;aspect-ratio:4/3;width:100%}
.detail-art .art-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.detail-band{height:290px;background-size:cover;background-position:center;position:relative;border-bottom:1px solid #33373D;margin-bottom:0}
.detail-band::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,19,22,.22),rgba(17,19,22,.88))}
.fresh-art{height:auto;aspect-ratio:16/10;width:100%;overflow:hidden;position:relative}
.fresh-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.list-thumb{height:auto;aspect-ratio:1/1;overflow:hidden;position:relative}
.list-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.acct-photo{aspect-ratio:1/1;border-radius:10px;overflow:hidden;display:grid;place-items:center;font-size:30px;position:relative;background:#24272A}
.acct-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* — Card + button prism accents — */
.art-card:hover{border-color:var(--card-hue,var(--champagne));box-shadow:0 16px 38px rgba(0,0,0,.5)}
.cat-name{font-weight:700}
.primary:hover{box-shadow:0 12px 34px rgba(139,124,255,.35),0 6px 18px rgba(255,92,138,.22)}
.pill.active{background:var(--pill-hue,var(--champagne))}
.pill.active[data-prism]{background:var(--prism)}
.brief-meta .dollar{color:var(--acid);font-weight:900}
/* — Rotating section eyebrows (home) + section hue washes — */
.eb-pink{color:#FF5C8A}.eb-violet{color:#8B7CFF}.eb-teal{color:#39D0C4}.eb-amber{color:#FFB84D}.eb-rose{color:#FF7AD9}.eb-lime{color:#AFED66}.eb-gold{color:#FFD166}
body.light .eb-pink{color:#C2255C}body.light .eb-violet{color:#5B4BC4}body.light .eb-teal{color:#0B7A74}body.light .eb-amber{color:#9A6A06}body.light .eb-rose{color:#C2257A}body.light .eb-lime{color:#4C7A0D}body.light .eb-gold{color:#9A6A06}
.wash-violet{background:linear-gradient(rgba(139,124,255,.07),rgba(139,124,255,.07)),#14161A}
.wash-rose{background:linear-gradient(rgba(255,92,138,.055),rgba(255,92,138,.055)),#14161A}
.wash-amber{background:linear-gradient(rgba(255,184,77,.055),rgba(255,184,77,.055)),#111316}
.wash-teal{background:linear-gradient(rgba(57,208,196,.06),rgba(57,208,196,.06)),#0C0E10}
body.light .wash-violet{background:linear-gradient(rgba(139,124,255,.10),rgba(139,124,255,.10)),#EBE4D3}
body.light .wash-rose{background:linear-gradient(rgba(255,92,138,.07),rgba(255,92,138,.07)),#EBE4D3}
body.light .wash-amber{background:linear-gradient(rgba(255,184,77,.09),rgba(255,184,77,.09)),#F4F0E8}
body.light .wash-teal{background:linear-gradient(rgba(57,208,196,.09),rgba(57,208,196,.09)),#EFE9DB}
/* — Per-route page-hero hue identity (tint keyed by --ph) — */
.page-hero{background:radial-gradient(820px 420px at 85% 0%,color-mix(in srgb,var(--ph,#BDA579) 16%,transparent),transparent 55%),linear-gradient(135deg,#1B1E22,#111316)}
body.light .page-hero{background:radial-gradient(820px 420px at 85% 0%,color-mix(in srgb,var(--ph,#BDA579) 20%,transparent),transparent 55%),linear-gradient(135deg,#EFE9DB,#F4F0E8)}
/* — Grotto scene bands (Board header, Membership) — */
.page-hero.grotto-hero{background:linear-gradient(180deg,rgba(9,12,17,.80),rgba(9,12,17,.93)),url('assets/plate-grotto.webp') center/cover no-repeat,#0B0E13;border-bottom:1px solid rgba(57,208,196,.35)}
.grotto-band{position:relative;background:linear-gradient(180deg,rgba(9,12,17,.89),rgba(9,12,17,.95)),url('assets/plate-grotto.webp') center/cover no-repeat,#0B0E13}
.grotto-band .shell{position:relative;z-index:1}
.grotto-band .tier,.grotto-band .panel{background:rgba(27,30,34,.92)}
body.light .page-hero.grotto-hero{background:linear-gradient(180deg,rgba(244,240,232,.86),rgba(244,240,232,.95)),url('assets/plate-grotto.webp') center/cover no-repeat,#F4F0E8}
body.light .grotto-band{background:linear-gradient(180deg,rgba(244,240,232,.90),rgba(244,240,232,.96)),url('assets/plate-grotto.webp') center/cover no-repeat,#F4F0E8}
body.light .grotto-band .tier,body.light .grotto-band .panel{background:rgba(255,253,246,.94)}
/* — HERO SPOTLIGHT: stacked crossfade slides, sheen sweep, controls,
     and an ambient glow keyed to the piece on stage (--spot-hue) — */
.hero-feature{box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 96px -16px var(--spot-hue,#BDA579)}
.hero-art{height:auto;aspect-ratio:4/3;width:100%;display:block}
.hero-art-link{position:absolute;inset:0;display:block;z-index:1}
.hero-art .spot-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .9s ease}
.hero-art .spot-img.on{opacity:1}
.hero-art .art-overlay{z-index:2}
.hero-art .tag{z-index:3}
.sheen{position:absolute;inset:0;z-index:2;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.15) 48%,transparent 64%);transform:translateX(-130%);animation:pp-sheen 7.5s ease-in-out infinite;pointer-events:none}
@keyframes pp-sheen{0%,58%{transform:translateX(-130%)}88%,100%{transform:translateX(130%)}}
.spot-ctl{position:absolute;left:0;right:0;bottom:12px;z-index:4;display:flex;align-items:center;justify-content:center;gap:14px}
.spot-arrow{width:34px;height:34px;border-radius:50%;border:1px solid rgba(244,240,232,.55);background:rgba(13,14,17,.62);color:var(--bone);font-size:19px;line-height:1;display:grid;place-items:center;cursor:pointer}
.spot-arrow:hover{border-color:var(--acid);color:var(--acid)}
.spot-dots{display:flex;gap:8px;align-items:center}
.spot-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(244,240,232,.65);background:rgba(13,14,17,.5);padding:0;cursor:pointer}
.spot-dot.on{background:var(--acid);border-color:var(--acid)}
/* — Monogram medallions (avatar emoji replacement): champagne ring,
     graphite fill, serif initials — the brief-card letter-avatar pattern,
     promoted to the house standard. — */
.avatar-mono{font-family:'Fraunces',serif;font-weight:700;letter-spacing:.4px;background:#33373D;color:var(--champagne);border:2px solid rgba(189,165,121,.65)}
.spot-avatar.avatar-mono{font-family:'Fraunces',serif}
body.light .avatar-mono{background:#EFE9DB;color:#7A6234;border-color:#B7A888}
/* — Reduced motion: no sweep, no crossfade easing (JS also stops the
     auto-advance); the ambient layer is static by construction. — */
@media (prefers-reduced-motion: reduce){
 .sheen{animation:none;display:none}
 .hero-art .spot-img{transition:none}
 .art-card,.category,.fresh-tile,.spot-past-tile,.guide-card{transition:none}
}

/* ===== V5.5 BRAND MARK (Addendum 5) ===== */
.brand-emblem{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none;background:#000}
.brand{font-weight:800;white-space:nowrap}
.brand-py{background:var(--prism);-webkit-background-clip:text;background-clip:text;color:transparent}
.foot-sigil{width:64px;height:64px;object-fit:contain;display:block;margin:0 0 14px;opacity:.92}
.foot-brand .brand{font-size:22px}
.foot-brand .brand-emblem{width:30px;height:30px}
button[data-action="contact"]{white-space:nowrap}
@media(max-width:720px){.brand{font-size:19px;gap:7px}.brand-emblem{width:34px;height:34px}.foot-brand .brand{font-size:20px}button[data-action="contact"]{padding:10px 13px;font-size:11px;letter-spacing:.4px}}

/* ===== PHASE 3 — DAILY EDIT · COMMISSION MATCH · FOLLOWS · MENU SHEET FIX =====
   Menu sheet (founder screenshot, 2026-10-30): the sheet was translucent
   (#0b0620f7 / rgba .97) — page text bled through and collided with menu
   items. It is now FULLY OPAQUE obsidian with its own scroll; blur is
   gone because there is nothing left to blur. No page content can be
   legible through it at any scroll position. */
.ic{width:19px;height:19px;display:inline-block;vertical-align:middle}
.navicon .ic{display:block;margin:auto}
.sheet-btn .ic{width:18px;height:18px;flex:none}
.acct-glyph{font-size:12px;font-weight:800;letter-spacing:.4px;line-height:1}
.sheet-btn .acct-glyph{font-size:13px}
.follow-btn.following{border-color:var(--acid);color:var(--acid)}
.fresh-why{font-size:11px;font-weight:800;letter-spacing:.4px;color:var(--champagne)}
.badge-new{background:#123F2A;color:#B8FFD2;border-color:#2F7A4D}
.match-row{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.match-k{font-size:11px;font-weight:900;letter-spacing:1.2px;color:var(--champagne)}
.match-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.match-chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:50px;padding:5px 6px 5px 8px;font-size:13px;color:var(--bone)}
.match-mono{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#33373D;color:var(--champagne);border:1.5px solid rgba(189,165,121,.65);font-family:'Fraunces',serif;font-size:10px;font-weight:700;flex:none}
body.light .match-chip{background:#FFFDF7;color:#241F31}
body.light .match-mono{background:#EFE9DB;color:#7A6234}
.follow-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--line)}
.follow-row:last-child{border-bottom:0;padding-bottom:4px}
@media(max-width:1023px){
 .mobile-sheet{background:#0E1013;overflow-y:auto;max-height:calc(100dvh - 120px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
 body.light .mobile-sheet{background:#FFFDF7}
}

/* ============ CENSUS FIX-ALL · v56 (2026-10-30) ============ */
.hero-copy{min-width:0}
.art-noimg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:10px}
.noimg-mono{font-family:'Syne','Fraunces',serif;font-weight:800;font-size:44px;line-height:1;color:rgba(244,240,232,.94)}
.noimg-cat{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,240,232,.78)}
.detail-art .noimg-mono{font-size:120px}
.list-thumb .art-noimg{padding:2px;gap:0}
.list-thumb .noimg-mono{font-size:19px}
.list-thumb .noimg-cat{display:none}
.acct-photo{position:relative}
.acct-photo .art-noimg{padding:2px}
.acct-photo .noimg-mono{font-size:22px}
.acct-photo .noimg-cat{display:none}
.prop-item>*{min-width:0}
.prop-item span{overflow-wrap:anywhere}
@media(max-width:480px){.spot-stage{padding:18px}}

/* ============ PHASE 4 — ORIGINAL ART IDENTITY (v57) ============
   Transactional register: graphite panel, bone text, champagne
   labels; the category hue appears ONLY on the kind marker.
   No glows — the record is the trust surface; the art is the color. */
.identity-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin:24px 0}
.id-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.id-kind{font-size:11px;font-weight:900;letter-spacing:1.6px;border:1px solid var(--champagne);border-radius:50px;padding:7px 12px;color:var(--champagne)}
.id-kind-none{color:var(--muted);border-color:var(--line)}
.id-creator{font-size:13px;color:var(--muted)}
.id-creator .text-link{font-size:13px}
.id-rows{margin:0}
.id-row{display:flex;gap:14px;padding:8px 0;border-top:1px solid var(--line)}
.id-row dt{flex:0 0 108px;font-size:10.5px;font-weight:900;letter-spacing:1.4px;color:var(--champagne);padding-top:2px}
.id-row dd{margin:0;font-size:13.5px;line-height:1.55;color:var(--bone);overflow-wrap:anywhere}
.id-note{font-size:13.5px;line-height:1.65;color:var(--muted);margin:4px 0 0}
.id-attest{font-family:'Fraunces',serif;font-style:italic;font-size:15.5px;line-height:1.65;color:var(--bone);margin:16px 0 6px}
.id-attest-note{font-size:12px;line-height:1.65;color:var(--muted);margin:0}
.id-pay{font-size:12px;line-height:1.65;color:var(--muted);border-top:1px solid var(--line);margin:16px 0 0;padding-top:12px}
.kind-chip{font-size:10px;font-weight:900;letter-spacing:1.2px;white-space:nowrap}
.id-check{display:flex;gap:9px;align-items:flex-start;margin-top:12px}
.form-group label.id-check{font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1.55;color:var(--muted)}
.id-check input{flex:none;width:17px;height:17px;margin-top:1px;accent-color:var(--champagne)}
body.light .identity-panel{background:#FFFDF7}
body.light .id-row dd,body.light .id-attest{color:#241F31}
body.light .id-row dt{color:#7A6234}
@media(max-width:720px){.identity-panel{padding:17px}.id-row dt{flex-basis:88px}}

/* ============ PAIRED SOUND (v58) ============
   The Trail: genre worlds are hue-keyed scene tiles (aspect-ratio
   locked, label structurally inside the tile — the census law).
   The track scene gives the painting the largest visual area; the
   player is pure-audio demo state (progress + time, no video, no
   visualizer). Transactional surfaces stay saturation-restrained;
   the mini-player is contained to the viewport at every width. */
.sound-worlds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
.sound-world{position:relative;display:block;width:100%;aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:1px solid var(--line);padding:0;background:#111316;text-align:left;min-width:0}
.sound-world img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sound-world-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,10,14,0) 34%,rgba(9,10,14,.82))}
.sound-world-label{position:absolute;left:14px;right:14px;bottom:12px;display:block;color:#F4F0E8}
.sound-world-label b{font-family:'Syne',sans-serif;font-weight:800;font-size:19px;letter-spacing:1.2px;display:block;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.sound-world-label small{font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--h);text-transform:uppercase}
.track-card{padding:0;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.track-art{position:relative;aspect-ratio:4/3;overflow:hidden}
.track-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.track-body{padding:16px;display:flex;flex-direction:column;gap:7px}
.track-body h3{margin:0}
.track-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:4px 0}
.track-open{text-decoration:none;display:inline-flex;align-items:center;padding:8px 12px;border-radius:10px;font-size:12px}
.sound-stage{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/10;border:1px solid var(--line);margin-bottom:18px}
.sound-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sound-stage .tag{position:absolute;left:14px;bottom:14px;z-index:2}
.sound-player{margin-bottom:18px}
.sound-prog-wrap{display:flex;align-items:center;gap:12px}
.sound-prog{flex:1;min-width:0;height:8px;border-radius:99px;background:#2B2733;overflow:hidden}
.sound-prog i{display:block;height:100%;width:0;background:var(--mh,#39D0C4);border-radius:99px;transition:width .25s linear}
.sound-time{font-size:12px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.sound-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:18px;align-items:start}
.lic-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lic-opt{display:flex;flex-direction:column;gap:7px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px 16px;color:var(--bone);min-width:0}
.lic-opt b{font-family:'Syne',sans-serif;font-size:15px;letter-spacing:1.2px}
.lic-opt span{font-size:12.5px;line-height:1.55;color:var(--muted);overflow-wrap:anywhere}
.lic-opt em{font-style:normal;font-size:12.5px;font-weight:800;color:var(--champagne)}
.lic-opt.on{border-color:var(--champagne);box-shadow:0 0 0 1px var(--champagne)}
.buy-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.mile-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line)}
.mini-player{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;width:min(680px,calc(100vw - 24px));z-index:80;display:flex;gap:12px;align-items:center;background:#0E1013;border:1px solid var(--champagne);border-radius:14px;padding:10px 12px;box-shadow:0 18px 40px rgba(0,0,0,.55);color:#F4F0E8}
.mini-thumb{width:46px;height:46px;border-radius:9px;object-fit:cover;flex:none}
.mini-info{flex:1;min-width:0}
.mini-info b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.mini-info span{font-size:11.5px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-prog{margin-top:6px;background:#2B2733}
.mini-player .mini-btn{flex:none}
body.light .mini-player{background:#FFFDF7;color:#241F31;border-color:#BDA579}
body.light .sound-prog,body.light .mini-prog{background:#E4DCC8}
@media(max-width:900px){.sound-worlds{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.lic-opts{grid-template-columns:minmax(0,1fr)}.buy-grid{grid-template-columns:minmax(0,1fr)}.sound-cols{grid-template-columns:minmax(0,1fr)}.sound-stage{aspect-ratio:4/3}.mini-player{bottom:10px;padding:9px 10px}.mini-player .sound-time{display:none}}
/* ============ CENSUS-2 FIXES (v59) ============ */
.badge-violet{background:#7a3cff;color:#fff}
body.light .mini-info span{color:#5d5570}
body.light .mini-scene{color:#8a6d1f}
body.light .mini-close{color:#5d5570}
body.has-mini #toast{bottom:96px}
body.has-mini .install-bar{bottom:calc(96px + env(safe-area-inset-bottom))}
@media(max-width:380px){.mini-player{gap:8px}.mini-thumb{width:38px;height:38px}.mini-scene{display:none}}

/* ============ PAIRED MARK (2026-10-30) ============ */
/* The interlock glyph is line art, not a photo: no round crop, no black disc. */
.brand-emblem{border-radius:0;object-fit:contain;background:transparent}
.founder-mark{display:flex;align-items:center;justify-content:center;background:#0B0D10}
.founder-mark img{width:58%;max-width:300px;display:block}
body.light .founder-mark{background:#F4F0E8}

/* ════════════════════════════════════════════════════════════════════════
   LOOK PASS V1 — THE PAIRING DESIGN LANGUAGE (2026-10-30; consult:
   CONSULT-2026-10-30-CHATGPT-LOOKPASS.md). Appended last on purpose.
   Plum #8B7CFF = creativity · Amber #FFB84D = connection; their meeting
   is the Prism Duet. The hero shrinks to a doorway: headline, the one
   tagline, search, then the catalog — pairing is composition, not size.
   ════════════════════════════════════════════════════════════════════════ */
:root{--plum:#8B7CFF;--amber:#FFB84D}
/* — HERO as DIPTYCH (pattern 01): copy | [artwork MEETS artist] — */
.hero.lp-hero{min-height:0;padding:46px 0 40px}
.lp-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:42px;align-items:center;width:100%;position:relative;z-index:1}
.lp-hero h1{font-size:clamp(31px,6.4vw,66px);line-height:1.05;letter-spacing:-.5px;margin:16px 0 10px;max-width:600px}
.lp-tagline{font-family:'Fraunces',serif;font-style:italic;font-size:clamp(17px,2vw,21px);color:var(--champagne);margin:0 0 12px}
.lp-hero .hero-sub{font-size:16.5px}
.lp-frames{display:grid;grid-template-columns:minmax(0,1.22fr) auto minmax(0,.92fr);align-items:stretch;min-width:0}
.lp-frame{min-width:0;display:flex}
.lp-frame .hero-feature{flex:1}
.lp-frame-who{display:flex}
.pair-seam{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:0 11px}
.pair-seam-line{width:1px;height:44px;background:linear-gradient(180deg,var(--plum),var(--amber))}
.pair-seam-word{font-size:10px;font-weight:900;letter-spacing:2.5px;color:var(--amber)}
.hero-artist-frame{margin:0;flex:1;background:#1B1E22;border:1px solid #3B3F45;border-radius:6px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 50px rgba(0,0,0,.45)}
.haf-top{display:flex;gap:12px;align-items:center;min-width:0}
.haf-top .artist-avatar{width:52px;height:52px;font-size:22px;flex:none}
.haf-id{min-width:0}
.haf-id b{font-family:'Syne','Fraunces',serif;font-size:19px;display:block;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.haf-id span{color:var(--muted);font-size:12px}
.haf-quote{margin:0;font-family:'Fraunces',serif;font-style:italic;font-size:15.5px;line-height:1.6;color:#D9D2C2}
.haf-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.haf-cap{color:var(--muted);font-size:12px;line-height:1.55}
body.light .hero-artist-frame{background:#FFFDF6;border-color:#D8CFBB}
body.light .haf-quote{color:#4A463C}
@media(max-width:1023px){.lp-pair{grid-template-columns:minmax(0,1fr);gap:26px}}
@media(max-width:720px){
 .hero.lp-hero{padding:26px 0 22px}
 .lp-hero h1{font-size:clamp(29px,8.4vw,38px);margin:12px 0 8px}
 .lp-hero .hero-sub{font-size:14.5px;line-height:1.6}
 .lp-hero .proof{display:none}
 .lp-frames{grid-template-columns:minmax(0,1.18fr) auto minmax(0,.86fr)}
 .pair-seam{padding:0 6px}.pair-seam-line{height:26px}
 .hero-artist-frame{padding:12px;gap:9px}
 .haf-quote,.haf-cap{display:none}
 .haf-top .artist-avatar{width:40px;height:40px;font-size:17px}
 .haf-id b{font-size:14.5px}.haf-id span{font-size:10.5px}
 .haf-actions .outline,.haf-actions .follow-btn{padding:9px 11px;font-size:10.5px;letter-spacing:.3px}
}
/* — PRISM DUET (pattern 03): two colors meet across the tile's base — */
.duet-bar{height:3px;border-radius:99px;background:linear-gradient(90deg,var(--duet-a),var(--duet-b));margin-top:16px}
.duet-tile .cat-duet{position:absolute;left:0;right:0;bottom:0;height:4px;z-index:2;background:linear-gradient(90deg,var(--duet-a),var(--duet-b))}
.duet-tile:hover{border-color:var(--duet-b)}
/* — SPLIT FRAME (pattern 02): artist identity band inside every card — */
.split-frame{border-top:1px solid #33373D}
.split-artist{display:flex;gap:11px;align-items:center;padding:13px 16px 0;min-width:0}
.split-artist .artist-avatar{width:40px;height:40px;font-size:16px;flex:none}
.split-who{min-width:0;display:flex;flex-direction:column}
.split-who b{font-family:'Syne','Fraunces',serif;font-size:14.5px;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}
.split-what{font-size:11.5px;color:var(--muted)}
.split-frame .art-body{padding:10px 19px 19px}
body.light .split-frame{border-top-color:#D8CFBB}
@media(max-width:720px){.split-artist{padding:10px 12px 0}.split-frame .art-body{padding:8px 12px 12px}}
/* — THE OPEN PAIR (pattern 06): three doors, one composition — */
.doors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;align-items:start}
.door-card{position:relative;min-width:0}
.door-num{font-family:'Fraunces',serif;font-weight:700;font-size:30px;color:var(--plum);display:block;line-height:1}
.door-card[data-door="buyer"] .door-num{color:var(--amber)}
.door-card[data-door="collab"] .door-num{color:#FF5C8A}
.door-card h3{font-family:'Syne','Fraunces',serif;font-size:21px;margin:10px 0 8px}
.door-form{grid-template-columns:minmax(0,1fr);gap:12px}
@media(max-width:1023px){.doors-grid{grid-template-columns:minmax(0,1fr)}}
/* — THE COMMON ROOM: paired portrait frames, one connecting thread,
     a restrained duet glow. No chat bubbles, anywhere, ever. — */
.room-door{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.room-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:26px;align-items:start}
.room-faces{position:relative;display:flex;justify-content:center;align-items:center;padding:30px 6px;min-height:120px}
.room-face{position:relative;z-index:1;margin:0 -7px}
.room-face .artist-avatar{width:74px;height:74px;font-size:28px}
.room-face:nth-child(odd) .artist-avatar{border-color:var(--plum)}
.room-face:nth-child(even) .artist-avatar{border-color:var(--amber)}
.room-thread{position:absolute;left:10%;right:10%;top:50%;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--plum),var(--amber));opacity:.6;box-shadow:0 0 16px rgba(255,184,77,.30);z-index:0}
.room-soon{background:#26221A;border:1px solid #8A6A2F;color:#FFD166;font-size:10.5px;letter-spacing:1.4px}
.cr-flow{display:flex;flex-direction:column;gap:12px}
.cr-block{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:#1B1E22}
.cr-block b{font-size:11px;font-weight:900;letter-spacing:1.6px}
.cr-block p{margin:6px 0 0;color:var(--muted);line-height:1.65;font-size:14px}
.cr-call{border-left:3px solid var(--plum);margin-right:24px}
.cr-call b{color:var(--plum)}
.cr-resp{border-left:3px solid var(--amber);margin-left:24px}
.cr-resp b{color:var(--amber)}
body.light .cr-block{background:#FFFDF6}
@media(max-width:900px){.room-door{grid-template-columns:minmax(0,1fr);gap:22px}.room-stage{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){.room-face .artist-avatar{width:56px;height:56px;font-size:21px}.room-faces{min-height:96px;padding:20px 4px}}
/* — COLLABORATION BRIDGE (pattern 05): musician | THE PAIR | painter — */
.bridge{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:stretch;margin:4px 0 22px}
.bridge-side{background:#1B1E22;border:1px solid #3B3F45;border-radius:16px;padding:20px;min-width:0}
.bridge-side .artist-avatar{width:56px;height:56px;font-size:24px}
.bridge-side h3{margin:2px 0 4px}
.bridge-art{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;margin:0 0 12px}
.bridge-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:4px}
.bridge-mid b{font-family:'Syne','Fraunces',serif;font-size:14px;letter-spacing:2.5px;color:var(--bone)}
.bridge-plus{font-size:9.5px;font-weight:800;letter-spacing:1.6px;color:var(--muted)}
.bridge-eq{display:flex;gap:4px;align-items:flex-end;height:26px}
.bridge-eq i{width:4px;border-radius:2px;background:linear-gradient(180deg,var(--amber),var(--plum))}
.bridge-eq i:nth-child(1){height:10px}.bridge-eq i:nth-child(2){height:18px}.bridge-eq i:nth-child(3){height:26px}.bridge-eq i:nth-child(4){height:15px}.bridge-eq i:nth-child(5){height:21px}
body.light .bridge-side{background:#FFFDF6;border-color:#D8CFBB}
@media(max-width:720px){.bridge{grid-template-columns:minmax(0,1fr)}.bridge-mid{flex-direction:row;padding:2px}}
/* — Variant lines + the footer's one tagline signature — */
.lp-variant{font-family:'Fraunces',serif;font-style:italic;color:var(--champagne);font-size:16px;margin:14px 0 4px}
.foot-sign{font-family:'Fraunces',serif;font-style:italic;color:var(--champagne);font-size:13.5px;margin-top:10px}