:root{--bg:#08090c;--surface:#14151b;--gold:#e4b96d;--muted:#aaaab2;--line:#303038}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f7f5f1;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}header{position:sticky;top:0;z-index:10;background:#090a0eea;border-bottom:1px solid #ffffff1b;backdrop-filter:blur(14px)}.nav{max-width:1600px;margin:auto;padding:14px 28px;display:flex;gap:26px;align-items:center}.brand{font-size:18px;letter-spacing:.12em;font-weight:950;line-height:1.1;white-space:nowrap}.brand small{display:block;font-size:9px;color:var(--gold);letter-spacing:.38em;margin-top:5px}.links{display:flex;align-items:center;gap:21px;flex:1;flex-wrap:wrap}.links a{font-size:13px;color:#d1ced0}.links a:hover,.links a.active{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:#14100b;padding:11px 19px;border:1px solid var(--gold);border-radius:5px;font-weight:800}.btn.alt{background:#0b0b0bc7;color:#fff;border-color:#ffffff65}.btn:hover{filter:brightness(1.1)}.menu{display:none;background:transparent;color:#fff;border:1px solid #6a665f;border-radius:4px;padding:6px 10px}.container{max-width:1550px;margin:auto;padding:0 28px}.hero{min-height:465px;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,#07080bf2 0%,#090a0ee3 40%,#090a0e50 100%),radial-gradient(ellipse at 85% 25%,#a75c39 0%,#4b3039 27%,#111521 66%,#090a0d 100%);overflow:hidden}.hero:after{content:'TRENDSETTER';position:absolute;right:-40px;bottom:-70px;font-size:clamp(120px,18vw,320px);font-weight:950;letter-spacing:-.1em;color:#ffffff08;pointer-events:none}.hero .container{width:100%;z-index:1}.eyebrow{font-size:11px;letter-spacing:.23em;color:var(--gold);font-weight:850;text-transform:uppercase}h1{font-size:clamp(42px,5.7vw,85px);letter-spacing:-.06em;line-height:1.01;margin:15px 0 18px;max-width:840px}h1 em{font-style:normal;color:var(--gold)}.hero p{color:#ded8d5;max-width:590px;font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.section{padding:30px 0}.section h2{font-size:25px;letter-spacing:-.03em;margin:0}.sectiontop{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.sectiontop a{color:var(--gold);font-size:13px}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(225px,1fr);grid-template-rows:1fr;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-color:#625344 #111}.rail>.tile{scroll-snap-align:start}.tile{border:1px solid #ffffff1a;border-radius:8px;overflow:hidden;background:var(--surface);min-width:0}.visual{height:165px;display:flex;flex-direction:column;justify-content:end;padding:16px;position:relative;background:linear-gradient(0deg,#090a0be8,transparent 85%),radial-gradient(circle at 78% 18%,var(--accent),transparent 52%),linear-gradient(130deg,#2a2c39,#0c0d12)}.visual h3{font-size:23px;letter-spacing:-.04em;line-height:1.04;margin:0;text-shadow:0 2px 10px #000}.visual small{position:absolute;top:12px;left:13px;background:#0c0c0ddc;border:1px solid #ffffff48;border-radius:3px;padding:3px 7px;font-size:9px;letter-spacing:.13em}.tilefoot{padding:11px 14px;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;color:#d5d3d2}.tilefoot span:last-child{color:var(--gold)}.tilebutton{width:100%;text-align:left;border:0;color:inherit;padding:0;background:none}.tilebutton:hover .visual{filter:brightness(1.15)}.shortcutgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.shortcut{border:1px solid #ffffff28;background:#15161c;border-radius:9px;padding:19px;min-height:105px}.shortcut strong{display:block;font-size:16px;margin-bottom:6px}.shortcut span{color:var(--muted);font-size:12px}.shortcut:hover{border-color:var(--gold)}.pagehero{padding:57px 0 32px;background:radial-gradient(ellipse at 90% 0%,#6d482e65,transparent 48%)}.pagehero h1{font-size:clamp(40px,5vw,66px)}.pagehero p{color:var(--muted);max-width:760px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0 35px}.card{border:1px solid #ffffff25;background:#15161b;border-radius:9px;padding:22px}.card h3{margin:5px 0 10px;font-size:22px}.card p{color:var(--muted);font-size:14px}.card .eyebrow{font-size:10px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.panel{border:1px solid #8d6b43;background:linear-gradient(145deg,#2b211b,#151519);padding:25px;border-radius:10px}.panel h2{font-size:28px}.muted{color:var(--muted)}.notice{font-size:12px;color:#aeadb4}.form{display:grid;gap:12px}.form label{display:grid;gap:6px;font-size:13px}.form input,.form select,.form textarea{background:#090a0d;color:#fff;border:1px solid #68656a;border-radius:5px;padding:12px;width:100%}.form textarea{min-height:90px}.result{color:var(--gold);font-weight:750;min-height:25px}.pill{display:inline-block;border:1px solid #6b5b42;color:var(--gold);padding:5px 10px;border-radius:40px;font-size:11px;margin-right:6px;margin-bottom:8px}.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.filterbar button{border:1px solid #5d5960;background:transparent;color:#eee;border-radius:30px;padding:8px 16px}.filterbar button.selected{background:var(--gold);color:#16120d;border-color:var(--gold)}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.gallery .visual{height:230px}.modal{border:1px solid #ad8854;border-radius:12px;background:#17181e;color:#fff;padding:27px;max-width:550px;width:calc(100% - 30px)}.modal::backdrop{background:#000c}.modal h2{margin:8px 0}.close{float:right;border:0;background:transparent;color:white;font-size:24px}.footer{border-top:1px solid #ffffff23;margin-top:50px;padding:30px 0;color:var(--muted);font-size:12px}.footer .container{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.footer a{color:var(--gold)}
@media(min-width:1250px){.rail{grid-auto-columns:calc((100% - 4*13px)/5)}}@media(max-width:1050px){.links{gap:12px}.links a{font-size:12px}.nav{gap:14px}.gallery{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.menu{display:block;margin-left:auto}.links{display:none;order:3;flex-basis:100%;flex-direction:column;align-items:flex-start}.links.open{display:flex}.nav{flex-wrap:wrap}.nav>.btn{display:none}.shortcutgrid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.rail{grid-auto-columns:240px}}@media(max-width:520px){.container{padding:0 18px}.nav{padding:13px 18px}.hero{min-height:430px}.hero h1{font-size:48px}.shortcutgrid{grid-template-columns:repeat(2,1fr)}.shortcut{padding:14px}.shortcut strong{font-size:14px}.cards{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr;gap:9px}.gallery .visual{height:175px}.visual h3{font-size:19px}.rail{grid-auto-columns:210px}}

/* Mobile polish — October 2026 */
html,body{max-width:100%;overflow-x:clip}
.tilefoot span{min-width:0;overflow-wrap:anywhere}
.visual h3{overflow-wrap:anywhere}
@media(max-width:820px){
 .nav{gap:12px}
 .links.open{width:100%;gap:0;padding:9px 0 3px;border-top:1px solid #ffffff20}
 .links.open a{display:block;width:100%;padding:11px 5px;font-size:15px;border-bottom:1px solid #ffffff12}
 .menu{min-width:43px;min-height:43px}
}
@media(max-width:520px){
 .container{padding:0 20px}
 .nav{padding:15px 20px}
 .brand{font-size:16px}
 .brand small{font-size:9px}
 .hero{min-height:0;padding:62px 0 54px}
 .hero h1{font-size:clamp(38px,10vw,48px);line-height:1.06}
 .hero p{font-size:16px;line-height:1.65}
 .actions{flex-direction:column;align-items:stretch}
 .actions .btn{width:100%;min-height:48px}
 .section{padding:32px 0 12px}
 .sectiontop{align-items:flex-start;gap:9px}
 .sectiontop h2{font-size:23px;line-height:1.2}
 .sectiontop a{flex-shrink:0;font-size:12px;text-align:right}
 .rail{grid-auto-columns:minmax(245px,82%);gap:13px}
 .rail .visual{height:190px}
 .gallery{grid-template-columns:1fr;gap:16px}
 .gallery .visual{height:235px}
 .visual h3{font-size:24px}
 .tilefoot{font-size:13px;gap:12px}
 .shortcutgrid{grid-template-columns:1fr 1fr;gap:10px}
 .shortcut{padding:16px;min-height:126px}
 .shortcut strong{font-size:14px}
 .shortcut span{font-size:12px;line-height:1.5}
 .pagehero{padding:43px 0 24px}
 .pagehero h1{font-size:clamp(36px,10vw,48px)}
 .cards{margin:18px 0 26px}
 .card,.panel{padding:19px}
 .panel h2{font-size:25px}
 .filterbar{gap:9px}
 .filterbar button{padding:10px 15px;min-height:44px}
 .footer{margin-top:36px}
}
@media(max-width:360px){.shortcutgrid{grid-template-columns:1fr}.sectiontop{flex-wrap:wrap}.rail{grid-auto-columns:88%}}

/* Trendsetter Productions launch packages */
.pagehero h1 em{font-style:normal;color:var(--gold)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 14px}
.price-card{border:1px solid #ffffff29;border-radius:10px;padding:23px;background:#15161b;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.price-card.featured{border-color:var(--gold);background:linear-gradient(150deg,#302318,#15161b 75%)}
.price-card h3{font-size:20px;line-height:1.2;margin:12px 0 5px}
.price-card .price{font-size:32px;letter-spacing:-.04em;color:var(--gold);font-weight:850}
.price-card p{color:var(--muted);font-size:14px;flex:1}
.price-card .btn{margin-top:8px}
.budget-panel{border:1px solid #b18a50;border-radius:12px;background:linear-gradient(120deg,#322319,#14151b);padding:32px}
.budget-panel h2{font-size:clamp(24px,3vw,38px);margin:10px 0}
.budget-panel p{max-width:750px;color:#e4dcd2}
#request{scroll-margin-top:100px}
@media(max-width:900px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.pricing-grid{grid-template-columns:1fr}.price-card{padding:20px}.budget-panel{padding:23px}.price-card .btn{width:100%}}

/* Original series artwork */
.visual.hasposter{background-position:center 32%;background-size:cover;background-repeat:no-repeat;min-height:280px}
.visual.hasposter h3{position:relative;z-index:1;text-shadow:0 2px 8px #000,0 0 16px #000}
.gallery .visual.hasposter{height:360px}
@media(max-width:520px){.rail .visual.hasposter{height:295px}.gallery .visual.hasposter{height:290px}}