
:root{--bg:#f0e3d1;--ov:rgba(240,227,209,.64);--fg:#2a2016;--surf:#fff;--ink:#2a2016;--foot:#1b1b1b;--line:#2a2016;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#2b2318;--fg:#efe4cf;--surf:#3a3024;--ov:rgba(43,35,24,.74);--ink:#efe4cf;--line:#efe4cf}}
:root[data-theme="dark"]{--bg:#2b2318;--fg:#efe4cf;--surf:#3a3024;--ov:rgba(43,35,24,.74);--ink:#efe4cf;--line:#efe4cf}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Karla,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.7}
a{color:inherit}
.btn{display:inline-block;border:1px solid var(--line);border-radius:30px;padding:.6em 1.8em;text-decoration:none;font-weight:500;font-size:.85rem;letter-spacing:.08em;background:transparent;color:inherit;cursor:pointer}
.btn:hover{background:var(--line);color:var(--bg)}
.hero{position:relative;color:#2a2016;background:#d9c49b}
.hero .bg{display:block;width:100%;height:auto;max-height:100vh;object-fit:cover;object-position:right bottom}
.hero .inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 1.5rem 1.5rem}
.hero .seal{position:absolute;right:8%;bottom:12%;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b0414b,#7d2630);box-shadow:0 4px 10px #0004}
.top{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:calc(.6rem + env(safe-area-inset-top,0px)) 5% .6rem;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.logo{font-family:Georgia,"Times New Roman",serif;font-size:1.5rem;letter-spacing:.12em;text-transform:uppercase;line-height:1.1;color:#2a2016;text-decoration:none}
.top nav{display:flex;gap:1.4rem;font-size:.8rem;letter-spacing:.1em}
.top nav a{text-decoration:none;color:#2a2016}
.lang a{font:inherit;font-size:.75rem;border:1px solid #2a2016;background:transparent;color:#2a2016;border-radius:14px;padding:.1em .7em;margin-left:.3rem;cursor:pointer}
.lang a.on{background:#2a2016;color:#f3e8d1}
h1{font-weight:500;font-size:clamp(1.5rem,4.5vw,2.6rem);letter-spacing:.18em;text-transform:uppercase;margin:0 0 1rem}
.tag{font-weight:500;margin:0}.tag2{margin:0 0 2rem}
section{padding:4rem 5%}
.wrap{max-width:1000px;margin:0 auto}
.intro .wrap{display:grid;grid-template-columns:2fr 1fr;gap:3rem}
h2{font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-align:center;font-size:1.2rem;margin:0 0 2.5rem}
.intro h2{text-align:left;font-size:1rem;line-height:1.5}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem 2rem;text-align:center}
.grid h3{font-weight:300;font-size:1.35rem;line-height:1.3;margin:0 0 .6rem}
.grid p{font-size:.9rem;margin:0 0 1rem}
.offer{text-align:center}.offer .wrap{max-width:720px}.offer h2{font-size:1.5rem;letter-spacing:.05em;text-transform:none;font-weight:700}
.why .grid p{font-weight:300;font-size:.95rem;padding:1.2rem 0;border-top:1px solid var(--line);margin:0;text-align:left}
.bridge p{text-align:center;font-weight:500;max-width:760px;margin:0 auto}[data-m] p{margin:0 0 1em}
.cta{text-align:center}.cta .card{background:var(--surf);color:var(--ink);max-width:560px;margin:0 auto;padding:2.5rem 1.5rem;border-radius:4px}
.cta .card h3{font-weight:500;margin:0 0 .8rem}.cta .btn{margin:.4rem .3rem}
.cta .wa{background:#3b4a54;color:#fff;border-color:#3b4a54}
footer{background:var(--foot);color:#eee;text-align:center;padding:2.5rem 5%;font-size:.85rem}
footer a{margin:0 .8rem}.small{opacity:.6;font-size:.75rem;margin-top:1.5rem}
@media(max-width:720px){.intro .wrap,.grid{grid-template-columns:1fr}.top nav{gap:.9rem;font-size:.7rem}.hero .seal{display:none}}
h1,h2,h3,.btn,.top nav,.tag,.lang a{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.logo img{height:50px;width:auto;display:block}
.hero h1,.hero .tag,.hero .tag2{text-shadow:0 0 14px rgba(255,255,255,.75),0 0 4px rgba(255,255,255,.6)}
@media(max-width:720px){.logo img{height:40px}.hero .bg{min-height:400px}.hero .inner{justify-content:flex-start;padding-top:5.3rem}.logo img{height:34px}.top{gap:.3rem;padding:calc(.5rem + env(safe-area-inset-top,0px)) 5% .4rem}.top nav{order:3;width:100%;justify-content:space-between;font-size:.68rem;gap:.4rem}.lang a{font-size:.7rem;padding:.05em .55em}h1{font-size:1rem;letter-spacing:.1em;line-height:1.3;margin:0 0 .4rem}.tag,.tag2{font-size:.9rem;line-height:1.4}.tag2{margin:0 0 .9rem}.hero .btn{padding:.45em 1.4em}}
.top nav a{font-weight:700}
.top nav a.on::before{content:"- "}
.sv{position:relative;overflow:hidden;background:var(--im,none) center/cover no-repeat;border-radius:6px;padding:2rem 1.4rem;display:flex;flex-direction:column;align-items:center}
.sv::before{content:"";position:absolute;inset:0;background:var(--ov);transition:opacity .7s ease}
.sv>*{position:relative}
.sv:hover::before{opacity:0}
.sv p{flex:1}
.sv0{--im:url(/assets/img/f918611df0.jpg)}
.sv1{--im:url(/assets/img/a5ec3ace19.jpg)}
.sv2{--im:url(/assets/img/224da28db5.jpg)}
.sv3{--im:url(/assets/img/03feb609d2.jpg)}
.sv4{--im:url(/assets/img/d660b93992.jpg)}
.sv5{--im:url(/assets/img/0a2cd5be09.jpg)}
.bridge{padding:2rem 3%}
.scroll{max-width:1000px;margin:0 auto;aspect-ratio:1444/642;background:url(/assets/img/f5b795bb36.webp) center/100% 100% no-repeat;display:flex;align-items:center;justify-content:center;padding:0 15%;color:#3a2a1a}
.scroll p{max-width:none;margin:0;font-size:clamp(.7rem,2.1vw,1.2rem);line-height:1.5;font-weight:500;text-align:center}
/* nav: dropdown + hover */
.top nav{gap:.4rem;align-items:center}
.top nav>a,.dd>a{padding:.3em .55em;border-radius:6px;white-space:nowrap;transition:background .15s}
.top nav>a:hover,.dd>a:hover,.dd.open>a,.chev-btn:hover,.chev-btn:focus-visible{background:rgba(42,32,22,.12)}
.dd{position:relative;display:flex;align-items:center}
.chev-btn{font:inherit;background:transparent;border:0;color:#2a2016;cursor:pointer;padding:.3em .35em;display:flex;align-items:center;border-radius:6px;transition:background .15s}
.chev{width:.42em;height:.42em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-.2em;transition:transform .2s,margin .2s}
.dd.open .chev{transform:rotate(-135deg);margin-top:.25em}
.menu{position:absolute;top:100%;left:0;padding-top:.5rem;display:none;z-index:30}
.dd.open .menu{display:block}
.menu ul{list-style:none;margin:0;padding:.4rem;min-width:250px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 8px 24px rgba(42,32,22,.2)}
.top nav .menu a{display:block;padding:.45em .8em;border-radius:6px;font-size:.85rem;letter-spacing:.04em;font-weight:500;white-space:nowrap;color:#2a2016;transition:background .15s,color .15s}
.top nav .menu a:hover,.top nav .menu a:focus-visible{background:#2a2016;color:#f3e8d1}
@media(max-width:720px){.top nav{flex-wrap:wrap;gap:.2rem}.top nav>a,.dd>a{padding:.2em .25em}.chev-btn{padding:.3em .2em}.dd{position:static}.menu{left:5%;right:5%;padding-top:.3rem}.menu ul{min-width:0}}
/* why: scroll cards */
.why .grid p.rs{position:relative;container-type:inline-size;display:block;text-align:left;border-top:0;padding:0;aspect-ratio:13/10;background:var(--im) center/100% 100% no-repeat;font-weight:500;font-size:.85rem;line-height:1.35}
.rs::before{content:"";position:absolute;inset:0;background:var(--ov);-webkit-mask:radial-gradient(ellipse var(--rx) var(--ry) at var(--nx) var(--ny),transparent 38%,#000 100%);mask:radial-gradient(ellipse var(--rx) var(--ry) at var(--nx) var(--ny),transparent 38%,#000 100%)}
.rs i{float:left;margin:5.5cqw 0 0 9cqw;width:var(--fw);height:var(--fh);shape-outside:inset(calc(var(--ft) + 5.5cqw) 0 0 0)}
.rs span{position:relative;display:block;padding:5.5cqw 9cqw 4cqw}
.rs.short span{margin-top:35cqw}
.rs0{--im:url(/assets/img/272f503eea.webp);--nx:23.0%;--ny:19.7%;--rx:4.0%;--ry:12.6%;--fw:18.5cqw;--fh:16.3cqw;--ft:5cqw}
.rs1{--im:url(/assets/img/6cbe14541d.webp);--nx:19.0%;--ny:38.6%;--rx:8.4%;--ry:13.3%;--fw:15.8cqw;--fh:31.8cqw;--ft:17.5cqw}
.rs2{--im:url(/assets/img/53b13c7bce.webp);--nx:20.0%;--ny:21.5%;--rx:12.7%;--ry:12.6%;--fw:19.6cqw;--fh:17.8cqw;--ft:6.3cqw}
.rs3{--im:url(/assets/img/733f125f50.webp);--nx:19.0%;--ny:21.4%;--rx:18.7%;--ry:18.2%;--fw:17.5cqw;--fh:18.1cqw;--ft:5.7cqw}
.rs4{--im:url(/assets/img/d28bda512a.webp);--nx:26.5%;--ny:36.0%;--rx:12.0%;--ry:18.0%;--fw:26.0cqw;--fh:29.4cqw;--ft:17.1cqw}
.rs5{--im:url(/assets/img/38f4c08403.webp);--nx:22.6%;--ny:27.8%;--rx:17.0%;--ry:17.9%;--fw:24.5cqw;--fh:23.0cqw;--ft:10.7cqw}
.rs6{--im:url(/assets/img/3420a2e103.webp);--nx:24.6%;--ny:20.2%;--rx:22.6%;--ry:20.4%;--fw:27.5cqw;--fh:17.7cqw;--ft:4.4cqw}
.rs7{--im:url(/assets/img/37b004bc5e.webp);--nx:37.6%;--ny:28.3%;--rx:28.7%;--ry:18.0%;--fw:42.8cqw;--fh:23.4cqw;--ft:11.2cqw}
.rs8{--im:url(/assets/img/a3790ef2bc.webp);--nx:28.0%;--ny:28.3%;--rx:14.7%;--ry:17.4%;--fw:28.0cqw;--fh:23.2cqw;--ft:11.3cqw}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .rs::before{-webkit-mask:radial-gradient(ellipse var(--rx) var(--ry) at var(--nx) var(--ny),rgba(0,0,0,.5) 38%,#000 100%);mask:radial-gradient(ellipse var(--rx) var(--ry) at var(--nx) var(--ny),rgba(0,0,0,.5) 38%,#000 100%)}}
:root[data-theme="dark"] .rs::before{-webkit-mask:radial-gradient(ellipse var(--rx) var(--ry) at var(--nx) var(--ny),rgba(0,0,0,.5) 38%,#000 100%);mask:radial-gradient(ellipse var(--rx) var(--ry) at var(--nx) var(--ny),rgba(0,0,0,.5) 38%,#000 100%)}
.bridge{padding:.5rem 3%}
.intro{padding-bottom:2.2rem}
#services{padding-top:2.5rem}
#services{padding-bottom:1.5rem}
.offer{padding-top:1.5rem}
.why{padding-bottom:1.5rem}
.cta{padding-top:1.5rem}
/* contact block: no card, framed by dividers */
.cta .card{background:none;padding:0}
.cta h2::before,.cta .card::after{content:"";display:block;width:560px;max-width:92%;aspect-ratio:1000/60;margin:0 auto;background:var(--bronze);opacity:1;-webkit-mask:url("/assets/img/divider.svg") center/contain no-repeat;mask:url("/assets/img/divider.svg") center/contain no-repeat}
.cta h2::before{margin-bottom:1.4rem}
.cta .card::after{margin-top:1.6rem}
/* bronze buttons */
:root{--bronze:#5b3d20;--bronze-hi:#765230;--bronze-lo:#46301a}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bronze:#a37b45;--bronze-hi:#b78d58;--bronze-lo:#8a6535}}
:root[data-theme="dark"]{--bronze:#a37b45;--bronze-hi:#b78d58;--bronze-lo:#8a6535}
.btn{border-color:var(--bronze);transition:background .2s,color .2s,border-color .2s}
.btn:hover{background:var(--bronze);border-color:var(--bronze);color:var(--bg)}
.cta .wa:hover{background:#3b4a54;border-color:#3b4a54;color:#fff}
/* reviews */
:root{--rvbg:rgba(255,250,240,.6)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--rvbg:rgba(255,255,255,.06)}}
:root[data-theme="dark"]{--rvbg:rgba(255,255,255,.06)}
.rev{padding:1.5rem 5%}
.rv-wrap{position:relative}
.rv-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:.3rem 0}
.rv-track::-webkit-scrollbar{display:none}
.rv{flex:0 0 calc((100% - 2rem)/3);scroll-snap-align:start;perspective:1200px;display:flex;min-height:340px;outline:none}
.rv-in{flex:1;display:grid;transition:transform .7s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}
.rv-f{grid-area:1/1;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--rvbg);border:1px solid var(--bronze);border-radius:6px;padding:1.8rem 1.3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center}
.rv-bk{transform:rotateY(180deg);justify-content:center}
@media(hover:hover){.rv:not(.ph):hover .rv-in{transform:rotateY(180deg)}}
.rv.flip .rv-in,.rv:focus-visible .rv-in{transform:rotateY(180deg)}
.rv:focus-visible .rv-f{box-shadow:0 0 0 2px var(--bronze)}
.rv-av{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:2.2rem;color:var(--bronze);border:1px solid var(--bronze);object-fit:cover;flex:none}
.rv-st{color:#c9962b;letter-spacing:.15em;font-size:1.1rem;margin:1rem 0 .8rem}
.rv-n{margin:0;font-weight:500;font-size:1.05rem}
.rv-o{margin:.2rem 0 1rem;font-size:.8rem;opacity:.75}
.rv-t{margin:0;font-size:.92rem;line-height:1.55}
.rv-full{margin:0 0 1.2rem;font-size:.95rem;line-height:1.6}
.rv-m{margin:0;font-size:.78rem;line-height:1.5;opacity:.75}
.rv.ph{opacity:.55}.rv.ph .rv-t{font-style:italic}.rv.ph .rv-n{opacity:.6}
.rv-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid var(--bronze);background:var(--bg);color:var(--bronze);cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.rv-arrow[hidden]{display:none}
.rv-arrow:hover:not(:disabled){background:var(--bronze);color:var(--bg)}
.rv-arrow:disabled{opacity:.3;cursor:default}
.rv-prev{left:-8px}.rv-next{right:-8px}
.rv-arrow::before{content:"";width:9px;height:9px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:4px}
.rv-next::before{transform:rotate(-135deg);margin-left:0;margin-right:4px}
@media(max-width:900px){.rv{flex-basis:calc((100% - 1rem)/2)}}
@media(max-width:720px){.rv{flex-basis:88%}}
/* header/menu: bronze instead of black */
.top nav a,.chev-btn{color:#5b3d20}
.top nav>a:hover,.dd>a:hover,.dd.open>a,.chev-btn:hover,.chev-btn:focus-visible{background:rgba(91,61,32,.14)}
.top nav .menu a{color:#5b3d20}
.top nav .menu a:hover,.top nav .menu a:focus-visible{background:#5b3d20;color:#f3e8d1}
.lang a{border-color:#5b3d20;color:#5b3d20}
.lang a.on{background:#5b3d20;color:#f3e8d1}
/* footer: compact bronze table */
footer{background:#5b3d20;color:#f3e8d1;text-align:left;padding:1.6rem 5% 1rem;font-size:.82rem;line-height:1.55}
footer a{color:#f3e8d1;margin:0;text-decoration:none}
footer a:hover{text-decoration:underline}
.ft-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1.2fr .8fr;gap:1.5rem;padding-bottom:1rem}
.ft-c{display:flex;flex-direction:column;gap:.15rem}
.ft-c b{letter-spacing:.08em}
.ft-c address{font-style:normal}
.ft-soc{display:flex;gap:.6rem;margin-top:.4rem}
footer .ft-soc a{width:34px;height:34px;border:1px solid rgba(243,232,209,.65);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
footer .ft-soc a:hover{background:#f3e8d1;color:#5b3d20;text-decoration:none}
.ft-bar{max-width:1000px;margin:0 auto;border-top:1px solid rgba(243,232,209,.3);padding-top:.8rem;display:flex;justify-content:space-between;gap:.6rem 1.4rem;flex-wrap:wrap;font-size:.78rem}
.ft-bar p{margin:0;opacity:.8}
.ft-links{display:flex;gap:1.4rem}
@media(max-width:720px){footer{text-align:center}.ft-grid{grid-template-columns:1fr;gap:1rem}.ft-c{align-items:center}.ft-soc{justify-content:center}.ft-bar{justify-content:center}}
/* metallic bronze gradients on filled states */
.btn:hover{background-image:linear-gradient(135deg,var(--bronze-hi),var(--bronze) 55%,var(--bronze-lo))}
.cta .wa:hover{background-image:none}
.rv-arrow:hover:not(:disabled){background-image:linear-gradient(135deg,var(--bronze-hi),var(--bronze) 55%,var(--bronze-lo))}
.top nav .menu a:hover,.top nav .menu a:focus-visible{background-image:linear-gradient(135deg,#765230,#5b3d20 55%,#46301a)}
.lang a.on{background-image:linear-gradient(135deg,#765230,#5b3d20 55%,#46301a)}
footer{background-image:linear-gradient(135deg,#6a4929,#5b3d20 45%,#46301a)}
/* clients carousel */
.clients{padding:1rem 5% 2rem}
.cl-h{font-size:.8rem;letter-spacing:.3em;opacity:.7;margin:0 0 1rem}
.cl-wrap{position:relative}
.cl-track{display:flex;align-items:center;gap:3.2rem;overflow-x:auto;scrollbar-width:none;padding:.6rem 3rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.cl-track::-webkit-scrollbar{display:none}
.cl-i{flex:none;display:flex;align-items:center;justify-content:center}
.cl-i img{width:100%;height:100%;object-fit:contain;filter:grayscale(1);opacity:.62;transition:filter .3s,opacity .3s;user-select:none}
.cl-i:hover img{filter:none;opacity:1}
.cl-arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid var(--bronze);background:var(--bg);color:var(--bronze);cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.cl-arrow:hover{background-image:linear-gradient(135deg,var(--bronze-hi),var(--bronze) 55%,var(--bronze-lo));color:var(--bg);border-color:var(--bronze)}
.cl-prev{left:-8px}.cl-next{right:-8px}
.cl-arrow::before{content:"";width:8px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:3px}
.cl-next::before{transform:rotate(-135deg);margin-left:0;margin-right:3px}
@media(max-width:720px){.cl-track{gap:2.2rem;padding:.6rem 2rem}}
/* hero readability: soft parchment halo behind the text */
.hero .inner::before{content:"";position:absolute;top:3.2rem;left:50%;width:min(940px,96%);height:min(340px,78%);transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(246,238,225,.82) 0,rgba(246,238,225,.6) 42%,rgba(246,238,225,0) 74%);pointer-events:none;z-index:0}
.hero .inner>*{position:relative;z-index:1}
.hero .tag,.hero .tag2{font-weight:500;color:#1f160d}
.hero .btn{background-color:rgba(246,238,225,.65)}
.hero .btn:hover{background-color:var(--bronze)}
/* spacing: offer -> why */
.offer{padding-bottom:1.5rem}
.why{padding-top:1.5rem}
.hero .tag,.hero .tag2{font-size:clamp(1rem,1.55vw,1.35rem);line-height:1.45}
.hero .tag2{margin-bottom:1.1rem}
.hero .inner::before{height:min(380px,82%)}

/* language switcher as links */
.lang a{text-decoration:none;display:inline-block;line-height:1.5;font:inherit;font-size:.7rem}
/* placeholder pages */
.soon{padding:3.5rem 5% 4.5rem;min-height:34vh;display:flex;align-items:center;justify-content:center;text-align:center}
.soon-t{margin:0;font-size:1.2rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase}
.soon-t::before,.soon-t::after{content:"";display:block;width:560px;max-width:92%;aspect-ratio:1000/60;margin:0 auto;background:var(--bronze);opacity:1;-webkit-mask:url("/assets/img/divider.svg") center/contain no-repeat;mask:url("/assets/img/divider.svg") center/contain no-repeat}
.soon-t::before{margin-bottom:1.6rem}.soon-t::after{margin-top:1.6rem}
.nf{padding:6rem 5%;text-align:center;min-height:60vh}
.nf a{margin:.3rem}

/* ===== v2: tighter contact heading, lower hero on inner pages ===== */
.cta h2{margin-bottom:.9rem}
@media(min-width:721px){.hero-in .bg{height:min(42vw,65vh);min-height:360px}}
.pg-about .hero h1,.pg-about .hero .tag,.pg-about .hero .tag2{text-shadow:0 0 5px rgba(255,255,255,.8),0 0 14px rgba(255,255,255,.85),0 0 26px rgba(255,255,255,.55)}

/* ===== v2: home – special terms block, reviews ===== */
.offer .disc{font-size:1.25rem;font-weight:700;letter-spacing:.02em;color:var(--bronze);margin:1.3rem 0}
.rv{min-height:405px}
.rv.long .rv-in{height:405px}
.rv.long .rv-bk{justify-content:flex-start;overflow-y:auto;padding:1.1rem 1rem;scrollbar-width:thin}
.rv.long .rv-full{font-size:.78rem;line-height:1.47;margin:0 0 .7rem;text-align:left}

/* ===== v2: inner pages ===== */
.intro.tech .wrap,.intro.about .wrap{align-items:start}
.tech .btn{margin-top:1rem}
.intro.tech h2{margin-bottom:1.2rem}
.tech2{padding:1rem 5% 0}
.tech3{padding:0 5%}
.tech4{padding:0 5% 2.5rem}
.tech2 ol,.tech3 ul,.tech4 ul{margin:0 0 1em;padding-left:1.6em}
.tech2 li,.tech3 li{margin:.25em 0;padding-left:.2em}
.tech4 li{margin:.7em 0;padding-left:.2em}
.tech3 h2,.tech4 h2{text-align:left;font-size:1rem;line-height:1.5;margin:2.2rem 0 1rem}
.svl{list-style:none;margin:0;padding:.4rem;border:1px solid var(--bronze);border-radius:10px;background:var(--rvbg)}
.svl a{display:block;padding:.55em .9em;border-radius:6px;text-decoration:none;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;font-size:.88rem;letter-spacing:.04em;color:var(--bronze);transition:background .15s,color .15s}
.svl a:hover,.svl a:focus-visible,.svl a[aria-current]{background-color:var(--bronze);background-image:linear-gradient(135deg,var(--bronze-hi),var(--bronze) 55%,var(--bronze-lo));color:var(--bg)}
/* about */
.fct{border:1px solid var(--bronze);border-radius:10px;background:var(--rvbg);padding:.4rem 1.2rem}
.fct .fi{padding:.9rem 0;border-top:1px solid rgba(120,90,50,.25)}
.fct .fi:first-child{border-top:0}
.fct h3{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;font-size:.8rem;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);text-align:left;margin:0 0 .4rem}
.fct p{margin:0;font-size:.9rem;line-height:1.55}
.how{padding:.5rem 5% 3rem}
.how h2{text-align:left;font-size:1rem;line-height:1.5;margin:1.5rem 0 1.4rem}
.steps{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.stp{display:flex;gap:1rem;align-items:flex-start;border:1px solid var(--bronze);border-radius:10px;background:var(--rvbg);padding:1.2rem 1.3rem}
.stp .n{flex:0 0 2.2rem;height:2.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;font-size:.95rem;line-height:1;color:var(--bg);background:var(--bronze)}
.stp h3{font-family:inherit;font-weight:700;font-size:1.02rem;line-height:1.35;text-align:left;margin:.3rem 0 .55rem}
.stp p{margin:0 0 .6em;font-size:.92rem;line-height:1.6}
.stp ul{margin:.2rem 0 0;padding-left:1.1em;font-size:.92rem;line-height:1.6}
.stp li{margin:.55em 0}
@media(max-width:820px){.steps{grid-template-columns:1fr}}
/* careers */
.join{padding:1rem 5% 2.5rem}
.join h2{text-align:left;font-size:1rem;line-height:1.5;margin:1.5rem 0 1.2rem}
/* contact */
.cinfo{padding:1rem 5% 2.5rem}
.cinfo h2{text-align:left;font-size:1rem;line-height:1.5;margin:1.8rem 0 1rem}
.cinfo ul{margin:0 0 1em;padding-left:1.6em}
.cinfo li{margin:.5em 0;padding-left:.2em}
.cinfo a{color:var(--bronze);text-decoration:underline;text-underline-offset:.15em}
/* request / application form */
.cf{position:relative;overflow:hidden;margin:1.6rem auto 0;max-width:760px;border:1px solid var(--bronze);border-radius:10px;background:var(--rvbg);padding:1.4rem 1.5rem;display:grid;gap:1rem}
.cf .row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.cf label:not(.fbtn){display:block;font-size:.85rem;font-weight:500;letter-spacing:.04em}
.cf label:not(.fbtn)>span{display:block;margin-bottom:.35rem}
.cf input[type=text],.cf input[type=email],.cf select,.cf textarea{width:100%;font:inherit;font-size:.95rem;color:var(--fg);background:var(--surf);background:color-mix(in srgb,var(--surf) 68%,transparent);border:1px solid var(--bronze);border-radius:8px;padding:.6em .8em}
.cf textarea{resize:vertical;min-height:120px}
.cf input:focus-visible,.cf select:focus-visible,.cf textarea:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}
.cf .file{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}
.cf .file input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.cf .file input:focus-visible+label{outline:2px solid var(--bronze);outline-offset:2px}
.cf .fbtn{display:inline-block;cursor:pointer;margin:0}
.cf #fname{font-size:.88rem;opacity:.8}
.cf .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cf .send{justify-self:end;cursor:pointer;font-family:inherit;background:var(--bronze);color:var(--bg);border-color:var(--bronze)}
.cf .send:hover{filter:brightness(1.12)}
/* scroll as a faint watermark behind the form */
.cf::before{content:"";position:absolute;inset:0;background:url(/assets/img/scroll-mark.webp) center/contain no-repeat;opacity:.55;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at center,#000 45%,transparent 90%);mask-image:radial-gradient(ellipse at center,#000 45%,transparent 90%)}
.cf>*{position:relative;z-index:1}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cf::before{opacity:.12}}
:root[data-theme="dark"] .cf::before{opacity:.12}
#fst{margin:0;font-size:.9rem;min-height:1.2em}
#fst.err{color:#a3321f}
@media(max-width:600px){.cf .row{grid-template-columns:1fr}}
@media(max-width:720px){.hero-in .inner{padding-top:6.3rem}}

/* Keep hero photographs crisp; soften only the area behind the heading and copy. */
.pg-personal-documents .hero .inner::before,
.pg-legal-translation .hero .inner::before,
.pg-digital-content .hero .inner::before{
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0%,#000 31%,transparent 72%);
  mask-image:radial-gradient(ellipse at center,#000 0%,#000 31%,transparent 72%);
}
/* Legal hero crop: keep the full Lady Justice figure visible on narrow screens. */
@media(max-width:720px){.pg-legal-translation .hero .bg{object-position:20% 50% !important}}

/* Legal hero: give the Lady Justice image more vertical room on desktop. */
@media(min-width:721px){.pg-legal-translation .hero-in .bg{object-position:center 40% !important}}


/* Human-readable sitemap: inherit the site paper background and theme colours. */
.pg-sitemap .sitemap-content{padding:3.6rem 5% 4.5rem}
.pg-sitemap .sitemap-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3.2rem 6rem}
.pg-sitemap .sitemap-column{display:grid;align-content:start;gap:2.8rem}
.pg-sitemap .sitemap-group h2{text-align:left;font-size:1rem;line-height:1.45;letter-spacing:.16em;margin:0 0 1rem;padding:0 0 .75rem;border-bottom:1px solid var(--bronze)}
.pg-sitemap .sitemap-links{list-style:none;display:grid;gap:.55rem;margin:0;padding:0}
.pg-sitemap .sitemap-links li{margin:0;padding:0}
.pg-sitemap .sitemap-links a{display:inline-block;color:var(--fg);text-decoration:none;line-height:1.55;transition:color .15s ease;text-underline-offset:.2em}
.pg-sitemap .sitemap-links a::before{content:"—";display:inline-block;color:var(--bronze);margin-right:.65rem}
.pg-sitemap .sitemap-links a:hover,.pg-sitemap .sitemap-links a:focus-visible{color:var(--bronze);text-decoration:underline}
@media(max-width:720px){.pg-sitemap .sitemap-content{padding:2.8rem 6% 3.5rem}.pg-sitemap .sitemap-grid{grid-template-columns:1fr;gap:2.8rem}.pg-sitemap .sitemap-column{gap:2.8rem}.pg-sitemap .sitemap-group h2{margin-bottom:.85rem}}


/* Legal pages (Privacy Policy): smaller, calmer type than the service pages. */
.legal{padding:3rem 5% 4rem}
.legal .wrap{max-width:820px}
.legal,.legal p,.legal li{font-size:.86rem;line-height:1.7}
.legal h2{text-align:left;font-size:.92rem;line-height:1.5;letter-spacing:.08em;margin:2.2rem 0 .8rem}
.legal h2:first-child{margin-top:0}
.legal p{margin:0 0 .85em}
.legal ul{margin:0 0 1em;padding-left:1.4em}
.legal li{margin:.25em 0}
.legal a{text-decoration:underline;text-underline-offset:2px}
