:root{
  --bg:#060607;--bg2:#0b0b0d;--panel:#111114;--cream:#efe4cf;--text:#d9d0c1;--muted:#8e8578;
  --gold:#c6a760;--gold2:#f4d98a;--goldD:#735522;--wine:#7a1e1e;--wine2:#2b0709;
  --red:#cf343c;--blue:#3f97e8;--purple:#a56cf6;--green:#8fbd47;--line:rgba(198,167,96,.16);
  --serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:300;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.075;background:repeating-radial-gradient(circle at 30% 20%,#fff 0 1px,transparent 1px 5px)}body:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 16% 12%,rgba(122,30,30,.25),transparent 30%),radial-gradient(circle at 85% 10%,rgba(198,167,96,.17),transparent 32%),linear-gradient(180deg,#060607,#0d0b0b 44%,#060607)}body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(198,167,96,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(198,167,96,.035) 1px,transparent 1px);background-size:72px 72px}.orb{position:absolute;border-radius:50%;filter:blur(38px);opacity:.28;pointer-events:none}.orb.gold{background:var(--gold);width:360px;height:360px}.orb.wine{background:var(--wine);width:300px;height:300px}
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(18px,5vw,70px);background:rgba(5,5,6,.74);backdrop-filter:blur(24px);border-bottom:1px solid rgba(198,167,96,.12)}.brand{font-family:var(--serif);font-size:1.45rem;font-weight:600;letter-spacing:.34em;color:var(--gold);text-transform:uppercase;white-space:nowrap}.links{display:flex;align-items:center;gap:1.55rem}.links>a,.nav-dd>a{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:#c5bcac;transition:.25s}.links a:hover,.nav-dd:hover>a{color:var(--gold)}.pill{padding:.72rem 1.1rem;border:1px solid rgba(198,167,96,.32);color:var(--gold)!important;background:rgba(198,167,96,.03)}.pill.wine{background:linear-gradient(135deg,var(--wine),#4a1014);color:#fff!important;border-color:rgba(122,30,30,.55)}.lang{background:#0b0b0d;color:var(--text);border:1px solid rgba(198,167,96,.25);padding:.62rem .7rem;letter-spacing:.08em}.nav-dd{position:relative;padding:12px 0}.nav-menu{position:absolute;top:40px;left:0;width:250px;background:rgba(10,10,12,.96);border:1px solid rgba(198,167,96,.18);border-top:2px solid var(--gold);padding:.55rem;opacity:0;pointer-events:none;transform:translateY(8px);transition:.25s}.nav-dd:hover .nav-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-menu a{display:flex;justify-content:space-between;padding:.8rem 1rem;color:#c9c0b2;font-size:.76rem;border-radius:10px}.nav-menu a:hover{background:rgba(198,167,96,.07);color:var(--gold)}.nav-toggle,.hamb{display:none}.hamb{width:38px;height:34px;flex-direction:column;gap:7px;justify-content:center}.hamb span{display:block;height:1px;background:var(--gold)}
.section{padding:clamp(72px,9vw,130px) clamp(18px,5vw,70px);position:relative}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,76px);align-items:center;max-width:1460px;margin:auto}.eyebrow{font-family:var(--mono);font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:1.25rem}.hero{min-height:100vh;padding-top:120px;display:grid;align-items:center;overflow:hidden}.hero h1,.page-h{font-family:var(--serif);font-size:clamp(3.2rem,7.8vw,8.8rem);line-height:.84;font-weight:300;letter-spacing:-.055em;color:#fff3dc}.hero h1 em,.page-h em,.gold{font-style:italic;color:var(--gold)}.lead{font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.75;color:#cfc5b7;max-width:660px;margin:1.7rem 0}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:1rem 1.35rem;border:1px solid rgba(198,167,96,.3);background:transparent;color:#eee3d0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:.3s}.btn.primary{background:linear-gradient(135deg,var(--gold2),var(--gold) 56%,var(--goldD));color:#070707;border:0;font-weight:500;box-shadow:0 0 50px rgba(198,167,96,.16)}.btn.wine{background:linear-gradient(135deg,#8b1f25,#4a0b10);border-color:#8b1f25;color:white}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 70px rgba(0,0,0,.42);border-color:var(--gold)}.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(198,167,96,.12);border:1px solid rgba(198,167,96,.14);margin-top:3rem;max-width:760px}.hero-metrics div{padding:1.1rem 1rem;background:rgba(13,13,15,.78)}.hero-metrics b{display:block;color:var(--gold);font-family:var(--serif);font-size:1.55rem;font-weight:400}.hero-metrics span{font-size:.68rem;color:var(--muted)}
.cycle{position:relative;aspect-ratio:1;width:min(610px,90vw);margin:auto;display:grid;place-items:center;filter:drop-shadow(0 0 70px rgba(198,167,96,.12))}.ring{position:absolute;border-radius:50%;border:1px solid rgba(198,167,96,.2);animation:spin 42s linear infinite}.r1{inset:4%;border-top-color:var(--gold);border-right-color:rgba(122,30,30,.65)}.r2{inset:15%;animation-duration:28s;animation-direction:reverse;border-left-color:rgba(122,30,30,.55);border-bottom-color:var(--gold)}.r3{inset:28%;animation-duration:56s}.core{position:relative;width:55%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(198,167,96,.18),rgba(122,30,30,.12) 45%,rgba(8,8,8,.94) 74%);border:1px solid rgba(198,167,96,.35);box-shadow:inset 0 0 50px rgba(198,167,96,.06)}.core b{font-family:var(--serif);font-size:clamp(1.8rem,3.6vw,3.5rem);line-height:.85;font-weight:300;color:var(--gold2)}.core span{display:block;font-family:var(--mono);font-size:.58rem;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin-top:.8rem}.orbit{position:absolute;padding:.75rem 1rem;background:rgba(16,15,15,.82);border:1px solid rgba(198,167,96,.2);backdrop-filter:blur(18px);font-family:var(--mono);font-size:.61rem;letter-spacing:.12em;text-transform:uppercase;color:#e6d9c6;animation:float 5s ease-in-out infinite}.o1{top:1%;left:38%}.o2{right:0;top:31%;animation-delay:.5s}.o3{right:9%;bottom:11%;animation-delay:1s}.o4{left:2%;bottom:12%;animation-delay:1.5s}.o5{left:0;top:32%;animation-delay:2s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-11px)}}.wave{position:absolute;right:-12%;top:22%;width:72%;height:42%;opacity:.7;background:repeating-radial-gradient(ellipse at center,rgba(198,167,96,.17) 0 1px,transparent 1px 8px);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 82%,transparent);animation:wave 6s ease-in-out infinite}@keyframes wave{50%{transform:translateX(-22px) scaleY(1.12)}}
.band{padding:28px clamp(18px,5vw,70px);border-top:1px solid rgba(198,167,96,.14);border-bottom:1px solid rgba(198,167,96,.14);background:linear-gradient(90deg,rgba(122,30,30,.12),rgba(198,167,96,.08),rgba(122,30,30,.08));overflow:hidden}.band-track{display:flex;width:max-content;animation:mar 36s linear infinite}.band span{font-family:var(--mono);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(239,228,207,.72);padding:0 28px}.band b{color:var(--gold);font-weight:400}@keyframes mar{to{transform:translateX(-50%)}}
.sec-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:end;max-width:1320px;margin:0 auto 3.5rem}.sec-title{font-family:var(--serif);font-size:clamp(2.4rem,4.8vw,5.2rem);font-weight:300;line-height:.95;color:#fff1d8}.sec-title em{font-style:italic;color:var(--gold)}.sec-copy{font-size:1rem;line-height:1.8;color:#b9afa0;max-width:600px}.light{background:#eee8dc;color:#111}.light .sec-title,.light .method-card h3{color:#16110d}.light .sec-copy,.light .method-card p{color:#4d463d}.method-flow{max-width:1380px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(115,85,34,.18);border:1px solid rgba(115,85,34,.18)}.method-card{position:relative;min-height:240px;background:linear-gradient(180deg,#f7f1e6,#ece4d5);padding:2rem 1.35rem}.method-card:after{content:"";position:absolute;right:-16px;top:50%;width:32px;height:1px;background:var(--gold);z-index:2}.method-card:last-child:after{display:none}.step{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--wine);color:white;font-family:var(--mono);font-size:.72rem;margin-bottom:1.2rem}.method-card h3{font-size:1rem;margin-bottom:.7rem}.method-card p{font-size:.82rem;line-height:1.6}.separator{height:3px;background:linear-gradient(90deg,transparent,var(--gold),var(--wine),transparent)}
.agents{background:linear-gradient(180deg,#070707,#0d0c0e 60%,#070707)}.agents-layout{display:grid;grid-template-columns:300px 1fr;gap:3rem;max-width:1460px;margin:auto}.filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}.filter{padding:.7rem .85rem;border:1px solid rgba(198,167,96,.18);font-size:.68rem;color:#c8beae;background:rgba(255,255,255,.02);letter-spacing:.08em}.agent-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.agent{position:relative;min-height:520px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid rgba(198,167,96,.15);overflow:hidden;display:flex;flex-direction:column;transition:.3s;cursor:pointer}.agent:hover{transform:translateY(-7px);box-shadow:0 28px 90px rgba(0,0,0,.45)}.agent.iris{--accent:var(--red)}.agent.max{--accent:#d8a72f}.agent.aria{--accent:var(--purple)}.agent.ops{--accent:var(--blue)}.agent.coreA{--accent:var(--green)}.agent:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 22%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 42%);opacity:.7}.agent-top{height:245px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(0,0,0,.55))}.agent-num{position:absolute;top:18px;left:18px;font-family:var(--mono);color:var(--accent);z-index:2}.agent h3{position:absolute;top:48px;left:18px;font-family:var(--serif);font-size:2rem;font-weight:400;z-index:2;color:#fff}.agent-id{position:absolute;top:90px;left:18px;color:var(--accent);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;z-index:2}.agent-body{position:relative;z-index:2;padding:1.45rem;display:flex;flex-direction:column;gap:1rem;flex:1}.agent-body p{font-size:.92rem;line-height:1.65;color:#cfc6b7}.agent ul{list-style:none;display:grid;gap:.65rem}.agent li{font-size:.8rem;color:#aca294;display:flex;gap:.5rem}.agent li:before{content:"✓";color:var(--accent)}.agent-more{margin-top:auto;color:var(--accent);font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.avatar{position:absolute;right:-5px;bottom:0;width:88%;height:86%;z-index:1;filter:drop-shadow(0 22px 35px rgba(0,0,0,.5))}.neck{position:absolute;left:45%;bottom:34%;width:16%;height:16%;background:linear-gradient(#c88759,#a96944);border-radius:40% 40% 0 0}.blazer{position:absolute;left:19%;bottom:-10%;width:67%;height:50%;background:linear-gradient(135deg,#d9c1a0,#f4e3c7 55%,#b99265);clip-path:polygon(10% 100%,20% 35%,43% 16%,50% 42%,57% 16%,80% 35%,90% 100%);border:1px solid rgba(255,255,255,.08)}.shirt{position:absolute;left:38%;bottom:-4%;width:26%;height:44%;background:#f9f4e9;clip-path:polygon(0 0,50% 45%,100% 0,82% 100%,18% 100%)}.face{position:absolute;left:36%;bottom:45%;width:34%;height:35%;background:linear-gradient(145deg,#d99663,#f0b47d 56%,#b86f44);border-radius:48% 52% 45% 45%;box-shadow:inset 16px -12px 24px rgba(94,37,15,.16)}.eye{position:absolute;top:44%;width:6px;height:4px;background:#19100b;border-radius:50%}.eye.l{left:32%}.eye.r{right:32%}.mouth{position:absolute;left:42%;top:66%;width:18%;height:5px;border-bottom:2px solid rgba(90,32,28,.65);border-radius:50%}.hair{position:absolute;background:#14100e}.hair.long{left:25%;bottom:43%;width:56%;height:47%;border-radius:45% 48% 16% 16%;clip-path:ellipse(45% 50% at 52% 48%)}.hair.long:after{content:"";position:absolute;right:0;bottom:-42%;width:38%;height:70%;background:#17110f;border-radius:44% 56% 20% 60%;transform:rotate(-8deg)}.hair.curly{left:30%;bottom:70%;width:48%;height:20%;border-radius:50%;background:radial-gradient(circle at 20% 30%,#2a211b 0 11px,transparent 12px),radial-gradient(circle at 45% 15%,#1c1512 0 14px,transparent 15px),radial-gradient(circle at 70% 28%,#30231b 0 13px,transparent 14px),#15100d}.avatar.female .face{border-radius:48% 52% 48% 48%}.avatar.female .mouth{border-bottom-color:#7d2b36}.avatar.max .face,.avatar.core .face{background:linear-gradient(145deg,#c78355,#eba66c 56%,#9d5e3b)}.avatar.ops .hair{filter:brightness(1.25)}.avatar.aria .hair{background:#241714}.avatar.core{transform:scale(.93) translateY(8px)}.agent-canvas{position:absolute;inset:0;opacity:.5;z-index:0}.portrait-glow{position:absolute;inset:auto 6% 0 12%;height:55%;background:radial-gradient(circle at 50% 22%,var(--accent),transparent 58%);opacity:.18;filter:blur(28px)}
.modal{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.75);backdrop-filter:blur(18px);display:none;align-items:center;justify-content:center;padding:22px}.modal.show{display:flex}.panel{width:min(760px,96vw);background:linear-gradient(180deg,#141215,#0a0a0b);border:1px solid rgba(198,167,96,.2);padding:clamp(24px,5vw,58px);position:relative}.close{position:absolute;right:18px;top:12px;background:none;border:0;color:var(--gold);font-size:2rem;cursor:pointer}.panel h2{font-family:var(--serif);font-size:3.8rem;font-weight:300}.role{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;margin:.4rem 0 1.5rem}.panel p{line-height:1.8;color:#c4baaa}.panel ul{margin:1.5rem 0;display:grid;grid-template-columns:1fr 1fr;gap:.75rem;list-style:none}.panel li{padding:.8rem;background:rgba(255,255,255,.035);border:1px solid rgba(198,167,96,.1)}.metrics{display:flex;gap:.8rem;flex-wrap:wrap}.metric{padding:1rem;background:rgba(122,30,30,.14);border:1px solid rgba(122,30,30,.24);color:#fff}
.cap-grid,.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1320px;margin:auto}.cap{background:rgba(255,255,255,.035);border:1px solid rgba(198,167,96,.12);padding:2rem;min-height:240px}.cap i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(122,30,30,.2);color:var(--gold);font-style:normal;margin-bottom:1.5rem}.cap h3{font-family:var(--serif);font-size:1.9rem;font-weight:300;margin-bottom:.8rem}.cap p{color:#b8aea0;line-height:1.7}.cta{background:linear-gradient(135deg,#4d0d12,#190506);border-top:1px solid rgba(198,167,96,.16);border-bottom:1px solid rgba(198,167,96,.16)}.contact-card{background:rgba(255,255,255,.04);border:1px solid rgba(198,167,96,.14);padding:2rem}.form{display:grid;gap:1rem}.form input,.form textarea{width:100%;padding:1rem;background:rgba(0,0,0,.28);border:1px solid rgba(198,167,96,.18);color:#fff}.form textarea{min-height:140px}.footer{padding:34px clamp(18px,5vw,70px);display:flex;justify-content:space-between;gap:1rem;align-items:center;border-top:1px solid rgba(198,167,96,.14);background:#09090a;color:var(--muted)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:translateY(0)}
[dir=rtl] body{text-align:right}[dir=rtl] .links{direction:rtl}[dir=rtl] .nav-menu{left:auto;right:0}[dir=rtl] .split,[dir=rtl] .sec-head,[dir=rtl] .agents-layout{direction:rtl}[dir=rtl] .agent-num,[dir=rtl] .agent h3,[dir=rtl] .agent-id{left:auto;right:18px}[dir=rtl] .avatar{right:auto;left:-5px}
@media(max-width:1180px){.split,.sec-head,.agents-layout{grid-template-columns:1fr}.agent-grid{grid-template-columns:repeat(2,1fr)}.method-flow{grid-template-columns:1fr 1fr}.method-card:after{display:none}.cap-grid,.contact-grid{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.hamb{display:flex}.links{position:fixed;top:75px;left:0;right:0;background:rgba(8,8,9,.96);border-bottom:1px solid rgba(198,167,96,.12);padding:24px;display:none;flex-direction:column;align-items:stretch}.nav-toggle:checked~.links{display:flex}.nav-dd{padding:0}.nav-menu{position:static;opacity:1;pointer-events:auto;transform:none;width:100%;margin-top:.5rem;display:grid}.brand{font-size:1.1rem;letter-spacing:.25em}.hero{padding-top:105px}.cycle{width:min(520px,100%)}.orbit{font-size:.52rem;padding:.55rem}.agent-grid{grid-template-columns:1fr}.method-flow{grid-template-columns:1fr}.footer{flex-direction:column;text-align:center}.panel ul{grid-template-columns:1fr}.hero-metrics{grid-template-columns:1fr}}

/* V14 — agreed AI-designed agent portraits */
.agent-photo{position:absolute;right:-8px;bottom:0;width:86%;height:82%;object-fit:contain;object-position:right bottom;z-index:1;filter:drop-shadow(0 24px 40px rgba(0,0,0,.65)) saturate(1.04);opacity:.96;transition:transform .45s ease,filter .45s ease}
.agent:hover .agent-photo{transform:translateY(-4px) scale(1.035);filter:drop-shadow(0 34px 55px rgba(0,0,0,.75)) saturate(1.12)}
.agent-top:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.44) 38%,rgba(0,0,0,.05) 75%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.45));pointer-events:none}
.agent-num,.agent h3,.agent-id{z-index:3}.agent-canvas{z-index:0}.portrait-glow{z-index:0}
[dir=rtl] .agent-photo{right:auto;left:-8px;object-position:left bottom}
@media(max-width:980px){.agent-photo{width:72%;height:82%}}
@media(max-width:620px){.agent-top{height:230px}.agent-photo{width:78%;height:80%}}

/* V15 fixes — better agent image framing + correct discovery anchors */
.agent-top{
  height:300px;
  display:block;
  background:
    radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.34));
}
.agent-top::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:42%;
  background:linear-gradient(180deg, transparent, rgba(6,6,7,.78) 72%, rgba(6,6,7,.96));
  z-index:2;
  pointer-events:none;
}
.agent-photo{
  left:50%;right:auto;bottom:0;
  width:100%;height:100%;
  object-fit:cover;
  object-position:center bottom;
  transform:translateX(-50%);
  padding:8px 12px 0;
  border-radius:22px 22px 0 0;
  filter:drop-shadow(0 28px 40px rgba(0,0,0,.62)) saturate(1.08) contrast(1.03);
}
.agent:hover .agent-photo{
  transform:translateX(-50%) translateY(-5px) scale(1.035);
  filter:drop-shadow(0 38px 60px rgba(0,0,0,.75)) saturate(1.15) contrast(1.04);
}
.agent-num,.agent h3,.agent-id{z-index:4;text-shadow:0 2px 12px rgba(0,0,0,.65)}
.agent-body{margin-top:0}
@media(max-width:1200px){.agent-top{height:285px}.agent-photo{padding:10px 8px 0}}
@media(max-width:620px){.agent-top{height:270px}.agent-photo{width:104%;height:104%;padding:8px 8px 0}}

/* V15.1 — agent portrait framing + discovery anchor fix */
html{scroll-padding-top:96px}
#contact,#agents,#services,#method,#iris,#max,#aria,#ops,#core{scroll-margin-top:105px}
.agent{
  border-radius:20px;
  isolation:isolate;
}
.agent-top{
  height:310px !important;
  margin:12px 12px 0;
  border-radius:16px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--accent) 32%,rgba(255,255,255,.08));
  background:
    radial-gradient(circle at 62% 32%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 45%),
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(0,0,0,.45));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 18px 45px rgba(0,0,0,.28);
}
.agent-top::after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.28) 38%,rgba(0,0,0,0) 72%),
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.36));
}
.agent-photo{
  left:50% !important;
  right:auto !important;
  bottom:0 !important;
  width:82% !important;
  height:96% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  transform:translateX(-50%) !important;
  padding:0 !important;
  border-radius:0 !important;
  filter:drop-shadow(0 28px 42px rgba(0,0,0,.7)) saturate(1.08) contrast(1.05) !important;
}
.agent:hover .agent-photo{
  transform:translateX(-50%) translateY(-7px) scale(1.045) !important;
}
.agent h3,.agent-num,.agent-id{
  left:18px !important;
  right:auto !important;
}
.agent-body{padding:1.35rem 1.45rem 1.55rem !important}
[dir=rtl] .agent-photo{left:50% !important;right:auto !important;object-position:center bottom !important}
@media(max-width:1380px){.agent-grid{grid-template-columns:repeat(3,1fr)}.agent-top{height:300px !important}}
@media(max-width:980px){.agent-grid{grid-template-columns:repeat(2,1fr)}.agent-top{height:315px !important}.agent-photo{width:72% !important}}
@media(max-width:620px){.agent-grid{grid-template-columns:1fr}.agent-top{height:330px !important}.agent-photo{width:76% !important;height:98% !important}.links .pill.wine{width:100%;text-align:center;justify-content:center}}


/* V16 — real multi-page architecture + clearer pages */
.page-intro{padding-top:150px;min-height:52vh;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 78% 20%,rgba(198,167,96,.14),transparent 34%),radial-gradient(circle at 18% 60%,rgba(122,30,30,.16),transparent 38%);border-bottom:1px solid rgba(198,167,96,.14)}
.page-intro .lead{max-width:760px}.wine-line{background:linear-gradient(90deg,transparent,rgba(122,30,30,.6),rgba(198,167,96,.44),transparent)}
.method-map{background:linear-gradient(135deg,#080808,#12080a 55%,#070707);border-top:1px solid rgba(122,30,30,.28);border-bottom:1px solid rgba(198,167,96,.12)}
.method-map .cap{min-height:190px}
nav .links>a[href='contact.html#contact'].pill{scroll-margin-top:120px}
.agent-top{height:330px!important;display:flex;align-items:flex-end;justify-content:center}
.agent-photo{left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;width:auto!important;max-width:94%!important;height:96%!important;object-fit:contain!important;object-position:center bottom!important;padding:12px 10px 0!important}
.agent:hover .agent-photo{transform:translateX(-50%) translateY(-5px) scale(1.025)!important}
.agent-top::after{background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.48) 34%,rgba(0,0,0,.08) 72%),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.62))!important}
@media(max-width:980px){.page-intro{padding-top:125px;min-height:auto}.agent-top{height:340px!important}.agent-photo{height:96%!important;max-width:82%!important}}
@media(max-width:620px){.agent-top{height:320px!important}.agent-photo{max-width:88%!important;height:96%!important}.page-h{font-size:clamp(3rem,16vw,5rem)}}

/* V17 clean navigation + clearer page sections */
.section-kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:2.2rem;padding-bottom:1rem;border-bottom:1px solid rgba(198,167,96,.18)}
.agent:target{box-shadow:0 0 0 1px rgba(212,184,112,.65),0 30px 90px rgba(198,167,96,.16);transform:translateY(-4px)}
html{scroll-padding-top:110px}

/* V18 — final agent portrait framing */
.agent-top{
  height:315px!important;
  margin:14px 14px 0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 52% 20%, color-mix(in srgb,var(--accent) 18%,transparent), transparent 46%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.62))!important;
  border:1px solid color-mix(in srgb,var(--accent) 38%,rgba(255,255,255,.08))!important;
}
.agent-photo{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;
  top:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
  padding:0!important;
  border-radius:18px!important;
  transform:none!important;
  filter:saturate(1.08) contrast(1.04) drop-shadow(0 26px 38px rgba(0,0,0,.6))!important;
}
.agent:hover .agent-photo{
  transform:scale(1.035)!important;
  filter:saturate(1.14) contrast(1.05) drop-shadow(0 34px 52px rgba(0,0,0,.72))!important;
}
.agent-top::after{
  z-index:2!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.40) 32%,rgba(0,0,0,.06) 70%),
    linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.08) 54%,rgba(0,0,0,.72) 100%)!important;
}
.agent-num,.agent h3,.agent-id{z-index:5!important}
.agent-canvas,.portrait-glow{z-index:1!important}
.agent.iris .agent-photo{object-position:center top!important}
.agent.max .agent-photo{object-position:center top!important}
.agent.aria .agent-photo{object-position:center top!important}
.agent.ops .agent-photo{object-position:center top!important}
.agent.coreA .agent-photo{object-position:center top!important}
@media(max-width:1380px){.agent-top{height:330px!important}}
@media(max-width:980px){.agent-top{height:350px!important}.agent-photo{object-position:center top!important}}
@media(max-width:620px){.agent-top{height:335px!important}.agent-photo{object-position:center top!important}}


/* =========================================================
   V25 — UX Designer agent cards: recent portraits + clean layout
   - Section title above cards (not side column)
   - Names/labels stay visible but no longer sit on the face
   - Cards are shorter, balanced and responsive
   - Recent cinematic portraits are framed like premium personas
   ========================================================= */

/* Page/section layout: title above, cards below */
.agents-layout{
  grid-template-columns:1fr !important;
  gap:clamp(28px,4vw,48px) !important;
  max-width:1500px !important;
}
.agents-layout > div:first-child{
  max-width:980px;
  margin:0 auto;
  text-align:center;
}
.agents-layout > div:first-child .sec-copy{
  margin-left:auto;
  margin-right:auto;
}
.filters{
  justify-content:center;
  margin-top:1.65rem !important;
}
.filter{
  border-radius:999px;
  transition:transform .25s ease,border-color .25s ease,background .25s ease,color .25s ease;
}
.filter:hover,.filter.active{
  transform:translateY(-1px);
  background:rgba(122,30,30,.28);
  border-color:rgba(198,167,96,.34);
  color:#fff3dc;
}

/* Cards grid */
.agent-grid{
  width:100%;
  max-width:1500px;
  margin:0 auto;
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:clamp(14px,1.35vw,22px) !important;
  align-items:stretch;
}
.agent{
  min-height:0 !important;
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
    radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 56%),
    rgba(10,10,12,.92) !important;
  border-color:color-mix(in srgb,var(--accent) 42%,rgba(198,167,96,.15)) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.28);
}
.agent:hover{
  transform:translateY(-8px) !important;
  box-shadow:
    0 34px 90px rgba(0,0,0,.46),
    0 0 46px color-mix(in srgb,var(--accent) 16%,transparent) !important;
}
.agent:before{
  opacity:.42 !important;
  pointer-events:none;
}

/* Portrait zone: labels at top, image framed below */
.agent-top{
  position:relative !important;
  height:360px !important;
  overflow:hidden !important;
  border-bottom:1px solid rgba(255,255,255,.075) !important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.45) 33%,rgba(0,0,0,.08) 58%,rgba(0,0,0,.36) 100%),
    radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 62%) !important;
}
/* top label safety area, prevents text from mixing with hair/face */
.agent-top::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:124px;
  z-index:3;
  background:
    linear-gradient(180deg,rgba(0,0,0,.90),rgba(0,0,0,.72) 55%,rgba(0,0,0,0));
  pointer-events:none;
}
.agent-top::after{
  content:"" !important;
  position:absolute;
  inset:auto 0 0 0 !important;
  height:46% !important;
  z-index:3 !important;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.55) 76%,rgba(0,0,0,.72)) !important;
  pointer-events:none;
}
.portrait-glow{
  position:absolute !important;
  left:50% !important;
  top:112px !important;
  width:240px !important;
  height:240px !important;
  transform:translateX(-50%) !important;
  border-radius:50%;
  inset:auto !important;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 32%,transparent),transparent 68%) !important;
  filter:blur(26px) !important;
  opacity:.34 !important;
  z-index:0 !important;
}
.agent-canvas{z-index:0 !important; opacity:.26 !important;}

.agent-num{
  top:18px !important;
  left:20px !important;
  z-index:6 !important;
  font-size:.74rem;
  letter-spacing:.12em;
}
.agent h3{
  top:44px !important;
  left:20px !important;
  z-index:6 !important;
  font-size:clamp(1.75rem,2.2vw,2.45rem) !important;
  line-height:.9 !important;
  text-shadow:0 8px 20px rgba(0,0,0,.5);
}
.agent-id{
  top:86px !important;
  left:20px !important;
  z-index:6 !important;
  max-width:72%;
  line-height:1.35 !important;
  color:color-mix(in srgb,var(--accent) 82%,#f4d98a) !important;
  text-shadow:0 6px 18px rgba(0,0,0,.6);
}

/* New cinematic portraits: centered, visible, not trapped in a tiny thumbnail */
.agent-photo{
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:-34px !important;
  width:auto !important;
  height:78% !important;
  max-width:118% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  transform:translateX(-50%) !important;
  z-index:2 !important;
  opacity:1 !important;
  filter:drop-shadow(0 28px 46px rgba(0,0,0,.76)) saturate(1.06) contrast(1.02) !important;
  transition:transform .55s ease,filter .55s ease !important;
}
.agent:hover .agent-photo{
  transform:translateX(-50%) translateY(-8px) scale(1.035) !important;
  filter:drop-shadow(0 38px 62px rgba(0,0,0,.82)) saturate(1.12) contrast(1.04) !important;
}

/* Per-agent micro framing because every portrait has a different pose */
.agent.iris .agent-photo{height:80% !important; bottom:-38px !important;}
.agent.max .agent-photo{height:78% !important; bottom:-34px !important;}
.agent.aria .agent-photo{height:82% !important; bottom:-42px !important;}
.agent.ops .agent-photo{height:78% !important; bottom:-34px !important;}
.agent.coreA .agent-photo{height:78% !important; bottom:-34px !important;}

/* Body: shorter, cleaner and more scannable */
.agent-body{
  padding:1.2rem 1.25rem 1.35rem !important;
  gap:.82rem !important;
}
.agent-body p{
  font-size:.88rem !important;
  line-height:1.55 !important;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.agent ul{
  gap:.45rem !important;
}
.agent li{
  font-size:.76rem !important;
  line-height:1.35 !important;
}
.agent-more{
  padding-top:.2rem;
}

/* Desktop balance */
@media(max-width:1350px){
  .agent-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .agent-top{height:350px !important;}
  .agent-photo{height:82% !important;}
}
@media(max-width:900px){
  .agents-layout > div:first-child{text-align:left;}
  .filters{justify-content:flex-start;}
  .agent-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .agent-top{height:330px !important;}
  .agent-photo{height:80% !important; bottom:-30px !important;}
}
@media(max-width:620px){
  .agent-grid{grid-template-columns:1fr !important;}
  .agent-top{height:350px !important;}
  .agent-photo{height:82% !important; bottom:-38px !important;}
  .agent-body p{-webkit-line-clamp:none;}
}

[dir=rtl] .agent-photo{
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  object-position:center bottom !important;
}
[dir=rtl] .agent:hover .agent-photo{
  transform:translateX(-50%) translateY(-8px) scale(1.035) !important;
}
[dir=rtl] .agent-num,
[dir=rtl] .agent h3,
[dir=rtl] .agent-id{
  left:auto !important;
  right:20px !important;
}


/* =========================================================
   V26 — High-level UX refinements
   ========================================================= */
.links a[data-i18n="nav_services"]::after{content:""}
.clarity-section{background:linear-gradient(180deg,#080808,#11090a 62%,#070707);border-top:1px solid rgba(198,167,96,.12)}
.answer-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.answer-card{padding:2rem;border:1px solid rgba(198,167,96,.14);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));min-height:250px}
.answer-card span,.method-timeline span{font-family:var(--mono);color:var(--gold);letter-spacing:.16em;font-size:.72rem}
.answer-card h3{font-family:var(--serif);font-size:1.9rem;font-weight:300;color:#fff1d8;margin:1rem 0 .8rem}
.answer-card p{line-height:1.75;color:#bfb4a4}
.faq-section{background:#eee8dc;color:#15120f}.faq-section .sec-title{color:#15120f}.faq-section .sec-copy{color:#51483f}
.faq-grid{max-width:1180px;margin:0 auto;display:grid;gap:.8rem}
.faq-grid details{background:#f8f2e8;border:1px solid rgba(115,85,34,.18);padding:1.25rem 1.4rem}
.faq-grid summary{cursor:pointer;font-weight:500;color:#1b1510;font-size:1.05rem}
.faq-grid p{color:#51483f;line-height:1.75;margin-top:.8rem;max-width:900px}
.method-hero{background:radial-gradient(circle at 72% 30%,rgba(198,167,96,.18),transparent 34%),radial-gradient(circle at 20% 70%,rgba(122,30,30,.22),transparent 36%),#070707}
.method-timeline{max-width:1200px;margin:0 auto;display:grid;gap:1rem;position:relative}
.method-timeline article{display:grid;grid-template-columns:70px 1fr 1.1fr .8fr;gap:1.2rem;align-items:start;padding:1.35rem 1.5rem;background:linear-gradient(180deg,#fbf5eb,#eee4d5);border:1px solid rgba(115,85,34,.16);color:#17120d}
.method-timeline h3{font-family:var(--serif);font-size:1.55rem;font-weight:400}.method-timeline p{line-height:1.65;color:#50473d}.method-timeline b{color:#7a1e1e;font-weight:500}
.impact-matrix{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.impact-matrix div{border:1px solid rgba(198,167,96,.15);background:rgba(255,255,255,.035);padding:1.6rem;min-height:210px}.impact-matrix small{color:var(--gold);font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase}.impact-matrix h3{font-family:var(--serif);font-size:2.1rem;margin:.8rem 0;color:#fff1d8}.impact-matrix p{color:#bfb4a4;line-height:1.65}
/* Navigation wording: Services page becomes Solutions */
/* Agent cards: title safe, portrait flush, shorter cards */
.agent-grid{grid-template-columns:repeat(5,minmax(180px,1fr))!important}
.agent{border-radius:24px!important;min-height:auto!important}
.agent-top{height:292px!important;margin:14px 14px 0!important;border-radius:18px!important;display:block!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 28%,rgba(0,0,0,.12) 53%,rgba(0,0,0,.58) 100%),radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 64%)!important}
.agent-top::before{height:112px!important;background:linear-gradient(180deg,rgba(0,0,0,.96),rgba(0,0,0,.78) 64%,rgba(0,0,0,0))!important}
.agent-top::after{height:32%!important;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.50))!important}
.agent-num{top:16px!important;left:18px!important}.agent h3{top:42px!important;left:18px!important;font-size:2rem!important}.agent-id{top:82px!important;left:18px!important;max-width:86%!important;font-size:.62rem!important}
.agent-photo{left:50%!important;right:auto!important;bottom:-1px!important;width:104%!important;height:calc(100% - 104px)!important;max-width:none!important;object-fit:cover!important;object-position:center 18%!important;transform:translateX(-50%)!important;border-radius:0!important;padding:0!important;z-index:2!important}
.agent:hover .agent-photo{transform:translateX(-50%) translateY(-4px) scale(1.025)!important}
.agent.iris .agent-photo{object-position:center 20%!important}.agent.aria .agent-photo{object-position:center 18%!important}.agent.max .agent-photo{object-position:center 16%!important}.agent.ops .agent-photo{object-position:center 14%!important}.agent.coreA .agent-photo{object-position:center 16%!important}
.agent-body{padding:1.05rem 1.2rem 1.25rem!important}.agent-body p{font-size:.84rem!important;line-height:1.55!important;-webkit-line-clamp:3!important}.agent li{font-size:.72rem!important}.agent ul{gap:.36rem!important}
/* Rich agent modal */
.agent-panel{width:min(1080px,96vw)!important;display:grid;grid-template-columns:390px 1fr;gap:2rem;padding:0!important;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#130d0e,#070707 58%,#111114)!important}
.panel-portrait{position:relative;min-height:560px;background:radial-gradient(circle at 50% 32%,rgba(198,167,96,.16),transparent 55%),linear-gradient(180deg,#07111c,#070707);overflow:hidden}.panel-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(1.08) contrast(1.04)}.panel-glow{position:absolute;inset:auto 10% 0;height:40%;background:radial-gradient(circle,rgba(122,30,30,.28),transparent 70%);filter:blur(30px)}
.panel-copy{padding:clamp(2rem,4vw,4rem);display:flex;flex-direction:column;justify-content:center}.panel-kicker{font-family:var(--mono);font-size:.68rem;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-bottom:.8rem}.panel-copy h2{font-size:clamp(3rem,7vw,6rem)!important}.panel-sections{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;margin:1.4rem 0}.panel-sections h4{color:var(--gold);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.6rem}.panel .metrics{display:grid;grid-template-columns:1fr 1fr}.panel .metric{min-height:62px;display:grid;place-items:center;text-align:center}
.form-note{font-size:.72rem;color:#c9bfae;line-height:1.45}.form-success{border:1px solid rgba(198,167,96,.24);background:rgba(198,167,96,.08);padding:1rem;color:#fff1d8;line-height:1.5}
@media(max-width:1350px){.agent-grid{grid-template-columns:repeat(3,1fr)!important}.agent-top{height:310px!important}.answer-grid,.impact-matrix{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.method-timeline article{grid-template-columns:1fr}.agent-panel{grid-template-columns:1fr}.panel-portrait{min-height:420px}.panel-sections{grid-template-columns:1fr}.answer-grid,.impact-matrix{grid-template-columns:1fr}.agent-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:620px){.agent-grid{grid-template-columns:1fr!important}.agent-top{height:330px!important}.agent-photo{height:calc(100% - 108px)!important}.agents-layout > div:first-child{text-align:left}.filters{justify-content:flex-start}.panel-portrait{min-height:360px}}


/* =========================================================
   V27 — Luxe logo + final UX agent cards + booking section
   ========================================================= */
.brand{
  display:inline-flex;
  align-items:center;
  gap:.72rem;
  letter-spacing:.32em;
}
.brand::before{
  content:"";
  width:28px;
  height:30px;
  flex:0 0 28px;
  display:inline-block;
  border-radius:7px 7px 10px 10px;
  background:
    linear-gradient(135deg,rgba(255,244,190,.95) 0%,var(--gold2) 24%,var(--gold) 54%,var(--goldD) 100%);
  box-shadow:0 0 28px rgba(198,167,96,.20), inset 0 1px 0 rgba(255,255,255,.45);
  clip-path:polygon(16% 0,84% 0,100% 18%,100% 78%,50% 100%,0 78%,0 18%);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  padding:2px;
}
.brand::after{
  content:"";
}
nav .brand{
  font-size:1.42rem;
}

/* Services becomes Solutions visually even before translations load */
a[data-i18n="nav_services"]{white-space:nowrap;}

/* Agents section: title above, cards compact and readable */
.agents-layout{
  grid-template-columns:1fr !important;
  gap:2.2rem !important;
  max-width:1480px !important;
}
.agents-layout > div:first-child{
  max-width:980px;
  margin:0 auto;
  text-align:center;
}
.agents-layout .sec-copy{
  margin-left:auto;
  margin-right:auto;
}
.filters{
  justify-content:center;
}
.agent-grid{
  grid-template-columns:repeat(5,minmax(190px,1fr)) !important;
  gap:1.05rem !important;
  align-items:stretch;
}
.agent{
  border-radius:26px !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.014)),
    radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 42%) !important;
}
.agent-headline{
  position:relative;
  z-index:6;
  padding:1rem 1.08rem .74rem;
  min-height:106px;
  background:linear-gradient(180deg,rgba(0,0,0,.84),rgba(0,0,0,.52));
  border-bottom:1px solid rgba(255,255,255,.06);
}
.agent-headline .agent-num,
.agent-headline h3,
.agent-headline .agent-id{
  position:static !important;
  left:auto !important;
  top:auto !important;
  display:block;
  text-shadow:none !important;
}
.agent-headline .agent-num{
  font-family:var(--mono);
  color:var(--accent);
  font-size:.72rem;
  letter-spacing:.14em;
  margin-bottom:.34rem;
}
.agent-headline h3{
  font-family:var(--serif);
  color:#fff3dc;
  font-size:clamp(2rem,2.5vw,2.65rem) !important;
  line-height:.86 !important;
  font-weight:400;
  margin:0 0 .34rem 0;
}
.agent-headline .agent-id{
  color:color-mix(in srgb,var(--accent) 78%,#f4d98a) !important;
  font-family:var(--mono);
  font-size:.62rem !important;
  letter-spacing:.13em;
  line-height:1.25 !important;
  max-width:100% !important;
  text-transform:uppercase;
}
.agent-top{
  height:282px !important;
  margin:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  background:
    radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 62%),
    linear-gradient(180deg,#07111a,#050505 88%) !important;
}
.agent-top::before,
.agent-top::after{
  pointer-events:none;
}
.agent-top::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,0) 58%,rgba(0,0,0,.58) 100%) !important;
}
.agent-top::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:18px !important;
  z-index:4;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.38)) !important;
}
.agent-photo{
  position:absolute !important;
  inset:0 !important;
  left:0 !important;
  right:auto !important;
  bottom:auto !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center top !important;
  transform:none !important;
  border-radius:0 !important;
  padding:0 !important;
  z-index:2 !important;
  filter:saturate(1.08) contrast(1.04) drop-shadow(0 24px 42px rgba(0,0,0,.74)) !important;
}
.agent:hover .agent-photo{
  transform:scale(1.035) !important;
}
.agent.iris .agent-photo{object-position:center 8% !important;}
.agent.max .agent-photo{object-position:center 6% !important;}
.agent.aria .agent-photo{object-position:center 8% !important;}
.agent.ops .agent-photo{object-position:center 5% !important;}
.agent.coreA .agent-photo{object-position:center 6% !important;}
.agent-body{
  padding:1.05rem 1.15rem 1.18rem !important;
  gap:.72rem !important;
}
.agent-body p{
  font-size:.82rem !important;
  line-height:1.48 !important;
  -webkit-line-clamp:3 !important;
}
.agent ul{gap:.32rem !important;}
.agent li{font-size:.70rem !important;line-height:1.25 !important;}
.agent-more{font-size:.62rem !important;padding-top:.1rem;}

/* Booking page */
.booking-section{
  background:linear-gradient(180deg,#080808,#120809 74%,#070707);
  border-top:1px solid rgba(198,167,96,.14);
}
.booking-grid{
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.booking-card{
  min-height:250px;
  padding:2rem;
  border:1px solid rgba(198,167,96,.16);
  background:
    radial-gradient(circle at 80% 0%,rgba(198,167,96,.13),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.booking-card:hover{
  transform:translateY(-6px);
  border-color:rgba(198,167,96,.42);
  box-shadow:0 28px 90px rgba(0,0,0,.42);
}
.booking-card span{
  font-family:var(--mono);
  color:var(--gold);
  letter-spacing:.18em;
  font-size:.72rem;
}
.booking-card h3{
  font-family:var(--serif);
  font-size:2.1rem;
  color:#fff1d8;
  font-weight:300;
  margin:1rem 0 .8rem;
}
.booking-card p{
  color:#bfb4a4;
  line-height:1.7;
  margin-bottom:1.5rem;
}
.booking-card b{
  color:var(--gold);
  font-weight:400;
}

@media(max-width:1350px){
  .agent-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .agent-top{height:310px !important;}
}
@media(max-width:900px){
  .agent-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .agent-top{height:320px !important;}
  .booking-grid{grid-template-columns:1fr;}
  .agents-layout > div:first-child{text-align:left;}
  .filters{justify-content:flex-start;}
}
@media(max-width:620px){
  .brand::before{width:24px;height:26px;flex-basis:24px;}
  .agent-grid{grid-template-columns:1fr !important;}
  .agent-top{height:340px !important;}
  .agent-body p{-webkit-line-clamp:none !important;}
}

[dir=rtl] .agent-headline .agent-num,
[dir=rtl] .agent-headline h3,
[dir=rtl] .agent-headline .agent-id{
  right:auto !important;
  left:auto !important;
  text-align:right;
}
[dir=rtl] .agent-photo,
[dir=rtl] .agent:hover .agent-photo{
  left:0 !important;
  right:auto !important;
  transform:none !important;
}



/* ================= V29 FINAL FIXES ================= */

/* Logo transparent uniquement */
.brand-logo{
  width:clamp(190px,18vw,285px);
  height:58px;
  display:flex;
  align-items:center;
  background:none!important;
  color:inherit!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  overflow:visible;
}
.brand-logo::before,.brand-logo::after{display:none!important}
.brand-logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 0 20px rgba(198,167,96,.14));
}

/* Agents : image collée au bloc, plus d'espace noir entre image et contenu */
.agent{
  border-radius:24px!important;
  overflow:hidden!important;
  min-height:0!important;
}
.agent-headline{
  position:relative;
  z-index:5;
  padding:1.2rem 1.2rem .8rem;
  min-height:112px;
  background:linear-gradient(180deg,rgba(0,0,0,.40),rgba(0,0,0,.05));
  border-bottom:1px solid rgba(255,255,255,.055);
}
.agent-headline .agent-num,.agent-headline h3,.agent-headline .agent-id{
  position:static!important;
  left:auto!important;
  top:auto!important;
  text-shadow:none!important;
}
.agent-headline .agent-num{display:block;color:var(--accent);font-family:var(--mono);margin-bottom:.4rem}
.agent-headline h3{font-family:var(--serif);font-size:2.45rem!important;line-height:.85;color:#fff;margin-bottom:.55rem}
.agent-headline .agent-id{display:block;color:var(--accent);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.25}

.agent-top{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  width:100%!important;
  height:330px!important;
  overflow:hidden!important;
  line-height:0!important;
  background:radial-gradient(circle at 50% 38%, color-mix(in srgb,var(--accent) 18%,transparent), transparent 62%), #050506!important;
}
.agent-top::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(0,0,0,0) 54%,rgba(0,0,0,.58) 100%)!important;
}
.agent-photo{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center bottom!important;
  transform:none!important;
  z-index:1!important;
  display:block!important;
  filter:drop-shadow(0 26px 42px rgba(0,0,0,.58)) saturate(1.08) contrast(1.02)!important;
}
.agent:hover .agent-photo{transform:scale(1.035)!important}
.agent-body{
  margin:0!important;
  padding:1.18rem 1.25rem 1.35rem!important;
  border-top:0!important;
}

/* Pop-up agents : afficher l'image */
.panel{
  width:min(980px,96vw)!important;
}
.panel.agent-rich-panel{
  display:grid!important;
  grid-template-columns:330px 1fr!important;
  gap:2rem!important;
}
.panel-portrait{
  min-height:440px;
  border:1px solid rgba(198,167,96,.14);
  background:#050506;
  overflow:hidden;
}
.panel-portrait img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center bottom;
  display:block;
}
.panel-content ul{list-style:none}
.agent-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0}
.agent-kpi{border:1px solid rgba(198,167,96,.12);background:rgba(255,255,255,.035);padding:.85rem}
.agent-kpi b{display:block;color:var(--gold);font-family:var(--serif);font-size:1.35rem;font-weight:300}
.agent-kpi span{font-size:.68rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}

/* À propos enrichi */
.about-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}
.about-panel{border:1px solid rgba(198,167,96,.14);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));padding:clamp(1.4rem,3vw,2.7rem);position:relative;overflow:hidden}
.about-panel.large{grid-row:span 2}
.about-panel span{color:var(--gold);font-family:var(--mono);letter-spacing:.18em}
.about-panel h3{font-family:var(--serif);font-size:clamp(2rem,3.5vw,4rem);font-weight:300;line-height:.95;color:#fff1d8;margin:1rem 0}
.about-panel p{color:#b9afa0;line-height:1.75}
.values-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(115,85,34,.18);border:1px solid rgba(115,85,34,.18)}
.values-grid div{background:linear-gradient(180deg,#f7f1e6,#ece4d5);padding:2rem;min-height:190px}
.values-grid b{font-family:var(--serif);font-size:1.8rem;font-weight:300;color:#17120f}
.values-grid p{margin-top:.8rem;color:#4d463d;line-height:1.6}

/* Solutions cliquables vers vraies sections */
.solution-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.solution-card{min-height:340px;padding:2rem;border:1px solid rgba(198,167,96,.14);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));position:relative;overflow:hidden;transition:.35s ease}
.solution-card:hover{transform:translateY(-10px);border-color:rgba(198,167,96,.42);box-shadow:0 34px 90px rgba(0,0,0,.42)}
.solution-card i{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(122,30,30,.2);color:var(--gold);font-style:normal;margin-bottom:1.5rem;border:1px solid rgba(198,167,96,.14)}
.solution-card h3{font-family:var(--serif);font-size:2.2rem;font-weight:300;color:#fff1d8;margin-bottom:1rem}
.solution-card p{color:#b9afa0;line-height:1.7}
.solution-card span{position:absolute;left:2rem;bottom:1.5rem;color:var(--gold);font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.solution-detail-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.solution-detail-grid>div{border:1px solid rgba(198,167,96,.14);background:rgba(255,255,255,.035);padding:2rem}
.solution-detail-grid h3{font-family:var(--serif);font-size:2rem;font-weight:300;color:#fff1d8;margin-bottom:1rem}
.light .solution-detail-grid h3{color:#17120f}
.solution-detail-grid p,.solution-detail-grid li{color:#b9afa0;line-height:1.7}
.light .solution-detail-grid p,.light .solution-detail-grid li{color:#4d463d}
.solution-detail-grid ul{display:grid;gap:.6rem;list-style:none}
.solution-detail-grid li::before{content:"✓";color:var(--gold);margin-right:.5rem}
#agents-sur-mesure,#automatisations,#digitalisation{scroll-margin-top:105px}

@media(max-width:980px){
  .brand-logo{width:190px}
  .about-grid,.values-grid,.solution-grid,.solution-detail-grid{grid-template-columns:1fr!important}
  .panel.agent-rich-panel{grid-template-columns:1fr!important}
  .panel-portrait{min-height:360px}
}
@media(max-width:620px){
  .agent-top{height:360px!important}
}



/* V30 — structured Leadways explanation + footer logo */
.explain-item p strong{
  color:#fff1d8;
  font-weight:500;
}
.explain-item p br{
  display:block;
  content:"";
  margin-top:.35rem;
}
.explain-item{
  transition:transform .35s ease,border-color .35s ease,background .35s ease;
}
.explain-item:hover{
  transform:translateY(-4px);
  border-color:rgba(198,167,96,.24);
  background:rgba(198,167,96,.045);
}
.footer-logo{
  width:clamp(150px,16vw,230px);
  height:50px;
  display:flex;
  align-items:center;
}
.footer-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
  display:block;
  filter:drop-shadow(0 0 18px rgba(198,167,96,.14));
}
@media(max-width:820px){
  .footer-logo{
    justify-content:center;
  }
  .footer-logo img{
    object-position:center;
  }
}
