/* Premium category-specific visual pass — 2026-08-14
   Visual-only: no routes, forms, field names, scripts, functions or integrations changed. */
:root{--bg:#f7e9e3;--surface:#fff9f4;--paper:#fff9f4;--card:#fff9f4;--soft:#fff0e8;--panel:#fff0e8;--ink:#241b20;--muted:#78666c;--line:#e8cfc6;--accent:#bb4456;--accent-soft:color-mix(in srgb,var(--accent) 13%,var(--surface));--premium-accent-2:#19a9a0;--premium-radius:24px 6px 24px 6px;--premium-shadow:0 24px 70px rgba(108,51,65,.12);--premium-heading:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--premium-body:"Aptos","Segoe UI",system-ui,sans-serif;}
html{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{font-family:var(--premium-body);background:#f7e9e3;}
body::before{content:"";position:fixed;z-index:200;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent),var(--premium-accent-2));pointer-events:none}
.site-shell{box-shadow:var(--premium-shadow);}
.site-header{background:rgba(255,255,255,.88);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);border-color:var(--line);}
.brand{font-family:var(--premium-heading);letter-spacing:-.025em}
.brand-mark{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 5px 18px color-mix(in srgb,var(--accent) 22%,transparent)}
.hero{position:relative;isolation:isolate;background-color:var(--surface);}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 87% 23%,rgba(25,169,160,.16) 0 13%,transparent 13.4%),radial-gradient(circle at 76% 34%,rgba(225,78,99,.12) 0 18%,transparent 18.4%);background-size:auto;}
.hero::after{content:"";position:absolute;z-index:-1;right:-8%;top:10%;width:34%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:50%;opacity:.65;pointer-events:none;}
.hero>*,.hero .shell{position:relative;z-index:1}
.hero h1,.section h2,.content-page h1,.content-page h2,.form-intro h1{font-family:var(--premium-heading);}
.eyebrow{color:var(--accent);font-weight:850}
.lede{line-height:1.68}
.btn,.button,.header-cta,.nav-cta,.submit,.form-actions button{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease;}
.btn:hover,.button:hover,.header-cta:hover,.nav-cta:hover,.submit:hover,.form-actions button:hover{transform:translateY(-1px);box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 16%,transparent)}
.btn.primary,.button:not(.secondary),.header-cta,.nav-cta,.submit,.form-actions button:not(.back){background:var(--ink);color:#fff;border-color:var(--ink)}
.card,.hero-panel,.form-card,.tool-card,.builder,.choice-card span,.metric-row{border-color:var(--line);background:color-mix(in srgb,var(--panel) 94%,var(--surface));border-radius:var(--premium-radius);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.metric-row{border-radius:var(--premium-radius)}
input,select,textarea{border-color:color-mix(in srgb,var(--line) 70%,var(--muted));border-radius:8px;background:color-mix(in srgb,var(--surface) 96%,white);}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}
.notice{border-left-color:var(--accent);background:color-mix(in srgb,var(--panel) 87%,var(--accent) 3%)}
.progress span{background:linear-gradient(90deg,var(--accent),var(--premium-accent-2))}
.site-footer{background:color-mix(in srgb,var(--ink) 94%,black);}
.site-footer p{color:#cfd6d2}

.hero h1,.content-page h1,.form-intro h1{font-weight:500;letter-spacing:-.045em;line-height:.98}
.eyebrow{letter-spacing:.19em;font-size:.71rem}
.card,.hero-panel,.form-card,.tool-card,.builder{border-width:1px;box-shadow:none}
.card{position:relative}.card::before{content:"";position:absolute;left:20px;top:0;width:44px;height:1px;background:var(--accent)}
.btn,.button,.header-cta,.nav-cta{letter-spacing:.015em}

@media(prefers-reduced-motion:reduce){.btn,.button,.header-cta,.nav-cta,.submit,.card{transition:none}}
@media(max-width:860px){.hero::after{width:58%;right:-28%;top:6%;opacity:.35}}

/* Site-specific signature */
/* Miami fashion-editorial signature */
.stylist .brand{font-family:"Iowan Old Style",Georgia,serif;font-style:italic;font-weight:600}.stylist .brand-mark{background:linear-gradient(135deg,var(--accent),var(--premium-accent-2));border-radius:50% 0 50% 0}
.stylist .hero h1{font-style:italic;font-weight:500}.stylist .hero-art .one{background:color-mix(in srgb,var(--accent) 18%,var(--surface));border-radius:52% 48% 42% 58%}.stylist .hero-art .two{background:#e7c9ae}.stylist .hero-art .three{background:var(--premium-accent-2)}.stylist .hero-art .four{background:var(--accent)}
.stylist .btn.primary,.stylist .header-cta{background:var(--accent);border-color:var(--accent);color:#fff}
.stylist .cards .card{border-radius:26px 5px 26px 5px}.stylist .cards .card:nth-child(2n){border-radius:5px 26px 5px 26px}

/* Preserve each build’s native hero composition; avoid a portfolio-wide ornament. */
.hero::after{display:none}
