@font-face{font-family:"Inter";src:url(fonts/inter-var.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(fonts/playfair-var.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Playfair Display";src:url(fonts/playfair-italic-var.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
:root{--bg:#fdf8ee;--bg2:#f6eddb;--panel:#ffffff;--line:rgba(20,32,58,.14);--ink:#14203a;--head:#14203a;--body:#2f3a52;--muted:#4d5870;--gold:#c8902f;--goldt:#84520a;--gold2:#84520a;
--ctl:#ffffff;--ghostb:rgba(20,32,58,.38);--ghostbg:rgba(255,255,255,.55);--shadow:0 22px 44px -26px rgba(32,48,86,.35);--nav-h:68px;
--serif:"Playfair Display","Iowan Old Style","Palatino Linotype",Georgia,serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--ease:cubic-bezier(.2,.7,.2,1);--pad:clamp(20px,5vw,48px)}
/* dark (deep navy) contexts: same tokens, light text */
.section-dark,.section-alt,.hero,.cta-band,.site-footer,.site-header,.menu.open,.dark{--bg:#1f4282;--bg2:#264c92;--panel:#2b5499;--line:rgba(255,255,255,.17);--ink:#f7f4ec;--head:#ffffff;--body:#e3e9f4;--muted:#c6d0e2;--gold:#ffc766;--goldt:#ffd488;--gold2:#ffd488;--ctl:rgba(255,255,255,.08);--ghostb:rgba(255,255,255,.6);--ghostbg:rgba(255,255,255,.08);--shadow:0 26px 50px -24px rgba(6,14,36,.6)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--nav-h) + 12px)}
body{margin:0;background:#fdf8ee;color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--goldt);text-underline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12;margin:0 0 .5em;letter-spacing:-.01em}
h1 em,h2 em{font-style:italic;color:var(--goldt);font-weight:400}
p{margin:0 0 1.15em;color:var(--body)}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--gold2);outline-offset:3px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:var(--gold);color:#1a1406;padding:10px 16px;border-radius:8px;font-weight:700;z-index:100;transition:top .2s}
.skip:focus{top:10px}
/* language: html class is set by an inline-blocking script in <head>, so no flash */
.es{display:none!important}
html.is-es .es{display:inline!important}
html.is-es .en{display:none!important}
/* nav */
.site-header{position:sticky;top:0;z-index:50;background:rgba(31,66,130,.5);border-bottom:1px solid var(--line)}
.nav-wrap{max-width:1240px;margin:0 auto;padding:0 var(--pad);height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:var(--serif);font-size:1.3rem;letter-spacing:.01em}
.mono{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--gold);color:var(--goldt);font-size:1rem;font-style:italic}
.nav{flex:1;display:flex;justify-content:center}
.menu{display:none;gap:clamp(14px,2.2vw,34px);align-items:center}
.menu a:not(.btn){color:var(--ink);text-decoration:none;font-size:.92rem;letter-spacing:.02em;padding:6px 0;background:linear-gradient(var(--gold),var(--gold)) 0 100%/0 1px no-repeat;transition:background-size .35s var(--ease),color .2s}
.menu a:not(.btn):hover,.menu a[aria-current=page]{background-size:100% 1px;color:var(--goldt)}
.menu-cta{display:none}
.nav-tools{display:flex;align-items:center;gap:10px}
.lang{font:600 .78rem/1 var(--sans);letter-spacing:.08em;color:var(--ink);background:transparent;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:9px 13px;cursor:pointer;transition:border-color .2s,background .2s;min-height:40px}
.lang:hover{border-color:var(--gold);background:rgba(216,166,81,.1)}
.lang .l-en,.lang .l-es{opacity:.6}.lang .l-sep{opacity:.35;margin:0 3px}
html:not(.is-es) .lang .l-en,html.is-es .lang .l-es{opacity:1;color:var(--goldt)}
.burger{width:40px;height:40px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:10px;display:grid;place-content:center;gap:5px;cursor:pointer}
.burger span{display:block;width:18px;height:1.5px;background:var(--ink);transition:transform .25s,opacity .2s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){opacity:0}
.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
@media(max-width:899px){
.nav{position:absolute;left:0;right:0;top:100%;justify-content:stretch}
.menu.open{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;background:rgba(31,66,130,.98);border-bottom:1px solid var(--line);padding:8px var(--pad) 22px}
.menu.open li{border-bottom:1px solid var(--line)}
.menu.open a:not(.btn){display:block;padding:15px 0;font-size:1.05rem}
.menu.open .menu-cta{display:block;border:0;padding-top:18px}
.menu.open .btn{width:100%}}
@media(min-width:900px){.menu{display:flex}.menu-cta{display:block}.burger{display:none}.nav{justify-content:center}}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 28px;border-radius:999px;font:600 .98rem/1 var(--sans);letter-spacing:.02em;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s,background .25s,border-color .25s,color .25s}
.btn-primary{background:linear-gradient(180deg,#ffd27a,#f0a93b);color:#1a1406;box-shadow:0 8px 26px -10px rgba(216,166,81,.7)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px -10px rgba(240,199,120,.85);background:linear-gradient(180deg,#ffdc8f,#f7b44d)}
.btn-ghost{border-color:var(--ghostb);color:var(--ink);background:var(--ghostbg)}
.btn-ghost:hover{border-color:var(--gold);color:var(--goldt);background:rgba(216,166,81,.16);transform:translateY(-2px)}
.btn-sm{min-height:40px;padding:0 20px;font-size:.88rem}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.center-row{justify-content:center}
.btn i{font-style:normal;transition:transform .3s var(--ease)}
/* layout */
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--pad)}
.narrow{max-width:860px}.center{text-align:center}
.section{padding:clamp(72px,10vw,132px) 0}
.section{background:radial-gradient(900px 420px at 92% 0%,rgba(255,205,120,.2),transparent 65%),linear-gradient(180deg,#fdf8ee,#fffaf1)}
.section-alt,.section-dark{background:radial-gradient(900px 480px at 88% -5%,rgba(255,200,110,.42),transparent 62%),radial-gradient(700px 400px at 0% 100%,rgba(255,214,140,.12),transparent 65%),linear-gradient(180deg,#2a559b,#1f4282);color:var(--ink)}
.section-soft{background:radial-gradient(800px 420px at 8% 0%,rgba(255,196,110,.3),transparent 65%),linear-gradient(180deg,#f7edd9,#fbf3e3)}
.eyebrow{font:600 .75rem/1.2 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--goldt);margin:0 0 18px}
.sec-head{max-width:720px;margin-bottom:clamp(36px,5vw,60px)}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head h2{font-size:clamp(1.9rem,4.2vw,3rem)}
.sec-lede{color:var(--muted);font-size:1.12rem;margin:0}
.narrow .sec-head{max-width:none}
/* grain */
.grain{position:relative;isolation:isolate}
.grain::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
/* hero */
.hero{position:relative;overflow:hidden;margin-top:calc(var(--nav-h)*-1);padding-top:var(--nav-h);display:flex;align-items:flex-end;min-height:clamp(440px,64vh,640px);background:#2a559b;color:var(--ink)}
.hero-media,.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-media img{animation:drift 18s var(--ease) both}

.hero::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(800px 460px at 90% 6%,rgba(255,211,128,.42),transparent 62%),linear-gradient(180deg,rgba(24,50,98,.14) 0%,rgba(24,50,98,0) 34%,rgba(24,50,98,.26) 100%),linear-gradient(90deg,rgba(24,50,98,.26) 0%,rgba(24,50,98,.06) 62%,rgba(24,50,98,0) 100%)}
.hero>.wrap,.hero>.hero-inner{position:relative;z-index:2;width:100%}
/* soft navy scrim behind hero text only (keeps the rest of the picture bright; ensures AA contrast for white text) */
.hero-inner{position:relative}
.hero-inner::before{content:"";position:absolute;z-index:-1;inset:-48px -8vw -48px -8vw;background:radial-gradient(ellipse 75% 85% at 30% 55%,rgba(22,46,92,.62) 0%,rgba(22,46,92,.44) 50%,rgba(22,46,92,0) 100%);pointer-events:none}
.hero--center .hero-inner::before{background:radial-gradient(ellipse 60% 72% at 50% 52%,rgba(22,46,92,.66) 0%,rgba(22,46,92,.44) 55%,rgba(22,46,92,0) 100%)}
.hero--split .hero-inner::before{display:none}
.hero--left .hero-inner::before{background:radial-gradient(ellipse 85% 95% at 30% 60%,rgba(22,46,92,.72) 0%,rgba(22,46,92,.5) 60%,rgba(22,46,92,0) 100%)}
.hero--left .hero-inner{z-index:3}
.hero .eyebrow{color:#ffe2a6;text-shadow:0 1px 8px rgba(14,28,60,.7);display:inline-block;padding:.55em 1em;background:rgba(22,46,92,.58);border-radius:999px;}
.hero .lede,.hero .hero-note{text-shadow:0 1px 12px rgba(14,30,66,.65)}
.hero-inner{padding-block:clamp(56px,9vw,110px) clamp(48px,7vw,88px);animation:rise .9s var(--ease) both}
.hero-inner>*{max-width:800px}
.hero h1{font-size:clamp(2.3rem,6.4vw,4.6rem);font-weight:500;color:var(--head);text-shadow:0 2px 24px rgba(14,28,60,.55)}
.lede{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--body);max-width:640px;margin:0;line-height:1.6}
.hero--home{min-height:min(100vh,920px);min-height:min(100svh,920px)}
.hero--home h1{font-size:clamp(2.7rem,8vw,6rem);line-height:1.04;max-width:none}
.hero--home .hero-inner>*{max-width:900px}
.hero-note{margin:26px 0 0;font-size:.85rem;letter-spacing:.06em;color:var(--muted)}
@keyframes drift{from{transform:scale(1.07)}to{transform:scale(1)}}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.hero--center{text-align:center;align-items:center;min-height:clamp(520px,78vh,760px)}
.hero--center .hero-inner>*{margin-inline:auto}
.hero--center::before{background:radial-gradient(800px 460px at 82% 8%,rgba(255,211,128,.4),transparent 62%),radial-gradient(ellipse at center,rgba(24,50,98,.22) 0%,rgba(24,50,98,.12) 55%,rgba(24,50,98,.3) 100%)}
.hero--split{background:radial-gradient(1000px 520px at 85% 15%,rgba(255,205,120,.34),transparent 60%),radial-gradient(700px 400px at 0% 100%,rgba(255,214,140,.16),transparent 65%),linear-gradient(160deg,#28559b,#1c3d78 70%);align-items:center;min-height:0}
.hero--split::before{display:none}
.hero-grid{display:grid;gap:36px;align-items:center}
.hero--split .hero-grid{padding-block:40px 70px}
.hero--split .hero-inner{padding:20px 0 0}
.hero--split .hero-photo{position:relative;max-width:420px;width:100%;margin-inline:auto}
.hero--split .hero-photo::before{content:"";position:absolute;inset:18px -14px -18px 14px;border:1px solid var(--gold);border-radius:4px;z-index:0}
.hero--split .hero-media{position:relative;display:block;aspect-ratio:5/6;z-index:1;border-radius:4px;overflow:hidden}
.hero--split .hero-media img{animation:none}
@media(min-width:900px){.hero--split .hero-grid{grid-template-columns:1.15fr .85fr;gap:70px;padding-block:70px 90px}.hero--split .hero-inner{padding:40px 0 0}.hero--split .hero-photo{margin-right:0}}
.hero--left{min-height:clamp(560px,80vh,760px)}
.hero--left .hero-grid{align-items:end;padding-bottom:clamp(48px,7vw,88px)}
.hero--left .hero-inner{padding-bottom:0}
.glance{position:relative;z-index:2;background:rgba(31,66,130,.9);border:1px solid rgba(216,166,81,.45);border-radius:6px;padding:26px 28px;max-width:380px;width:100%}
.glance h2{font:600 .75rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--goldt);margin:0 0 16px}
.glance dl{margin:0}.glance dl>div{padding:10px 0;border-top:1px solid var(--line)}
.glance dt{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.glance dd{margin:2px 0 0;color:var(--head);font-size:.98rem;line-height:1.45}
@media(min-width:900px){.hero--left .hero-grid{grid-template-columns:1.3fr .7fr;gap:60px}.glance{justify-self:end}}
.hero--page{min-height:clamp(380px,54vh,520px)}
.hero--page h1{font-size:clamp(2.2rem,5.6vw,4rem)}
/* features */
.cols-3{display:grid;gap:30px}
@media(min-width:800px){.cols-3{grid-template-columns:repeat(3,1fr);gap:32px}}
.feature{border-top:1px solid var(--gold);padding-top:22px}
.feature .num{font:italic 400 1.5rem var(--serif);color:var(--goldt)}
.feature h3{font-size:1.45rem;margin:10px 0 .4em}
.feature p{color:var(--muted);margin:0}
/* steps */
.steps{counter-reset:s;display:grid;gap:30px}
.steps li{counter-increment:s;position:relative;padding-left:70px}
.steps li::before{content:counter(s);position:absolute;left:0;top:-4px;width:48px;height:48px;border-radius:50%;border:1px solid var(--gold);color:var(--goldt);display:grid;place-items:center;font:italic 400 1.4rem var(--serif)}
.steps h3{font-size:1.4rem;margin:0 0 .3em}.steps p{color:var(--muted);margin:0}
.steps:not(.steps-row):not(.steps-stack) li:not(:last-child)::after{content:"";position:absolute;left:24px;top:52px;bottom:-26px;width:1px;background:linear-gradient(var(--gold),transparent)}
@media(min-width:800px){.steps-row{grid-template-columns:repeat(3,1fr);gap:40px}.steps-row.steps-4{grid-template-columns:repeat(4,1fr);gap:28px}
.steps-row li{padding:78px 0 0}.steps-row li::before{top:0}.steps-row li:not(:last-child)::after{content:"";position:absolute;left:62px;right:-30px;top:24px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);opacity:.5}}
.steps-stack{gap:0}
.steps-stack li{padding:26px 0 26px 84px;border-top:1px solid var(--line)}
.steps-stack li::before{top:24px;width:52px;height:52px}
.steps-stack li:last-child{border-bottom:1px solid var(--line)}
/* cards */
.card{box-shadow:var(--shadow);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .4s var(--ease),border-color .3s,box-shadow .4s}
.card:hover{transform:translateY(-6px);border-color:rgba(216,166,81,.6);box-shadow:0 30px 54px -24px rgba(32,48,86,.5)}
.card-img{aspect-ratio:4/3;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.card:hover .card-img img{transform:scale(1.06)}
.card-body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
.card h3{font-size:1.6rem;color:var(--head)}.card p{color:var(--muted);flex:1}
.more{color:var(--goldt);font-weight:600;font-size:.95rem;letter-spacing:.02em}
.more i{font-style:normal;display:inline-block;transition:transform .3s var(--ease)}.card:hover .more i,.btn:hover i{transform:translateX(5px)}
/* proof */
.proof-strip{display:grid;gap:0;border-top:1px solid var(--line)}
.proof-strip li{padding:22px 0;border-bottom:1px solid var(--line)}
.proof-strip strong{display:block;font:500 1.2rem/1.3 var(--serif);color:var(--head);margin-bottom:6px}
.proof-strip span{font-size:.8rem;color:var(--goldt);letter-spacing:.08em;text-transform:uppercase}
@media(min-width:1000px){.proof-strip{grid-template-columns:repeat(5,1fr);border-top:0}.proof-strip li{padding:8px 24px;border:0;border-left:1px solid var(--line)}.proof-strip li:first-child{border-left:0;padding-left:0}}
/* cta band */
.cta-band{position:relative;overflow:hidden;padding:clamp(84px,12vw,150px) 0;text-align:center}
.band-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.cta-band::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(700px 380px at 50% 0%,rgba(255,211,128,.4),transparent 65%),linear-gradient(180deg,rgba(24,50,98,.26),rgba(24,50,98,.14) 50%,rgba(24,50,98,.34))}
.band-inner{isolation:isolate}
.band-inner::before{content:"";position:absolute;z-index:-1;inset:-40px -6vw;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(22,46,92,.52) 0%,rgba(22,46,92,.32) 55%,rgba(22,46,92,0) 100%);pointer-events:none}
.band-inner{position:relative;z-index:2;max-width:820px}
.cta-band h2{font-size:clamp(2rem,5vw,3.4rem);color:var(--head)}
.cta-band p{color:var(--body);font-size:1.12rem;max-width:600px;margin-inline:auto}
/* about */
.about-grid{display:grid;gap:48px}
@media(min-width:900px){.about-grid{grid-template-columns:1.4fr .8fr;gap:80px;align-items:start}.portrait-col{position:sticky;top:calc(var(--nav-h) + 30px)}}
.prose p{font-size:1.14rem;line-height:1.85;color:var(--body)}
.dropcap::first-letter{font:500 4.2rem/.85 var(--serif);float:left;color:var(--goldt);padding:6px 12px 0 0}
.pull{margin:2.2em 0;padding:8px 0 8px 28px;border-left:2px solid var(--gold)}
.pull p{font:italic 400 clamp(1.5rem,3.2vw,2.1rem)/1.3 var(--serif);color:var(--head);margin:0 0 .5em}
.pull cite{font:600 .75rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--goldt);font-style:normal}
.portrait-img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid var(--gold)}
.portrait-ph{aspect-ratio:4/5;border:2px dashed var(--gold);border-radius:6px;background:repeating-linear-gradient(135deg,rgba(216,166,81,.07) 0 14px,rgba(216,166,81,.02) 14px 28px),var(--panel);display:grid;place-items:center;text-align:center;padding:24px;color:var(--goldt);font:italic 500 1.3rem/1.35 var(--serif)}
.portrait-cap{margin:16px 0 0;font-size:.92rem;color:var(--muted);line-height:1.6}.portrait-cap strong{color:var(--head);font:500 1.2rem var(--serif)}
/* services list */
.svc-list{display:grid;gap:clamp(56px,8vw,110px)}
.svc-row{display:grid;gap:28px;align-items:center}
.svc-img{overflow:hidden;border-radius:4px;aspect-ratio:4/3}.svc-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.svc-row:hover .svc-img img{transform:scale(1.04)}
.svc-text h2{font-size:clamp(1.8rem,3.6vw,2.6rem)}
.ticks li{position:relative;padding:7px 0 7px 30px;color:var(--body)}
.ticks li::before{content:"";position:absolute;left:2px;top:15px;width:13px;height:7px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.svc-text .ticks{margin:0 0 28px}
@media(min-width:900px){.svc-row{grid-template-columns:1.1fr 1fr;gap:80px}.svc-row.rev .svc-img{order:2}}
.split{display:grid;gap:44px;align-items:center}
@media(min-width:900px){.split{grid-template-columns:1.1fr .9fr;gap:80px}}
.frame img{border-radius:200px 200px 6px 6px;width:100%;aspect-ratio:4/5;object-fit:cover}
.pills{display:grid;gap:16px}
@media(min-width:700px){.pills{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.pills{grid-template-columns:repeat(4,1fr)}}
.pills li{padding:20px 24px;border:1px solid var(--line);border-radius:999px;text-align:center;background:var(--ctl);box-shadow:0 10px 26px -18px rgba(32,48,86,.35);font:500 1.15rem/1.35 var(--serif);color:var(--head);transition:border-color .3s,background .3s,transform .3s var(--ease);display:flex;align-items:center;justify-content:center;min-height:96px}
.pills li:hover{border-color:var(--gold);background:rgba(240,199,120,.24);transform:translateY(-3px)}
.numlist{display:grid;gap:0;border-top:1px solid var(--line)}
@media(min-width:800px){.numlist{grid-template-columns:1fr 1fr;column-gap:70px}}
.numlist li{display:flex;gap:22px;align-items:baseline;padding:26px 0;border-bottom:1px solid var(--line);font:500 1.45rem/1.3 var(--serif);color:var(--head)}
.numlist .num{font:italic 400 1.6rem var(--serif);color:var(--goldt);min-width:2ch}
.panel-grid{display:grid;gap:44px}@media(min-width:900px){.panel-grid{grid-template-columns:1.1fr .9fr;gap:80px;align-items:start}}
.panel{box-shadow:var(--shadow);background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:6px;padding:34px}
.panel h3{font-size:1.6rem}
/* faq */
.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 4px;font:500 clamp(1.15rem,2.4vw,1.45rem)/1.3 var(--serif);color:var(--head);transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--goldt)}
.faq summary i{flex:none;position:relative;width:22px;height:22px}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;background:var(--gold);transform:translate(-50%,-50%);transition:transform .3s var(--ease)}
.faq summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq details[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.faq .ans{padding:0 44px 26px 4px;animation:rise .4s var(--ease) both}.faq .ans p{color:var(--muted);margin:0}
.faq-cta{text-align:center;margin-top:70px}.faq-cta p{font:italic 400 1.4rem var(--serif);color:var(--head)}
/* contact */
.cal-frame{background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:8px;padding:10px;max-width:1000px;margin:0 auto;min-height:300px}
.contact-grid{display:grid;gap:56px}@media(min-width:900px){.contact-grid{grid-template-columns:1.1fr .9fr;gap:90px}}
.form{display:grid;gap:8px;margin-top:8px}
.form label{font:600 .78rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:10px}
.form input,.form textarea{width:100%;background:var(--ctl);border:1px solid var(--ghostb);border-radius:10px;padding:14px 16px;color:var(--head);font:inherit;transition:border-color .2s,background .2s}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--gold);background:var(--ctl);box-shadow:0 0 0 3px rgba(216,166,81,.25)}
.form ::placeholder{color:var(--muted);opacity:.85}
.form .btn{margin-top:18px;justify-self:start}
.form-note{font-size:.85rem;color:var(--muted);margin:8px 0 0}
.details{box-shadow:var(--shadow);background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:6px;padding:clamp(26px,4vw,44px);align-self:start}
.details h2{font-size:2rem;margin-bottom:.1em}.details .role{color:var(--goldt);font-weight:600;margin-bottom:.3em}
.details ul{margin:22px 0}.details li{padding:12px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.details li>span:first-child{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.details a{color:var(--head);font-size:1.1rem;text-decoration:none;border-bottom:1px solid var(--gold);align-self:flex-start;transition:color .2s;overflow-wrap:anywhere}.details a:hover{color:var(--goldt)}
.closing{font:italic 400 1.2rem/1.5 var(--serif);color:var(--head);margin:0;padding-top:20px;border-top:1px solid var(--line)}
/* footer */
.site-footer{background:linear-gradient(180deg,#14284f,#0f2044);border-top:1px solid var(--line);padding:clamp(56px,8vw,90px) 0 34px;color:var(--muted);font-size:.95rem}
.foot-grid{display:grid;gap:36px}@media(min-width:800px){.foot-grid{grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:48px}}
.foot-brand p{margin-top:16px;color:var(--muted);max-width:340px}
.foot-h{font:600 .72rem var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--goldt);margin:0 0 16px}
.site-footer li{padding:5px 0;overflow-wrap:anywhere}.site-footer a{color:var(--body);text-decoration:none;transition:color .2s}.site-footer a:hover{color:var(--goldt);text-decoration:underline}
.site-footer .brand{color:var(--head)}
.foot-bottom{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.foot-loc{color:var(--head);font:italic 400 1.15rem var(--serif);margin-bottom:10px}
.foot-disc{font-size:.85rem;max-width:760px;color:var(--muted)}.foot-copy{font-size:.8rem;margin:16px 0 0;color:var(--muted)}
.calendly-inline-widget{min-width:0!important}
@media(max-width:560px){body{font-size:1rem}.btn{width:100%}.btn-row{flex-direction:column}.faq .ans{padding-right:4px}.steps li{padding-left:62px}.steps-stack li{padding-left:70px}.panel{padding:26px}.numlist li{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* ---- v4: video ---- */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s var(--ease);pointer-events:none}
.hero-video.on{opacity:1}
.hero--split .hero-video{z-index:2;border-radius:4px}
.vbtn{display:none;position:absolute;z-index:6;right:14px;bottom:14px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.85);background:rgba(24,44,84,.62);cursor:pointer;place-items:center;padding:0;transition:background .2s,transform .2s}
.vbtn:hover{background:rgba(24,44,84,.85);transform:scale(1.06)}
.has-video .vbtn{display:grid}
.vic{display:block;width:14px;height:16px;border-left:4px solid #fff;border-right:4px solid #fff}
.vbtn.paused .vic{width:0;height:0;border:0;border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}
.vbtn .sr-only{left:0;top:0}
.vbtn:not(.paused) .lab-play,.vbtn.paused .lab-pause{display:none!important}
.vid{position:relative;margin:0}
.vid-el{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#dfe8f5;border-radius:10px}
.vid figcaption{font-size:.88rem;line-height:1.55;color:var(--muted);margin-top:12px}
/* ---- v4: story ---- */
.story-grid{display:grid;gap:26px}
@media(min-width:800px){.story-grid{grid-template-columns:repeat(2,1fr);gap:30px}}
.story-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.story-card .vid{flex:none}
.story-card .vid-el{border-radius:0}
.story-text{position:relative;padding:22px 26px 26px}
.story-text h3{font-size:1.5rem;margin:0 0 .3em;padding-right:54px}
.story-text p{margin:0;color:var(--body)}
.story-step{position:absolute;right:24px;top:18px;font:italic 400 2.2rem/1 var(--serif);color:var(--gold)}
.story-note{text-align:center;font-size:.85rem;color:var(--muted);margin:34px 0 0}
/* ---- v4: layouts with a video panel ---- */
.sess-grid{display:grid;gap:44px}
@media(min-width:900px){.sess-grid{grid-template-columns:1.15fr .85fr;gap:70px;align-items:start}.vid-side{position:sticky;top:calc(var(--nav-h) + 30px)}}
.side-col{display:grid;gap:28px;align-self:start}
@media(prefers-reduced-motion:reduce){.hero-video{display:none!important}}

/* v5: on phones the text spans the full width, so the soft scrim does too */
@media(max-width:700px){.hero-inner::before,.hero--center .hero-inner::before,.hero--left .hero-inner::before{background:radial-gradient(ellipse 90% 100% at 45% 55%,rgba(22,46,92,.8) 0%,rgba(22,46,92,.62) 60%,rgba(22,46,92,0) 100%)}}

/* ===== final build additions (appended to style.css by build_copy.py) ===== */
/* disclaimer strip: first thing in <body>, normal flow, above the sticky header */
.top-strip{background:#142a52;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);position:relative;z-index:60}
.top-strip .wrap{padding-top:9px;padding-bottom:9px}
.top-strip .disc-strip{margin:0;color:#fff;font-size:.875rem;line-height:1.45;text-align:center}
/* breadcrumbs directly under the hero */
.crumbs-bar{background:#fdf8ee;border-bottom:1px solid rgba(20,32,58,.12);font-size:.875rem}
.crumbs-bar .wrap{padding-top:10px;padding-bottom:10px}
.crumbs-bar ol{display:flex;flex-wrap:wrap;gap:2px 8px;margin:0;padding:0;list-style:none}
.crumbs-bar li{color:#4d5870}
.crumbs-bar li+li::before{content:"\203A";margin-right:8px;color:#84520a}
.crumbs-bar a{color:#84520a;text-decoration:underline;text-underline-offset:3px}
.crumbs-bar [aria-current]{color:#14203a}
/* topic hero: long hook headlines */
.hero--topic h1{font-size:clamp(1.85rem,4.3vw,3.1rem);max-width:22ch}
@media(min-width:900px){.hero--topic h1{max-width:26ch}}
/* topic cards */
.topic-grid{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:640px){.topic-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.topic-grid{grid-template-columns:repeat(3,1fr)}.topic-grid.topic-grid-4{grid-template-columns:repeat(4,1fr)}}
.topic-card{display:block;padding:24px 26px;background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:6px;text-decoration:none;box-shadow:var(--shadow);transition:transform .25s var(--ease),border-color .25s}
.topic-card:hover{transform:translateY(-3px);border-color:var(--gold)}
.topic-card h3{font-size:1.35rem;margin:0 0 .35em;color:var(--head)}
.topic-card p{margin:0 0 .6em;color:var(--body);font-size:1rem;line-height:1.55}
.topic-card .more{font-weight:600;color:var(--goldt);font-size:.95rem}
/* notes */
.note-honest{margin-top:1.4em;padding:16px 20px;border-left:3px solid var(--gold);background:rgba(200,144,47,.1);border-radius:0 6px 6px 0;font-size:.98rem;color:var(--body)}
.note-crisis{margin-top:1em;padding:16px 20px;border:1px solid var(--gold);border-radius:6px;font-weight:600;color:var(--head);background:var(--panel)}
.note-crisis p{margin:0;color:var(--head)}
/* location */
.loc-block{display:grid;gap:12px}
.loc-block p{max-width:70ch}
/* footer topic links */
.foot-topics{padding-top:8px;padding-bottom:6px;border-top:1px solid rgba(255,255,255,.14)}
.foot-topics .foot-h{margin-top:18px}
.foot-topics ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;list-style:none}
.foot-topics a{color:var(--body);text-decoration:none}
.foot-topics a:hover{color:var(--goldt);text-decoration:underline}

/* ===== release 1 (v7) "sunny day": media renders at full brightness. No dark overlays, gradients, filters or blend modes over any hero / banner / CTA / video / photo.
   Text sits on a light cream card with navy text (WCAG-checked against the darkest 5% of pixels behind it), the picture itself is never dimmed. ===== */
.hero-video,.hero-media img,.band-img,.hero-media,.hero-photo img{filter:none!important}
.hero-video{opacity:0}.hero-video.on{opacity:1}
.hero::before,.hero--center::before,.cta-band::before{display:none!important}
.grain::after{display:none!important}
.hero:not(.hero--split) .hero-inner,.band-inner{--ink:#14284f;--head:#14284f;--body:#26365a;--muted:#40507a;--gold:#b87a16;--goldt:#7a4a06;--ghostb:rgba(20,40,79,.5);--ghostbg:#ffffff}
.hero h1,.hero .lede,.hero .hero-note,.cta-band h2,.cta-band p{text-shadow:none}
.hero:not(.hero--split) .eyebrow{color:#7a4a06;text-shadow:none;background:none;padding-left:0}
.hero--split .eyebrow{background:transparent;padding-left:0;text-shadow:none}
.hero .hero-inner::before,.cta-band .band-inner::before{content:none!important;display:none!important;background:none!important;box-shadow:none!important;border:0!important}  /* 1a: no card / box behind hero or CTA text */
.cta-band .btn-call,.hero:not(.hero--split) .btn-call{color:#14284f}
/* ===== release 1: crisp, no haze. No blur / backdrop-filter / frosted glass, no soft gradient washes, no zoom-resampling animation on photos ===== */
*,*::before,*::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.site-header{background:#1f4282}
.glance{background:none!important;border:0!important;box-shadow:none!important}  /* 1a: no panel behind "At a glance"; text navy, floats over the media */
.glance h2{color:#14284f!important}
.glance dt{color:#1f3a6b!important}
.glance dd{color:#14284f!important}
.glance dl>div{border-top-color:rgba(20,40,79,.4)!important}
@media(max-width:700px){.call-bar{background:transparent!important;border-top:0!important;box-shadow:none!important;padding:6px 14px calc(6px + env(safe-area-inset-bottom,0px))!important;pointer-events:none}.call-bar a{pointer-events:auto;min-height:48px}}  /* 1a: mobile call bar no longer a dark strip; only the gold button shows */
.vbtn{background:#142a52}
.hero-media img{animation:none!important;transform:none}
.section{background:#fdf8ee}
.section-alt,.section-dark{background:#2a559b}
.section-soft{background:#f7edd9}
.hero--split{background:#28559b}

/* ===== release 1c: readability without a box - soft light halo behind navy text (text-shadow only: no box, no scrim, no blur layer) ===== */
.hero:not(.hero--split) :is(h1,.lede,.hero-slogan,.hero-sub,.hook,.hero-note,.eyebrow,.glance h2,.glance dt,.glance dd),.cta-band :is(h2,p,.band-hook,.eyebrow){text-shadow:0 0 2px rgba(255,255,255,.95),0 0 6px rgba(255,255,255,.85),0 0 14px rgba(255,255,255,.7),0 0 26px rgba(255,255,255,.45)!important}

/* ===== release 1c: re-crop hero / CTA media so the text sits over the calmest part (object-position only; same files) ===== */
@media(min-width:701px){
 .p-coach .hero-video,.p-coach .hero-media img{object-position:50% 0%}
 .p-contact .hero-video,.p-contact .hero-media img{object-position:50% 0%}
 .p-faq .hero-video,.p-faq .hero-media img{object-position:50% 20%}
 .p-hyp .hero-video,.p-hyp .hero-media img{object-position:50% 100%}
 .hero--topic .hero-video[data-base$="/story-video-session"],.hero--topic .hero-media img[src*="story-video-session-poster"]{object-position:50% 20%}
 .hero--topic .hero-video[data-base$="/home-dog-call"],.hero--topic .hero-media img[src*="home-dog-call-poster"]{object-position:50% 20%}
 .hero--topic .hero-video[data-base$="/story-hug"],.hero--topic .hero-media img[src*="story-hug-poster"]{object-position:50% 0%}
 .hero--topic .hero-video[data-base$="/walk-dog-phone"],.hero--topic .hero-media img[src*="walk-dog-phone-poster"]{object-position:50% 100%}
 .hero--topic .hero-video[data-base$="/story-walk-call"],.hero--topic .hero-media img[src*="story-walk-call-poster"]{object-position:50% 80%}
 .p-home .hero-video,.p-home .hero-media img{object-position:50% 0%}
 .p-services .hero-video,.p-services .hero-media img{object-position:50% 0%}
 .hero--topic .hero-video[data-base$="/sunrise-mist"],.hero--topic .hero-media img[src*="sunrise-mist-poster"]{object-position:50% 40%}
 .hero--topic .hero-video[data-base$="/hero-arms-open"],.hero--topic .hero-media img[src*="hero-arms-open-poster"]{object-position:50% 20%}
 .cta-band .band-img{object-position:50% 0%}}

@media(max-width:700px){
 .p-coach .hero-video,.p-coach .hero-media img{object-position:0% 50%}
 .p-contact .hero-video,.p-contact .hero-media img{object-position:100% 50%}
 .p-faq .hero-video,.p-faq .hero-media img{object-position:0% 50%}
 .p-hyp .hero-video,.p-hyp .hero-media img{object-position:0% 50%}
 .hero--topic .hero-video[data-base$="/story-video-session"],.hero--topic .hero-media img[src*="story-video-session-poster"]{object-position:75% 50%}
 .hero--topic .hero-video[data-base$="/home-dog-call"],.hero--topic .hero-media img[src*="home-dog-call-poster"]{object-position:100% 50%}
 .hero--topic .hero-video[data-base$="/walk-dog-phone"],.hero--topic .hero-media img[src*="walk-dog-phone-poster"]{object-position:25% 50%}
 .hero--topic .hero-video[data-base$="/story-walk-call"],.hero--topic .hero-media img[src*="story-walk-call-poster"]{object-position:0% 50%}
 .hero--topic .hero-video[data-base$="/sunrise-mist"],.hero--topic .hero-media img[src*="sunrise-mist-poster"]{object-position:0% 50%}
 .cta-band .band-img{object-position:25% 50%}}