*{box-sizing:border-box}body{margin:0;background:#0a0a0b;color:#f7f3ed;font:16px/1.65 Arial}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{font-family:Georgia,serif;line-height:1.08}h1{font-size:clamp(3.2rem,8vw,7rem)}h2{font-size:clamp(2rem,4vw,3.8rem)}.wrap{width:min(1200px,calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:#0a0a0bef;border-bottom:1px solid #333;backdrop-filter:blur(15px)}.navin{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font:700 1.5rem Georgia}.brand span,.meta{color:#e3a979}.links{display:flex;gap:20px;align-items:center}.btn{display:inline-flex;padding:12px 17px;border-radius:99px;background:#e3a979;color:#17100c;font-weight:800}.hero{min-height:76vh;display:grid;align-items:end;background:linear-gradient(180deg,transparent 40%,#050505f0 95%),url('/assets/images/hero.png') center center/contain no-repeat,#06060f}.hero .wrap{padding-bottom:80px}.section{padding:80px 0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{overflow:hidden;background:#161618;border:1px solid #333;border-radius:20px}.card img{width:100%;height:320px;object-fit:cover}.copy{padding:23px}.copy p,.article p,.article li{color:#bbb}.article{max-width:880px}.article>img{border-radius:20px;margin:25px 0}.footer{padding:45px 0;background:#050506}.floating{position:fixed;right:15px;bottom:14px;z-index:30}.search{width:100%;padding:15px;background:#171719;color:white;border:1px solid #444;border-radius:12px;margin-bottom:24px}@media(max-width:800px){.links{display:none}.grid{grid-template-columns:1fr}.wrap{width:calc(100% - 28px)}.card img{height:240px}.floating{left:13px;right:13px;justify-content:center}.footer{padding-bottom:90px}}.aa-portrait-gallery{padding:80px 20px;background:#0d0e10;color:#f7f2ec}.aa-portrait-wrap{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:42px;align-items:center}.aa-kicker{color:#e3a979;font-weight:800;letter-spacing:.16em;font-size:.76rem}.aa-portraits{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.aa-portraits img{width:100%;height:520px;object-fit:cover;object-position:center top;border-radius:20px;border:1px solid #3a3a3a;box-shadow:0 20px 55px #0008}.aa-portrait-cta{display:inline-flex;padding:13px 18px;border-radius:999px;background:#e3a979;color:#17100c;text-decoration:none;font-weight:800}@media(max-width:800px){.aa-portrait-wrap,.aa-portraits{grid-template-columns:1fr}.aa-portraits img{height:auto;max-height:620px}.aa-portrait-gallery{padding:60px 16px}}.aa-final-gallery{padding:84px 20px;background:#0b0c0e;color:#f7f2ec}.aa-final-wrap{width:min(1220px,100%);margin:auto}.aa-final-copy{max-width:760px;margin-bottom:32px}.aa-gallery-kicker{color:#e3a979;font-weight:850;letter-spacing:.16em;font-size:.75rem}.aa-gallery-cta{display:inline-flex;padding:13px 18px;border-radius:999px;background:#e3a979;color:#17100c;text-decoration:none;font-weight:850}.aa-final-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.aa-final-grid figure{margin:0;background:#151517;border:1px solid #38383c;border-radius:20px;overflow:hidden}.aa-final-grid img{width:100%;height:560px;object-fit:cover;object-position:center top}.aa-final-grid figcaption{padding:13px 16px;color:#d8d2ca;font-size:.9rem}@media(max-width:820px){.aa-final-grid{grid-template-columns:1fr}.aa-final-grid img{height:auto;max-height:690px}.aa-final-gallery{padding:62px 14px}}@media(prefers-contrast:more){.aa-final-grid figure{border-color:#888}.aa-final-grid figcaption{color:#fff}}.aa-registration{padding:64px 20px;background:#0b2749;color:#fff}.aa-registration>div{width:min(1100px,100%);margin:auto}.aa-registration-kicker{color:#e3a979;font-weight:850;letter-spacing:.15em}.aa-registration nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.aa-registration nav a,.aa-registration-cta{display:inline-flex;padding:11px 15px;border-radius:999px;background:#e3a979;color:#17100c;text-decoration:none;font-weight:800}.aa-registration-cta{background:#fff}@media(max-width:700px){.aa-registration nav{display:grid}.aa-registration nav a,.aa-registration-cta{justify-content:center;text-align:center}}.article{position:relative;overflow:hidden;isolation:isolate}
.article::before{content:"";position:absolute;inset:0;background:url('/assets/images/advocate-portrait-hd.jpg') center 15%/contain no-repeat;opacity:.045;filter:grayscale(1);z-index:-1;pointer-events:none}
.article>*{position:relative}
.sticky-contact{position:fixed;left:0;right:0;bottom:0;z-index:999;display:flex;gap:0;background:#0b0b0b;border-top:2px solid #d4af37;box-shadow:0 -4px 20px rgba(0,0,0,.4)}
.sticky-contact a{flex:1;text-align:center;padding:14px 8px;font-weight:700;font-size:15px;text-decoration:none;color:#fff;letter-spacing:.2px}
.sticky-contact a.sc-call{background:#1a1a1a}
.sticky-contact a.sc-whatsapp{background:#128c3e}
.sticky-contact a span{display:block;font-size:11px;font-weight:400;opacity:.85}
body{padding-bottom:62px}
@media(min-width:720px){.sticky-contact{left:50%;right:auto;transform:translateX(-50%);bottom:18px;border-radius:14px;overflow:hidden;max-width:420px;border:2px solid #d4af37}}

/* ===== v2: typography, layout and UX tuning ===== */
body{font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.2;letter-spacing:-.01em}
h1{font-size:clamp(1.9rem,3.6vw,2.9rem)}
h2{font-size:clamp(1.4rem,2.2vw,1.9rem)}
h3{font-size:1.15rem}
.nav .navin{height:66px}
.brand{font-size:1.3rem}
.links a{font-size:.95rem}
.btn{font-size:.95rem;padding:11px 18px}
.btn-ghost{background:transparent;color:#e3a979;border:1px solid #e3a979}
.floating{display:none!important}
.hero{position:relative;display:block;min-height:clamp(430px,38vw,560px);background:#06060f;overflow:hidden;border-bottom:1px solid #222}
.hero .wrap{position:relative;z-index:2;padding:60px 0 64px}
.hero-copy{max-width:560px}
.hero h1{font-size:clamp(2rem,3.7vw,3.1rem);margin:.25em 0 .45em}
.hero p{color:#ddd8d0;font-size:1.08rem;max-width:34em;margin:0 0 6px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-img{position:absolute;right:0;top:0;height:100%;width:auto;max-width:68%;object-fit:contain;object-position:right center;z-index:1;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%);mask-image:linear-gradient(90deg,transparent 0,#000 24%)}
@media(max-width:860px){.hero{min-height:0}.hero .wrap{padding:34px 0 6px}.hero-img{position:static;width:100%;max-width:none;height:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%);mask-image:linear-gradient(180deg,transparent 0,#000 16%)}}
.section{padding:56px 0}
.section>.wrap>h2{margin:0 0 6px}
.count{color:#9b968e;font-size:.92rem;margin:0 0 14px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.chip{border:1px solid #3d3d42;background:#151517;color:#ddd;padding:8px 14px;border-radius:99px;font:600 .85rem system-ui,Arial,sans-serif;cursor:pointer}
.chip:hover{border-color:#e3a979}
.chip[aria-pressed=true]{background:#e3a979;color:#17100c;border-color:#e3a979}
.grid{grid-template-columns:repeat(3,1fr);gap:20px}
.card img{height:180px}
.card .copy{padding:18px 20px 20px}
.card .copy h2,.card .copy h3{font-size:1.15rem;margin:.35em 0 .4em;line-height:1.3}
.card .copy p{font-size:.93rem;line-height:1.55;margin:0 0 10px}
.card .copy b{color:#e3a979;font-size:.9rem}
.card .meta,.article .meta{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.card{transition:border-color .2s,transform .2s}
.card:hover{border-color:#e3a979;transform:translateY(-2px)}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.grid{grid-template-columns:1fr}.card img{height:200px}.section{padding:40px 0}}
.article{max-width:820px}
.article h1{font-size:clamp(1.7rem,3vw,2.35rem);margin:.3em 0 .6em}
.article h2{font-size:clamp(1.15rem,1.7vw,1.45rem);margin:1.8em 0 .5em;color:#f1d9bf}
.article h3{font-size:1.1rem;margin:1.5em 0 .4em;color:#f1d9bf}
.article p,.article li{font-size:1.05rem;line-height:1.8;color:#d4d0ca}
.article p a:not(.btn),.article li a{color:#e8b98c;text-decoration:underline;text-underline-offset:3px}
.article p.meta{color:#e3a979;font-size:.85rem;line-height:1.6;text-transform:none;letter-spacing:0}
.article p.meta a{color:#f0c9a0}
.article>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:18px;margin:18px 0}
.crumbs{font-size:.85rem;color:#9b968e;margin:0 0 10px}
.crumbs a{color:#cdbba8;text-decoration:underline;text-underline-offset:2px}
.related{margin:38px 0 10px;padding:22px 24px;border:1px solid #34343a;border-radius:16px;background:#121214}
.related h2{margin:0 0 12px!important;font-size:1.2rem!important}
.related ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.related li{font-size:.98rem!important;line-height:1.5!important}
.related a{color:#e8b98c;text-decoration:underline;text-underline-offset:3px}
.article::before{content:"";position:fixed;inset:0;background:url('/assets/images/watermark-portrait.webp') right 5% bottom/auto min(86vh,780px) no-repeat;opacity:.075;filter:grayscale(1);z-index:-1;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 55% 65% at 72% 62%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse 55% 65% at 72% 62%,#000 30%,transparent 78%)}
@media(max-width:720px){.article::before{background-position:center bottom;opacity:.06}}
@media(max-width:800px){.links{display:flex}.links a:not(.btn){display:none}.links .btn{padding:8px 13px;font-size:.85rem}}
/* v2.1 polish */
.article>img{aspect-ratio:16/7;max-height:340px}
@media(max-width:640px){.article>img{aspect-ratio:16/9}}
.article a[href^="tel:"]{white-space:nowrap}
.article p[style*="font-size:1"]{font-size:1rem!important;line-height:1.7}
@media(max-width:560px){.brand{font-size:1.05rem}.links .btn{padding:7px 11px;font-size:.8rem}.hero p{font-size:1rem}.hero-cta .btn{padding:10px 16px;font-size:.9rem}}
@media(min-width:720px){.sticky-contact{left:auto;right:24px;transform:none;bottom:24px;max-width:330px}}
.foot-profiles{margin:14px 0 0;font-size:.88rem;line-height:2;color:#9b968e}.foot-profiles a{color:#e8b98c;text-decoration:underline;text-underline-offset:3px;margin-right:2px;white-space:nowrap}

/* ===== main site ===== */
.menu{display:none}
.navphone{font-weight:700;color:#f0c9a0}
.trustbar{background:#101012;border-bottom:1px solid #26262b}
.trustbar .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px 0}
.trustbar div{font-size:.88rem;line-height:1.45;color:#cfcac2;padding-left:12px;border-left:2px solid #e3a979}
.trustbar b{display:block;color:#fff;font-size:.95rem}
.band{padding:68px 0}
.band.alt{background:#0e0e10;border-top:1px solid #1f1f23;border-bottom:1px solid #1f1f23}
.band h2{margin:0 0 8px}
.lead{color:#b9b4ac;max-width:46em;margin:0 0 30px;font-size:1.05rem}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svc{background:#141416;border:1px solid #2b2b30;border-radius:18px;padding:24px}
.svc h3{margin:0 0 6px;color:#e3a979;font-size:1.25rem}
.svc>p{margin:0 0 12px;color:#bdb8b0;font-size:.95rem;line-height:1.55}
.svc ul{list-style:none;margin:0;padding:0}
.svc li a{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #26262b;color:#f1ede6;font-size:.95rem}
.svc li a::after{content:"\2197";color:#e3a979}
.svc li a:hover{color:#e3a979}
.about{display:grid;grid-template-columns:minmax(0,340px) 1fr;gap:44px;align-items:center}
.about img{width:100%;height:auto;border-radius:20px;border:1px solid #2b2b30;display:block}
.about p{color:#d0ccc5;line-height:1.8;font-size:1.05rem}
.about ul{margin:16px 0 22px;padding-left:20px;color:#d0ccc5;line-height:1.9}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
.step{background:#141416;border:1px solid #2b2b30;border-radius:18px;padding:26px;counter-increment:s}
.step::before{content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e3a979;color:#17100c;font-weight:800;margin-bottom:14px}
.step h3{margin:0 0 8px;font-size:1.15rem}
.step p{margin:0;color:#c3beb6;line-height:1.65}
.faq{max-width:860px}
.faq details{background:#141416;border:1px solid #2b2b30;border-radius:14px;margin:0 0 12px}
.faq summary{cursor:pointer;padding:18px 54px 18px 20px;font-weight:700;font-size:1.02rem;list-style:none;position:relative;color:#f4f0ea}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:#e3a979;font-weight:400}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:0;padding:0 20px 20px;color:#cbc6be;line-height:1.75}
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cbox{background:#141416;border:1px solid #2b2b30;border-radius:18px;padding:22px}
.cbox h3{margin:0 0 6px;font-size:1rem;color:#e3a979;text-transform:uppercase;letter-spacing:.06em}
.cbox p{margin:0 0 4px;color:#cbc6be;line-height:1.6;font-size:.95rem}
.cbox a.big{font-size:1.2rem;font-weight:800;color:#fff;display:inline-block;margin:4px 0 8px}
.cbox a{color:#f0c9a0}
.profiles{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.profiles a{border:1px solid #3a3a40;background:#141416;border-radius:99px;padding:9px 15px;font-size:.88rem;font-weight:600;color:#f0c9a0}
.profiles a:hover{border-color:#e3a979}
.reg-lines{margin:0 0 6px;color:#d0ccc5;line-height:1.8}
.disc{font-size:.8rem;line-height:1.6;color:#8e8a83;margin-top:14px}
.gallery{margin-top:56px}
.gal-title{margin:0 0 18px;font-size:1.3rem}
.gal-row{display:grid;gap:14px}
.gal-land{grid-template-columns:1fr 1fr}
.gal-port{grid-template-columns:1fr 1fr;max-width:560px;margin:14px auto 0}
.gallery figure{margin:0}
.gallery img{width:100%;height:auto;display:block;border-radius:16px;border:1px solid #2b2b30}
@media(max-width:640px){.gal-land{grid-template-columns:1fr}}
.page-doc{max-width:820px;padding:56px 0 90px}
.page-doc h1{margin:.3em 0 .6em}
.page-doc h2{font-size:1.3rem;margin:1.6em 0 .4em;color:#f1d9bf}
.page-doc p,.page-doc li{color:#d0ccc5;line-height:1.8}
@media(max-width:1000px){.svc-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:repeat(2,1fr)}.trustbar .wrap{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}}
@media(max-width:800px){
 .menu{display:block;position:relative;margin-left:10px}
 .menu summary{list-style:none;cursor:pointer;border:1px solid #3d3d42;border-radius:99px;padding:7px 14px;font:600 .85rem system-ui,Arial,sans-serif;color:#eee}
 .menu summary::-webkit-details-marker{display:none}
 .menu-panel{position:absolute;right:0;top:calc(100% + 8px);background:#121214;border:1px solid #34343a;border-radius:14px;padding:8px;min-width:230px;display:grid;box-shadow:0 14px 34px rgba(0,0,0,.55);z-index:60}
 .menu-panel a{padding:12px 14px;border-radius:10px;color:#eee;font-size:.98rem}
 .menu-panel a:hover{background:#1d1d21}
 .about{grid-template-columns:1fr;gap:26px}.about img{max-width:320px;margin:0 auto}
 .band{padding:48px 0}
}
@media(max-width:640px){.svc-grid,.contact-grid{grid-template-columns:1fr}.trustbar .wrap{grid-template-columns:1fr}.links .btn{display:none}}

/* offices, areas, sharper portrait */
.contact-grid.c3{grid-template-columns:repeat(3,1fr)}
.off-title{margin:36px 0 14px;font-size:1.25rem}
.office-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.cbox address{font-style:normal;color:#e4dfd7;line-height:1.7;margin:0 0 8px}
.note{color:#9b968e;font-size:.9rem;margin:16px 0 0}
.area-links{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0}
.area-links a{border:1px solid #3a3a40;background:#141416;border-radius:99px;padding:9px 15px;font-size:.88rem;font-weight:600;color:#f0c9a0}
.area-links a:hover{border-color:#e3a979}
.areas-title{margin:36px 0 6px;font-size:1.25rem}
@media(max-width:1000px){.contact-grid.c3{grid-template-columns:1fr}.office-grid{grid-template-columns:1fr}}

/* facts strip, accreditations, landing pages */
.stats{background:#0e0e10;border-bottom:1px solid #1f1f23}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:28px 0}
.stat{text-align:center;padding:4px 10px;border-left:1px solid #26262b}
.stat:first-child{border-left:0}
.stat b{display:block;font:700 2.4rem/1.1 Georgia,"Times New Roman",serif;color:#e3a979}
.stat span{display:block;color:#cfcac2;font-size:.92rem;margin-top:6px;line-height:1.4}
.acc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.acc{background:#fff;color:#16130f;border-radius:16px;padding:18px 16px;text-align:center;display:flex;flex-direction:column;align-items:center}
.acc .logo{height:64px;display:grid;place-items:center;margin-bottom:10px}
.acc .logo img{max-height:56px;max-width:100%;width:auto;height:auto;object-fit:contain}
.acc h3{margin:0 0 4px;font-size:1rem;color:#16130f}
.acc p{margin:0 0 8px;color:#4a4439;font-size:.88rem;line-height:1.5}
.acc .lk{display:flex;flex-direction:column;gap:5px;margin-top:auto}
.acc a{color:#7a4a1c;font-weight:700;font-size:.84rem;text-decoration:underline;text-underline-offset:3px}
.acc small{color:#6b6458}
.lp{max-width:900px;padding:44px 0 90px}
.lp h1{margin:.2em 0 .5em}
.lp h2{font-size:1.35rem;margin:1.8em 0 .5em;color:#f1d9bf}
.lp p,.lp li{color:#d0ccc5;line-height:1.8;font-size:1.04rem}
.lp ul{padding-left:20px}
.lp a{color:#e8b98c}
.lp .btn{color:#17100c}
.lp .btn-ghost{color:#e3a979}
.lp .lead{font-size:1.1rem}
.tbl{overflow-x:auto;margin:18px 0}
.tbl table{width:100%;border-collapse:collapse;min-width:560px}
.tbl th,.tbl td{border:1px solid #2b2b30;padding:11px 14px;text-align:left;font-size:.95rem;color:#d4d0ca}
.tbl th{background:#17171a;color:#f1d9bf}
.rel{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0}
.rel a{border:1px solid #3a3a40;background:#141416;border-radius:99px;padding:9px 15px;font-size:.88rem;font-weight:600;color:#f0c9a0;text-decoration:none}
@media(max-width:1000px){.acc-grid{grid-template-columns:repeat(2,1fr)}.stats .wrap{grid-template-columns:repeat(2,1fr);gap:18px}.stat:nth-child(3){border-left:0}}
@media(max-width:560px){.acc-grid{gap:12px}.acc{padding:14px 10px}.stat b{font-size:2rem}}

.lp strong{color:#f4efe7}
@media(max-width:640px){
 .contact-grid.c3{grid-template-columns:1fr 1fr;gap:12px}
 .contact-grid.c3 .cbox:last-child{grid-column:1/-1}
 .contact-grid .cbox{padding:16px}
 .contact-grid .cbox a.big{font-size:1.02rem}
 .cbox p{font-size:.88rem}
}

.acc .logo img[src$=".svg"]{width:56px;height:56px}
.acc .logo img[src*="nyaya"]{max-height:68px}

@media print{.nav,.sticky-contact,.footer,.cta-row,.menu,.rel,.faq{display:none!important}body{background:#fff!important}.lp,.lp *{color:#000!important;background:none!important}}

@media(max-width:640px){.tbl table{min-width:0}.tbl thead{position:absolute;left:-9999px}.tbl tr{display:block;border:1px solid #2b2b30;border-radius:12px;margin:0 0 12px;padding:6px 14px;background:#141416}.tbl td{display:block;border:0;padding:6px 0;font-size:.95rem}.tbl td::before{content:attr(data-label);display:block;color:#e3a979;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}.tbl td:first-child{font-weight:700;color:#fff;font-size:1.05rem}.tbl td:first-child::before{display:none}}

/* ===== v3: designed card art/banners (no stock or AI illustrations) and portrait hero ===== */
.cardart{height:150px;display:grid;place-content:center;justify-items:center;gap:10px;background:radial-gradient(circle at 28% 18%,#2b2217 0,#141416 72%);border-bottom:1px solid #2b2b30}
.cardart svg,.banner svg{width:58px;height:58px;fill:none;stroke:#e3a979;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cardart span,.banner span{font:600 .7rem system-ui,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#a99884}
.banner{height:150px;border-radius:18px;margin:18px 0;display:grid;place-content:center;justify-items:center;gap:10px;background:radial-gradient(circle at 25% 20%,#2b2217 0,#131315 74%);border:1px solid #2b2b30}
.hero-img{max-width:46%}
@media(max-width:860px){.hero-img{max-width:none;max-height:540px;object-fit:cover;object-position:50% 18%}}

/* ===== v3 main: verify ribbon, clickable credential cards, Google box, portrait figure ===== */
.ribbon{background:#0b0b0d;border-bottom:1px solid #1f1f23}
.ribbon .wrap{display:flex;align-items:center;gap:16px;padding:12px 0}
.rb-label{flex:0 0 auto;font:700 .76rem system-ui,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#e3a979}
.rb-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:3px;flex:1;min-width:0}
.rb-row::-webkit-scrollbar{display:none}
.rb{flex:0 0 auto;background:#fff;border-radius:12px;height:54px;padding:0 14px;display:grid;place-items:center;outline:2px solid transparent;transition:outline-color .15s}
.rb:hover,.rb:focus-visible{outline-color:#e3a979}
.rb img{height:34px;width:auto;max-width:130px;object-fit:contain}
.rb img[src$=".svg"]{width:34px}
.acc{position:relative;transition:transform .15s,box-shadow .15s}
.acc:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,0,0,.45)}
.acc a.acc-main{color:inherit;text-decoration:none;display:flex;flex-direction:column;align-items:center}
.acc a.acc-main::after{content:"";position:absolute;inset:0;border-radius:16px}
.acc .lk a{position:relative;z-index:2}
.gbp{margin:22px 0 0;padding:20px;border:1px solid #4a3b2c;border-radius:16px;background:#17130f;display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between}
.gbp h3{margin:0 0 4px;font-size:1.1rem}
.gbp p{margin:0;color:#cbc6be;font-size:.95rem;max-width:42em;line-height:1.6}
.pfig{float:right;margin:0 0 18px 26px;width:230px}
.pfig img{width:100%;height:auto;border-radius:16px;border:1px solid #2b2b30;display:block}
.pfig figcaption{font-size:.8rem;color:#9b968e;margin-top:6px}
@media(max-width:700px){.pfig{float:none;margin:18px auto;width:min(260px,72%)}}
@media(max-width:640px){.ribbon .wrap{flex-direction:column;align-items:flex-start;gap:8px}.rb-row{width:100%}}

/* hero v4: portrait-first on phones, softer fade on desktop; art without duplicate labels */
.cardart{height:120px}
.cardart span,.banner span{display:none}
.banner{height:110px}
@media(min-width:861px){.hero-img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%);mask-image:linear-gradient(90deg,transparent 0,#000 42%)}}
@media(max-width:860px){
 .hero{display:flex;flex-direction:column-reverse}
 .hero{align-items:stretch}
 .hero picture{display:block;width:100%;align-self:stretch}
 .hero-img{width:100%;height:380px;max-height:none;object-fit:cover;object-position:50% 22%;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 16%);mask-image:linear-gradient(0deg,transparent 0,#000 16%)}
 .hero .wrap{padding:4px 0 30px}
}

/* nav fit */
.links a{white-space:nowrap}
@media(max-width:1200px){.navphone{display:none}}