html, body { overscroll-behavior:none; }
*{box-sizing:border-box;margin:0;padding:0}
:root{
--page-margin:clamp(3rem, 8vw, 10rem);
--black:#080807;--yellow:#F5C518;--yellow-dark:#c9a200;--yellow-accessible:#7d6200;--yellow-dim:rgba(245,197,24,0.12);
--white:#ffffff;--off-white:#f6f5f1;--warm-100:#f0ede6;--warm-200:#dbd8d0;
--warm-400:#9c9890;--warm-600:#5c5a55;--text:#1a1917;--text-muted:#6b6865;
--border:rgba(0,0,0,0.09);--bd:rgba(255,255,255,0.08);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Jost',sans-serif;background:var(--off-white);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}
.container{max-width:1120px;margin:0 auto;width:100%}
@media(min-width:1120px){.container{max-width:1120px;margin:0 auto;width:100%}}
/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;background:var(--black);padding:0 var(--page-margin);min-height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:none}
.nav-logo{display:flex;align-items:center;text-decoration:none}
.nav-links{display:flex;align-items:center;gap:2.25rem}
.nav-links a{font-size:0.8125rem;font-weight:400;letter-spacing:0.04em;color:rgba(255,255,255,0.85);text-decoration:none;transition:color 0.2s}
.nav-links a:hover{color:var(--white)}
.nav-cta{background:var(--yellow)!important;color:var(--black)!important;padding:0.45rem 1.25rem;border-radius:3px;font-weight:500!important;font-size:0.8125rem!important;letter-spacing:0.04em;transition:background 0.2s!important}
.nav-cta:hover{background:var(--yellow-dark)!important}
/* BUTTONS */
.pass-section input.hs-button.primary.large, .btn-primary{border:unset; background:var(--yellow);color:var(--black);padding:0.875rem 2.5rem;border-radius:3px;font-family:'Jost',sans-serif;font-weight:500;font-size:0.875rem;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none;transition:background 0.2s,transform 0.15s;display:inline-flex;align-items:center;gap:0.625rem}
.pass-section input.hs-button.primary.large, .btn-primary:hover{background:var(--yellow-dark);transform:translateY(-1px)}
.btn-ghost{color:rgba(255,255,255,0.85);font-family:'Jost',sans-serif;font-size:0.875rem;font-weight:400;letter-spacing:0.04em;text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;transition:color 0.2s;border-bottom:1px solid rgba(255,255,255,0.15);padding-bottom:2px}
.btn-ghost:hover{color:rgba(255,255,255,0.85);border-color:var(--text-muted)}
.pass-section input#hs-pwd-widget-password {
font-family: 'Jost', sans-serif;
font-size: 0.9375rem;
font-weight: 400;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.15);
color: var(--white);
padding: 0.75rem 1.25rem;
outline: none;
min-width: 260px;
height: 100% !important;
margin: 0 !important;
}
/* EYEBROW LABELS */
.ey{font-family:'Jost',sans-serif;font-size:0.875rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--yellow-dark);margin-bottom:1.75rem;display:flex;align-items:center;gap:0.875rem}
.ey::before{content:'';display:inline-block;width:28px;height:1px;background:var(--yellow-dark);flex-shrink:0}
.ey-light{color:var(--yellow-dark)}
.ey-light::before{background:var(--yellow-dark)}
/* ══════════════════════════════════════
HERO
══════════════════════════════════════ */
.hero{
background:var(--black);
position:relative;
overflow:hidden;
padding:9rem var(--page-margin) 5rem;
border-bottom:1px solid var(--bd);
}
.hero-inner{
max-width:1120px;
margin:0 auto;
display:grid;
grid-template-columns:1.8fr 1fr;
gap:3rem;
align-items:center;
position:relative;
}
@media(max-width:920px){
.hero-inner{grid-template-columns:1fr;gap:2rem;min-height:auto}
}
.hero-left{position:relative;z-index:2}
.hero-h1{
font-family:'Cormorant Garamond',serif;
font-size:clamp(2.75rem, 5.5vw, 4.75rem);
font-weight:600;
line-height:1.02;
letter-spacing:-0.01em;
color:var(--white);
margin:0;
}
.hero-h1 .hero-h1-line2{
display:block;
font-weight:400;
font-style:italic;
color:var(--yellow);
margin-top:0.25em;
}
.hero-deck{
font-family:'Cormorant Garamond',serif;
font-size:clamp(1.125rem,1.5vw,1.4375rem);
font-style:normal;
font-weight:500;
line-height:1.55;
color:var(--warm-100);
max-width:48ch;
margin-top:2rem;
}
.hero-deck strong{font-weight:500;color:var(--white)}
.hero-rule{
width:96px;
height:1px;
background:rgba(245,197,24,0.45);
margin:2.5rem 0 1.25rem;
}
.hero-actions{
display:flex;
align-items:center;
gap:2rem;
flex-wrap:wrap;
;margin-top:2.5rem}
.hero-right{
position:relative;
z-index:1;
height:100%;
min-height:300px;
}
@media(max-width:920px){.hero-right{display:none}}
.hero-watermark{position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:400;font-size:clamp(6rem,12vw,11rem);line-height:0.95;letter-spacing:-0.04em;color:rgba(245,197,24,0.085);white-space:nowrap;pointer-events:none;user-select:none;z-index:1;padding-right:var(--page-margin)}
@media(max-width:920px){.hero-watermark{display:none}}
.hero-proof{display:flex;align-items:stretch;border-top:1px solid var(--bd);padding-top:2rem;flex-wrap:wrap;gap:0}
.proof-item{padding-right:2rem;margin-right:2rem;border-right:1px solid var(--bd)}
.proof-item:last-child{border-right:none;margin-right:0;padding-right:0}
.proof-num{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:600;color:var(--white);letter-spacing:-0.01em;line-height:1;margin-bottom:0.3rem}
.proof-num
.proof-label{font-family:'Jost',sans-serif;font-size:0.8125rem;font-weight:400;color:rgba(255,255,255,0.85);line-height:1.4;letter-spacing:0.02em}
/* ══════════════════════════════════════
PROBLEM
══════════════════════════════════════ */
.problem-section{background:var(--white);padding:7rem var(--page-margin);border-bottom:1px solid var(--border)}
.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start}
@media(max-width:860px){.problem-grid{grid-template-columns:1fr;gap:3.5rem}}
.problem-left h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;line-height:1.1;letter-spacing:-0.01em;margin-bottom:1.75rem}
.problem-left p{font-family:'Jost',sans-serif;font-size:1rem;font-weight:400;color:var(--text);line-height:1.65;margin-bottom:1.25rem}
.pullquote{margin-top:2.5rem;padding:1.75rem 2rem;background:var(--black);border-left:3px solid var(--yellow)}
.pullquote p{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:500;font-style:normal;color:var(--warm-100);line-height:1.6;margin:0 0 0.875rem 0}
.pullquote-attr{font-family:'Jost',sans-serif;font-size:0.8125rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--yellow);opacity:0.8}
.signals-lbl{font-family:'Jost',sans-serif;font-size:0.8125rem;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:#6b6865;display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem}
.signals-lbl::before{content:'';display:inline-block;width:24px;height:1px;background:var(--warm-400)}
.signal{padding:1.125rem 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:0.875rem 1fr;gap:1rem;align-items:start}
.signal:first-of-type{border-top:1px solid var(--border)}
.sig-dot{width:5px;height:5px;border-radius:50%;background:var(--yellow);margin-top:7px}
.sig-txt{font-size:0.9rem;font-weight:400;color:var(--text-muted);line-height:1.65;letter-spacing:0.01em}
/* ══════════════════════════════════════
FRAMEWORK
══════════════════════════════════════ */
.framework-section{background:var(--warm-100);padding:7rem var(--page-margin) 6rem;border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.framework-section::before{content:none!important;display:none!important}
.framework-header{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:end;margin-bottom:3.5rem;position:relative;z-index:1}
@media(max-width:860px){.framework-header{grid-template-columns:1fr;gap:2rem}}
.framework-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;color:var(--text);line-height:1.1;letter-spacing:-0.01em}
.framework-header p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.85;letter-spacing:0.01em;align-self:end}
.framework-header small{display:block;margin-top:1.5rem;font-size:0.875rem;color:rgba(255,255,255,0.9);line-height:1.6;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.06)}
.framework-foot{display:flex;justify-content:flex-end;position:relative;z-index:1}
/* ══════════════════════════════════════
JOURNEY
══════════════════════════════════════ */
.journey-section{background:var(--white);padding:7rem var(--page-margin);border-bottom:1px solid var(--border)}
.journey-header{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:end;margin-bottom:3.5rem}
@media(max-width:860px){.journey-header{grid-template-columns:1fr;gap:1.5rem}}
.journey-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;line-height:1.1;letter-spacing:-0.01em}
.journey-header p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.85;letter-spacing:0.01em;align-self:end}
/* Journey timeline */
.journey-timeline{display:flex;align-items:center;margin-bottom:2rem;position:relative;padding:0 1rem}
.tl-line{flex:1;height:1px;background:var(--warm-200)}
.tl-step{display:flex;flex-direction:column;align-items:center;gap:0.375rem;flex-shrink:0;padding:0 0.75rem}
.tl-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--warm-400);background:transparent;position:relative}
.tl-dot.active{background:var(--yellow);border-color:var(--yellow);box-shadow:0 0 0 3px rgba(245,197,24,0.2)}
.tl-label{font-family:'Jost',sans-serif;font-size:0.8125rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:#6b6865;white-space:nowrap}
.tl-label.active{color:var(--text)}
.journey-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--border);background:var(--border);gap:1px}
@media(max-width:960px){.journey-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.journey-grid{grid-template-columns:1fr}}
.jcard{border:1px solid var(--border);border-top:2px solid rgba(201,162,0,0.3);background:var(--white);padding:2.25rem 1.75rem;position:relative;transition:background 0.15s}
.jcard:hover{background:#faf9f5;border-color:rgba(201,162,0,0.3)}
.jcard.feat{background:var(--black);display:flex;flex-direction:column;border-top:2px solid var(--yellow-dark)}
.jcard.feat:hover{background:#111}
.jbadge{display:inline-flex;font-family:'Jost',sans-serif;font-size:0.8rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--black);background:var(--yellow);padding:3px 8px;border-radius:2px;margin-top:auto;align-self:flex-start}
.jnum{font-family:'Jost',sans-serif;font-size:0.8125rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:#6b6865;margin-bottom:0.875rem}
.jcard.feat .jnum{color:rgba(255,255,255,0.9)}
.jname{font-family:'Cormorant Garamond',serif;font-size:1.1875rem;font-weight:600;color:var(--text);margin-bottom:0.375rem;line-height:1.15}
.jcard.feat .jname{color:var(--white)}
.jtag{font-family:'Cormorant Garamond',serif;font-size:0.9375rem;font-weight:400;font-style:italic;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5;min-height:3rem}
.jcard.feat .jtag{color:rgba(255,255,255,0.9);min-height:3rem}
.jlist{list-style:none;display:flex;flex-direction:column;gap:0.5rem}
.jlist li{font-size:0.8rem;font-weight:400;color:var(--text-muted);line-height:1.5;display:flex;align-items:flex-start;gap:0.625rem;letter-spacing:0.01em}
.jlist li::before{content:'';width:3px;height:3px;border-radius:50%;background:var(--yellow-dark);opacity:0.4;flex-shrink:0;margin-top:6px}
.jcard.feat .jlist li{color:rgba(255,255,255,0.85)}
.jcard.feat .jlist li::before{background:var(--yellow);opacity:0.55}
/* ══════════════════════════════════════
WHO
══════════════════════════════════════ */
.who-section{background:var(--white);padding:7rem var(--page-margin);border-bottom:1px solid var(--border)}
.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;margin-top:3.5rem;align-items:stretch}
.who-intro{display:flex;flex-direction:column;height:100%}
@media(max-width:860px){.who-grid{grid-template-columns:1fr;gap:3rem}}
.who-intro h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;line-height:1.1;letter-spacing:-0.01em;margin-bottom:1.5rem}
.who-section > .container > h2, .who-section > div > h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;line-height:1.1;letter-spacing:-0.01em;margin-bottom:1.5rem}
.who-intro p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.85;margin-bottom:1rem;letter-spacing:0.01em}
.who-section > .container > p, .who-section > div > p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.85;margin-bottom:1rem;letter-spacing:0.01em}
.sblock{background:transparent;padding:0 0 1.5rem 0;margin-bottom:1.5rem}
.sblock-lbl{font-family:'Jost',sans-serif;font-size:0.8125rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:#6b6865;margin-bottom:1.25rem}
.stags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem}
.stag{font-size:0.8125rem;font-weight:400;padding:0.35rem 0.875rem;background:rgba(255,255,255,0.85);color:var(--text);border:1px solid rgba(26,25,23,0.15);letter-spacing:0.01em}
.snote{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:400;font-style:normal;color:var(--text);line-height:1.6;border-left:2px solid var(--yellow-dark);padding-left:1.25rem;margin-top:1.75rem}
@media(max-width:600px){}
/* ══════════════════════════════════════
PROOF
══════════════════════════════════════ */
.proof-section{background:var(--warm-100);padding:7rem var(--page-margin);border-bottom:1px solid var(--border);position:relative;overflow:hidden}
/* Large watermark R */
/* proof-watermark handled inline */
.proof-section h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;line-height:1.1;letter-spacing:-0.01em;margin-bottom:3.5rem;max-width:600px;position:relative;z-index:1}
.pcards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);position:relative;z-index:1}
@media(max-width:960px){.pcards{grid-template-columns:1fr 1fr}}
.pcard{background:var(--white);padding:2.5rem var(--page-margin);transition:background 0.15s;position:relative;overflow:hidden}
.pcard:hover{background:#faf9f6}
/* Large decorative number behind stat */
.pcard-bg-num{
position:absolute;right:-0.5rem;top:-0.5rem;
font-family:'Cormorant Garamond',serif;
font-size:8rem;font-weight:700;
color:var(--yellow);opacity:0.05;
line-height:1;letter-spacing:-0.04em;
pointer-events:none;user-select:none;
}
.bnum{font-family:'Cormorant Garamond',serif;font-size:3.25rem;font-weight:600;color:var(--text);letter-spacing:-0.02em;line-height:1;margin-bottom:0.5rem;position:relative;z-index:1}
.bnum
.pcard h4{font-family:'Jost',sans-serif;font-size:0.8125rem;font-weight:500;color:var(--text);margin-bottom:0.5rem;margin-top:0.875rem;letter-spacing:0.06em;text-transform:uppercase;position:relative;z-index:1}
.pcard p{font-size:0.875rem;font-weight:400;color:var(--text-muted);line-height:1.75;letter-spacing:0.01em;position:relative;z-index:1}
.hub-block{background:var(--white);border:1px solid var(--border);padding:2rem;margin-top:1px;position:relative;z-index:1}
.hub-lbl{font-family:'Jost',sans-serif;font-size:0.8125rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:#6b6865;margin-bottom:1.25rem}
.htags{display:flex;flex-wrap:wrap;gap:0.5rem}
.htag{font-size:0.8rem;font-weight:400;padding:0.35rem 0.875rem;background:var(--off-white);color:var(--text);border:1px solid var(--border);letter-spacing:0.01em}
/* ══════════════════════════════════════
CTA
══════════════════════════════════════ */
/* Large R mark watermark */
/* cta-watermark handled inline */
/* Grid overlay */
.cta-inner{position:relative;z-index:1;max-width:680px;margin:0 auto}
.cta-eye{font-family:'Jost',sans-serif;font-size:0.8125rem;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.9);margin-bottom:1.75rem;display:flex;align-items:center;gap:0.875rem}
.cta-eye::before{content:'';display:inline-block;width:28px;height:1px;background:rgba(255,255,255,0.9)}
.cta-section h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;color:var(--white);letter-spacing:-0.01em;line-height:1.05;margin-bottom:1.5rem;position:relative;z-index:1}
.cta-section h2
.cta-sub{font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;color:rgba(255,255,255,0.85);line-height:1.8;letter-spacing:0.01em;margin-bottom:2.5rem;position:relative;z-index:1}
.cta-actions{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}
.cta-note{margin-top:1.5rem;font-size:0.875rem;font-weight:400;color:rgba(255,255,255,0.9);letter-spacing:0.04em;position:relative;z-index:1}
.cta-right{position:relative;z-index:1}
/* FOOTER */
footer{background:var(--black);border-top:1px solid var(--bd);padding:2rem var(--page-margin);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
footer p{font-size:0.8125rem;font-weight:400;color:rgba(255,255,255,0.9);letter-spacing:0.04em}
/* ── TRIGGER SECTION ── */
.trigger-section { background:var(--white); padding:7rem var(--page-margin); border-bottom:1px solid var(--border); }
.trigger-header { display:grid; grid-template-columns:1fr 1fr; column-gap:4.5rem; row-gap:0; align-items:start; margin-bottom:3.5rem; }
.trigger-header > .ey { grid-column:1 / -1; }
.trigger-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); border:1px solid var(--border); }
.trigger-card { background:var(--white); padding:2rem; display:flex; align-items:flex-start; gap:1rem; transition:background 0.15s; }
.trigger-card:hover { background:var(--off-white); }
.trigger-icon { width:36px; height:36px; background:var(--black); border-radius:3px; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:2px; }
.trigger-icon svg { width:14px; height:14px; stroke:var(--yellow); fill:none; stroke-width:1.5; stroke-linecap:round; }
.trigger-text { font-size:0.9375rem; font-weight:400; color:var(--text-muted); line-height:1.65; letter-spacing:0.01em; }
/* ── WHO SECTION ── */
.who-section{background:var(--white);padding:7rem var(--page-margin);border-bottom:1px solid var(--border)}
.who-intro{display:flex;flex-direction:column;height:100%}
.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;margin-top:3.5rem;align-items:stretch}
@media(max-width:860px){.who-intro{display:flex;flex-direction:column;height:100%}
.who-grid{grid-template-columns:1fr;gap:3rem}}
.who-intro h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;line-height:1.1;letter-spacing:-0.01em;margin-bottom:1.5rem}
.who-section > .container > h2, .who-section > div > h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;line-height:1.1;letter-spacing:-0.01em;margin-bottom:1.5rem}
.who-intro p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.85;margin-bottom:1rem;letter-spacing:0.01em}
.who-section > .container > p, .who-section > div > p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.85;margin-bottom:1rem;letter-spacing:0.01em}
.sblock{background:var(--off-white);border:1px solid var(--border);padding:2rem;margin-bottom:1rem}
.sblock-lbl{font-family:'Jost',sans-serif;font-size:0.8125rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:#6b6865;margin-bottom:1.25rem}
.stags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem}
.stag{font-size:0.8rem;font-weight:400;padding:0.35rem 0.875rem;background:var(--white);color:var(--text);border:1px solid var(--border);letter-spacing:0.01em}
.snote{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:400;font-style:normal;color:var(--text);line-height:1.6;border-left:2px solid var(--yellow-dark);padding-left:1.25rem;margin-top:1.75rem}
.who-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:start; margin-top:3.5rem; }
.who-intro h2 { font-family:'Cormorant Garamond',serif; font-size:clamp(1.875rem, 3vw, 2.5rem); font-weight:600; line-height:1.1; letter-spacing:-0.01em; margin-bottom:1.25rem; }
.who-intro p { font-size:1rem; font-weight:400; color:var(--text-muted); line-height:1.8; margin-bottom:1rem; }
/* ── DELIVERABLES ── */
.deliverables-section { background:var(--warm-100); padding:7rem var(--page-margin); border-bottom:1px solid var(--border); position:relative; overflow:hidden; }
.deliverables-section::before{content:none!important;display:none!important;background:none!important}
.deliverables-header { display:grid; grid-template-columns:1fr 1fr; gap:4.5rem; align-items:end; margin-bottom:4rem; position:relative; z-index:1; }
.deliverables-header h2 { font-family:'Cormorant Garamond',serif; font-size:clamp(1.875rem, 3vw, 2.5rem); font-weight:600; color:var(--text); line-height:1.1; letter-spacing:-0.01em; }
.deliverables-header p { font-size:1rem; font-weight:400; color:var(--text-muted); line-height:1.8; align-self:end; }
.deliverables-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--border); border:1px solid var(--border); position:relative; z-index:1; }
.deliverable { background:rgba(255,255,255,0.03); padding:2.5rem; position:relative; overflow:hidden; transition:background 0.2s; }
.deliverable:hover { background:rgba(255,255,255,0.06); }
.deliverable::after { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:var(--yellow); opacity:0.4; transition:opacity 0.2s; }
.deliverable:hover::after { opacity:1; }
.deliv-num { font-family:'Jost',sans-serif; font-size:0.8125rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:rgba(245,197,24,0.7); margin-bottom:1.25rem; }
.deliverable h3 { font-family:'Cormorant Garamond',serif; font-size:1.5rem; font-weight:600; color:var(--white); margin-bottom:1rem; line-height:1.2; }.deliverable p{ font-size:1rem; font-weight:400; color:rgba(255,255,255,0.9); line-height:1.8; }
.deliverables-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border)}
.deliverable{background:var(--white);padding:2.5rem 2rem;display:flex;flex-direction:column}
.deliverable:hover{background:var(--off-white)}
.deliv-num{font-family:'Jost',sans-serif;font-size:0.75rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--yellow-dark);margin-bottom:1rem}
.deliverable h3{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:600;color:var(--text);line-height:1.2;margin-bottom:0.875rem}.deliverable p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.8;margin:0}
/* ── ASSESSMENT ── */
.assessment-section { background:var(--white); padding:7rem var(--page-margin); border-bottom:1px solid var(--border); }
.assessment-header { display:grid; grid-template-columns:1fr 1fr; gap:4.5rem; align-items:end; margin-bottom:4rem; }
.assessment-header h2 { font-family:'Cormorant Garamond',serif; font-size:clamp(1.875rem, 3vw, 2.5rem); font-weight:600; line-height:1.1; letter-spacing:-0.01em; }
.assessment-header p { font-size:1rem; font-weight:400; color:var(--text-muted); line-height:1.8; align-self:end; }
.assessment-item{background:var(--off-white);border:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:0.75rem;transition:background 0.15s}.assessment-item:hover{background:var(--warm-100)}
.assessment-item:first-child { border-top:1px solid var(--border); }
.hub-tags { display:flex; gap:0.375rem; flex-wrap:wrap; margin-bottom:0.875rem; }
.hub-tag{ text-transform: uppercase;display:inline-flex;font-family:'Jost',sans-serif;font-size:0.6875rem;font-weight:500;letter-spacing:0.04em;padding:2px 8px;border:1px solid;border-radius:2px;margin-right:0.375rem;margin-bottom:0.375rem}
.hub-tag.crm { background:#fff8e1; color:#7a5c00; border-color:#ffe082; }
.hub-tag.sales { background:#e0f7fa; color:#00565f; border-color:#b2ebf2; }
.hub-tag.marketing { background:#e8f5e9; color:#1b5e20; border-color:#c8e6c9; }
.hub-tag.ops { background:#ede7f6; color:#311b92; border-color:#d1c4e9; }
.hub-tag.cms { background:#fbe9e7; color:#8c2800; border-color:#ffccbc; }
.assessment-left h3 { font-family:'Cormorant Garamond',serif; font-size:1.25rem; font-weight:600; color:var(--text); line-height:1.2; }
.assessment-right p { font-size:1rem; font-weight:400; color:var(--text-muted); line-height:1.8; }
.commercial-impact { margin-top:1rem; font-size:0.9375rem; color:var(--text); font-weight:400; display:flex; align-items:flex-start; gap:0.625rem; line-height:1.6; }
.commercial-impact::before { content:'→'; color:var(--yellow-dark); font-weight:700; flex-shrink:0; margin-top:1px; }
/* ── PROCESS ── */
.process-section { background:var(--warm-100); padding:7rem var(--page-margin); border-bottom:1px solid var(--border); }
.process-header { display:grid; grid-template-columns:1fr 1fr; column-gap:4.5rem; row-gap:0; align-items:start; margin-bottom:3.5rem; }
.process-header > .ey { grid-column:1 / -1; }
.process-header h2 { font-family:'Cormorant Garamond',serif; font-size:clamp(1.875rem, 3vw, 2.5rem); font-weight:600; line-height:1.1; letter-spacing:-0.01em; }
.process-header p { font-size:1rem; font-weight:400; color:var(--text-muted); line-height:1.8; align-self:start; }
.process-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); border:1px solid var(--border); margin-bottom:1.5rem; }
.process-step { background:var(--white); padding:2.25rem 2rem; }
.step-week { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:clamp(1.25rem, 1.6vw, 1.5rem); font-weight:600; color:var(--yellow-dark); line-height:1.2; margin-bottom:1.25rem; padding-bottom:1rem; border-bottom:1px solid rgba(201,162,0,0.25); display:block; }
.process-step h3 { font-family:'Cormorant Garamond',serif; font-size:1.25rem; font-weight:600; color:var(--text); margin-bottom:0.75rem; line-height:1.2; }.process-step p{ font-size:1rem; font-weight:400; color:var(--text-muted); line-height:1.75; }
.process-scope { background:var(--black); padding:1.375rem 2rem; display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; }
.scope-item { font-size:0.9rem; font-weight:400; color:rgba(255,255,255,0.85); display:flex; align-items:center; gap:0.5rem; }
.scope-item::before { content:'✓'; color:var(--yellow); font-size:0.8rem; font-weight:700; }
/* ── PE/VC SECTION ── */
.pevc-section { background:var(--white); padding:7rem var(--page-margin); border-bottom:1px solid var(--border); }
.pevc-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:start; }
.pevc-inner h2 { font-family:'Cormorant Garamond',serif; font-size:clamp(1.875rem, 3vw, 2.5rem); font-weight:600; line-height:1.1; letter-spacing:-0.01em; margin-bottom:1.25rem; }.pevc-inner p{ font-size:1rem; font-weight:400; color:var(--text-muted); line-height:1.8; margin-bottom:1rem; }
.pevc-highlight { background:var(--warm-100); border-left:2px solid var(--yellow); padding:1.5rem 1.75rem; margin-top:1.5rem; }
.pevc-highlight p { font-family:'Cormorant Garamond',serif; font-size:1.1875rem; font-weight:400; font-style:italic; color:var(--text); line-height:1.6; margin:0; }
.pevc-usecases { display:flex; flex-direction:column; gap:1px; background:var(--border); border:1px solid var(--border); }
.pevc-uc { background:var(--off-white); padding:1.5rem 2rem; transition:background 0.15s; }
.pevc-uc:hover { background:var(--warm-100); }
.uc-label { font-family:'Jost',sans-serif; font-size:0.8125rem; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:var(--yellow-dark); margin-bottom:0.5rem; }
.pevc-uc h4 { font-family:'Cormorant Garamond',serif; font-size:1.1875rem; font-weight:600; color:var(--text); margin-bottom:0.375rem; line-height:1.2; }.pevc-uc p{ font-size:1rem; font-weight:400; color:var(--text-muted); line-height:1.65; margin:0; }
/* ── NEXT STEPS ── */
.next-section { background:var(--warm-100); padding:7rem var(--page-margin); border-bottom:1px solid var(--border); }
.next-section h2 { font-family:'Cormorant Garamond',serif; font-size:clamp(1.875rem, 3vw, 2.5rem); font-weight:600; line-height:1.1; letter-spacing:-0.01em; margin-bottom:1rem; max-width:540px; }
.next-section > p { font-size:1rem; font-weight:400; color:var(--text-muted); max-width:560px; line-height:1.8; margin-bottom:2.5rem; }
.journey-track { display:flex; align-items:center; margin-bottom:2rem; overflow-x:auto; padding-bottom:0.5rem; }
.jt-step { display:flex; flex-direction:column; align-items:center; gap:0.375rem; flex-shrink:0; padding:0 0.75rem; }
.jt-dot { width:10px; height:10px; border-radius:50%; border:1.5px solid #9c9890; background:transparent; }
.jt-dot.active { background:var(--yellow); border-color:var(--yellow); box-shadow:0 0 0 3px rgba(245,197,24,0.2); }
.jt-label { font-family:'Jost',sans-serif; font-size:0.8125rem; font-weight:500; letter-spacing:0.06em; text-transform:uppercase; color:#6b6865; white-space:nowrap; }
.jt-label.active { color:var(--text); }
.jt-line { flex:1; height:1px; background:var(--warm-200); }
.journey-cards { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--border); border:1px solid var(--border); }
.jcard { background:var(--white); padding:2.25rem 1.75rem; position:relative; transition:background 0.15s; }
.jcard:hover { background:var(--off-white); }
.jcard.feat { background:var(--black); }
.jcard.feat:hover { background:#111; }
.jbadge { display:inline-flex; font-family:'Jost',sans-serif; font-size:0.8125rem; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:var(--black); background:var(--yellow); padding:2px 8px; border-radius:2px; margin-bottom:1rem; }
.jnum { font-family:'Jost',sans-serif; font-size:0.8125rem; font-weight:500; letter-spacing:0.1em; text-transform:uppercase; color:#6b6865; margin-bottom:0.875rem; }
.jcard.feat .jnum { color:rgba(255,255,255,0.9); }
.jname { font-family:'Cormorant Garamond',serif; font-size:1.25rem; font-weight:600; color:var(--text); margin-bottom:0.375rem; line-height:1.15; }
.jcard.feat .jname { color:var(--white); }
.jtag { font-family:'Cormorant Garamond',serif; font-size:1rem; font-weight:400; font-style:italic; color:var(--text-muted); margin-bottom:1.5rem; line-height:1.5; }
.jcard.feat .jtag { color:rgba(255,255,255,0.85); }
.jlist { list-style:none; display:flex; flex-direction:column; gap:0.5rem; }
.jlist li { font-size:0.9rem; font-weight:400; color:var(--text-muted); line-height:1.5; display:flex; align-items:flex-start; gap:0.625rem; }
.jlist li::before { content:''; width:3px; height:3px; border-radius:50%; background:var(--yellow-dark);opacity:0.35; flex-shrink:0; margin-top:6px; }
.jcard.feat .jlist li { color:rgba(255,255,255,0.85); }
.jcard.feat .jlist li::before { background:var(--yellow); opacity:0.6; }
/* ── CTA ── */
.cta-section::before { content:''; position:absolute; bottom:-300px; left:50%; transform:translateX(-50%); width:900px; height:600px; background:radial-gradient(ellipse,rgba(245,197,24,0.07) 0%,transparent 60%); pointer-events:none; }
/* ── RESPONSIVE ── */
@media (max-width: 1023px) {
.assessment-item{background:var(--off-white);border:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:0.75rem;transition:background 0.15s}.assessment-item:hover{background:var(--warm-100)}
}
@media (max-width: 859px) {
.trigger-header, .who-grid, .deliverables-header, .assessment-header,
.process-header, .pevc-inner { grid-template-columns:1fr; gap:2.5rem; }
.trigger-grid, .process-steps, .deliverables-grid { grid-template-columns:1fr 1fr; }
.journey-cards { grid-template-columns:1fr 1fr; }
}
@media (max-width: 599px) {
.trigger-grid, .process-steps, .deliverables-grid, .journey-cards { grid-template-columns:1fr; }
.assessment-item{background:var(--off-white);border:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:0.75rem;transition:background 0.15s}.assessment-item:hover{background:var(--warm-100)}
}
/* PE/VC block */
@media(max-width:700px){
}
.assessment-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border)}
@media(max-width:700px){.assessment-grid{grid-template-columns:1fr}}
.assessment-item h3{font-family:'Cormorant Garamond',serif;font-size:1.125rem;font-weight:600;color:var(--text);line-height:1.2;margin:0}.assessment-item p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.7;margin:0}
.cta-section{background:#13110f;padding:7rem var(--page-margin);border-top:1px solid rgba(245,197,24,0.2);position:relative;overflow:hidden;text-align:center}
/* Homepage-specific styles */
.pullquote-attr{font-family:'Jost',sans-serif;font-size:0.8125rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--yellow-dark)}
.pullquote-attr{font-family:'Jost',sans-serif;font-size:0.8125rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--yellow-dark)}
.pullquote-inner{display:flex;align-items:flex-start;gap:1.25rem}
.pullquote-inner{display:flex;align-items:flex-start;gap:1.25rem}
.layer-num-bg{position:absolute;top:-0.5rem;right:0.75rem;font-family:'Cormorant Garamond',serif;font-size:5rem;font-weight:700;line-height:1;color:rgba(201,162,0,0.1);pointer-events:none;user-select:none}
.layer-num-bg{position:absolute;top:-0.5rem;right:0.75rem;font-family:'Cormorant Garamond',serif;font-size:5rem;font-weight:700;line-height:1;color:rgba(201,162,0,0.1);pointer-events:none;user-select:none}
.pullquote-mark{font-family:'Cormorant Garamond',serif;font-size:4.5rem;font-weight:600;color:var(--yellow);line-height:0.7;padding-top:0.3rem;flex-shrink:0;user-select:none;opacity:0.9}
.pullquote-mark{font-family:'Cormorant Garamond',serif;font-size:4.5rem;font-weight:600;color:var(--yellow);line-height:0.7;padding-top:0.3rem;flex-shrink:0;user-select:none;opacity:0.9}
.framework-cta{
display:inline-flex;align-items:center;gap:0.75rem;
font-family:'Jost',sans-serif;font-size:0.875rem;font-weight:500;
color:var(--black);background:var(--yellow);
text-decoration:none;letter-spacing:0.06em;text-transform:uppercase;
padding:0.75rem 1.75rem;border-radius:3px;
margin-top:2.5rem;transition:background 0.2s;
}
.jcard.feat
.strip-tag{font-family:'Jost',sans-serif;font-size:0.75rem;font-weight:500;letter-spacing:0.06em;color:var(--white);background:var(--black);border:none;padding:3px 10px;white-space:nowrap;flex-shrink:0}
@media (max-width: 860px) {
.problem-grid, .framework-header, .journey-header, .who-grid {
grid-template-columns: 1fr; gap: 2.5rem;
}
}
@media (max-width: 1199px) {
.layers, .layer-flow { grid-template-columns: repeat(3, 1fr); }
.layer-arrow { display: none; }
}
@media (max-width: 479px) {
.layers, .layer-flow, .journey-grid { grid-template-columns: 1fr; }
}
.who-grid > div:last-child{display:flex;flex-direction:column}
/* ── REVIEWS SECTION ─────────────────────────────────────────────
HUBSPOT CMS NOTE: In HubSpot Content Hub this section should be
replaced with a custom module pulling reviews from a HubSpot
Custom Object managed in the CMS. The card structure and CSS
classes here mirror what the HubSpot module should output.
Industry/company data should be a custom property on the object.
────────────────────────────────────────────────────────────────── */
.reviews-section{background:var(--black);padding:7rem var(--page-margin);position:relative;overflow:hidden}
.reviews-section::before{content:none!important}
.reviews-inner{max-width:1120px;margin:0 auto;position:relative;z-index:1}
/* ── Header ── */
.reviews-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:3.5rem;gap:2rem;flex-wrap:wrap}
.reviews-eyebrow{font-family:'Jost',sans-serif;font-size:0.875rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--yellow-dark);display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem}
.reviews-eyebrow::before{content:'';display:inline-block;width:28px;height:1px;background:var(--yellow-dark)}
.reviews-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;color:var(--white);line-height:1.1;letter-spacing:-0.01em}
h2 em{font-style:italic;color:var(--yellow-dark)}
.cta-section h2 em{font-style:italic;color:var(--yellow)}
.reviews-header h2 em{font-style:italic;color:var(--yellow)}
.reviews-stats{display:flex;align-items:center;gap:2rem;flex-shrink:0}
.reviews-stat{text-align:center}
.reviews-stat-num{font-family:'Cormorant Garamond',serif;font-size:2.5rem;font-weight:700;color:var(--white);line-height:1;display:block}
.reviews-stat-num em{font-style:italic;color:var(--yellow-dark);font-size:1.5rem}
.reviews-stat-label{font-size:0.75rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.85);margin-top:0.25rem;display:block}
.reviews-stat-rule{width:1px;height:3rem;background:rgba(255,255,255,0.1)}
/* ── Carousel ── */
.reviews-carousel{position:relative}
.reviews-track-wrap{overflow:hidden}
.reviews-track{display:flex;gap:1.5rem;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}
/* ── Cards ── */
.rev-card{
background:var(--black);
border:1px solid rgba(0,0,0,0.06);
padding:2rem;
flex:0 0 calc(33.333% - 3.7rem);
min-width:0;
display:flex;
flex-direction:column;
gap:1rem;
transition:border-color 0.2s,background 0.2s
}
.rev-card:hover{background:#1a1917;border-color:rgba(245,197,24,0.5)}
.rev-stars{color:var(--yellow);font-size:0.875rem;letter-spacing:0.1em}
.rev-title{font-family:'Cormorant Garamond',serif;font-size:1.0625rem;font-weight:600;color:var(--white);line-height:1.3}
.rev-text{font-size:0.9rem;font-weight:400;color:rgba(255,255,255,0.9);line-height:1.8;flex:1}
.rev-footer{display:flex;align-items:flex-start;gap:0;margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--border)}
.rev-avatar{display:none}
.rev-byline{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;gap:0.15rem}
.rev-name{font-size:0.875rem;font-weight:500;color:var(--white)}
.rev-industry{margin-top:0.3rem;display:flex;flex-direction:column;gap:0.1rem}
.rev-sector{font-size:0.75rem;font-weight:400;color:rgba(255,255,255,0.45)}
.rev-size{font-size:0.6875rem;font-weight:400;color:rgba(255,255,255,0.28);letter-spacing:0.02em}
.rev-meta{font-size:0.875rem;font-weight:400;color:rgba(255,255,255,0.9);margin-top:0.125rem}
/* ── Controls ── */
.reviews-controls{display:flex;align-items:center;justify-content:space-between;margin-top:2.5rem}
.reviews-dots{display:flex;gap:0.5rem;align-items:center}
.rev-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.2);cursor:pointer;transition:all 0.2s;border:none;padding:0}
.rev-dot.active{background:var(--yellow-dark);width:20px;border-radius:3px}
.reviews-arrows{display:flex;gap:0.75rem}
.rev-arrow{width:40px;height:40px;border:1px solid rgba(255,255,255,0.15);background:none;color:rgba(255,255,255,0.85);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all 0.2s}
.rev-arrow:hover{border-color:var(--yellow-dark);color:var(--yellow-dark)}
.rev-arrow:disabled{opacity:0.3;cursor:not-allowed}
/* ── Source ── */
.reviews-source{margin-top:2rem;display:flex;align-items:center;gap:0.625rem;font-size:0.875rem;font-weight:400;color:var(--text-muted)}
.reviews-source a{color:var(--text-muted);text-decoration:none;border-bottom:1px solid var(--border);transition:color 0.2s}
.reviews-source a:hover{color:var(--text)}
.reviews-source-star{color:var(--yellow-dark)}
@media(max-width:860px){.rev-card{flex:0 0 calc(50% - 0.75rem)}}
@media(max-width:560px){
.rev-card{flex:0 0 100%}
.reviews-header{flex-direction:column;align-items:flex-start}
.reviews-stats{gap:1.25rem}
}
.rev-tags{display:flex;flex-wrap:wrap;gap:0.375rem;margin-bottom:0.25rem}
.rev-tag{font-family:'Jost',sans-serif;font-size:0.6875rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--yellow-dark);background:rgba(245,197,24,0.1);border:1px solid rgba(245,197,24,0.22);padding:0.2rem 0.625rem}
.hp-reviews-section{background:var(--white);padding:7rem var(--page-margin);position:relative;overflow:hidden}
.hp-reviews-inner{max-width:1120px;margin:0 auto;position:relative;z-index:1}
.hp-reviews-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:3rem;gap:2rem;flex-wrap:wrap}
.hp-reviews-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;color:var(--text);line-height:1.1;letter-spacing:-0.01em}
.hp-reviews-header h2 em{font-style:italic;color:var(--yellow-dark)}
.hp-reviews-link{font-family:'Jost',sans-serif;font-size:0.8125rem;font-weight:400;letter-spacing:0.06em;color:var(--yellow-dark);text-decoration:none;white-space:nowrap;transition:color 0.2s;flex-shrink:0}
.hp-reviews-link:hover{color:var(--yellow-accessible)}
@media(max-width:860px){}
@media(max-width:560px){}
/* ── MOBILE NAV ─────────────────────────────────────────── */
.nav-hamburger{display:none;flex-direction:column;justify-content:space-between;width:22px;height:16px;background:none;border:none;cursor:pointer;padding:0;z-index:300}
.nav-hamburger span{display:block;width:100%;height:1.5px;background:var(--white);transition:all 0.3s}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;top:64px;left:0;right:0;background:var(--black);border-top:1px solid rgba(255,255,255,0.08);z-index:199;padding:1.5rem var(--page-margin) 2rem;flex-direction:column;gap:0}
.nav-mobile.open{display:flex}
.nav-mobile a{font-family:'Jost',sans-serif;font-size:1rem;font-weight:400;letter-spacing:0.04em;color:rgba(255,255,255,0.85);text-decoration:none;padding:0.875rem 0;border-bottom:1px solid rgba(255,255,255,0.06);transition:color 0.2s}
.nav-mobile a:last-child{border-bottom:none}
.nav-mobile a:hover{color:var(--white)}
.nav-mobile .nav-cta{color:var(--yellow-dark);font-weight:500}
@media(max-width:1023px){
.nav-hamburger{display:flex}
.nav-links{display:none!important}
}
.nav-logo img {
height: 26px;
}
.jcard-num{position:absolute;top:0.5rem;right:0.75rem;font-family:'Cormorant Garamond',serif;font-size:5rem;font-weight:700;line-height:1;color:rgba(201,162,0,0.2);pointer-events:none;user-select:none}
.jcard.feat .jcard-num{color:rgba(245,197,24,0.25)!important}
.hero p{color:var(--warm-100)!important}
/* ── HP REVIEWS CAROUSEL ─── */
.hp-reviews-carousel{position:relative;overflow:hidden}
.hp-reviews-track-wrap{overflow:hidden}
.hp-reviews-track{display:flex;gap:1.5rem;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}
.hp-reviews-track .rev-card{flex:0 0 calc(33.333% - 3.7rem);min-width:0;display:flex;flex-direction:column}
.hp-reviews-controls{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin-top:2rem}
.hp-reviews-dots{display:flex;gap:0.625rem;align-items:center;justify-content:center}
.hp-rev-dot{width:6px;height:6px;border-radius:50%;background:rgba(0,0,0,0.15);cursor:pointer;transition:all 0.2s;border:none;padding:0}
.hp-rev-dot.active{background:var(--yellow-dark);width:20px;border-radius:3px}
.hp-reviews-arrows{display:flex;gap:1rem;align-items:center;justify-content:center}
.hp-rev-arrow{width:44px;height:44px;border:1px solid var(--border);background:var(--white);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.125rem;transition:all 0.2s;flex-shrink:0}
.hp-rev-arrow:hover{border-color:var(--yellow-dark);color:var(--yellow-dark)}
.hp-rev-arrow:disabled{opacity:0.3;cursor:not-allowed}
@media(max-width:860px){.hp-reviews-track .rev-card{flex:0 0 calc(50% - 0.75rem)}}
@media(max-width:560px){.hp-reviews-track .rev-card{flex:0 0 100%}}
/* Equal footer height — name always at same position */
.hp-reviews-track .rev-byline{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;gap:0.15rem}
.hp-reviews-track .rev-footer{align-items:flex-start}
/* Equal height carousel cards */
.hp-reviews-track .rev-card{
display:flex;
flex-direction:column;
height:100%;
}
.hp-reviews-track .rev-text{flex:1}
.hp-reviews-track-wrap{display:flex;align-items:stretch}
.hp-reviews-track{align-items:stretch}
/* More visible slider controls */
.hp-reviews-controls{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin-top:2rem}
.hp-rev-dot{
width:8px;height:8px;
border-radius:50%;
background:rgba(0,0,0,0.15);
cursor:pointer;
transition:all 0.25s;
border:none;padding:0;
flex-shrink:0;
}
.hp-rev-dot.active{
background:var(--yellow-dark);
width:24px;
border-radius:4px;
}
.hp-reviews-arrows{display:flex;gap:1rem;align-items:center;justify-content:center}
.hp-rev-counter{font-family:'Jost',sans-serif;font-size:0.875rem;font-weight:400;color:var(--text-muted);letter-spacing:0.06em;min-width:3.5rem;text-align:center}
.hp-rev-arrow{width:44px;height:44px;border:1px solid var(--border);background:var(--white);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.125rem;transition:all 0.2s;flex-shrink:0}
.hp-rev-arrow:hover{
border-color:var(--yellow-dark);
color:var(--yellow-dark);
background:rgba(245,197,24,0.05);
}
.hp-rev-arrow:disabled{opacity:0.25;cursor:not-allowed;pointer-events:none}
.hp-reviews-track-wrap{padding-bottom:0}
/* ── CAROUSEL CARD EQUAL HEIGHT ─────────────────────────────── */
.hp-reviews-track .rev-card{
display:flex;
flex-direction:column;
/* height set by JS equaliseHeights */
}
/* Text area grows to fill available space */
.hp-reviews-track .rev-card .rev-text{
flex:1;
min-height:0;
}
/* Footer always pinned to bottom */
.hp-reviews-track .rev-card .rev-footer{
margin-top:auto;
flex-shrink:0;
}
/* Byline fixed height — accommodates name + sector + size */
.hp-reviews-track .rev-card .rev-byline{min-height:3.5rem;display:flex;flex-direction:column;justify-content:flex-end;gap:0.15rem}
/* ── CARD FOOTER RESTRUCTURE ────────────────────────────── */
.hp-reviews-track .rev-card .rev-footer{
display:flex;
flex-direction:column;
gap:0.375rem;
margin-top:auto;
padding-top:1.25rem;
border-top:1px solid var(--border);
flex-shrink:0;
}
.hp-reviews-track .rev-card .rev-byline{
min-height:0;
display:flex;
flex-direction:column;
justify-content:flex-start;
}
.hp-reviews-track .rev-card .rev-name{
font-size:0.875rem;
font-weight:500;
color:var(--white);
}
.rev-footer-sub{
display:flex;
align-items:center;
gap:0.375rem;
flex-wrap:wrap;
}
.rev-footer-sub .rev-date{font-size:0.875rem;font-weight:400;color:rgba(255,255,255,0.9);white-space:nowrap;flex-shrink:0}
.rev-footer-dot{font-size:0.875rem;color:rgba(255,255,255,0.45)}
.rev-sector-inline{font-size:0.875rem;font-weight:400;color:rgba(255,255,255,0.9)}
/* ── FRAMEWORK TEASER ─────────────────────────────────────── */
.fw-teaser{background:var(--warm-100);padding:4.5rem var(--page-margin);border-bottom:1px solid var(--border)}
.fw-teaser::before{content:none!important}
.fw-teaser-layer:last-child{border-bottom:none}
/* ── JOURNEY STRIP ─────────────────────────────────────────── */
.journey-strip{background:var(--white);padding:6rem var(--page-margin);border-bottom:1px solid var(--border)}
.journey-strip::before{content:none!important}
.journey-strip-inner{max-width:1120px;margin:0 auto}
.journey-strip-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:3rem;gap:2rem;flex-wrap:wrap}
.journey-strip-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;color:var(--text);line-height:1.1;letter-spacing:-0.01em}
.journey-strip-header h2 em{font-style:italic;color:var(--yellow-dark)}
.journey-strip-steps{display:flex;align-items:stretch;gap:0}
.jstep +
.jstep-feat
.jstep-feat
.journey-strip-note{margin-top:1.75rem;text-align:right}
.journey-strip-link{font-family:'Jost',sans-serif;font-size:0.875rem;font-weight:400;letter-spacing:0.04em;color:var(--text-muted);text-decoration:none;transition:color 0.2s}
.journey-strip-link:hover{color:var(--text)}
@media(max-width:860px){
.journey-strip-steps{flex-wrap:wrap}
}
@media(max-width:560px){
.jstep +
}
.journey-strip-intro{border-left:2px solid var(--yellow-dark);padding-left:1.25rem;max-width:640px;margin-bottom:2.5rem}
.journey-strip-intro-main{font-family:'Cormorant Garamond',serif;font-size:1.375rem;font-weight:400;font-style:normal;color:var(--text);line-height:1.65;margin-bottom:0.5rem}
.journey-strip-intro-sub{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.7}
/* ── LAYER DISPLAY AE-3 ─────────────────────────────────── */
.fw-teaser-layers{display:flex;flex-direction:column;gap:0;margin-bottom:2rem}
@media(max-width:640px){}
/* ── DROPDOWN NAV (About → Case Studies) ── */
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:0.25rem}
.nav-chevron{font-size:0.625rem;opacity:0.6;transition:transform 0.2s,opacity 0.2s;line-height:1}
.nav-dropdown:hover .nav-chevron,.nav-dropdown:focus-within .nav-chevron{transform:translateY(1px);opacity:1}
.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:rgba(8,8,7,0.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--bd);border-top:none;min-width:180px;padding:0.5rem 0;display:none;margin-top:0;border-radius:0 0 3px 3px;box-shadow:0 8px 24px rgba(0,0,0,0.3)}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:block}
.nav-dropdown-menu a{display:block;padding:0.625rem 1.5rem;font-size:0.8125rem;font-weight:400;letter-spacing:0.04em;color:rgba(255,255,255,0.85);white-space:nowrap;transition:color 0.2s,background 0.2s}
.nav-dropdown-menu a:hover{color:var(--white);background:rgba(255,255,255,0.04)}
.nav-mobile-sub{padding-left:1.75rem!important;color:rgba(255,255,255,0.85)!important;font-size:0.9375rem!important;border-bottom:1px solid rgba(255,255,255,0.06)!important}
.nav-mobile-sub::before{content:'↳ ';opacity:0.5;margin-right:0.375rem}
/* ============ Revenue Architecture hub diagram ============ */
.hub-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.hub-text h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.875rem, 3vw, 2.5rem);line-height:1.1;color:var(--text);margin-bottom:1.75rem}
.hub-text h2 em{color:var(--yellow-dark);font-style:italic}
.hub-sub{font-size:1rem;color:var(--text-muted);line-height:1.65;margin-bottom:2.5rem}
.hub-link{font-family:'Jost',sans-serif;font-size:0.875rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;border-bottom:1px solid var(--yellow-dark);padding-bottom:0.375rem;transition:color 0.2s}
.hub-link:hover{color:var(--yellow-dark)}
.hub-link .arrow{transition:transform 0.2s}
.hub-link:hover .arrow{transform:translateX(3px)}
.hub-canvas{position:relative;width:100%;aspect-ratio:1;max-width:560px;margin:0 auto}
.hub-canvas svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.hub-canvas svg .conn{stroke:rgba(26,25,23,0.32);stroke-width:1.25;fill:none}
.hub-canvas svg .conn-dot{fill:var(--yellow-dark)}
.hub-canvas svg .ring{stroke:rgba(201,162,0,0.45);stroke-width:1.25;fill:none;stroke-dasharray:3 5}
.hub-canvas svg .orbit-arc{stroke:rgba(201,162,0,0.4);stroke-width:1;fill:none}
.hub-canvas svg .orbit-arrow-head{fill:rgba(201,162,0,0.5)}
.hub-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;background:var(--black);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.75rem;z-index:5;box-shadow:0 8px 28px rgba(8,8,7,0.2)}
.hub-center-eyebrow{font-family:'Jost',sans-serif;font-size:0.875rem;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:rgba(245,197,24,0.9);margin-bottom:0.75rem}
.hub-center-name{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.875rem;line-height:1.1;font-weight:500;color:var(--warm-100)}
.hub-label{position:absolute;z-index:3;text-align:center;width:160px}
.hub-label-rev{display:block;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1rem;color:var(--text-muted);font-weight:400;letter-spacing:0.01em;line-height:1}
.hub-label-name{display:block;font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:400;color:var(--text);line-height:1;letter-spacing:-0.01em}
@media (max-width:880px){
.hub-grid{grid-template-columns:1fr;gap:3rem}
.hub-canvas{max-width:420px}
.hub-center{width:160px;height:160px;padding:1.25rem}
.hub-center-name{font-size:1.5rem}
.hub-label-name{font-size:1.3125rem}
.hub-label{width:130px}
}
/* ============ end hub diagram ============ */
/* ============ Journey strip — Treatment C ============ */
.journey-strip-steps{display:flex;align-items:stretch;gap:0;position:relative}
.jstep{flex:1;background:var(--white);border:1px solid var(--border);border-left:none;text-decoration:none;padding:2rem 1.5rem 1.75rem;position:relative;transition:background 0.25s ease,box-shadow 0.25s ease;overflow:hidden;min-height:180px;display:flex;flex-direction:column;justify-content:flex-end}
.jstep:first-child{border-left:1px solid var(--border)}
.jstep:hover{background:#fff;box-shadow:0 8px 22px rgba(8,8,7,0.07),0 16px 36px rgba(201,162,0,0.06);z-index:5}
.jstep-feat{background:var(--black);border-color:var(--black);border-top:2px solid var(--yellow-dark)}
.jstep-feat:hover{background:#1a1917;box-shadow:0 8px 22px rgba(8,8,7,0.2),0 16px 36px rgba(201,162,0,0.18)}
.jstep-watermark{position:absolute;top:-0.625rem;right:0.625rem;font-family:'Cormorant Garamond',serif;font-size:6rem;font-weight:400;line-height:0.85;color:rgba(201,162,0,0.13);pointer-events:none;letter-spacing:-0.04em;user-select:none}
.jstep-feat .jstep-watermark{color:rgba(245,197,24,0.2)}
.jstep-name{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.3125rem;font-weight:600;color:var(--yellow-dark);line-height:1.2;margin-bottom:0.5rem;position:relative;z-index:1}
.jstep-feat .jstep-name{color:var(--yellow)}
.jstep-desc{font-size:0.875rem;font-weight:400;color:var(--text-muted);line-height:1.5;position:relative;z-index:1}
.jstep-feat .jstep-desc{color:rgba(255,255,255,0.9)}
.jstep-tag{font-family:'Jost',sans-serif;font-size:0.6875rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--yellow);margin-top:0.875rem;position:relative;z-index:1}
.jstep-arrow{position:absolute;width:32px;height:32px;background:var(--white);border:1px solid rgba(201,162,0,0.4);border-radius:50%;color:var(--yellow-dark);font-size:1rem;font-family:'Jost',sans-serif;display:flex;align-items:center;justify-content:center;z-index:6;transform:translateX(-50%)}.jstep-arrow:nth-of-type(1){left:20%;top:18%}.jstep-arrow:nth-of-type(2){left:40%;top:38%}.jstep-arrow:nth-of-type(3){left:60%;top:58%}.jstep-arrow:nth-of-type(4){left:80%;top:78%}
@media (max-width:880px){
.journey-strip-steps{flex-direction:column}
.jstep{flex:0 0 100%;border-left:1px solid var(--border);border-top:none;min-height:140px}
.jstep:first-child{border-top:1px solid var(--border)}
.jstep-feat{border-top:2px solid var(--yellow-dark)}
.jstep-arrow{position:relative;left:auto;top:auto;transform:rotate(90deg);margin:-16px 0}
}
/* ============ end journey-strip ============ */
/* Hub diagram label positions (original) */
.hub-label.l1{top:0;left:50%;transform:translate(-50%,-8%)}
.hub-label.l2{top:32%;right:0;transform:translate(15%,-50%)}
.hub-label.l3{bottom:6%;right:6%;transform:translate(20%,30%)}
.hub-label.l4{bottom:6%;left:6%;transform:translate(-20%,30%)}
.hub-label.l5{top:32%;left:0;transform:translate(-15%,-50%)}
/* === LOGO STRIP (infinite horizontal slider) === */
.logo-strip{background:var(--off-white);padding:3rem 0;border-bottom:1px solid var(--border);overflow:hidden;position:relative}
.logo-strip::before,.logo-strip::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.logo-strip::before{left:0;background:linear-gradient(to right,var(--off-white),transparent)}
.logo-strip::after{right:0;background:linear-gradient(to left,var(--off-white),transparent)}
.logo-track{display:flex;align-items:center;gap:4rem;width:max-content;animation:logo-scroll 45s linear infinite}
.logo-strip:hover .logo-track{animation-play-state:paused}
.logo-placeholder{flex-shrink:0;width:160px;aspect-ratio:5/2;position:relative;overflow:hidden}
@keyframes logo-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 2rem))}}
@media (prefers-reduced-motion:reduce){.logo-track{animation:none}}
@media (max-width:560px){.logo-strip{padding:2rem 0}.logo-placeholder{width:120px}.logo-track{gap:2.5rem}}
/* === Reset reassurance pills (used in every CTA) === */
.cta-inner .reset-tags{display:inline-flex;flex-wrap:wrap;gap:0.5rem;margin-top:2rem}
.cta-inner .reset-tag{font-family:'Jost',sans-serif;font-size:0.875rem;font-weight:400;color:var(--warm-100);background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);padding:0.4rem 0.875rem;letter-spacing:0.04em;white-space:nowrap}
/* === Unified persona styling (homepage + revenue-reset) === */
.personas{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:0.5rem;height:100%;align-items:stretch}
.prow{background:var(--off-white);border:1px solid var(--border);padding:1.25rem 1.25rem;display:flex;flex-direction:column;gap:0;transition:border-color 0.2s,box-shadow 0.2s;min-height:140px}
.prow:hover{border-color:var(--yellow-dark);box-shadow:0 4px 14px rgba(8,8,7,0.05)}
.prole{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.3125rem;font-weight:600;color:var(--yellow-dark);line-height:1.2;margin-bottom:0.625rem}
.pctx{font-size:0.9375rem;font-weight:400;color:var(--text);line-height:1.55}
.pctx.pctx-second{margin-top:0.625rem}
.pinit{display:none}
/* === Variant D: PE/VC card === */
.pevc-block{background:var(--black);color:var(--white);padding:2rem 2rem;margin-top:auto}
.pevc-block h3{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:600;color:var(--warm-100);margin:0 0 0.625rem 0;line-height:1.25}
.pevc-block .pevc-intro{margin-bottom:1.75rem}
.pevc-block .pevc-intro p{font-family:'Jost',sans-serif;font-size:1rem;font-weight:400;color:var(--warm-100);line-height:1.7;margin:0}
.pevc-quote{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:500;font-style:normal;color:var(--warm-100);line-height:1.55;margin:0 0 1.75rem 0;padding-left:1.25rem;border-left:2px solid var(--yellow);quotes:none}
.pevc-btn{display:inline-block;background:var(--yellow);color:var(--black);font-family:'Jost',sans-serif;font-size:0.8125rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;padding:0.875rem 1.75rem;transition:background 0.2s}
.pevc-btn:hover{background:var(--yellow-dark)}
/* === Variant B nav refinement === */
.nav-links a:not(.nav-cta),.nav-links .nav-dropdown-trigger{font-size:0.75rem;font-weight:400;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.85);position:relative;padding-bottom:0.375rem;transition:color 0.25s}
.nav-links a:not(.nav-cta)::after,.nav-links .nav-dropdown-trigger::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--yellow);transition:width 0.3s ease}
.nav-links a:not(.nav-cta):hover,.nav-links .nav-dropdown-trigger:hover{color:var(--white)}
.nav-links a:not(.nav-cta):hover::after,.nav-links .nav-dropdown-trigger:hover::after,.nav-links a.active::after,.nav-links .nav-dropdown-trigger.active::after{width:100%}
.nav-links a.active,.nav-links .nav-dropdown-trigger.active{color:var(--white)}
.nav-cta{padding:0.6875rem 1.625rem!important;font-size:0.6875rem!important;letter-spacing:0.16em;text-transform:uppercase}
/* === Chevron refinement (more prevalent) === */
.nav-chevron{font-size:0.8125rem;color:var(--yellow);opacity:1;font-weight:500;line-height:1;display:inline-block;transition:transform 0.2s}
.nav-dropdown-trigger{gap:0.375rem}
.nav-dropdown:hover .nav-chevron,.nav-dropdown:focus-within .nav-chevron{transform:translateY(1px) rotate(180deg)}
.signal-strip{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;border:none;overflow:visible}
.strip-row{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1rem;background:var(--off-white);padding:1.125rem;border-bottom:none;border-radius:0;min-height:118px;box-shadow:inset 2px 0 0 transparent;transition:background 0.2s,box-shadow 0.2s}
.strip-row:hover{background:var(--white);box-shadow:inset 2px 0 0 var(--yellow-dark)}
.strip-dot{display:none}
.strip-txt{font-family:'Jost',sans-serif;font-size:1rem;font-weight:400;font-style:normal;color:var(--text);line-height:1.55;letter-spacing:0;flex:1}
/* === Link colour reset for .jstep anchors (was inheriting browser blue) === */
a.jstep,a.jstep:visited{color:inherit;text-decoration:none}
/* === Mobile fix for review carousel === */
@media(max-width:767px){
.rev-card{flex:0 0 calc(100vw - 6rem)!important;max-width:calc(100vw - 6rem)}
}
/* === Homepage founder anchor === */
.founder-section { padding: 5rem var(--page-margin); background: #1a1917; border-bottom: 1px solid rgba(255,255,255,0.1); }
.founder-inner { max-width: 1120px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: start; }
.founder-inner > .ey { grid-column: 1 / -1; color: var(--yellow); margin-bottom: 1.5rem; }
.founder-inner > .ey::before { background: var(--yellow); }
.founder-section h2 { font-family: 'Cormorant Garamond', serif; font-size: clamp(1.875rem, 3vw, 2.5rem); font-weight: 600; line-height: 1.1; letter-spacing: -0.01em; color: #fff; margin: 0; max-width: 22ch; }
.founder-section h2 em { font-style: italic; color: var(--yellow); font-weight: 600; }
.founder-deck { font-family: 'Cormorant Garamond', serif; font-size: 1.25rem; font-weight: 500; line-height: 1.55; color: rgba(255,255,255,0.7); margin: 1.5rem 0 0 0; max-width: 34ch; }
.founder-section h2 + p { font-family: 'Cormorant Garamond', serif; font-size: 1.4375rem; font-weight: 500; line-height: 1.55; color: var(--warm-100); margin: 1.5rem 0 0 0; max-width: 38ch; }
.founder-pills { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.75rem; }
.founder-pill { font-family: 'Jost', sans-serif; font-size: 0.875rem; font-weight: 500; padding: 0.5rem 0.875rem; background: rgba(255,255,255,0.06); color: var(--warm-100); border-radius: 2px; border: 1px solid rgba(255,255,255,0.12); }
.founder-link { font-family: 'Jost', sans-serif; font-size: 0.9375rem; font-weight: 500; color: var(--yellow); text-decoration: none; border-bottom: 1px solid var(--yellow); padding-bottom: 2px; }
.founder-link:hover { color: #fff; border-color: #fff; }
@media(max-width:880px){ .founder-inner { grid-template-columns: 1fr; gap: 2rem; } }
/* === New site footer === */
footer.site-footer { background: #f0ede6; padding: 5rem var(--page-margin) 2.5rem; border-top: none; position: relative; color: var(--text); margin: 0; }
footer.site-footer::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0;
height: 3px;
background: #1a1917;
}
footer.site-footer::after {
content: "";
position: absolute;
top: 3px; left: 0; right: 0;
height: 10px;
background: var(--yellow);
}
.site-footer .footer-inner { max-width: 1120px; margin: 0 auto; }
.site-footer .footer-grid { display: grid; grid-template-columns: 1fr 1.5fr 1fr; gap: 4rem; align-items: center; padding-bottom: 3rem; border-bottom: 1px solid rgba(26,25,23,0.1); margin-bottom: 2rem; }
.site-footer .footer-brand { display: flex; flex-direction: column; gap: 1.25rem; }
.site-footer .footer-logo { font-family: 'Jost', sans-serif; font-size: 1.5rem; font-weight: 700; color: var(--text); text-decoration: none; letter-spacing: 0.04em; display: inline-flex; align-items: baseline; }
.site-footer .footer-wordmark-dot { color: var(--yellow); font-size: 1.625rem; line-height: 1; margin-left: 0.05em; }
.site-footer .footer-tagline { max-width: 28ch; margin: 0; }
.site-footer .footer-tagline * { font-family: 'Cormorant Garamond', serif; font-size: 1.0625rem; font-style: italic; font-weight: 500; line-height: 1.45; color: var(--text-muted); }
.site-footer .footer-socials { display: flex; gap: 0.75rem; margin-top: 0.5rem; }
.site-footer .footer-social { color: var(--text-muted); transition: color 0.2s; display: block; }
.site-footer .footer-social:hover { color: var(--yellow-dark); }
.site-footer .footer-nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.875rem 1.5rem; align-content: start; }
.site-footer .footer-nav a { font-family: 'Jost', sans-serif; font-size: 0.9375rem; font-weight: 500; color: var(--text); text-decoration: none; letter-spacing: 0.01em; white-space: nowrap; }
.site-footer .footer-nav a:hover { color: var(--yellow-dark); }
.site-footer .footer-credentials { display: flex; flex-direction: column; gap: 1.5rem; }
.site-footer .footer-cred { font-family: 'Jost', sans-serif; font-size: 0.9375rem; font-weight: 500; letter-spacing: 0.01em; line-height: 1.35; color: var(--text); display: flex; align-items: flex-start; gap: 0.875rem; padding: 0; background: none; border: none; }
.site-footer .footer-cred-with-mark { display: flex; align-items: center; gap: 0.875rem; }
.site-footer .footer-cred-mark { flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.site-footer .footer-cred-body { display: flex; flex-direction: column; }
.site-footer .footer-cred-tier { display: block; font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 500; font-size: 1rem; color: var(--text-muted); margin-top: 0.25rem; letter-spacing: 0; }
.site-footer .footer-legal { display: flex; justify-content: space-between; align-items: center; gap: 2rem; flex-wrap: wrap; }
.site-footer .footer-copyright { font-family: 'Jost', sans-serif; font-size: 0.8125rem; font-weight: 400; color: var(--text-muted); letter-spacing: 0.02em; margin: 0; }
.site-footer .footer-legal-links { display: flex; gap: 1.5rem; flex-wrap: wrap; }
.site-footer .footer-legal-links a { font-family: 'Jost', sans-serif; font-size: 0.8125rem; font-weight: 400; color: var(--text-muted); text-decoration: none; letter-spacing: 0.03em; }
.site-footer .footer-legal-links a:hover { color: var(--text); }
@media (max-width: 1040px) { .site-footer .footer-grid { grid-template-columns: 1fr; gap: 2.5rem; } .site-footer .footer-nav { grid-template-columns: repeat(2, 1fr); } .site-footer .footer-legal { flex-direction: column; align-items: flex-start; gap: 1rem; } }
/* === CTA section (matched to About page) === */
.cta{background:var(--black);padding:8rem var(--page-margin);text-align:center;position:relative;overflow:hidden;border-bottom:1px solid var(--bd)}
.cta::before{content:'';position:absolute;bottom:-300px;left:50%;transform:translateX(-50%);width:900px;height:500px;background:radial-gradient(ellipse,rgba(245,197,24,0.09) 0%,transparent 70%);pointer-events:none}
.cta .ey{justify-content:center;margin-bottom:1.5rem}
.cta .ey::before,.cta .ey::after{content:'';display:inline-block;width:28px;height:1px;background:var(--yellow);opacity:0.55}
.cta h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;line-height:1.1;letter-spacing:-0.01em;color:var(--white);margin-bottom:1.5rem}
.cta h2 em{color:var(--yellow);font-weight:500}
.cta p{font-size:1.0625rem;font-weight:400;color:var(--warm-100);line-height:1.8;margin-bottom:2.75rem}
/* === Brutalist hero (homepage example) === */
.b{background:var(--warm-100);min-height:100vh;padding:9.5rem var(--page-margin) 3rem;color:var(--black);display:grid;grid-template-rows:auto 1fr auto;gap:2rem}
.b-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem}
.b-mark{font-family:'Jost',sans-serif;font-weight:900;font-size:1.5rem;letter-spacing:-0.02em;color:var(--black)}
.b-mark span{color:var(--yellow-dark)}
.b-nav{display:flex;gap:2.5rem;font-size:0.8125rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--black);font-weight:500}
.b-center{display:flex;flex-direction:column;justify-content:center;max-width:1120px;margin:0 auto;width:100%}
.b-rule{font-family:'Jost',sans-serif;font-size:0.75rem;letter-spacing:0.32em;text-transform:uppercase;color:var(--yellow-dark);font-weight:500;margin:0 0 2.5rem 0;border-left:6px solid var(--yellow-dark);padding-left:1rem}
.b-h1{font-family:'Jost',sans-serif;font-size:10.5rem;font-weight:900;line-height:0.85;letter-spacing:-0.04em;margin:0 0 2.5rem 0;color:var(--black);text-transform:uppercase;max-width:14ch}
.b-h1 em{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;text-transform:none;color:var(--yellow-dark);letter-spacing:-0.02em;display:inline-block;line-height:0.9}
.b-row{display:grid;grid-template-columns:2fr 1fr;gap:5rem;align-items:end;padding-top:2.5rem;border-top:1px solid var(--black)50}
.b-deck{font-family:'Jost',sans-serif;font-size:1.25rem;line-height:1.45;max-width:54ch;color:var(--black);font-weight:300;margin:0}
.b-deck strong{background:var(--yellow);color:var(--black);padding:0 4px;font-weight:600}
.b-actions{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}
.b-cta{display:inline-flex;align-items:center;gap:0.5rem;background:var(--black);color:var(--yellow);padding:1.25rem 2rem;font-family:'Jost',sans-serif;font-size:0.875rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none}
.b-cta2{font-family:'Jost',sans-serif;font-size:0.8125rem;font-weight:600;color:var(--black);text-decoration:none;letter-spacing:0.08em;text-transform:uppercase;border-bottom:2px solid var(--black);padding-bottom:2px}
@media(max-width:1240px){
.t3l-hero .t3l-h1,
.b .b-h1{font-size:6rem;}
.b-row{ grid-template-columns: auto;}
}
@media(max-width:767px){
.t3l-hero .t3l-h1,
.b .b-h1{font-size:3rem;}
}
@media(max-width:350px){
.t3l-h1,
.b .b-h1{font-size:2rem;}
.signal-strip{
grid-template-columns: auto;
}
}
/* Founder section — pills float top-right, text wraps under */
.founder-section { padding: 3rem var(--page-margin) !important; }
.founder-inner {
display: block !important;
max-width: 1120px;
margin: 0 auto;
}
.founder-inner > .ey {
margin-bottom: 1.5rem;
}
.founder-inner > .founder-right {
float: right;
width: 40%;
margin: 0 0 1rem 2.5rem;
}
.founder-section h2 {
margin: 0 0 1rem 0 !important;
max-width: none;
}
.founder-section p {
max-width: none;
}
.founder-inner::after {
content: "";
display: block;
clear: both;
}
.founder-pills {
margin-bottom: 1.25rem !important;
}
.founder-section .founder-pill { font-size: 0.8125rem !important; padding: 0.45rem 0.75rem !important; }
.founder-section .founder-pills { gap: 0.4rem !important; }
/* Founder body paragraph — smaller, matching site body convention */
.founder-section p {
font-family: 'Jost', sans-serif !important;
font-size: 1rem !important;
font-weight: 300 !important;
line-height: 1.6 !important;
color: rgba(255,255,255,0.75) !important;
max-width: 56ch !important;
}
/* Scroll indicator — italic Cormorant continue ↓ */
/* Scroll indicator: italic editorial (variant E) */
.b-scroll{padding-bottom:1.5rem;display:flex;justify-content:center;justify-self:center;width:100%}
.b-italic { font-family: 'Cormorant Garamond', serif; font-style: italic; font-size: 1.25rem; color: var(--yellow-dark); display: flex; align-items: center; gap: 0.5rem; }
.b-arrow-thin { font-family: 'Jost', sans-serif; font-size: 0.875rem; animation: arrow-drop 2s ease-in-out infinite; display: inline-block; }
@keyframes arrow-drop { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(3px); } }
/* Footer credentials — larger placeholder badges in 2x2 grid */
.footer-credentials { display: grid !important; grid-template-columns: repeat(2, 170px) !important; gap: 0.875rem !important; align-items: center !important; justify-content: start !important; }
.footer-cred { display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; background: transparent !important; border: none !important; margin: 0 !important; }
.footer-cred-mark { display: flex !important; line-height: 0 !important; }
.footer-cred-mark svg { width: 100% !important; height: 100% !important; }
.footer-cred-body, .footer-cred-tier { display: none !important; }
/* "What we deliver" intro panel */
.services-intro { background: var(--white); padding: 5rem var(--page-margin) 4rem; border-bottom: 1px solid var(--border); }
.services-intro-inner { max-width: 1120px; margin: 0 auto; }
.services-intro-h2 {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(1.75rem, 3.2vw, 2.5rem);
font-weight: 600;
letter-spacing: -0.015em;
color: var(--text);
line-height: 1.15;
margin: 0 0 3rem 0;
max-width: 48ch;
}
.services-intro-h2 em { font-style: italic; font-weight: 500; color: var(--yellow-dark); }
.services-intro-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1rem;
}
.svc-cat { display: flex; flex-direction: column; gap: 0.625rem; }
.svc-cat {
background: var(--off-white);
padding: 1.125rem;
border-bottom: none;
border-radius: 0;
min-height: 118px;
box-shadow: inset 2px 0 0 transparent;
transition: background 0.2s, box-shadow 0.2s;
}
.svc-cat:hover {
background: var(--white);
box-shadow: inset 2px 0 0 var(--yellow-dark);
}
.svc-cat-label {
font-family: 'Jost', sans-serif;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.02em;
color: var(--text);
padding: 4px 10px;
border: 1px solid var(--yellow-dark);
border-radius: 2px;
align-self: flex-start;
}
.svc-cat p {
font-family: 'Jost', sans-serif;
font-size: 0.9375rem;
line-height: 1.5;
color: var(--text);
margin: 0;
}
@media (max-width: 1000px) {
.services-intro-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.services-intro-grid { grid-template-columns: 1fr; }
}
/* Services list — formatted like DNA hub-cards */
/* Services consolidated page — work + framework sections */
/* Work-we-do block */
.services-work{padding:6rem var(--page-margin);background:var(--warm-100)}
.services-work-inner{max-width:1120px;margin:0 auto}
.services-work-header{margin-bottom:3.5rem;max-width:760px}
.services-work-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;line-height:1.05;letter-spacing:-0.01em;color:var(--text);margin:1rem 0 1.5rem 0}
.services-work-header h2 em{font-style:italic;color:var(--yellow-dark)}
.services-work-deck{font-family:'Jost',sans-serif;font-size:1.0625rem;font-weight:400;color:var(--text);line-height:1.65;margin:0}
.services-work-deck a{ color: var(--yellow-dark);
text-decoration: none;
font-weight: 500;
border-bottom: 1px solid rgba(201, 162, 0, 0.35);
padding-bottom: 1px;
transition: border-color 0.2s;}
.services-work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem 2.5rem}
.work-item{display:flex;flex-direction:column;gap:0.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}
.work-item h3{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.3125rem;font-weight:600;line-height:1.25;margin:0;color:var(--yellow-dark);letter-spacing:-0.005em}.work-item p{font-family:'Jost',sans-serif;font-size:1rem;font-weight:400;color:var(--text);line-height:1.55;margin:0}
/* Framework section */
.services-framework{padding:6rem var(--page-margin);background:var(--white)}
.services-framework-inner{max-width:1120px;margin:0 auto}
.services-framework-header{margin-bottom:4rem;max-width:760px}
.services-framework-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;line-height:1.05;letter-spacing:-0.01em;color:var(--text);margin:1rem 0 1.5rem 0}
.services-framework-header h2 em{font-style:italic;color:var(--yellow-dark)}
.services-framework-deck{font-family:'Jost',sans-serif;font-size:1.0625rem;font-weight:400;color:var(--text);line-height:1.65;margin:0 0 1.5rem 0}
.services-reset-link span{font-size:1.125rem;transition:transform 0.2s}
.stage-block-header h3{font-family:'Cormorant Garamond',serif;font-size:clamp(1.375rem,2vw,1.625rem);font-weight:600;line-height:1.2;letter-spacing:-0.005em;margin:0;color:var(--text)}
.stage-block-header h3 em{font-style:italic;font-weight:400;color:var(--yellow-dark);font-size:0.85em;display:block;margin-top:0.25rem;line-height:1.3}
@media (max-width:768px){
.services-work,.services-framework{padding:4rem var(--page-margin)}
.services-work-grid{grid-template-columns:1fr;gap:1.5rem}
}@media (max-width:768px){
}
.services-work-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 0 !important;
border-top: 1px solid var(--border);
border-left: 1px solid var(--border);
}
.work-item {
background: var(--white) !important;
padding: 1.75rem !important;
border-right: 1px solid var(--border) !important;
border-bottom: 1px solid var(--border) !important;
display: flex !important;
flex-direction: column !important;
position: relative !important;
transition: background 0.2s !important;
min-height: 240px !important;
}
.work-item:hover { background: var(--off-white) !important; }
.work-item::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
background: var(--yellow); transform: scaleX(0); transform-origin: left;
transition: transform 0.3s;
}
.work-item:hover::before { transform: scaleX(1); }
.work-item h3 {
font-family: 'Jost', sans-serif !important;
font-style: normal !important;
font-size: 0.9375rem !important;
font-weight: 500 !important;
letter-spacing: 0.02em !important;
color: var(--text) !important;
margin: 0 0 0.875rem 0 !important;
padding: 5px 12px !important;
border: 1px solid var(--yellow-dark) !important;
border-radius: 2px !important;
align-self: flex-start !important;
display: inline-block !important;
}
.work-item p {
font-family: 'Cormorant Garamond', serif !important;
font-size: 1rem !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: 1.5 !important;
color: var(--text) !important;
margin: 0.875rem 0 1.125rem 0 !important;
max-width: none !important;
flex-grow: 1;
}
.work-caps { display: flex; flex-wrap: wrap; gap: 0.375rem; margin-top: auto; }
.work-cap {
font-family: 'Jost', sans-serif;
font-size: 0.75rem;
font-weight: 400;
padding: 2px 6px;
background: var(--off-white);
color: var(--text-muted);
border: 1px solid var(--border);
}
@media (min-width: 901px) {
/* 16 cards in 3 columns leaves the last card alone on its row — span it full width so there are no broken empty cells */
.services-work-grid .work-item:last-child:nth-child(3n + 1) { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
.services-work-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 600px) {
.services-work-grid { grid-template-columns: 1fr !important; }
}
/* ============ services-framework v3 — stage character ============ */
.services-framework-header{margin-bottom:1.5rem;max-width:760px}
.reset-01-block{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 0;margin:1rem 0 3rem;border-top:1px solid rgba(0,0,0,0.08);border-bottom:1px solid rgba(0,0,0,0.08);max-width:760px}
.reset-01-num{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:500;line-height:1;color:var(--yellow-dark);letter-spacing:-0.02em;flex-shrink:0;opacity:0.7}
.reset-01-body{flex:1;display:flex;flex-direction:column;gap:0.25rem;min-width:0}
.reset-01-name{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.3125rem;font-weight:600;color:var(--yellow-dark);line-height:1.2}
.reset-01-desc{font-family:'Jost',sans-serif;font-size:0.875rem;font-weight:400;color:var(--text-muted);line-height:1.5}
.reset-01-cta{font-family:'Jost',sans-serif;font-size:0.875rem;font-weight:500;color:var(--yellow-accessible);text-decoration:none;letter-spacing:0.02em;border-bottom:1px solid rgba(125,98,0,0.4);padding-bottom:1px;transition:border-color 0.2s;flex-shrink:0;white-space:nowrap}
.reset-01-cta:hover{border-bottom-color:var(--yellow-dark)}
.stage-blocks{display:flex;align-items:stretch;gap:0;position:relative}
.stage-block{flex:1;background:var(--white);border:1px solid var(--border);border-left:none;padding:2rem 1.5rem 1.75rem;position:relative;overflow:hidden;min-height:280px;transition:background 0.25s ease, box-shadow 0.25s ease;scroll-margin-top:2rem;display:flex;flex-direction:column;justify-content:flex-end}
.stage-block:first-child{border-left:1px solid var(--border)}
.stage-block:hover{background:#fff;box-shadow:0 8px 22px rgba(8,8,7,0.07),0 16px 36px rgba(201,162,0,0.06);z-index:5}
.stage-block::before{content:attr(data-stage);position:absolute;top:-0.625rem;right:0.625rem;font-family:'Cormorant Garamond',serif;font-size:6rem;font-weight:400;line-height:0.85;color:rgba(201,162,0,0.13);pointer-events:none;letter-spacing:-0.04em;user-select:none}
.stage-block-header{margin:0 0 0.75rem 0;position:relative;z-index:1}
.stage-block h3{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.3125rem;font-weight:600;color:var(--yellow-dark);line-height:1.25;margin:0}
.stage-block h3 em{display:block;margin-top:0.375rem;font-style:italic;font-weight:500;font-size:1rem;color:var(--text);line-height:1.4;letter-spacing:normal}
.stage-body{font-family:'Jost',sans-serif;font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.55;margin:0;position:relative;z-index:1}
/* Staircase arrows BETWEEN boxes — descending across the row */
.stage-arrow{ line-height:1;position:absolute;width:32px;height:32px;background:var(--white);border:1px solid rgba(201,162,0,0.4);border-radius:50%;color:var(--yellow-dark);font-size:1rem;font-family:'Jost',sans-serif;display:flex;align-items:center;justify-content:center;z-index:6;transform:translateX(-50%)}
.stage-arrow.a1{left:25%;top:25%}
.stage-arrow.a2{left:50%;top:50%}
.stage-arrow.a3{left:75%;top:75%}
@media (max-width:880px){
.stage-blocks{flex-direction:column}
.stage-block{flex:0 0 100%;border-left:1px solid var(--border);border-top:none;min-height:auto}
.stage-block:first-child{border-top:1px solid var(--border)}
.stage-arrow{position:relative;left:auto;top:auto;transform:rotate(90deg);margin:-16px auto}
.reset-01-block{flex-direction:column;align-items:flex-start;gap:0.625rem}
.reset-01-cta{margin-top:0.25rem}
}
/* ============ end services-framework v3 ============ */
/* === TIER 3 LEGAL HERO — smaller variant for legal/utility pages === */
.t3l-hero{background:var(--warm-100);padding:7.5rem var(--page-margin) 2.5rem;color:var(--text)}
.t3l-hero-inner{max-width:1120px;margin:0 auto}
.t3l-eyebrow{font-family:'Jost',sans-serif;font-size:0.6875rem;font-weight:500;letter-spacing:0.32em;text-transform:uppercase;color:var(--yellow-dark);margin:0 0 1.5rem 0;border-left:6px solid var(--yellow-dark);padding-left:1rem;display:inline-block}
.t3l-h1{font-family:'Jost',sans-serif;font-size:3rem;font-weight:900;line-height:0.95;letter-spacing:-0.015em;margin:0 0 0.5rem 0;color:var(--black);text-transform:uppercase}
.t3l-h1 em{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;text-transform:none;color:var(--yellow-dark);letter-spacing:-0.02em;display:block;line-height:0.95;margin-top:0.125rem}
.t3l-deck{font-family:'Jost',sans-serif;font-size:0.9375rem;line-height:1.55;max-width:54ch;color:rgba(26,25,23,0.85);font-weight:400;margin:1.5rem 0 0 0}
.legal-hero{background:var(--black);padding:0 var(--page-margin);border-bottom:none;position:relative;overflow:hidden}
.legal-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(245,197,24,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(245,197,24,0.02) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}
.legal-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem, 3vw, 2.7rem);font-weight:600;color:var(--white);line-height:1.1;letter-spacing:-0.01em;margin-bottom:0.75rem;position:relative;z-index:1}
.legal-hero p{font-size:0.9375rem;font-weight:400;color:rgba(255,255,255,0.85);position:relative;z-index:1}
.legal-section{background:var(--white);padding:6rem var(--page-margin)}
.legal-content{max-width:760px}
.legal-content h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.25rem, 1.875vw, 1.5rem);font-weight:600;color:var(--text);margin:2.5rem 0 1rem;line-height:1.2;text-transform:none}
.legal-content h3{font-family:'Cormorant Garamond',serif;font-size:1.1875rem;font-weight:600;color:var(--text);margin:2rem 0 0.75rem}
.legal-content p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.85;margin-bottom:1rem}
.legal-content ul,.legal-content ol{margin:0 0 1.25rem 1.5rem}
.legal-content ul li,.legal-content ol li{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.8;margin-bottom:0.5rem}
.legal-content a{color:var(--text);border-bottom:1px solid var(--border)}
.legal-content a:hover{border-color:var(--yellow-dark)}
.legal-content strong{font-weight:500;color:var(--text)}
.legal-updated{font-size:0.9375rem;font-weight:400;color:var(--text-muted);padding:0.875rem 1.25rem;background:var(--off-white);border-left:2px solid var(--yellow-dark);margin-bottom:3rem;display:inline-block}
.legal-intro{font-size:1rem;font-weight:400;color:var(--text);line-height:1.85;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
footer{background:var(--black);border-top:1px solid var(--bd);padding:2rem var(--page-margin);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
footer p{font-size:0.875rem;font-weight:400;color:rgba(255,255,255,0.9);letter-spacing:0.03em}
.legal-hero-inner{max-width:1120px;margin:0 auto;padding:9rem 0 5rem;width:100%}
.legal-link{color:var(--yellow-dark);text-decoration:none;border-bottom:1px solid rgba(201,162,0,0.35);padding-bottom:1px;transition:color 0.2s,border-color 0.2s}
.legal-link:hover{color:var(--yellow);border-bottom-color:var(--yellow)}
@media(min-width:1120px){.contact-section .container, .legal-section .container{padding:0 5rem}}
.contact-section{background:var(--white);padding:7rem var(--page-margin);border-bottom:1px solid var(--border)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr;gap:4rem}}
/* Form */
.contact-form{display:flex;flex-direction:column;gap:1.5rem}
form fieldset{display:flex;gap:0.5rem; }
form fieldset .hs-form-field .hs-input, form fieldset .hs-form-field{ width: 100%;}
form fieldset .hs-form-field{ padding-top: 1.5rem;}
.hs-form-field label:not(.hs-error-msg):not(.hs-form-booleancheckbox-display){font-family:'Jost',sans-serif;font-size:0.875rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--text)}
.hs-form-field select, .hs-form-field textarea, .hs-form-field input[type="text"], .hs-form-field input[type="email"], .hs-form-field input[type="phone"]{font-family:'Jost',sans-serif;font-size:0.9375rem;font-weight:400;color:var(--text);background:var(--white);border:1px solid var(--border);padding:0.875rem 1rem;outline:none;transition:border-color 0.2s;width:100%;box-sizing:border-box}
.hs-form-field select:focus, .hs-form-field textarea:focus, .hs-form-field input[type="text"]:focus, .hs-form-field input[type="email"]:focus, .hs-form-field input[type="phone"]:focus{border-color:var(--yellow-dark)}
.hs-form-field select::placeholder, .hs-form-field textarea::placeholder, .hs-form-field input[type="text"]::placeholder, .hs-form-field input[type="email"]::placeholder, .hs-form-field input[type="phone"]::placeholder{color:var(--text-muted)}
.hs-form-field textarea{min-height:140px;resize:vertical}
.hs-form-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23555250' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}
.legal-consent-container,
.form-note{font-size:0.875rem;font-weight:400;color:var(--text-muted);line-height:1.6;margin-top:0.25rem}
.legal-consent-container a{
color: var(--yellow-dark);
text-decoration: none;
border-bottom: 1px solid rgba(201, 162, 0, 0.35);
padding-bottom: 1px;
transition: color 0.2s, border-color 0.2s;
color: var(--text);
border-bottom: 1px solid var(--border);
}
.legal-consent-container a:hover{
border-color: var(--yellow-dark);
color: var(--yellow);
}
/* Contact info */
.contact-info{display:flex;flex-direction:column;gap:3rem}
.info-block h3{font-family:'Cormorant Garamond',serif;font-size:1.375rem;font-weight:600;color:var(--text);margin-bottom:0.75rem;line-height:1.2}.info-block p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.75}
.info-block a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}
.info-block a:hover{border-color:var(--yellow-dark)}
.reset-callout{background:var(--black);padding:2rem;position:relative;overflow:hidden}
.reset-callout::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--yellow)}
.reset-callout h4{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:600;color:var(--white);margin-bottom:0.75rem}
.reset-callout p{font-size:0.9rem;font-weight:400;color:rgba(255,255,255,0.9);line-height:1.7;margin-bottom:1.5rem}
.reset-callout .reset-tags{display:flex;gap:0.5rem;flex-wrap:wrap}
.reset-callout .reset-tag{font-size:0.875rem;color:var(--warm-100);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);padding:3px 10px}
.actions input{background:var(--yellow);color:var(--black);padding:0.875rem 2.5rem;border-radius:3px;font-family:'Jost',sans-serif;font-weight:500;font-size:0.875rem;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none;transition:background 0.2s,transform 0.15s;display:inline-flex;align-items:center;gap:0.625rem}
.actions input:hover{background:var(--yellow-dark);transform:translateY(-1px)}
form ul.inputs-list {
list-style: none;
}
form fieldset .hs-form-field .hs-input:not([type="checkbox"]) {
width: 100% !important;
}
form fieldset .hs-form-field .inputs-list li label{
display: flex;
align-items: center;
}
.hs_recaptcha.hs-recaptcha.field.hs-form-field {
display: none;
}
.actions{
padding: 1.5rem 0;
}
/* STATS ROW */
.stats-section{background:var(--white);padding:0 var(--page-margin);border-bottom:1px solid var(--border)}
.stats-row{display:flex;align-items:stretch;flex-wrap:wrap}
.stat-cell{flex:1;padding:1.75rem 2.5rem;min-width:140px;display:flex;flex-direction:column;gap:0.375rem;position:relative}
.stat-num{font-family:'Cormorant Garamond',serif;font-size:1.75rem;font-weight:600;color:var(--text);letter-spacing:-0.03em;line-height:1}
.stat-num
.stat-label{font-family:'Jost',sans-serif;font-size:0.6875rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted);line-height:1.4}
@media(max-width:767px){.stats-row{display:flex;align-items:stretch;flex-wrap:wrap}}
.stat-cell:last-child{border-right:none}
.stat-rule{width:20px;height:1px;background:var(--yellow-dark);margin:0}
.stat-cell::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:2rem;background:var(--border)}
.stat-cell:last-child::after{display:none}
/* DIFFERENTIATORS */
.diff-section{background:var(--white);padding:7rem var(--page-margin);border-bottom:1px solid var(--border)}
.diff-header{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:end;margin-bottom:4rem}
.diff-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;line-height:1.1;letter-spacing:-0.01em}
.diff-header p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.8;align-self:end}
.diff-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border)}
@media(max-width:960px){.diff-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.diff-grid{grid-template-columns:1fr}}
@media(max-width:860px){.diff-header{grid-template-columns:1fr;gap:2rem}}
.diff-card{background:var(--white);padding:2rem 1.75rem 1.75rem;position:relative;overflow:hidden;transition:background 0.2s;display:flex;flex-direction:column}
.diff-card:hover{background:#faf9f5}
.diff-card::before{content:none}
.diff-card:hover::before{transform:scaleX(1)}
.diff-card-num{font-family:'Cormorant Garamond',serif;font-size:1.75rem;font-weight:600;color:var(--yellow-dark);line-height:1;margin-bottom:0.875rem;opacity:0.4}
.diff-card:hover .diff-card-num{font-family:'Cormorant Garamond',serif;font-size:1.75rem;font-weight:600;color:var(--yellow-dark);line-height:1;margin-bottom:0.875rem;opacity:0.4}
.diff-card h3{font-family:'Cormorant Garamond',serif;font-size:1.0625rem;font-weight:600;color:var(--text);line-height:1.3;margin-bottom:0.5rem}
.diff-card p{font-size:0.875rem;font-weight:400;color:var(--text-muted);line-height:1.75;margin:0}
.cta-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5rem;
align-items: start;
}
.cta-grid .cta-inner{
text-align: left;
}
.cta-eyebrow {
margin-bottom: 1.75rem;
}
.cta-headline {
text-align: left;
font-family: 'Cormorant Garamond', serif;
font-size: clamp(1.875rem, 3vw, 2.5rem);
font-weight: 600;
color: var(--white);
line-height: 1.1;
letter-spacing: -0.01em;
margin-bottom: 1.5rem;
}
.cta-desc {
font-size: 1rem;
font-weight: 400;
color: #f0ede6;
line-height: 1.8;
margin-bottom: 2.5rem;
text-align: left;
}
.cta-btn {
display: inline-flex;
}
.cta-section .cta-tags {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.cta-proof-box {
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 2.5rem;
text-align: left;
}
.cta-proof-eyebrow {
font-family: 'Jost', sans-serif;
font-size: 0.8125rem;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--yellow-dark);
margin-bottom: 2rem;
}
.cta-proof-item:not(:last-child) {
margin-bottom: 1.75rem;
padding-bottom: 1.75rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cta-proof-title {
font-family: 'Cormorant Garamond', serif;
font-size: 1.1875rem;
font-weight: 600;
color: var(--white);
margin-bottom: 0.5rem;
}
.cta-proof-desc {
font-size: 1rem;
font-weight: 400;
color: #f0ede6;
line-height: 1.75;
margin: 0;
}
@media (max-width: 992px) {
.cta-grid {
grid-template-columns: 1fr;
gap: 3rem;
}
}
/* === HERO META STRIP (extracted from hero) === */
.hero-meta-strip{background:var(--off-white);padding:3.5rem var(--page-margin);border-bottom:1px solid var(--border)}
.hero-meta-strip-inner{max-width:1120px;margin:0 auto}
.hero-meta-strip .hero-meta{margin-top:0;padding-top:0;border-top:none}
.hero-meta-strip .hero-meta-value{color:var(--text)}
.hero-meta-strip .hero-meta-detail{color:var(--text-muted)}
@media (max-width:900px){.hero-meta-strip{padding:2.5rem var(--page-margin)}}
/* HERO — updated to match homepage pattern (added 2026) */
.hero{position:relative;overflow:hidden;padding:9rem var(--page-margin) 5rem;border-bottom:1px solid var(--bd)}
.hero-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.8fr 1fr;gap:3rem;align-items:center;position:relative;}
@media(max-width:920px){.hero-inner{grid-template-columns:1fr;gap:2rem;min-height:auto}}
.hero-left{position:relative;z-index:2}
.hero-right{position:relative;z-index:1;height:100%;min-height:300px}
@media(max-width:920px){.hero-right{display:none}}
.hero-h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.75rem, 5.5vw, 4.75rem);font-weight:600;line-height:1.02;letter-spacing:-0.01em;color:var(--white);margin:0}
.hero-h1 .hero-h1-line2{display:block;font-weight:400;font-style:italic;color:var(--yellow);margin-top:0.25em}
.hero-deck{font-family:'Cormorant Garamond',serif;font-size:clamp(1.125rem,1.5vw,1.4375rem);font-style:normal;font-weight:500;line-height:1.55;color:var(--warm-100);max-width:48ch;margin-top:2rem}
.hero-deck p{margin:0 0 0.875rem 0}
.hero-deck p:last-child{margin-bottom:0}
.hero-deck strong{font-weight:500;color:var(--white)}
.hero-rule{width:96px;height:1px;background:rgba(245,197,24,0.45);margin:2.5rem 0 1.25rem}
.hero-actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
.hero-watermark{position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:400;font-size:clamp(6rem,12vw,11rem);line-height:0.95;letter-spacing:-0.04em;color:rgba(245,197,24,0.085);white-space:nowrap;pointer-events:none;user-select:none;z-index:1;padding-right:var(--page-margin)}
@media(max-width:920px){.hero-watermark{display:none}}
.hero-meta{max-width:1120px;margin:5rem auto 0;padding:0 var(--page-margin);display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;border-top:1px solid var(--bd);padding-top:2.5rem;position:relative;z-index:2}
@media(max-width:768px){.hero-meta{grid-template-columns:1fr;gap:1.5rem;padding-left:0;padding-right:0;margin-left:var(--page-margin);margin-right:var(--page-margin)}}
.hero-meta-item{padding:0}
.hero-meta-label{font-family:'Jost',sans-serif;font-size:0.6875rem;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--yellow-dark);margin-bottom:0.625rem}
.hero-meta-value{font-family:'Cormorant Garamond',serif;font-size:1.875rem;font-weight:500;letter-spacing:-0.01em;color:var(--white);margin-bottom:0.625rem;line-height:1.1}
.hero-meta-value em{font-style:italic;color:var(--yellow);font-weight:400}
.hero-meta-detail{font-family:'Jost',sans-serif;font-size:0.875rem;font-weight:400;line-height:1.65;color:rgba(255,255,255,0.62)}
/* STORY (white) */
.story{background:var(--white);color:var(--text);padding:7rem var(--page-margin);border-bottom:1px solid var(--border)}
.story-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1.6fr;gap:5rem;align-items:start}
@media(max-width:880px){.story-inner{grid-template-columns:1fr;gap:2rem}}
.story h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;line-height:1.1;letter-spacing:-0.01em;color:var(--text)}
h2 em{font-style:italic;color:var(--yellow-dark)}
.story h2 em{color:var(--yellow-dark);font-weight:500;font-style:italic}
.story-body p{font-size:1rem;font-weight:400;color:var(--text);line-height:1.85}
.story-body p+p{margin-top:1.25rem}
/* === Led by Carl section === */
.lbc-section { padding: 6rem var(--page-margin); background: var(--off-white); color: var(--text); }
.lbc-inner { max-width: 1120px; margin: 0 auto; }
.lbc-section .ey { color: var(--yellow-dark); }
.lbc-section .ey::before { background: var(--yellow); }
.lbc-section h2 { font-family: 'Cormorant Garamond', serif; font-size: clamp(2rem, 4vw, 3rem); font-weight: 600; line-height: 1.1; letter-spacing: -0.015em; color: var(--text); margin: 0 0 2.5rem 0; max-width: 24ch; }
.lbc-section h2 em { font-style: italic; color: var(--yellow-dark); font-weight: 600; }
.lbc-rows { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; margin-bottom: 3rem; }
.lbc-row { display: flex; flex-direction: column; gap: 0.75rem; padding: 1.75rem 1.5rem; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); border-radius: 2px; align-items: start; }
.lbc-row-label { font-family: 'Cormorant Garamond', serif; font-size: 1.25rem; font-weight: 500; font-style: italic; color: var(--yellow); line-height: 1.2; letter-spacing: -0.005em; }
.lbc-row-desc { font-family: 'Jost', sans-serif; font-size: 0.9375rem; font-weight: 400; line-height: 1.65; color: rgba(255,255,255,0.75); margin: 0; }
.lbc-closing { font-family: 'Cormorant Garamond', serif; font-size: 1.375rem; font-weight: 500; line-height: 1.45; color: var(--warm-100); max-width: 60ch; margin: 0; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 2.5rem; }
@media(max-width:1024px){ .lbc-rows { grid-template-columns: repeat(2, 1fr); } }
@media(max-width:640px){ .lbc-rows { grid-template-columns: 1fr; } }
/* Led By Carl — compact 3x3 grid of capability cards */
.lbc-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
margin: 2rem 0;
}
.lbc-card {
padding: 1.5rem 1.25rem;
background: rgba(245, 197, 24, 0.06);
border-left: 3px solid var(--yellow-dark);
}
.lbc-card-label {
font-family: 'Jost', sans-serif;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--yellow-dark);
margin-bottom: 0.5rem;
}
.lbc-card-desc {
font-family: 'Jost', sans-serif;
font-size: 0.9375rem;
line-height: 1.55;
color: var(--text);
margin: 0;
}
/* Hide the old lbc-rows styling if present */
.lbc-rows { display: none !important; }
@media (max-width: 900px) {
.lbc-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.lbc-grid { grid-template-columns: 1fr; }
}
/* lbc-lead — wider, larger, more editorial */
.lbc-lead {
font-family: 'Jost', sans-serif !important;
font-style: normal !important;
font-size: 1.125rem !important;
font-weight: 400 !important;
line-height: 1.6 !important;
color: var(--text) !important;
max-width: 70ch !important;
margin: 0 0 3rem 0 !important;
}
/* APPROACH (warm-100) — principle cards */
.approach{background:var(--warm-100);color:var(--text);padding:7rem var(--page-margin)}
.approach-inner{max-width:1120px;margin:0 auto}
.approach-header{display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:end;margin-bottom:4rem}
@media(max-width:880px){.approach-header{grid-template-columns:1fr;gap:2rem}}
.approach-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;line-height:1.1;letter-spacing:-0.01em;color:var(--text)}
.approach-header h2 em{color:var(--yellow-dark);font-weight:500;font-style:italic}
.approach-header p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.85}
.principle-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
@media(max-width:760px){.principle-grid{grid-template-columns:1fr}}
.principle{background:var(--white);padding:2.5rem 2.25rem;border-left:2px solid var(--yellow-dark);display:flex;flex-direction:column;gap:0.875rem;min-height:260px}
.principle h3{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.5rem;font-weight:600;line-height:1.2;color:var(--yellow-dark)}.principle p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.75}
/* TEAM / CAPABILITIES (off-white) */
.team{background:var(--off-white);color:var(--text);padding:7rem var(--page-margin);border-bottom:1px solid var(--border)}
.team-inner{max-width:1120px;margin:0 auto}
.team-header{display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:end;margin-bottom:3rem}
@media(max-width:880px){.team-header{grid-template-columns:1fr;gap:2rem}}
.team-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;line-height:1.1;letter-spacing:-0.01em;color:var(--text)}
.team-header h2 em{color:var(--yellow-dark);font-weight:500;font-style:italic}
.team-header p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.85}
/* ============ team grid v2 — cards with photo/emoji slots ============ */
.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem}
.team-card{background:var(--white);border:1px solid var(--border);padding:1.5rem 1.25rem 1.75rem;display:flex;flex-direction:column;gap:1rem;transition:box-shadow 0.25s ease,transform 0.2s ease}
.team-card:hover{box-shadow:0 8px 22px rgba(8,8,7,0.07),0 16px 36px rgba(201,162,0,0.06)}
.team-avatar{width:100%;aspect-ratio:1;background:var(--warm-100);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:2rem;color:rgba(201,162,0,0.3);overflow:hidden}
.team-card .role-name{font-family:'Cormorant Garamond',serif;line-height:1.15;margin:0}
.team-card .role-name .rev-prefix{display:block;font-size:0.9375rem;font-weight:400;color:rgba(26,25,23,0.78);font-style:normal}
.team-card .role-name .rev-noun{display:block;font-size:1.125rem;font-weight:600;font-style:italic;color:var(--yellow-dark);line-height:1.2;margin-top:0.125rem}
.team-card p{font-family:'Jost',sans-serif;font-size:0.875rem;font-weight:400;color:var(--text-muted);line-height:1.6;margin:0}
@media (max-width:1024px){
.team-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
.team-grid{grid-template-columns:1fr;gap:1rem}
.team-avatar{aspect-ratio:auto;height:140px}
}
/* ============ end team grid v2 ============ */
/* Team principle — featured statement above role rows */
.team-principle{border-left:3px solid var(--yellow);padding:1.75rem 0 1.75rem 2rem;margin:0 0 3rem 0;max-width:820px}
.team-principle-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(1.375rem,2vw,1.75rem);font-weight:500;color:var(--text);line-height:1.35;letter-spacing:-0.005em;margin:0 0 1rem 0}
.team-principle-quote em{font-style:italic;color:var(--yellow-dark);font-weight:600}
.team-principle-body{font-family:'Jost',sans-serif;font-size:1rem;font-weight:400;color:var(--text);line-height:1.6;margin:0;max-width:680px}
@media (max-width:768px){
.team-principle{padding:1.25rem 0 1.25rem 1.5rem;margin-bottom:2.5rem}
}
/* PARTNERSHIPS (white) */
.partners{background:var(--white);color:var(--text);padding:7rem var(--page-margin);border-bottom:1px solid var(--border)}
.partners-inner{max-width:1120px;margin:0 auto}
.partners-header{display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:end;margin-bottom:3.5rem}
@media(max-width:880px){.partners-header{grid-template-columns:1fr;gap:2rem}}
.partners-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;line-height:1.1;letter-spacing:-0.01em;color:var(--text)}
.partners-header h2 em{color:var(--yellow-dark);font-weight:500;font-style:italic}
.partners-header p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.85}
.partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem}
@media(max-width:760px){.partner-grid{grid-template-columns:1fr}}
.partner-card{background:var(--off-white);border:1px solid var(--border);padding:2.5rem 2.25rem;display:flex;flex-direction:column;gap:0.875rem;min-height:280px}
.partner-badge{font-family:'Jost',sans-serif;font-size:0.6875rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--yellow-accessible);margin-bottom:0.5rem}
.partner-card h3{font-family:'Cormorant Garamond',serif;font-size:1.625rem;font-weight:600;line-height:1.15;color:var(--text)}
.partner-since{font-family:'Cormorant Garamond',serif;font-size:0.875rem;font-style:italic;color:var(--text-muted);margin-top:-0.25rem}.partner-card p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.75;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border);min-height:5.5rem}
/* GIVING BACK (warm-100) */
.giving{background:var(--warm-100);color:var(--text);padding:7rem var(--page-margin)}
.giving-inner{max-width:1120px;margin:0 auto}
.giving-header{display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:end;margin-bottom:3.5rem}
@media(max-width:880px){.giving-header{grid-template-columns:1fr;gap:2rem}}
.giving-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;line-height:1.1;letter-spacing:-0.01em;color:var(--text)}
.giving-header h2 em{color:var(--yellow-dark);font-weight:500;font-style:italic}
.giving-header p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.85}
.charity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
@media(max-width:880px){.charity-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.charity-grid{grid-template-columns:1fr}}
.charity-card{background:var(--white);border:1px solid var(--border);padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:0.875rem;min-height:200px}
.charity-card h3{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:600;line-height:1.2;color:var(--text);min-height:3rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.charity-card p{font-size:0.875rem;font-weight:400;color:var(--text-muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:6rem}
.giving-note{margin-top:3rem;padding:1.5rem 1.75rem;background:var(--white);border-left:2px solid var(--yellow-dark);font-size:0.9375rem;font-weight:400;color:var(--text-muted);line-height:1.7;font-style:italic}
/* Sticky sector navigation — prominent filter bar */
.sector-nav{position:sticky;top:0;z-index:50;background:var(--black);border-top:1px solid rgba(245,197,24,0.15);border-bottom:none;box-shadow:0 4px 20px rgba(0,0,0,0.3)}
.sector-nav-inner{max-width:var(--content-max);margin:0 auto;padding:1.25rem var(--page-margin);display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.sector-nav-label-prefix{display:flex;align-items:center;gap:0.5rem;flex-shrink:0;font-family:'Jost',sans-serif;font-size:0.8125rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--yellow)}
.sector-nav-label-arrow{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1rem;color:var(--yellow);transform:translateY(1px)}
.sector-nav-pills{display:flex;gap:0.5rem;flex-wrap:wrap;flex:1}
.sector-nav-pill{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);color:var(--white);text-decoration:none;font-family:'Jost',sans-serif;font-size:0.9375rem;font-weight:500;letter-spacing:0.01em;border-radius:2rem;transition:background 0.2s,border-color 0.2s,color 0.2s,transform 0.15s;white-space:nowrap}
.sector-nav-pill:hover{background:var(--yellow);border-color:var(--yellow);color:var(--black);transform:translateY(-1px)}
.sector-nav-pill.active{background:var(--yellow);border-color:var(--yellow);color:var(--black)}
.sector-nav-pill-num{font-family:'Cormorant Garamond',serif;font-size:0.9375rem;font-style:italic;font-weight:600;color:var(--yellow);transition:color 0.2s}
.sector-nav-pill:hover .sector-nav-pill-num,.sector-nav-pill.active .sector-nav-pill-num{color:var(--black)}
.sector-nav-pill-label{font-size:0.9375rem;font-weight:500}
@media (max-width:768px){
.sector-nav-inner{padding:1rem var(--page-margin);gap:0.875rem}
.sector-nav-pills{gap:0.375rem}
.sector-nav-pill{padding:0.5rem 0.875rem;font-size:0.875rem}
.sector-nav-pill-label{font-size:0.875rem}
.sector-nav-label-prefix{font-size:0.75rem;letter-spacing:0.1em}
}
@media (max-width:480px){
.sector-nav-inner{padding:0.875rem var(--page-margin);flex-direction:column;align-items:flex-start;gap:0.625rem}
.sector-nav-pills{width:100%;overflow-x:auto;padding-bottom:0.25rem;scrollbar-width:none}
.sector-nav-pills::-webkit-scrollbar{display:none}
.sector-nav-pill{flex-shrink:0}
}
/* === SECTOR BLOCK REDESIGN (Option B) — overrides old sector-block styles === */
.sec2-block.sec2-block { padding: 6rem var(--page-margin) !important; }
.sec2-inner { max-width: 1120px; margin: 0 auto; }
/* Top row: 50/50 split — title block left, intro paragraph right */
.sec2-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: start; margin-bottom: 4rem; }
.sec2-title-block { display: flex; flex-direction: column; }
.sec2-name {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(2rem, 3.2vw, 2.75rem);
font-weight: 600;
letter-spacing: -0.015em;
color: var(--text);
margin: 0;
line-height: 1.1;
}
.sec2-name em {
display: block;
font-style: italic;
font-weight: 500;
color: var(--yellow-dark);
font-size: 0.82em;
margin-top: 0.5rem;
line-height: 1.05;
}
.sec2-text p {
font-family: 'Jost', sans-serif;
font-size: 1.0625rem;
line-height: 1.65;
color: var(--text);
margin: 0 0 1.5rem 0;
max-width: 56ch;
}
.sec2-text p strong {
font-style: normal;
font-weight: 600;
color: var(--yellow-dark);
}
.sec2-link {
font-family: 'Jost', sans-serif;
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--text);
text-decoration: none;
border-bottom: 2px solid var(--text);
padding-bottom: 2px;
}
/* Bottom row: divider + label + 3 patterns full-width */
.sec2-patterns-row { border-top: 1px solid rgba(26,25,23,0.08); padding-top: 3rem; }
.sec2-patterns-label {
font-family: 'Jost', sans-serif;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.25em;
text-transform: uppercase;
color: var(--yellow-dark);
margin: 0 0 2rem 0;
}
.sec2-patterns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; }
.sec2-pattern { padding: 0; }
.sec2-pattern-num {
font-family: 'Cormorant Garamond', serif;
font-style: italic;
font-size: 2.5rem;
font-weight: 500;
color: var(--yellow-dark);
line-height: 1;
margin-bottom: 0.875rem;
}
.sec2-pattern-text {
font-family: 'Jost', sans-serif;
font-size: 1rem;
line-height: 1.55;
color: var(--text);
margin: 0;
}
@media (max-width: 900px) {
.sec2-intro { grid-template-columns: 1fr; gap: 2rem; }
.sec2-patterns { grid-template-columns: 1fr; gap: 2rem; }
}
/* Sector block icons — third column in the intro grid */
.sec2-intro { grid-template-columns: 1fr 1fr 56px !important; align-items: start !important; }
.sec2-icon {
width: 72px;
height: 72px;
color: var(--yellow-dark);
opacity: 0.7;
justify-self: end;
margin-top: 0.5rem;
}
.sec2-icon svg { width: 100%; height: 100%; display: block; }
@media (max-width: 900px) {
.sec2-intro { grid-template-columns: 1fr 1fr !important; }
.sec2-icon { display: none; }
}
/* Sector body — compact version (smaller sections) */
.sector-block { padding: 3.5rem var(--page-margin) !important; }
/* Smaller H2 */
.sector-block h2 {
font-size: clamp(1.5rem, 2vw, 2rem) !important;
line-height: 1.15 !important;
margin: 0 !important;
}
.sector-block h2 em { font-size: inherit !important; line-height: 1.15 !important; }
.sector-block-header {
margin-bottom: 2rem !important;
align-items: center !important;
}
.sector-block-glyph { width: 56px !important; height: 56px !important; }
/* Smaller deck */
.sector-deck {
font-size: 1.125rem !important;
line-height: 1.5 !important;
margin-bottom: 1rem !important;
}
/* Smaller solution */
.sector-body-solution {
font-size: 1rem !important;
line-height: 1.6 !important;
margin-bottom: 1rem !important;
}
/* Smaller link */
.sector-body-link { font-size: 0.875rem !important; }
/* Smaller eyebrow */
.sector-body-leadin {
font-size: 0.875rem !important;
margin: 0 0 1rem 0 !important;
padding-top: 0.25rem !important;
}
/* Tighter cards with smaller numbers */
.sector-body-challenges { gap: 0.625rem !important; }
.sector-body-challenges li {
padding: 0.875rem 1.125rem 0.875rem 3rem !important;
font-size: 0.96875rem !important;
line-height: 1.5 !important;
}
.sector-body-challenges li::before {
font-size: 1.125rem !important;
left: 1rem !important;
top: 0.875rem !important;
}
/* Tighter column gap */
.sector-body { gap: 3rem !important; }
/* Tighter row gaps (deck→solution, eyebrow→cards) */
.sector-body {
gap: 1rem 3rem !important;
}
.sector-deck { margin-bottom: 0 !important; }
.sector-body-leadin { margin-bottom: 0 !important; padding-top: 0 !important; }
.sector-body-solution { margin-bottom: 0.875rem !important; }
/* Tighten gaps between intro/eyebrow and the content below */
.sector-body {
grid-template-rows: auto !important;
align-items: start !important;
}
/* Left column: collapse deck → solution → link into a flex flow */
.sector-deck {
margin: 0 0 1rem 0 !important;
}
.sector-body-solution {
margin: 0 0 1rem 0 !important;
}
/* Right column: collapse eyebrow → cards into a flex flow with smaller gap */
.sector-body-leadin {
margin: 0 0 0.75rem 0 !important;
padding-top: 0 !important;
}
.sector-body-challenges {
margin: 0 !important;
}
.what-grid{display:grid;grid-template-columns:1fr 1fr;gap:7rem;align-items:start}
.what-grid > div:nth-child(2){margin-top:3.25rem}
/* ── WHAT SECTION ───────────────────────────────────────── */
.what-section{background:var(--white);padding:5rem var(--page-margin);border-bottom:1px solid var(--border)}
.what-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:7rem;align-items:start}
.what-grid h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;color:var(--text);line-height:1.15;margin-bottom:1.5rem}.what-grid p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.85;margin-bottom:1rem}
@media(max-width: 768px){
.what-grid{
display: block;
}
}
/* === Unified typographic statement list (used in what-section + ai-section) === */
.stmt-list{display:flex;flex-direction:column;gap:0}
.stmt{padding:1.5rem 0;border-top:1px solid var(--border)}
.stmt:first-child{padding-top:0;border-top:none}
.stmt-label{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:500;line-height:1.3;margin-bottom:0.5rem;letter-spacing:-0.005em;color:var(--text)}
.stmt-label em{font-style:italic;color:var(--yellow-dark);font-weight:500}.stmt-desc{font-family:'Jost',sans-serif;font-size:1rem;font-weight:400;line-height:1.7;letter-spacing:0.01em;color:var(--text-muted)}
/* ── LAYERS SECTION ────────────────────────────────────────── */
.layers-section{background:var(--warm-100);padding:7rem var(--page-margin)}
.layers-section::before{content:none!important}
.layers-inner{max-width:1120px;margin:0 auto}
.layers-header{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:end;margin-bottom:4rem}
.layers-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;color:var(--text);line-height:1.15;letter-spacing:-0.01em}
.layers-header h2 em{font-style:italic;color:var(--yellow-dark)}
.layers-header p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.85}
/* Layer cards grid */
.layers-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.layer-card{background:var(--white);padding:2rem 1.75rem;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background 0.2s}
.layer-card:hover{background:var(--off-white)}
.layer-card::before{content:none}
.layer-number{font-family:'Jost',sans-serif;font-size:0.75rem;font-weight:600;letter-spacing:0.1em;color:var(--yellow-dark);margin-bottom:1rem}
.layer-title{font-family:'Cormorant Garamond',serif;font-size:1.125rem;font-weight:600;color:var(--text);line-height:1.2;margin-bottom:0.375rem}
.layer-sub{font-family:'Jost',sans-serif;font-size:0.875rem;font-weight:400;color:var(--yellow-accessible);letter-spacing:0.03em;margin-bottom:1rem}
.layer-desc{font-size:0.875rem;font-weight:400;color:var(--text-muted);line-height:1.75;flex:1}
.layer-arrow{margin-top:1.25rem;font-size:0.875rem;color:var(--text-muted);opacity:0;transition:opacity 0.2s;display:block}
.layer-card:hover .layer-arrow{opacity:1}
/* Active layer highlight */
.layer-card.active{background:var(--black);border-top:2px solid var(--yellow-dark)}
.layer-card.active .layer-number{color:var(--yellow)}
.layer-card.active .layer-title{color:var(--white)}
.layer-card.active .layer-sub{color:rgba(245,197,24,0.7)}
.layer-card.active .layer-desc{color:rgba(255,255,255,0.9)}
.layer-card.active .layer-num-bg{color:rgba(245,197,24,0.22)}
.layer-card.active .layer-arrow{color:var(--yellow-dark)}
@media(max-width:960px){.layers-grid{grid-template-columns:1fr 1fr}.layers-header{grid-template-columns:1fr;gap:2rem}}
@media(max-width:560px){.layers-grid{grid-template-columns:1fr}}
/* ── MATRIX SECTION ─────────────────────────────────────── */
.matrix-section{background:var(--warm-100);padding:5rem var(--page-margin)}
.matrix-inner{max-width:1120px;margin:0 auto}
.matrix-header{max-width:1120px;margin:0 auto 3.5rem}
.matrix-header h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.875rem, 3vw, 2.5rem);font-weight:600;color:var(--text);line-height:1.15;margin-bottom:1rem}
.matrix-header p{font-size:1rem;font-weight:400;color:var(--text-muted);line-height:1.85}
.matrix-link{font-family:'Jost',sans-serif;font-size:0.875rem;font-weight:500;color:var(--text);text-decoration:none;border-bottom:1px solid var(--border);padding-bottom:0.125rem;display:inline-block;margin-top:1rem;transition:color 0.2s,border-color 0.2s}
.matrix-link:hover{color:var(--yellow-dark);border-color:var(--yellow-dark)}
/* Matrix visual — proper 5x5 grid */
.matrix-visual{border:1px solid var(--border);padding:3.5rem 2.5rem;background:var(--off-white)}
.matrix-visual-inner{max-width:760px;margin:0 auto;text-align:center}
.matrix-title{font-family:'Cormorant Garamond',serif;font-size:1.375rem;font-weight:600;color:var(--text);margin-bottom:2rem;letter-spacing:-0.005em}
.matrix-grid{display:grid;grid-template-columns:auto repeat(5,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin:0 auto 2rem}
.matrix-corner{background:var(--white)}
.matrix-stage{background:var(--white);padding:0.75rem 0.5rem;font-family:'Jost',sans-serif;font-size:0.75rem;font-weight:500;color:var(--text-muted);letter-spacing:0.04em;text-align:center}
.matrix-stage-active{background:var(--black);color:var(--yellow)}
.matrix-layer{background:var(--white);padding:0.75rem 1rem;font-family:'Cormorant Garamond',serif;font-size:0.9375rem;font-weight:500;color:var(--text);text-align:left;letter-spacing:-0.005em;white-space:nowrap}
/* Cells with intensity indicators (dots) */
.matrix-cell{background:var(--white);padding:0.875rem 0.5rem;position:relative;min-height:48px}
.matrix-cell::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}
.matrix-cell-1::after{width:9px;height:9px;background:transparent;border:1.5px solid var(--yellow-dark);opacity:0.65;box-sizing:border-box}
.matrix-cell-2::after{width:9px;height:9px;background:var(--yellow-dark);opacity:0.95}
.matrix-cell-3::after{width:11px;height:11px;background:var(--yellow-dark);box-shadow:0 0 0 3px rgba(201,162,0,0.22)}
/* Legend */
.matrix-legend{display:flex;justify-content:center;gap:1.75rem;flex-wrap:wrap;margin-top:1rem;font-family:'Jost',sans-serif;font-size:0.8125rem;font-weight:400;color:var(--text-muted)}
.matrix-legend-item{display:inline-flex;align-items:center;gap:0.5rem}
.matrix-legend-dot{display:inline-block;border-radius:50%}
.matrix-legend-dot-1{width:9px;height:9px;background:transparent;border:1.5px solid var(--yellow-dark);opacity:0.65;box-sizing:border-box}
.matrix-legend-dot-2{width:9px;height:9px;background:var(--yellow-dark);opacity:0.95}
.matrix-legend-dot-3{width:11px;height:11px;background:var(--yellow-dark)}
@media (max-width:768px){
.matrix-visual{padding:2.5rem 1rem}
.matrix-grid{font-size:0.6875rem}
.matrix-layer{padding:0.625rem 0.5rem;font-size:0.8125rem}
.matrix-stage{font-size:0.625rem;padding:0.625rem 0.25rem}
.matrix-cell{min-height:36px;padding:0.5rem 0.25rem}
}
/* === TIER 3 HERO — compact brutalist for utility/listing pages === */
.t3-hero{background:var(--warm-100);padding:7.5rem var(--page-margin) 2.5rem;color:var(--text)}
.t3-hero-inner{max-width:1120px;margin:0 auto}
.t3-eyebrow{font-family:'Jost',sans-serif;font-size:0.6875rem;font-weight:500;letter-spacing:0.32em;text-transform:uppercase;color:var(--yellow-dark);margin:0 0 1.75rem 0;border-left:6px solid var(--yellow-dark);padding-left:1rem;display:inline-block}
.t3-h1{font-family:'Jost',sans-serif;font-size:4rem;font-weight:900;line-height:0.95;letter-spacing:-0.015em;margin:0 0 0.5rem 0;color:var(--black);text-transform:uppercase}
.t3-h1 em{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500;text-transform:none;color:var(--yellow-dark);letter-spacing:-0.02em;display:block;line-height:0.95;margin-top:0.125rem}
.t3-deck{font-family:'Jost',sans-serif;font-size:1rem;line-height:1.55;max-width:54ch;color:rgba(26,25,23,0.85);font-weight:400;margin:2rem 0 0 0}
/* Revenue Reset hero — 2-column variant with diagram */
.t3-hero-reset { padding: 6rem var(--page-margin) 4rem !important; }
.t3-hero-2col {
display: grid !important;
grid-template-columns: 1.1fr 1fr;
gap: 4rem;
align-items: center;
}
.t3-hero-text { min-width: 0; }
.t3-hero-2col .hero-right { justify-self: end; }
@media (max-width: 900px) {
.t3-hero-2col { grid-template-columns: 1fr !important; gap: 2rem; }
.t3-hero-2col .hero-right { justify-self: stretch; }
}
.trigger-section { background:var(--white); padding:7rem var(--page-margin); border-bottom:1px solid var(--border); }
.trigger-header { display:grid; grid-template-columns:1fr 1fr; column-gap:4.5rem; row-gap:0; align-items:start; margin-bottom:3.5rem; }
.trigger-header > .ey { grid-column:1 / -1; }
.trigger-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); border:1px solid var(--border); }
.trigger-card { background:var(--white); padding:2rem; display:flex; align-items:flex-start; gap:1rem; transition:background 0.15s; }
.trigger-card:hover { background:var(--off-white); }
.trigger-icon { width:36px; height:36px; background:var(--black); border-radius:3px; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:2px; }
.trigger-icon img { width:14px; height:14px; stroke:var(--yellow); fill:none; stroke-width:1.5; stroke-linecap:round; }
.trigger-text { font-size:0.9375rem; font-weight:400; color:var(--text-muted); line-height:1.65; letter-spacing:0.01em; }
@media (max-width: 1023px) {
.assessment-item{background:var(--off-white);border:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:0.75rem;transition:background 0.15s}.assessment-item:hover{background:var(--warm-100)}
}
@media (max-width: 859px) {
.trigger-header, .who-grid, .deliverables-header, .assessment-header,
.process-header, .pevc-inner { grid-template-columns:1fr; gap:2.5rem; }
.trigger-grid, .process-steps, .deliverables-grid { grid-template-columns:1fr 1fr; }
.journey-cards { grid-template-columns:1fr 1fr; }
}
@media (max-width: 599px) {
.trigger-grid, .process-steps, .deliverables-grid, .journey-cards { grid-template-columns:1fr; }
.assessment-item{background:var(--off-white);border:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:0.75rem;transition:background 0.15s}.assessment-item:hover{background:var(--warm-100)}
}
.trigger-section .pullquote{margin-top:2.5rem;padding:3rem 4rem;background:var(--black);border-left:3px solid var(--yellow);display:flex;align-items:center;justify-content:center}
.trigger-section .pullquote p{font-family:'Cormorant Garamond',serif;font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:500;font-style:normal;color:var(--warm-100);line-height:1.5;margin:0;max-width:760px;text-align:center}
.ty-section{background:var(--black);padding:0 var(--page-margin);min-height:60vh;display:flex;align-items:center;position:relative;overflow:hidden}
.ty-section::before{content:none!important;display:none!important;background:none!important}
.ty-content{position:relative;z-index:1;padding:5rem 0 5rem 0;max-width:680px;width:100%;margin:0 auto}
.ty-icon{width:64px;height:64px;border:1.5px solid var(--yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}
.ty-icon svg{width:44px;height:44px}
.ty-content h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2.25rem, 4vw, 3.5rem);font-weight:600;color:var(--white);line-height:1.05;letter-spacing:-0.01em;margin-bottom:1.5rem}
.ty-content p{font-size:1rem;font-weight:400;color:rgba(255,255,255,0.85);line-height:1.8;margin-bottom:1rem}
.ty-next{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(245,197,24,0.25)}
.ty-next-label{font-family:'Jost',sans-serif;font-size:0.8125rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.85);margin-bottom:1.5rem}
.ty-cards{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(245,197,24,0.15)}
@media(max-width:600px){}
.ty-card{border-left:2px solid var(--yellow);border-top:none;border-right:none;border-bottom:1px solid rgba(255,255,255,0.06);padding:0.875rem 1.25rem;background:rgba(255,255,255,0.04);text-decoration:none;display:block;transition:background 0.15s}
.ty-card:hover{background:rgba(245,197,24,0.07)}
.ty-card-title{font-family:'Cormorant Garamond',serif;font-size:1.0625rem;font-weight:600;color:var(--white);margin-bottom:0.25rem;line-height:1.2;display:flex;justify-content:space-between;align-items:baseline}
.ty-card-desc{font-size:0.875rem;font-weight:400;color:rgba(255,255,255,0.9);line-height:1.55}
.ty-card:hover .ty-card-title{color:var(--yellow)}
.ty-card-title{transition:color 0.15s}
.ty-content h1 em{font-style:italic;color:var(--yellow)}
@media (max-width: 1040px) {
.ty-cards{grid-template-columns:1fr}
}