/* Premium category-specific visual pass — 2026-08-14
   Visual-only: no routes, forms, field names, scripts, functions or integrations changed. */
:root{--bg:#ecebe6;--surface:#fffefa;--paper:#fffefa;--card:#fffefa;--soft:#f3f1eb;--panel:#f3f1eb;--ink:#172b28;--muted:#67736f;--line:#d8d7cf;--accent:#9b3f38;--accent-soft:color-mix(in srgb,var(--accent) 13%,var(--surface));--premium-accent-2:#284f48;--premium-radius:8px;--premium-shadow:0 19px 58px rgba(38,55,51,.09);--premium-heading:"Iowan Old Style",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:#ecebe6;}
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:linear-gradient(150deg,rgba(155,63,56,.055),transparent 38%),linear-gradient(330deg,rgba(40,79,72,.055),transparent 42%);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:600;letter-spacing:-.038em;line-height:1.02}
.eyebrow{letter-spacing:.17em}
.card,.hero-panel,.form-card,.tool-card,.builder{box-shadow:0 10px 35px rgba(20,35,42,.045)}
.btn,.button,.header-cta,.nav-cta{border-radius:5px}
.section-head{border-left:2px solid var(--accent);padding-left:18px}

@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 */
/* Canadian institutional / pathway signature */
.canada .brand{font-family:"Iowan Old Style",Georgia,serif;font-weight:650}.canada .brand-mark{background:var(--accent)}
.canada .hero-art .one{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-radius:8px}.canada .hero-art .two{background:var(--accent)}.canada .hero-art .three{background:color-mix(in srgb,var(--accent) 58%,var(--surface))}.canada .hero-art .four{background:color-mix(in srgb,var(--accent) 30%,var(--surface))}
.canada .cards .card{border-radius:8px;border-top:2px solid var(--accent)}

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