:root {
  --paper:#f4f1e9;
  --paper-deep:#e9e3d7;
  --ink:#091a28;
  --ink-soft:#52616c;
  --blue:#123f66;
  --navy:#06131f;
  --gold:#b49a63;
  --gold-soft:#e8d8b5;
  --line:rgba(9,26,40,.13);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.62}
a{color:inherit}
.portfolio-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px clamp(20px,5vw,72px);background:rgba(244,241,233,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.portfolio-brand{text-decoration:none}.portfolio-brand small{display:block;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.portfolio-brand strong{font-family:Georgia,serif;font-size:1.14rem;font-weight:400}
.portfolio-nav{display:flex;gap:20px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.portfolio-nav a{text-decoration:none;color:var(--ink-soft)}.portfolio-nav a:hover{color:var(--blue)}
.portfolio-hero{position:relative;min-height:78vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:stretch;background:var(--navy);color:#fff;overflow:hidden}
.portfolio-hero-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:clamp(72px,9vw,132px) clamp(24px,6vw,92px)}
.portfolio-kicker{margin:0 0 24px;color:var(--gold-soft);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.portfolio-hero h1{max-width:760px;margin:0;font-family:Georgia,serif;font-size:clamp(4rem,9vw,8rem);font-weight:400;line-height:.88}.portfolio-subtitle{margin:26px 0 0;font-family:Georgia,serif;font-size:clamp(1.4rem,2.5vw,2.4rem);font-weight:400;color:rgba(255,255,255,.88)}.portfolio-outcome{max-width:760px;margin:26px 0 0;color:rgba(255,255,255,.68);font-size:clamp(1rem,1.3vw,1.18rem)}
.portfolio-visual{position:relative;min-height:520px;overflow:hidden;background:radial-gradient(circle at 52% 45%,rgba(180,154,99,.25),transparent 12%),radial-gradient(circle at 56% 46%,rgba(38,114,168,.25),transparent 31%),linear-gradient(145deg,#0a263c,#050d15)}
.portfolio-visual::before,.portfolio-visual::after{content:"";position:absolute;border:1px solid rgba(232,216,181,.2);border-radius:50%}.portfolio-visual::before{width:70%;aspect-ratio:1;left:17%;top:14%}.portfolio-visual::after{width:115%;aspect-ratio:2.2;left:-8%;top:30%;transform:rotate(-17deg)}
.portfolio-visual .visual-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Georgia,serif;font-size:clamp(1rem,2.1vw,1.8rem);letter-spacing:.25em;text-transform:uppercase;color:rgba(232,216,181,.72);white-space:nowrap}.portfolio-visual .visual-index{position:absolute;right:34px;bottom:26px;font-size:.68rem;letter-spacing:.2em;color:rgba(255,255,255,.4)}
.visual-preserve{background:radial-gradient(circle at 50% 40%,rgba(180,154,99,.28),transparent 14%),linear-gradient(145deg,#173148,#08131e)}.visual-produce{background:radial-gradient(circle at 76% 22%,rgba(232,216,181,.3),transparent 2%),radial-gradient(circle at 48% 48%,rgba(38,114,168,.3),transparent 31%),linear-gradient(145deg,#071626,#030910)}.visual-position{background:radial-gradient(circle at 68% 35%,rgba(232,216,181,.32),transparent 8%),radial-gradient(circle at 45% 55%,rgba(38,114,168,.34),transparent 29%),linear-gradient(145deg,#081827,#030a10)}
.portfolio-body{width:min(var(--max),calc(100% - 44px));margin:0 auto;padding:clamp(70px,9vw,120px) 0}.portfolio-section{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(34px,7vw,100px);padding:58px 0;border-top:1px solid var(--line)}.portfolio-section:first-child{border-top:0}.portfolio-section-label{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}.portfolio-section-content{max-width:790px}.portfolio-section-content h2{margin:0 0 24px;font-family:Georgia,serif;font-size:clamp(2.2rem,4vw,4rem);font-weight:400;line-height:1.05}.portfolio-section-content p{margin:0 0 16px;color:var(--ink-soft);font-size:1.04rem}.portfolio-section-content strong{color:var(--ink)}.portfolio-section-content ul{margin:20px 0 20px 1.1em;padding:0;color:var(--ink-soft)}.portfolio-section-content li{margin:7px 0}.emphasis{font-family:Georgia,serif;font-size:clamp(1.35rem,2.2vw,2rem)!important;color:var(--ink)!important;line-height:1.35}.portfolio-callout{margin:28px 0;padding:26px 28px;border-left:2px solid var(--gold);background:rgba(255,255,255,.42);font-family:Georgia,serif;font-size:1.22rem;color:var(--ink)}
.supporting-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.support-card{padding:24px;border:1px solid var(--line);background:rgba(255,255,255,.42)}.support-card small{display:block;margin-bottom:8px;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}.support-card strong{display:block;margin-bottom:12px;font-family:Georgia,serif;font-size:1.12rem}.support-card a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-bottom:1px solid var(--ink);font-size:.82rem}.support-card p{font-size:.9rem!important;margin:0!important}
.portfolio-closing{padding:clamp(70px,9vw,120px) 22px;text-align:center;background:var(--navy);color:#fff}.portfolio-closing blockquote{max-width:950px;margin:0 auto;font-family:Georgia,serif;font-size:clamp(2rem,4.3vw,4.5rem);font-weight:400;line-height:1.05;color:var(--gold-soft)}.portfolio-next{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:42px}.portfolio-next a{padding:10px 15px;border:1px solid rgba(255,255,255,.25);border-radius:999px;text-decoration:none;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.82)}.portfolio-next a:hover{border-color:var(--gold-soft);color:#fff}
.portfolio-footer{display:flex;justify-content:space-between;gap:20px;padding:25px clamp(22px,5vw,72px);background:#030a10;color:rgba(255,255,255,.55);font-size:.75rem}
@media(max-width:850px){.portfolio-hero{grid-template-columns:1fr}.portfolio-visual{min-height:48vh}.portfolio-section{grid-template-columns:1fr;gap:18px}.supporting-grid{grid-template-columns:1fr}.portfolio-nav{display:none}}
@media(max-width:560px){.portfolio-header{padding:13px 18px}.portfolio-hero-copy{padding:70px 22px}.portfolio-hero h1{font-size:clamp(3.4rem,20vw,5.2rem)}.portfolio-visual{min-height:340px}.portfolio-body{width:calc(100% - 36px)}.portfolio-section{padding:44px 0}.portfolio-footer{display:block}.portfolio-footer p{margin:4px 0}}


/* V0.44 TEST — validated Portfolio visuals */
.portfolio-visual{background:#071626;}
.portfolio-visual::before,.portfolio-visual::after{display:none;}
.portfolio-visual img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;object-position:center center;}
@media(max-width:850px){.portfolio-visual img{min-height:48vh;}}
@media(max-width:560px){.portfolio-visual img{min-height:340px;object-position:center center;}}