/* AUREUM STUDIO — templates for portfolio, comp card and business card. Colours come from inline CSS variables set per template. */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
.studio-body{background:#EEE9F6;font-family:'Outfit',system-ui,sans-serif}
.st{--st-bg:#fff;--st-ink:#1B1230;--st-a:#6C2BD9;--st-b:#E6007E;--st-font:'Outfit',system-ui,sans-serif;position:relative;min-height:100vh;background:var(--st-bg);color:var(--st-ink);font-family:'Outfit',system-ui,sans-serif;line-height:1.55;overflow:hidden}
.st h1,.st h2{font-family:var(--st-font);line-height:1.08;margin:0}
.st img{display:block;max-width:100%}
.st-banner{position:sticky;top:0;z-index:30;background:linear-gradient(90deg,var(--st-a),var(--st-b));color:#fff;text-align:center;padding:10px 16px;font-size:.88rem;font-weight:600;letter-spacing:.02em}
.st-wm{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.22;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='220'%3E%3Ctext x='20' y='130' transform='rotate(-24 180 110)' font-family='Arial' font-weight='700' font-size='30' fill='%23000'%3EAUREUM PREVIEW%3C/text%3E%3C/svg%3E") repeat}
.st-kicker{margin:0 0 10px;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--st-a);font-weight:600}
.st-tag{margin:10px 0 0;font-size:1.1rem;opacity:.85}
.st-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.st-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 20px;border-radius:999px;border:1.5px solid var(--st-a);color:var(--st-a);text-decoration:none;font-weight:600;font-size:.9rem;background:transparent}
.st-btn.is-primary{background:linear-gradient(90deg,var(--st-a),var(--st-b));border-color:transparent;color:#fff}
.st-btn.is-off{opacity:.55;cursor:not-allowed}
.st-foot{padding:34px 20px 40px;text-align:center;font-size:.76rem;letter-spacing:.24em;opacity:.7}
.st-foot a{color:inherit;text-decoration:none}
.st-foot strong{color:var(--st-a)}

/* ---- portfolio ---- */
.st-portfolio .st-hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:82vh}
.st-portfolio .st-hero-img{background:linear-gradient(135deg,var(--st-a),var(--st-b))}
.st-portfolio .st-hero-img img{width:100%;height:100%;min-height:360px;object-fit:cover}
.st-portfolio .st-hero-txt{padding:clamp(28px,6vw,90px);display:flex;flex-direction:column;justify-content:center}
.st-portfolio h1{font-size:clamp(2.4rem,6vw,4.6rem);letter-spacing:-.02em}
.st-about{max-width:880px;margin:0 auto;padding:60px 24px 20px}
.st-bio{font-size:1.1rem;white-space:normal}
.st-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:24px 0 0}
.st-chips li{padding:6px 14px;border-radius:999px;background:var(--st-a);color:#fff;font-size:.82rem;font-weight:600}
.st-list{margin:24px 0 0;padding-left:0;list-style:none}
.st-list li{padding:10px 0 10px 26px;border-bottom:1px solid rgba(127,127,127,.25);position:relative}
.st-list li:before{content:"";position:absolute;left:0;top:19px;width:12px;height:2px;background:var(--st-b)}
.st-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:40px clamp(12px,4vw,60px)}
.st-gallery figure{margin:0;overflow:hidden;border-radius:6px;background:#0001}
.st-gallery img{width:100%;aspect-ratio:3/4;object-fit:cover}
.st-contact{text-align:center;padding:50px 20px 20px}
.st-contact .st-links{justify-content:center}
.st-contact h2{font-size:1.8rem}
.lay-gallery.st-portfolio .st-hero{grid-template-columns:1fr;min-height:0;text-align:center}
.lay-gallery.st-portfolio .st-hero-img img{max-height:62vh}
.lay-gallery.st-portfolio .st-hero-txt{align-items:center}
.lay-gallery.st-portfolio .st-links{justify-content:center}
.lay-gallery .st-gallery{columns:3 240px;display:block;column-gap:12px}
.lay-gallery .st-gallery figure{break-inside:avoid;margin-bottom:12px}
.lay-gallery .st-gallery img{aspect-ratio:auto}
.lay-minimal.st-portfolio .st-hero{grid-template-columns:1fr 1fr;min-height:70vh}
.lay-minimal.st-portfolio .st-hero-img{background:none;padding:40px}
.lay-minimal.st-portfolio .st-hero-img img{object-fit:cover;max-height:76vh}
.lay-bold.st-portfolio .st-hero{grid-template-columns:1fr;position:relative;min-height:88vh}
.lay-bold.st-portfolio .st-hero-img{position:absolute;inset:0}
.lay-bold.st-portfolio .st-hero-img img{height:100%}
.lay-bold.st-portfolio .st-hero-txt{position:relative;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.05) 60%);justify-content:flex-end;min-height:88vh}
.lay-bold.st-portfolio .st-kicker{color:#fff}
.lay-bold.st-portfolio .st-btn{color:#fff;border-color:#fff}

/* ---- comp card ---- */
.st-comp_card{max-width:900px;margin:0 auto;padding:36px 20px 10px}
.st-cc-head h1{font-size:clamp(2rem,6vw,3.4rem);text-transform:uppercase;letter-spacing:.02em}
.st-cc-photos{display:grid;gap:10px;margin-top:22px;grid-template-columns:2fr 1fr}
.st-cc-photos figure{margin:0;overflow:hidden;background:var(--st-a)}
.st-cc-photos img{width:100%;height:100%;object-fit:cover}
.st-cc-photos.n1,.st-cc-photos.n2{grid-template-columns:repeat(2,1fr)}
.st-cc-photos.n1{grid-template-columns:1fr}
.st-cc-photos figure:first-child{grid-row:span 3;aspect-ratio:3/4}
.st-cc-photos.n1 figure:first-child,.st-cc-photos.n2 figure:first-child{grid-row:auto}
.st-cc-photos figure:not(:first-child){aspect-ratio:4/3}
.lay-grid .st-cc-photos{grid-template-columns:repeat(2,1fr)}
.lay-grid .st-cc-photos figure:first-child{grid-row:auto;aspect-ratio:3/4}
.lay-grid .st-cc-photos figure:not(:first-child){aspect-ratio:3/4}
.lay-hero .st-cc-photos{grid-template-columns:repeat(3,1fr)}
.lay-hero .st-cc-photos figure:first-child{grid-column:1/-1;grid-row:auto;aspect-ratio:16/10}
.lay-hero .st-cc-photos figure:not(:first-child){aspect-ratio:3/4}
.st-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px;margin:26px 0 0;padding:20px 0;border-top:2px solid var(--st-a)}
.st-stats dt{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--st-a);font-weight:700}
.st-stats dd{margin:2px 0 0;font-size:1.15rem}

/* ---- business card ---- */
.st-business_card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 16px}
.st-card{width:100%;max-width:440px;border-radius:26px;overflow:hidden;background:var(--st-bg);box-shadow:0 30px 70px rgba(27,18,48,.28);border:1px solid rgba(127,127,127,.2)}
.st-card-top{padding:34px 28px 22px;text-align:center}
.st-avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;margin:0 auto 16px;border:4px solid var(--st-a)}
.st-card h1{font-size:2rem}
.st-card .st-bio{font-size:.95rem;margin:14px 0 0;opacity:.85}
.st-card-actions{display:grid;gap:10px;padding:6px 24px 26px}
.st-card-actions .st-btn{width:100%}
.st-address{margin:0;padding:0 24px 26px;text-align:center;font-size:.86rem;opacity:.75}
.lay-gradient .st-card{background:linear-gradient(160deg,var(--st-a),var(--st-b) 120%);color:var(--st-ink);border:0}
.lay-gradient .st-btn{border-color:rgba(255,255,255,.7);color:#fff}
.lay-gradient .st-btn.is-primary{background:#fff;color:var(--st-a)}
.lay-gradient .st-avatar{border-color:#fff}
.lay-split .st-card-top{background:var(--st-a);color:#fff}
.lay-split .st-card-top .st-tag,.lay-split .st-card-top .st-bio{opacity:.95}
.lay-split .st-avatar{border-color:#fff}
.lay-split .st-btn{color:var(--st-b);border-color:var(--st-b)}
.lay-minimal .st-card{box-shadow:none;border:2px solid var(--st-ink);border-radius:6px}
.lay-minimal .st-avatar{border-radius:6px;border-color:var(--st-ink)}
.st-business_card .st-foot{color:#fff;mix-blend-mode:normal}
@media (max-width:760px){
  .st-portfolio .st-hero,.lay-minimal.st-portfolio .st-hero{grid-template-columns:1fr}
  .st-portfolio .st-hero-img img{min-height:300px;max-height:60vh}
  .lay-bold.st-portfolio .st-hero-img img{max-height:none}
}
@media print{.st-banner{display:none}}