/* Personal brand portfolio system | 14 October 2026 */
@media(max-width:1140px){.tog{display:inline-block}.nav ul{position:absolute;inset:100% 0 auto 0;flex-direction:column;align-items:flex-start;gap:0;background:var(--cream);border-bottom:1px solid var(--line);padding:.3rem 1.2rem 1.1rem;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.2s}.nav ul.open{opacity:1;transform:none;pointer-events:auto}.nav ul li{width:100%;border-bottom:1px solid var(--line)}.nav ul a{display:block;padding:.85rem 0;font-size:.9rem}.nav .btn{margin-top:.7rem}}
.portfolio-lead{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.35rem}
.portfolio-lead .sec-head{margin:0;max-width:710px}
.portfolio-lead .sec-head p{max-width:64ch;color:var(--mut);margin-top:.7rem}
.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.brand-tile{border-radius:10px;min-height:360px;padding:clamp(1.4rem,3vw,2.7rem);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}
.brand-tile--growth{background:#091c18;color:#f9f6ed}
.brand-tile--growth:before{content:'';position:absolute;right:-85px;top:-120px;width:360px;height:360px;background:radial-gradient(circle at 50% 50%,rgba(235,180,57,.25),transparent 65%);pointer-events:none}
.brand-tile--wp{background:#224333;color:#f9f6ed}
.brand-tile--wp:before{content:'';position:absolute;right:-100px;top:-100px;width:350px;height:350px;border:1px solid rgba(206,175,100,.55);border-radius:50%;pointer-events:none}
.brand-tile h3{color:inherit;margin:.9rem 0 1rem;font-size:clamp(2.1rem,3.4vw,3.9rem);line-height:1}
.brand-tile--growth h3,.growth-heading{font-family:var(--sans);font-weight:800;text-transform:uppercase;letter-spacing:-.065em}
.brand-tile--growth h3 .gold,.growth-heading .gold{color:#efb93d}
.brand-tile p{color:#e8e7db;max-width:44ch;margin-bottom:1.35rem}
.brand-tile .tagline{letter-spacing:.17em;text-transform:uppercase;font-size:.68rem;font-weight:700;color:#e9bc50}
.brand-tile .tagline.wp{color:#debf78}
.brand-tile .tile-links{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:auto}
.brand-tile .tile-links a{color:#fff;border:1px solid rgba(255,255,255,.47);font-size:.81rem;letter-spacing:.025em;font-weight:700;padding:.63rem .92rem;border-radius:3px}
.brand-tile .tile-links a:hover{background:#f5f0e6;color:#172d23}
.brands-meta{font-size:.81rem;margin-top:1rem;color:var(--mut)}
.latest-intro{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.35rem}
.latest-intro h2{margin:.65rem 0 .3rem}
.latest-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.latest-card{background:var(--surface);border:1px solid var(--line);padding:1.45rem;min-height:275px;display:flex;flex-direction:column}
.latest-card h3{font-size:clamp(1.3rem,1.8vw,1.75rem);margin:.85rem 0;line-height:1.15}
.latest-card h3 a{color:var(--ink)}.latest-card h3 a:hover{color:var(--brass)}
.latest-card .meta{font-size:.71rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.latest-card p{font-size:.91rem;color:var(--mut)}
.latest-card .read-lnk{font-size:.8rem;font-weight:700;margin-top:auto;padding-top:1.4rem;text-transform:uppercase;letter-spacing:.05em}
.latest-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}
.portfolio-news{padding:clamp(1.6rem,4vw,3.1rem);background:var(--forest-dd);color:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:2.5rem;border-radius:8px}
.portfolio-news h2{color:var(--cream);font-size:clamp(1.7rem,3vw,2.6rem);margin:.5rem 0}
.portfolio-news p{color:#d5d9cc;max-width:58ch}
.portfolio-news .btn{flex-shrink:0}
/* Separate but connected Business of Growth media identity */
.growth-hero{background:#071a16;color:#fff;padding:clamp(2.2rem,5vw,5.2rem) 0;overflow:hidden;position:relative}
.growth-hero:after{content:'';position:absolute;right:-10rem;top:-11rem;width:36rem;height:36rem;border:1px solid rgba(240,191,74,.3);border-radius:50%;box-shadow:0 0 0 75px rgba(240,191,74,.035),0 0 0 155px rgba(240,191,74,.025);pointer-events:none}
.growth-hero .wrap{position:relative;z-index:1}
.growth-logo{font-size:clamp(2.9rem,7vw,7rem);line-height:.92;max-width:11ch;margin:1.5rem 0;font-family:var(--sans);font-weight:850;letter-spacing:-.075em;text-transform:uppercase}
.growth-logo span{color:#f1bd44}
.growth-hero .strap{font-family:var(--sans);font-size:.8rem;font-weight:800;letter-spacing:.2em;color:#efbd43;text-transform:uppercase}
.growth-hero .lede{color:#e1e5dc;max-width:64ch;font-size:clamp(1.05rem,1.65vw,1.33rem);margin:1.35rem 0}
.growth-hero .byline{color:#eee;font-size:.81rem;letter-spacing:.18em;text-transform:uppercase}
.growth-hero .actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}
.growth-hero .actions .btn:first-child{background:#eeb83f;border-color:#eeb83f;color:#071a16}
.growth-head{font-family:var(--sans);font-size:clamp(2rem,3.2vw,3.4rem);font-weight:800;letter-spacing:-.065em;line-height:1.04}
.growth-strips{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.growth-strip{background:var(--surface);border:1px solid var(--line);padding:1.3rem;min-height:230px}
.growth-strip .n{font-size:.77rem;color:var(--brass);font-weight:800;letter-spacing:.14em}
.growth-strip h3{font-family:var(--sans);font-size:1.3rem;font-weight:800;margin:1rem 0;line-height:1.15}
.growth-strip p{font-size:.93rem;color:var(--mut)}
.growth-notice{border-left:5px solid #ecb83d;background:#fff8e2;padding:1.2rem 1.6rem;max-width:800px}
.growth-social{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}
.growth-social a{display:inline-flex;align-items:center;padding:.7rem 1.25rem;font-size:.85rem;font-weight:800;background:#09221b;color:#fff;border-radius:3px}
.growth-social a:hover{background:#1f3d2d}
.wp-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(210px,.6fr);gap:2rem;align-items:center}
.wp-head img{width:100%;max-width:285px;justify-self:end;border:1px solid var(--line)}
.wp-shelf-note{font-size:.8rem;color:var(--mut);margin:.6rem 0 0}
.wp-archive-header{margin-bottom:1.2rem}
.wp-archive-header h2{font-size:2rem;margin:.7rem 0}
@media(max-width:850px){.brand-grid{grid-template-columns:1fr}.latest-cards{grid-template-columns:1fr}.growth-strips{grid-template-columns:repeat(2,1fr)}.portfolio-news,.portfolio-lead{display:block}.portfolio-news .btn{margin-top:1rem}.latest-intro{display:block}.wp-head{grid-template-columns:1fr}.wp-head img{justify-self:start;width:220px}}
@media(max-width:530px){.growth-strips{grid-template-columns:1fr}.brand-tile{min-height:320px}.growth-logo{font-size:clamp(2.7rem,12.5vw,4.5rem)}}