:root{
  --black:#0a0c0f;
  --black-2:#111419;
  --text:#0d0f12;
  --muted:#656b72;
  --line:#d9dcdf;
  --paper:#ffffff;
  --soft:#f6f7f7;
  --soft-2:#eceff1;
  --red:#e9232f;
  --max:1180px;
  --header-h:82px;
  --ease:cubic-bezier(.2,.72,.22,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,a{cursor:pointer}
img{display:block;max-width:100%}
button{font:inherit}
.wrap{width:min(var(--max),calc(100% - 64px));margin:auto;position:relative}
.smallcaps,.sectionlabel{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.sectionlabel{display:flex;align-items:center;gap:18px}
.sectionlabel:after{content:"";height:1px;width:80px;background:#9ca0a3}
h1,h2,h3,p{margin-top:0}
p{font-size:16px;line-height:1.65}
.btn{position:relative;overflow:hidden;min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:52px;padding:0 22px;background:#0b0d10;color:#fff;border:1px solid #0b0d10;font-size:11px;letter-spacing:.04em;font-weight:700;text-transform:uppercase;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s ease}
.btn:before{content:"";position:absolute;inset:-2px;transform:translateX(-125%) skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transition:transform .72s var(--ease)}
.btn:hover:before{transform:translateX(125%) skewX(-18deg)}
.btn:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,0,0,.16)}
.btn.light{background:#fff;color:#111;border-color:#a5a9ad}
.arr{font-size:24px;line-height:1;font-weight:300;transition:transform .3s var(--ease)}
.btn:hover .arr,.textlink:hover:after{transform:translateX(6px)}
.textlink{display:inline-flex;align-items:center;gap:28px;font-size:11px;letter-spacing:.04em;font-weight:700;text-transform:uppercase}
.textlink:after{content:"→";font-size:22px;font-weight:300;transition:transform .28s var(--ease)}

/* SCROLL / MOTION */
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:200;pointer-events:none}
.scroll-progress span{display:block;height:100%;width:0;background:#111;transform-origin:left center}
.reveal{opacity:0;filter:blur(3px);transform:translateY(34px);transition:opacity .72s var(--ease),transform .78s var(--ease),filter .72s var(--ease)}
.reveal[data-reveal="left"]{transform:translateX(-44px)}
.reveal[data-reveal="right"]{transform:translateX(44px)}
.reveal[data-reveal="scale"]{transform:scale(.94)}
.reveal.is-visible{opacity:1;filter:blur(0);transform:none}
.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}
.parallax-layer{will-change:transform}

/* HEADER */
.header{height:var(--header-h);border-bottom:1px solid #eceeef;background:rgba(255,255,255,.93);position:sticky;top:0;z-index:120;backdrop-filter:blur(18px);transition:height .35s var(--ease),box-shadow .35s ease}
.header.scrolled{height:72px;box-shadow:0 10px 34px rgba(0,0,0,.055)}
.headerin{height:100%;display:grid;grid-template-columns:245px 1fr auto;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:13px}
.flag{width:32px;height:32px;background:var(--red);position:relative;flex:0 0 auto;box-shadow:0 0 0 1px rgba(0,0,0,.03)}
.flag:before,.flag:after{content:"";position:absolute;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}
.flag:before{width:17px;height:5px}.flag:after{width:5px;height:17px}
.brandtxt{font-size:14px;font-weight:700;line-height:1.05;letter-spacing:.01em}
.nav{display:flex;justify-content:center;gap:34px;font-size:10px;font-weight:700;text-transform:uppercase;white-space:nowrap}
.nav a{padding:31px 0;position:relative}
.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:21px;height:1px;background:#111;transition:.28s var(--ease)}
.nav a:hover:after{right:0}
.headright{display:flex;align-items:center;gap:18px}
.lang{font-size:10px;font-weight:700}
.certbtn{height:42px;background:#fff;border:1px solid #92969b;padding:0 18px;font-size:9px;font-weight:700;text-transform:uppercase;transition:.28s var(--ease)}
.certbtn:hover{background:#0b0d10;color:#fff;border-color:#0b0d10}
.hamb{display:none;background:transparent;border:0;width:42px;height:42px;padding:0;position:relative}
.hamb span{position:absolute;left:10px;width:22px;height:1px;background:#111;transition:.3s var(--ease)}
.hamb span:first-child{top:16px}.hamb span:last-child{top:25px}

/* HERO */
.hero{min-height:610px;height:min(72vh,760px);position:relative;overflow:hidden;background:#fff}
.heroimg{position:absolute;right:0;top:0;width:68%;height:100%;background:url('../images/image-01.jpg') center/cover no-repeat;transform:scale(1.055);will-change:transform}
.hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#fff 0,#fff 27%,rgba(255,255,255,.96) 37%,rgba(255,255,255,.64) 49%,rgba(255,255,255,.18) 65%,rgba(255,255,255,0) 80%)}
.hero:after{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 58% 34%,rgba(255,255,255,.58),transparent 25%);mix-blend-mode:screen;animation:heroLight 7s ease-in-out infinite alternate}
@keyframes heroLight{to{transform:translate3d(4%,2%,0) scale(1.06);opacity:.72}}
.heroin{height:100%;position:relative;z-index:3;display:flex;align-items:center}
.herocopy{width:52%;padding-left:58px;margin-top:-10px}
.herocopy .smallcaps{margin-bottom:30px}
.herocopy h1{font-size:clamp(54px,5.2vw,78px);line-height:.98;letter-spacing:-.035em;font-weight:400;margin:0 0 28px}
.herocopy p{width:min(420px,90%);font-size:16px;line-height:1.62;margin:0 0 34px;color:#24282d}
.hero .btn{min-width:220px}
.indexdot{position:absolute;left:5px;top:68%;width:5px;height:5px;border-radius:50%;background:#111}
.indexline{position:absolute;left:7px;top:calc(68% + 14px);width:1px;height:84px;background:#adb1b4}
.indexnum{position:absolute;left:0;bottom:46px;font-size:11px;font-weight:700}
.hero-graphic{position:absolute;z-index:2;right:6%;bottom:6%;width:180px;height:180px;border:1px solid rgba(255,255,255,.36);border-radius:50%;opacity:.6;animation:spin 22s linear infinite}
.hero-graphic:before,.hero-graphic:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.42)}
.hero-graphic:before{inset:26px}.hero-graphic:after{inset:58px}
@keyframes spin{to{transform:rotate(360deg)}}

/* TRUST STRIP */
.trust{background:#fbfbfa;border-bottom:1px solid #e7e9ea}
.trustin{min-height:170px;display:grid;grid-template-columns:1.55fr 2.45fr;align-items:center;gap:42px}
.sealblock{display:flex;align-items:center;gap:32px}
.seal{width:108px;height:108px;border:1.5px solid #111;border-radius:50%;position:relative;display:grid;place-items:center;transition:transform .55s var(--ease)}
.sealblock:hover .seal{transform:rotate(-8deg) scale(1.03)}
.seal:before{content:"SWISS LUXURY  •  CERTIFICATION";position:absolute;inset:8px;border:1px solid #555;border-radius:50%;font-size:8px;letter-spacing:.11em;text-align:center;padding-top:7px;transform:rotate(-18deg)}
.sealcenter{width:30px;height:30px;background:#111;position:relative}.sealcenter:before,.sealcenter:after{content:"";position:absolute;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}.sealcenter:before{width:16px;height:5px}.sealcenter:after{height:16px;width:5px}
.sealcopy h3{font-size:18px;line-height:1.35;text-transform:uppercase;font-weight:400;margin:0 0 15px;letter-spacing:.01em}.sealcopy p{margin:0;font-size:13px;color:#686b6e}
.metrics{display:grid;grid-template-columns:repeat(4,1fr)}
.metric{text-align:center;border-left:1px solid #c9cbcc;padding:4px 24px}
.metric strong{display:block;font-size:36px;font-weight:300;line-height:1;letter-spacing:-.03em}.metric span{display:block;margin-top:11px;font-size:10px;line-height:1.35;font-weight:700;text-transform:uppercase}

/* CERT SECTION */
.cert{padding:92px 0 96px;position:relative;overflow:hidden}
.cert:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,18,20,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(15,18,20,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000 55%,transparent)}
.certgrid{display:grid;grid-template-columns:330px 1fr;gap:70px;align-items:start;position:relative}
.intro{padding-top:7px}.intro h2{font-size:38px;line-height:1.04;font-weight:400;margin:20px 0 25px;letter-spacing:-.025em}.intro p{font-size:15px;line-height:1.64;color:#30343a;margin:0 0 36px;max-width:320px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.card{position:relative}.photo{height:230px;overflow:hidden;background:#ddd;position:relative}.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.08))}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),filter .5s ease}.card:hover img{transform:scale(1.08);filter:contrast(1.04)}.card h3{font-size:13px;text-transform:uppercase;margin:20px 0 10px}.card p{font-size:13px;line-height:1.55;color:#555a60;margin:0;max-width:230px}
.card-number{position:absolute;top:14px;left:14px;z-index:2;width:38px;height:38px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);display:grid;place-items:center;font-size:10px;font-weight:700;border:1px solid rgba(255,255,255,.65)}

/* DARK BENEFITS */
.dark{position:relative;overflow:hidden;background:#0c0e11;color:#fff;padding:88px 0 90px}
.dark:before{content:"";position:absolute;inset:-10% -2%;background:url('../images/image-02.jpg') center 34%/cover no-repeat;opacity:.10;filter:grayscale(1) contrast(1.1);transform:translateY(var(--bg-y,0px)) scale(1.12);will-change:transform}
.dark:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 1.5px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent 5%,#000 50%,transparent 95%)}
.darkgrid{display:grid;grid-template-columns:330px 1fr;gap:70px;position:relative;z-index:2}.dark .sectionlabel:after{background:#777b80}.darkintro h2{font-size:36px;line-height:1.05;font-weight:400;margin:20px 0 24px;letter-spacing:-.02em}.darkintro p{font-size:14px;line-height:1.62;color:#c5c8cb;max-width:320px;margin:0 0 31px}.dark .textlink{color:#fff}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.benefit{padding:4px 0;transition:transform .38s var(--ease)}.benefit:hover{transform:translateY(-8px)}.benefit svg{width:54px;height:54px;stroke:#f0f1f2;fill:none;stroke-width:1.15;margin-bottom:25px;transition:filter .3s,transform .3s}.benefit:hover svg{transform:scale(1.08);filter:drop-shadow(0 0 16px rgba(255,255,255,.18))}.benefit h3{font-size:12px;line-height:1.3;font-weight:400;text-transform:uppercase;margin:0 0 15px}.benefit p{font-size:12px;line-height:1.52;color:#aeb2b6;margin:0;max-width:170px}

/* LIGHT PROCESS */
.process{position:relative;overflow:hidden;padding:105px 0;background:#f7f7f5}
.process:before{content:"";position:absolute;right:-6%;top:-25%;width:58%;height:150%;background:url('../images/image-03.jpg') center/cover no-repeat;opacity:.055;filter:grayscale(1);transform:translateY(var(--bg-y,0px)) scale(1.18);will-change:transform}
.process:after{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,transparent 0 48%,rgba(10,12,15,.035) 48% 49%,transparent 49% 100%);background-size:76px 76px;opacity:.55}
.process-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:88px;align-items:center;position:relative;z-index:2}.process-copy h2{font-size:42px;line-height:1.02;font-weight:400;letter-spacing:-.03em;margin:20px 0 26px;max-width:520px}.process-copy p{font-size:15px;max-width:480px;color:#3c4248;margin-bottom:34px}
.process-steps{display:grid;gap:14px}.step{display:grid;grid-template-columns:72px 1fr 38px;gap:22px;align-items:center;padding:22px 22px 22px 0;border-top:1px solid #cfd3d5;transition:background .35s var(--ease),padding-left .35s var(--ease)}.step:last-child{border-bottom:1px solid #cfd3d5}.step:hover{background:rgba(255,255,255,.64);padding-left:18px}.step-num{font-size:34px;font-weight:300;letter-spacing:-.04em;color:#737980}.step h3{font-size:15px;text-transform:uppercase;margin:0 0 7px}.step p{font-size:12.5px;line-height:1.45;color:#666c72;margin:0}.step svg{width:32px;height:32px;stroke:#111;fill:none;stroke-width:1.4}

/* DARK STANDARDS */
.standard-band{position:relative;overflow:hidden;background:#0a0c0f;color:#fff;padding:98px 0}
.standard-band:before{content:"";position:absolute;left:-10%;top:-28%;width:70%;height:160%;background:url('../images/image-04.jpg') center/cover no-repeat;opacity:.09;filter:grayscale(1) contrast(1.25);transform:translateY(var(--bg-y,0px)) scale(1.08);will-change:transform}
.standard-band:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,15,.55),#0a0c0f 55%,#0a0c0f)}
.standard-wrap{position:relative;z-index:2}.standard-head{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;margin-bottom:56px}.standard-head h2{font-size:42px;line-height:1.02;font-weight:400;margin:20px 0 0;letter-spacing:-.03em}.standard-head p{color:#b7bbc0;font-size:15px;margin:0;max-width:500px}
.standard-rows{border-top:1px solid rgba(255,255,255,.2)}.standard-row{display:grid;grid-template-columns:115px 1fr 1fr 70px;gap:34px;align-items:center;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.17);transition:padding-left .35s var(--ease),background .35s}.standard-row:hover{padding-left:16px;background:rgba(255,255,255,.025)}.standard-row .big{font-size:42px;font-weight:300;color:#dfe1e3}.standard-row h3{font-size:15px;text-transform:uppercase;margin:0}.standard-row p{font-size:12.5px;color:#aeb2b7;margin:0;line-height:1.55}.standard-row svg{width:42px;height:42px;stroke:#fff;fill:none;stroke-width:1.2;opacity:.9}

/* LIGHT DIGITAL */
.digital{position:relative;overflow:hidden;padding:104px 0;background:#fff}
.digital:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(10,12,15,.06) 1px,transparent 1.2px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 0,#000 45%,transparent 95%);opacity:.5}
.digital-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:86px;align-items:center;position:relative}
.certificate-preview{position:relative;min-height:460px;padding:42px;background:#fbfbfa;border:1px solid #cfd3d6;box-shadow:0 28px 70px rgba(15,20,25,.10)}
.certificate-preview:before{content:"";position:absolute;inset:13px;border:1px solid #dfe2e4;pointer-events:none}
.preview-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding-bottom:25px;border-bottom:1px solid #d7dadc}.preview-mark{display:flex;align-items:center;gap:12px}.preview-mark .flag{width:28px;height:28px}.preview-id{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#656b71}.certificate-preview h3{font-size:28px;font-weight:400;margin:35px 0 8px}.certificate-preview>.preview-sub{font-size:12px;color:#777d83}.preview-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px 34px;margin-top:42px}.preview-field span{display:block;font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#7c8288;margin-bottom:8px}.preview-field strong{font-size:13px;font-weight:400}.qr{position:absolute;right:44px;bottom:42px;width:104px;height:104px;padding:9px;background:#fff;border:1px solid #c8ccd0;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:2px}.qr i{background:#111}.qr i.blank{background:transparent}
.digital-copy h2{font-size:42px;line-height:1.02;font-weight:400;letter-spacing:-.03em;margin:20px 0 25px}.digital-copy p{font-size:15px;color:#3b4147;margin-bottom:28px}.checks{display:grid;gap:13px;margin:28px 0 36px}.check{display:flex;align-items:center;gap:13px;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.03em}.check:before{content:"✓";width:24px;height:24px;border:1px solid #aeb3b7;display:grid;place-items:center;font-size:11px}

/* CTA */
.cta{position:relative;overflow:hidden;background:#f6f6f5;border-bottom:1px solid #e1e3e4}
.cta:before{content:"";position:absolute;inset:0;background:url('../images/image-02.jpg') center 58%/cover no-repeat;opacity:.055;filter:grayscale(1);transform:translateY(var(--bg-y,0px)) scale(1.1)}
.ctain{min-height:132px;display:grid;grid-template-columns:1.2fr 1.3fr 1fr;gap:48px;align-items:center;position:relative}.ctain h3{font-size:21px;line-height:1.22;font-weight:400;text-transform:uppercase;margin:0}.ctain p{font-size:14px;line-height:1.5;margin:0;color:#2d3136}.ctain .btn{width:100%}

/* FOOTER */
.footer{padding:46px 0 18px;background:#fff}.footgrid{display:grid;grid-template-columns:1.65fr repeat(4,1fr);gap:55px;padding-bottom:34px}.footer .brandtxt{font-size:13px}.footgrid h4{font-size:10px;text-transform:uppercase;margin:0 0 15px}.footgrid ul{list-style:none;margin:0;padding:0}.footgrid li{font-size:11px;margin-bottom:10px;color:#34373b}.social{display:flex;gap:22px;font-size:11px;font-weight:700}.footbottom{border-top:1px solid #e3e4e5;padding-top:17px;display:flex;justify-content:space-between;font-size:9px;color:#555}.footlinks{display:flex;gap:30px}

/* MOBILE NAV */
.mobile-nav{position:fixed;inset:72px 0 auto 0;background:#fff;z-index:110;padding:24px 28px 34px;border-bottom:1px solid #ddd;box-shadow:0 18px 40px rgba(0,0,0,.08);transform:translateY(-120%);opacity:0;pointer-events:none;transition:.4s var(--ease)}.mobile-nav.open{transform:none;opacity:1;pointer-events:auto}.mobile-nav a{display:block;padding:14px 0;border-bottom:1px solid #eee;font-size:12px;font-weight:700;text-transform:uppercase}

@media(max-width:1050px){
  :root{--max:920px}
  .headerin{grid-template-columns:220px 1fr auto}.nav{gap:18px}.nav a{font-size:9px}.headright{gap:10px}.certbtn{padding:0 12px}
  .certgrid,.darkgrid{grid-template-columns:290px 1fr;gap:48px}.cards{gap:22px}.photo{height:190px}.benefits{gap:22px}
}
@media(max-width:850px){
 .wrap{width:calc(100% - 36px)}
 .headerin{grid-template-columns:1fr auto}.nav,.headright .lang,.certbtn{display:none}.hamb{display:block}.headright{display:block}
 .hero{height:690px;min-height:690px}.heroimg{width:100%;top:330px;height:360px;background-position:center 48%}.hero:before{background:linear-gradient(180deg,#fff 0,#fff 45%,rgba(255,255,255,.9) 52%,rgba(255,255,255,.14) 72%,transparent 84%)}.hero:after{display:none}.herocopy{width:100%;padding:68px 4px 0;align-self:flex-start}.herocopy h1{font-size:clamp(46px,11vw,66px)}.indexdot,.indexline,.indexnum,.hero-graphic{display:none}
 .trustin{grid-template-columns:1fr;padding:34px 0}.metrics{margin-top:6px}
 .certgrid,.darkgrid,.process-grid,.digital-grid{grid-template-columns:1fr;gap:48px}.cards{grid-template-columns:repeat(3,1fr)}.intro{max-width:560px}.photo{height:auto;aspect-ratio:1.35/1}
 .benefits{grid-template-columns:repeat(2,1fr)}
 .standard-head{grid-template-columns:1fr;gap:24px}.standard-row{grid-template-columns:80px 1fr 1fr 54px}
 .ctain{grid-template-columns:1fr 1fr;padding:34px 0}.ctain .btn{grid-column:1/-1;width:max-content}
 .footgrid{grid-template-columns:1.4fr repeat(2,1fr);gap:38px}
}
@media(max-width:620px){
 .wrap{width:calc(100% - 28px)}
 .header{height:66px}.header.scrolled{height:64px}.brandtxt{font-size:12px}.flag{width:29px;height:29px}.mobile-nav{inset:64px 0 auto}
 .hero{height:670px;min-height:670px}.heroimg{top:360px;height:310px}.herocopy{padding-top:54px}.herocopy .smallcaps{font-size:10px}.herocopy h1{font-size:46px}.herocopy p{font-size:14px}
 .trustin{min-height:0}.sealblock{align-items:flex-start;gap:20px}.seal{width:88px;height:88px}.sealcopy h3{font-size:15px}.metrics{grid-template-columns:repeat(2,1fr);row-gap:28px}.metric:nth-child(3){border-left:0}.metric strong{font-size:32px}
 .cert,.process,.standard-band,.digital{padding:70px 0}.certgrid{gap:38px}.intro h2,.darkintro h2,.process-copy h2,.standard-head h2,.digital-copy h2{font-size:34px}.cards{grid-template-columns:1fr;gap:34px}.photo{aspect-ratio:1.65/1}.card p{font-size:13px}
 .dark{padding:70px 0}.benefits{grid-template-columns:1fr 1fr;gap:38px 20px}
 .process-grid{gap:34px}.step{grid-template-columns:56px 1fr 30px;gap:14px;padding-right:4px}.step-num{font-size:28px}
 .standard-row{grid-template-columns:54px 1fr;gap:14px 18px}.standard-row .big{font-size:31px}.standard-row p{grid-column:2}.standard-row svg{display:none}
 .certificate-preview{min-height:500px;padding:32px 28px}.preview-fields{grid-template-columns:1fr}.qr{right:28px;bottom:28px;width:90px;height:90px}
 .ctain{grid-template-columns:1fr;gap:20px}.ctain .btn{grid-column:auto;width:100%}
 .footgrid{grid-template-columns:1fr 1fr}.footgrid>.brand{grid-column:1/-1}.footbottom{flex-direction:column;gap:12px}
}

/* =========================================================
   PREMIUM TYPOGRAPHY + MOTION V2
   ========================================================= */

/* Slightly larger global text hierarchy */
body{font-size:17px}
p{font-size:17px;line-height:1.7}
.smallcaps,.sectionlabel{font-size:13px;letter-spacing:.145em}
.nav{font-size:11.5px;gap:36px}
.lang{font-size:11px}
.certbtn{height:44px;padding:0 20px;font-size:10.5px;letter-spacing:.035em}
.btn{min-height:56px;padding:0 25px;font-size:12.5px;letter-spacing:.045em}
.textlink{font-size:12px}
.brandtxt{font-size:15px}
.metric strong{font-size:40px}
.metric span{font-size:11px}
.sealcopy h3{font-size:19px!important;line-height:1.34!important}
.sealcopy p{font-size:13.5px!important}
.card h3{font-size:14.5px}
.card p{font-size:14.5px;line-height:1.62;max-width:255px}
.benefit h3{font-size:13.5px}
.benefit p{font-size:13.2px;line-height:1.62;max-width:185px}
.process-copy p,.standard-head p,.digital-copy p{font-size:16px!important;line-height:1.72!important}
.step h3{font-size:16px!important}
.step p{font-size:14px!important;line-height:1.62!important}
.standard-row h3{font-size:18px!important}
.standard-row p{font-size:14px!important;line-height:1.6!important}
.check{font-size:14px!important}
.preview-field span{font-size:11px!important}
.preview-field strong{font-size:14px!important}
.ctain p{font-size:15.5px}
.footer .brandtxt{font-size:14.5px}
.footgrid h4{font-size:11.5px;letter-spacing:.06em}
.footgrid li{font-size:12.5px;line-height:1.45;margin-bottom:11px}
.social{font-size:12.5px}
.footbottom{font-size:10.5px}
.mobile-nav a{font-size:13px}

/* Hero entrance choreography */
.herocopy .smallcaps,
.herocopy h1,
.herocopy p,
.herocopy .btn{
  animation:heroIntro .95s var(--ease) both;
}
.herocopy h1{animation-delay:.12s}
.herocopy p{animation-delay:.24s}
.herocopy .btn{animation-delay:.36s}
@keyframes heroIntro{
  from{opacity:0;transform:translate3d(0,34px,0);filter:blur(7px)}
  to{opacity:1;transform:none;filter:blur(0)}
}

/* Animated clouds over the mountain image */
.hero-clouds{
  position:absolute;
  z-index:2;
  top:0;
  right:0;
  width:69%;
  height:100%;
  overflow:hidden;
  pointer-events:none;
  mix-blend-mode:screen;
}
.cloud{
  position:absolute;
  display:block;
  width:420px;
  height:150px;
  opacity:.20;
  filter:blur(22px);
  background:
    radial-gradient(ellipse at 22% 62%,rgba(255,255,255,.92) 0 18%,transparent 47%),
    radial-gradient(ellipse at 48% 42%,rgba(255,255,255,.85) 0 21%,transparent 50%),
    radial-gradient(ellipse at 76% 61%,rgba(255,255,255,.82) 0 20%,transparent 48%);
  will-change:transform,opacity;
}
.cloud.c1{left:4%;top:34%;animation:cloudDriftA 22s linear infinite}
.cloud.c2{left:33%;top:20%;width:500px;opacity:.14;animation:cloudDriftB 31s linear infinite}
.cloud.c3{left:56%;top:50%;width:370px;opacity:.11;animation:cloudDriftC 26s linear infinite}
@keyframes cloudDriftA{
  0%{transform:translate3d(-16%,0,0) scale(.9);opacity:.10}
  45%{opacity:.24}
  100%{transform:translate3d(92%,5px,0) scale(1.06);opacity:.08}
}
@keyframes cloudDriftB{
  0%{transform:translate3d(35%,0,0) scale(1.08)}
  100%{transform:translate3d(-92%,16px,0) scale(.94)}
}
@keyframes cloudDriftC{
  0%{transform:translate3d(20%,0,0)}
  50%{opacity:.18}
  100%{transform:translate3d(-110%,-14px,0)}
}

/* Subtle moving light across hero */
.hero-beam{
  position:absolute;
  z-index:2;
  top:-25%;
  right:3%;
  width:44%;
  height:145%;
  pointer-events:none;
  background:linear-gradient(103deg,transparent 36%,rgba(255,255,255,.18) 48%,rgba(255,255,255,.03) 57%,transparent 68%);
  transform:translateX(-55%) rotate(3deg);
  animation:heroBeam 9s ease-in-out infinite;
}
@keyframes heroBeam{
  0%,100%{transform:translateX(-72%) rotate(3deg);opacity:.22}
  50%{transform:translateX(60%) rotate(3deg);opacity:.52}
}

/* Richer reveal / exit motion */
.reveal{
  transition:
    opacity .88s var(--ease),
    transform .95s var(--ease),
    filter .88s var(--ease);
}
.reveal[data-reveal="left"]{transform:translate3d(-58px,18px,0) rotate(-.7deg)}
.reveal[data-reveal="right"]{transform:translate3d(58px,18px,0) rotate(.7deg)}
.reveal[data-reveal="scale"]{transform:scale(.91) translateY(16px)}
.reveal.is-visible{transform:none}

/* Animated section lines / subtle pattern movement */
.cert,.process,.digital,.trust,.cta{position:relative;overflow:hidden}
.cert:after,.process:after,.digital:after,.trust:after,.cta:after{
  content:"";
  position:absolute;
  pointer-events:none;
  inset:0;
  opacity:.20;
  background-image:
    linear-gradient(90deg,transparent 0 49.8%,rgba(15,18,22,.05) 50%,transparent 50.2%),
    linear-gradient(0deg,transparent 0 49.8%,rgba(15,18,22,.035) 50%,transparent 50.2%);
  background-size:88px 88px;
  mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);
  animation:gridFloat 18s linear infinite;
}
@keyframes gridFloat{
  to{background-position:88px 44px,-44px 88px}
}
.cert>.wrap,.process>.wrap,.digital>.wrap,.trust>.wrap,.cta>.wrap{position:relative;z-index:2}

/* Premium mouse spotlight, JS controlled */
.fx-section{--mx:50%;--my:50%}
.fx-section:before{
  transition:opacity .35s ease;
}
.fx-section.fx-light:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  opacity:.62;
  background:radial-gradient(520px circle at var(--mx) var(--my),rgba(255,255,255,.8),transparent 42%);
  mix-blend-mode:soft-light;
}
.fx-section.fx-dark:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  opacity:.38;
  background:radial-gradient(460px circle at var(--mx) var(--my),rgba(255,255,255,.105),transparent 44%);
}

/* Card sheen */
.card,.benefit,.step,.standard-row,.certificate-preview{position:relative}
.card:after,.step:after,.standard-row:after,.certificate-preview:after{
  content:"";
  position:absolute;
  pointer-events:none;
  inset:0;
  opacity:0;
  background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.34) 48%,transparent 66%);
  transform:translateX(-45%);
  transition:opacity .35s ease,transform .7s var(--ease);
}
.card:hover:after,.step:hover:after,.standard-row:hover:after,.certificate-preview:hover:after{
  opacity:.6;
  transform:translateX(45%);
}

/* More expressive cards / icons */
.card{transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.card:hover{box-shadow:0 26px 60px rgba(9,12,16,.10)}
.benefit svg,.step svg,.standard-row svg{
  filter:drop-shadow(0 0 0 rgba(255,255,255,0));
}
.benefit:hover svg,.step:hover svg,.standard-row:hover svg{
  transform:translateY(-2px) scale(1.1);
  filter:drop-shadow(0 8px 20px rgba(255,255,255,.13));
}

/* Animated large numbers */
.metric strong,.step-num,.standard-row .big{
  background:linear-gradient(100deg,currentColor 15%,rgba(130,135,140,.5) 48%,currentColor 75%);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  animation:numberShimmer 8s ease-in-out infinite;
}
@keyframes numberShimmer{
  0%,80%,100%{background-position:0 0}
  90%{background-position:100% 0}
}

/* Button magnetic / glow feel */
.btn,.certbtn{will-change:transform}
.btn:after,.certbtn:after{
  content:"";
  position:absolute;
  pointer-events:none;
  inset:-1px;
  opacity:0;
  box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 30px rgba(255,255,255,.12);
  transition:opacity .3s ease;
}
.btn:hover:after,.certbtn:hover:after{opacity:1}

/* Footer links animated underline */
.footgrid li,.footbottom span,.social span{position:relative;width:max-content;max-width:100%}
.footgrid li:after,.footbottom span:after,.social span:after{
  content:"";
  position:absolute;
  height:1px;
  left:0;
  bottom:-3px;
  width:0;
  background:currentColor;
  opacity:.55;
  transition:width .3s var(--ease);
}
.footgrid li:hover:after,.footbottom span:hover:after,.social span:hover:after{width:100%}

/* Floating ambient ornaments */
.dark,.standard-band{isolation:isolate}
.dark .wrap:before,.standard-band .wrap:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:220px;
  height:220px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:50%;
  right:4%;
  top:-48px;
  box-shadow:0 0 0 42px rgba(255,255,255,.018),0 0 0 84px rgba(255,255,255,.012);
  animation:ambientOrbit 16s ease-in-out infinite alternate;
}
@keyframes ambientOrbit{
  to{transform:translate3d(-26px,30px,0) scale(1.08) rotate(9deg)}
}

/* Mobile: keep motion elegant and performance-friendly */
@media(max-width:850px){
  .hero-clouds{width:100%;top:330px;height:360px}
  .cloud{opacity:.12}
  .hero-beam{display:none}
}
@media(max-width:620px){
  p{font-size:15.5px}
  .smallcaps,.sectionlabel{font-size:11.5px}
  .brandtxt{font-size:13px}
  .herocopy .smallcaps{font-size:11.5px!important}
  .herocopy p{font-size:15.5px!important}
  .metric span{font-size:10.5px}
  .card p{font-size:14px}
  .benefit h3{font-size:12.8px}
  .benefit p{font-size:12.8px}
  .footgrid h4{font-size:11px}
  .footgrid li{font-size:12px}
  .hero-clouds{top:360px;height:310px}
  .cloud{filter:blur(18px);opacity:.10}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1!important;filter:none!important;transform:none!important}}

/* ===== V3 LOGO + CLOUDS ===== */
.flag{display:none!important}
.brand{gap:14px}
.brandlogo{width:52px;height:52px;object-fit:contain;flex:0 0 auto;display:block}
.footer .brandlogo{width:48px;height:48px}
.footer .brandtxt{font-size:13.8px}

.seal{border:none!important;background:transparent!important;width:126px!important;height:126px!important;padding:0!important;overflow:visible}
.seal:before{display:none!important}
.seallogo{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 12px 28px rgba(0,0,0,.10));transition:transform .65s var(--ease),filter .45s ease}
.sealblock:hover .seallogo{transform:rotate(-8deg) scale(1.04);filter:drop-shadow(0 18px 36px rgba(0,0,0,.14))}

.heroimg{position:absolute;overflow:hidden}
.heroimg:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.02) 35%,rgba(255,255,255,.12) 100%);
  pointer-events:none;
}
.hero-clouds{
  position:absolute;
  z-index:3;
  top:6%;
  right:-1%;
  width:74%;
  height:74%;
  overflow:hidden;
  pointer-events:none;
  mix-blend-mode:normal!important;
  opacity:1!important;
}
.cloud{
  position:absolute;
  display:block;
  width:560px;
  height:190px;
  opacity:.52!important;
  filter:blur(16px)!important;
  background:
    radial-gradient(ellipse at 18% 58%,rgba(255,255,255,.88) 0 18%,transparent 50%),
    radial-gradient(ellipse at 45% 40%,rgba(255,255,255,.82) 0 22%,transparent 50%),
    radial-gradient(ellipse at 70% 62%,rgba(255,255,255,.78) 0 19%,transparent 48%),
    radial-gradient(ellipse at 88% 48%,rgba(255,255,255,.74) 0 14%,transparent 40%);
  will-change:transform,opacity;
}
.cloud:after{
  content:"";
  position:absolute;
  inset:8% 2%;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 70%);
}
.cloud.c1{left:-4%;top:16%;animation:cloudDriftA 14s linear infinite, cloudPulse 7s ease-in-out infinite}
.cloud.c2{left:24%;top:8%;width:620px;opacity:.42!important;animation:cloudDriftB 19s linear infinite, cloudPulse 8.5s ease-in-out infinite reverse}
.cloud.c3{left:51%;top:30%;width:470px;opacity:.34!important;animation:cloudDriftC 16s linear infinite, cloudPulse 6.5s ease-in-out infinite}
@keyframes cloudDriftA{
  0%{transform:translate3d(-18%,0,0) scale(.92)}
  50%{transform:translate3d(16%,8px,0) scale(1)}
  100%{transform:translate3d(55%,0,0) scale(1.04)}
}
@keyframes cloudDriftB{
  0%{transform:translate3d(24%,0,0) scale(1.06)}
  100%{transform:translate3d(-52%,10px,0) scale(.95)}
}
@keyframes cloudDriftC{
  0%{transform:translate3d(18%,0,0) scale(1)}
  100%{transform:translate3d(-58%,-8px,0) scale(.93)}
}
@keyframes cloudPulse{
  0%,100%{opacity:.28}
  50%{opacity:.58}
}
@media(max-width:850px){
  .brandlogo{width:46px;height:46px}
  .footer .brandlogo{width:42px;height:42px}
  .seal{width:108px!important;height:108px!important}
  .hero-clouds{top:45%;right:0;width:100%;height:210px}
  .cloud{width:360px;height:118px;filter:blur(12px)!important;opacity:.42!important}
  .cloud.c1{left:-18%;top:16%}
  .cloud.c2{left:24%;top:2%;width:420px}
  .cloud.c3{left:54%;top:24%;width:320px}
}
@media(max-width:620px){
  .brandlogo{width:40px;height:40px}
  .seal{width:96px!important;height:96px!important}
  .hero-clouds{top:48%;height:170px}
  .cloud{width:270px;height:92px;opacity:.38!important;filter:blur(10px)!important}
}



/* =========================================================
   V4 — MOBILE CLOUD FIX
   The previous clouds were too white/transparent against snow.
   This version adds visible soft shadow + brighter body and
   stronger mobile travel while keeping the luxury look.
   ========================================================= */

.hero-clouds{
  z-index:4!important;
  overflow:hidden!important;
}
.heroin{z-index:6!important}

.cloud{
  border-radius:999px;
  opacity:.62!important;
  filter:blur(11px)!important;
  background:
    radial-gradient(ellipse at 16% 58%,rgba(245,248,250,.96) 0 20%,rgba(214,220,225,.50) 34%,transparent 55%),
    radial-gradient(ellipse at 42% 38%,rgba(255,255,255,.98) 0 24%,rgba(220,226,231,.48) 38%,transparent 57%),
    radial-gradient(ellipse at 69% 61%,rgba(248,250,252,.94) 0 22%,rgba(202,210,217,.42) 37%,transparent 56%),
    radial-gradient(ellipse at 88% 49%,rgba(255,255,255,.91) 0 17%,rgba(205,213,220,.34) 33%,transparent 50%)!important;
  box-shadow:0 18px 46px rgba(105,118,128,.12);
}

.cloud:before{
  content:"";
  position:absolute;
  left:8%;
  right:9%;
  bottom:20%;
  height:34%;
  border-radius:50%;
  background:rgba(125,140,150,.17);
  filter:blur(20px);
}

.cloud:after{
  content:"";
  position:absolute;
  inset:7% 3%;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.03) 70%);
}

.cloud.c1{
  animation:cloudMobileA 13s linear infinite,cloudOpacity 6s ease-in-out infinite!important;
}
.cloud.c2{
  animation:cloudMobileB 17s linear infinite,cloudOpacity 7.5s ease-in-out infinite reverse!important;
}
.cloud.c3{
  animation:cloudMobileC 15s linear infinite,cloudOpacity 6.8s ease-in-out infinite!important;
}

@keyframes cloudMobileA{
  0%{transform:translate3d(-190px,0,0) scale(.90)}
  100%{transform:translate3d(560px,10px,0) scale(1.08)}
}
@keyframes cloudMobileB{
  0%{transform:translate3d(350px,0,0) scale(1.08)}
  100%{transform:translate3d(-590px,15px,0) scale(.92)}
}
@keyframes cloudMobileC{
  0%{transform:translate3d(260px,5px,0) scale(.98)}
  100%{transform:translate3d(-500px,-8px,0) scale(.91)}
}
@keyframes cloudOpacity{
  0%,100%{opacity:.40}
  50%{opacity:.72}
}

/* Desktop keeps motion gentler */
@media(min-width:851px){
  .hero-clouds{top:9%!important;right:0!important;width:72%!important;height:60%!important}
  .cloud{filter:blur(14px)!important;opacity:.48!important}
  .cloud.c1{top:18%!important}
  .cloud.c2{top:5%!important}
  .cloud.c3{top:36%!important}
}

/* On mobile place the cloud layer exactly over the mountain photo */
@media(max-width:850px){
  .hero-clouds{
    top:330px!important;
    right:0!important;
    width:100%!important;
    height:220px!important;
    opacity:1!important;
  }
  .cloud{
    width:410px!important;
    height:128px!important;
    filter:blur(9px)!important;
    opacity:.62!important;
  }
  .cloud.c1{left:-22%!important;top:7%!important}
  .cloud.c2{left:29%!important;top:-7%!important;width:450px!important}
  .cloud.c3{left:57%!important;top:30%!important;width:340px!important}
}

@media(max-width:620px){
  .hero-clouds{
    top:360px!important;
    height:200px!important;
  }
  .cloud{
    width:330px!important;
    height:104px!important;
    filter:blur(8px)!important;
  }
  .cloud.c1{left:-28%!important;top:10%!important}
  .cloud.c2{left:20%!important;top:-4%!important;width:370px!important}
  .cloud.c3{left:55%!important;top:34%!important;width:290px!important}
}

/* If the OS asks for reduced motion we still show the cloud layer,
   but keep it static for accessibility. */
@media(prefers-reduced-motion:reduce){
  .hero-clouds{display:block!important;opacity:1!important}
  .cloud{opacity:.50!important}
}

\n\n/* WordPress integration */\n.admin-bar .header{top:32px}\n@media(max-width:782px){.admin-bar .header{top:46px}}\nbody.wp-admin-bar{margin-top:0}\n
.preview-mark{display:flex;align-items:center;gap:10px}.preview-mark .brandlogo{width:36px;height:36px}.preview-mark .brandtxt{font-size:10px}


/* =========================================================
   STEP 3 — TOP BAR + PRIMARY NAV + CERTIFICATION PAGE
   ========================================================= */
.topbar{height:36px;background:#0b0d10;color:#d8dadd;position:relative;z-index:130;border-bottom:1px solid rgba(255,255,255,.07)}
.topbar-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.topbar-contacts{display:flex;align-items:center;gap:26px}
.topbar-link{display:inline-flex;align-items:center;gap:9px;font-size:10.5px;letter-spacing:.035em;transition:color .25s ease,opacity .25s ease}
.topbar-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.topbar-link:hover{color:#fff}.topbar-placeholder{opacity:.42}
.topbar-side{display:flex;align-items:center;gap:12px;font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:#969ba1}
.topbar-dot{width:4px;height:4px;border-radius:50%;background:#ef3340;box-shadow:0 0 14px rgba(239,51,64,.65)}
.topbar-lang{color:#fff;border-left:1px solid rgba(255,255,255,.16);padding-left:12px;font-weight:700}

.headerin{grid-template-columns:250px 1fr auto}
.nav-primary{gap:32px;align-items:stretch}
.nav-primary>a,.nav-main-link{font-size:10.5px!important;letter-spacing:.025em}
.nav-item{position:relative;display:flex;align-items:center}
.nav-main-link{display:flex!important;align-items:center;gap:7px}
.nav-chevron{font-size:14px;font-weight:400;transition:transform .25s var(--ease)}
.has-mega:hover .nav-chevron,.has-mega:focus-within .nav-chevron{transform:rotate(180deg)}
.mega-menu{position:absolute;left:-18px;top:calc(100% - 1px);width:min(720px,70vw);background:rgba(255,255,255,.985);border:1px solid #e2e4e6;box-shadow:0 28px 80px rgba(0,0,0,.12);display:grid;grid-template-columns:230px 1fr;gap:34px;padding:30px;opacity:0;visibility:hidden;transform:translateY(14px);pointer-events:none;transition:opacity .28s ease,transform .32s var(--ease),visibility .28s ease;backdrop-filter:blur(18px)}
.has-mega:hover .mega-menu,.has-mega:focus-within .mega-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.mega-head{padding:4px 24px 0 2px;border-right:1px solid #e1e3e5}
.mega-kicker{font-size:9px;letter-spacing:.17em;color:#757b81;font-weight:700}
.mega-head strong{display:block;font-size:22px;line-height:1.1;font-weight:400;letter-spacing:-.025em;margin-top:18px}
.mega-links{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;row-gap:4px}
.mega-links a{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:13px 8px;border-bottom:1px solid #eceeef;transition:transform .24s var(--ease),background .24s ease}
.mega-links a:hover{transform:translateX(4px);background:#f8f9f9}
.mega-links a>span{font-size:10px;color:#9a9fa4;padding-top:2px}
.mega-links strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.025em}
.mega-links small{display:block;font-size:10.5px;color:#7b8085;margin-top:4px;line-height:1.35}
.certbtn{display:inline-flex;align-items:center;gap:14px;text-decoration:none;white-space:nowrap}.certbtn span{font-size:17px;font-weight:300}

.mobile-accordion-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:0;border-bottom:1px solid #eee;padding:16px 0;font-size:12px;font-weight:700;text-transform:uppercase;color:#111;text-align:left}
.mobile-plus{font-size:19px;font-weight:300;transition:transform .28s var(--ease)}
.mobile-accordion-toggle[aria-expanded="true"] .mobile-plus{transform:rotate(45deg)}
.mobile-submenu{max-height:0;overflow:hidden;opacity:0;transition:max-height .42s var(--ease),opacity .3s ease;padding-left:14px;background:#fafafa}
.mobile-submenu.open{max-height:320px;opacity:1}
.mobile-submenu a{font-size:11px!important;font-weight:500!important;text-transform:none!important;padding:12px 10px!important;color:#53585e}
.mobile-request{margin-top:18px!important;background:#0b0d10;color:#fff!important;padding:17px 18px!important;display:flex!important;justify-content:space-between!important;border:0!important}

/* Internal certification page */
.cert-page{background:#fff}.cert-page h1,.cert-page h2,.cert-page h3{font-weight:400}.cert-page h2{font-size:clamp(40px,5vw,68px);line-height:.98;letter-spacing:-.042em}.cert-page p{font-size:16.5px;line-height:1.72}
.cert-page-hero{height:min(78vh,790px);min-height:650px;position:relative;overflow:hidden;background:#eef0f1}
.cert-page-hero-media{position:absolute;inset:0;background-image:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 31%,rgba(255,255,255,.67) 48%,rgba(255,255,255,.10) 72%),var(--cert-hero);background-size:cover;background-position:center;transform:translate3d(0,var(--bg-y,0),0) scale(1.08);will-change:transform}
.cert-hero-lines{position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 49.9%,rgba(9,12,15,.07) 50%,transparent 50.1%);background-size:17% 100%;mask-image:linear-gradient(90deg,#000,transparent 75%)}
.cert-page-hero-in{height:100%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}
.cert-page-hero-copy{width:55%;max-width:700px;padding-left:48px}.cert-page-hero-copy .smallcaps{margin-bottom:28px}.cert-page-hero-copy h1{font-size:clamp(58px,7.5vw,108px);line-height:.88;letter-spacing:-.06em;margin:0 0 30px}.cert-page-hero-copy p{max-width:480px;font-size:18px;margin-bottom:34px;color:#2c3035}
.cert-hero-note{align-self:flex-end;margin:0 10px 46px 0;display:flex;align-items:flex-start;gap:20px;padding:20px 0;border-top:1px solid rgba(14,16,19,.4);min-width:250px}.cert-hero-note span{font-size:12px}.cert-hero-note p{font-size:11.5px!important;line-height:1.45!important;text-transform:uppercase;letter-spacing:.05em;margin:0}
.cert-anchor-nav{position:sticky;top:72px;z-index:70;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid #e7e8e9}.cert-anchor-in{min-height:58px;display:flex;align-items:center;gap:35px}.cert-anchor-in a{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#555b61;position:relative}.cert-anchor-in a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:#111;transition:.25s}.cert-anchor-in a:hover:after{right:0}
.cert-section-light{position:relative;overflow:hidden}.cert-section-dark{position:relative;overflow:hidden;background:#0b0d10;color:#fff}.cert-section-dark p{color:#b7bbc0}.cert-section-dark .sectionlabel:after{background:#666d74}
.cert-overview{padding:112px 0 105px}.cert-overview:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(12,15,18,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(12,15,18,.028) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 60%,transparent)}
.cert-overview-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;position:relative}.cert-overview-intro h2{margin:22px 0 0;max-width:620px}.cert-overview-body{padding-top:38px;max-width:520px}.cert-lead{font-size:20px!important;line-height:1.55!important;color:#16191d!important}.cert-overview-body p:last-child{color:#666c72}
.cert-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe1e2;margin-top:75px;border:1px solid #dfe1e2;position:relative}.cert-pillar{background:#fff;padding:36px;min-height:300px;position:relative;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.cert-pillar:hover{z-index:2;transform:translateY(-8px);box-shadow:0 28px 60px rgba(0,0,0,.10)}.cert-pillar-no{font-size:10px;color:#93999e}.cert-pillar svg{width:48px;height:48px;fill:none;stroke:#14171a;stroke-width:1.3;margin:50px 0 30px}.cert-pillar h3{font-size:20px;text-transform:uppercase;margin-bottom:15px}.cert-pillar p{font-size:14px!important;color:#6b7075;margin:0;max-width:300px}
.cert-how{padding:105px 0 115px}.cert-dark-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:24px 24px;opacity:.28;mask-image:linear-gradient(90deg,transparent,#000 45%,#000 85%,transparent)}.cert-how-head{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;position:relative}.cert-how-head h2{margin:22px 0 0}.cert-how-head>p{font-size:17px;max-width:440px;margin:0 0 8px auto}.cert-how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:75px;border-top:1px solid rgba(255,255,255,.19);border-bottom:1px solid rgba(255,255,255,.19);position:relative}.cert-how-card{padding:34px 30px 42px;border-right:1px solid rgba(255,255,255,.17);position:relative;min-height:310px}.cert-how-card:last-child{border-right:0}.cert-how-card>span{font-size:12px;color:#777e85}.cert-how-card h3{font-size:22px;text-transform:uppercase;margin:62px 0 18px}.cert-how-card p{font-size:13.5px!important;line-height:1.6!important;max-width:230px}.cert-how-card i{position:absolute;left:30px;bottom:30px;width:24px;height:1px;background:#fff;transition:width .35s var(--ease)}.cert-how-card:hover i{width:72px}
.cert-benefits{padding:110px 0 118px}.cert-benefits-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.cert-benefits-head .sectionlabel{grid-column:1/-1}.cert-benefits-head h2{margin:0;max-width:670px}.cert-benefits-head p{max-width:500px;color:#61676d;margin:0 0 8px}.cert-benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:68px}.cert-benefit-card{border:1px solid #dfe1e3;padding:32px 28px;min-height:300px;position:relative;background:#fff;transition:transform .38s var(--ease),background .38s ease,color .38s ease}.cert-benefit-card:hover{transform:translateY(-7px);background:#0d0f12;color:#fff}.cert-benefit-card svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.25;margin-bottom:65px}.cert-benefit-card h3{font-size:17px;text-transform:uppercase;margin-bottom:15px}.cert-benefit-card p{font-size:13.5px!important;line-height:1.58!important;color:#6b7075;margin:0}.cert-benefit-card:hover p{color:#c9cdd1}
.cert-digital{padding:115px 0 120px;min-height:690px}.cert-digital-bg{position:absolute;inset:-8%;background-image:linear-gradient(90deg,#0b0d10 4%,rgba(11,13,16,.96) 38%,rgba(11,13,16,.82) 58%,rgba(11,13,16,.90)),var(--digital-bg);background-size:cover;background-position:center;filter:grayscale(1);opacity:.45;transform:translate3d(0,var(--bg-y,0),0) scale(1.12)}.cert-digital-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;position:relative}.cert-digital-copy h2{margin:22px 0 28px}.cert-digital-copy>p{font-size:16.5px;max-width:520px}.cert-digital-list{display:grid;grid-template-columns:1fr 1fr;margin-top:38px;border-top:1px solid rgba(255,255,255,.18)}.cert-digital-list span{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.cert-digital-preview{background:#f5f5f3;color:#101215;min-height:415px;padding:31px;box-shadow:0 36px 90px rgba(0,0,0,.30);position:relative;overflow:hidden}.cert-digital-preview:before{content:"";position:absolute;right:-120px;top:-120px;width:300px;height:300px;border:1px solid #d2d4d5;border-radius:50%;box-shadow:0 0 0 50px rgba(0,0,0,.018),0 0 0 100px rgba(0,0,0,.012)}.cert-preview-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #cfd2d3;padding-bottom:20px;font-size:9px;letter-spacing:.08em}.cert-preview-top b{color:#1b6d47}.cert-preview-main{display:grid;grid-template-columns:1fr 124px;gap:30px;align-items:end;padding:60px 0 45px}.cert-preview-main small,.cert-preview-bottom span{font-size:9px;color:#73787d;letter-spacing:.08em}.cert-preview-main strong{display:block;font-size:30px;font-weight:300;margin:10px 0 20px}.cert-preview-main p{font-size:12px!important;color:#62676c;margin:0}.cert-qr{width:124px;height:124px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;border:1px solid #bbb;background:#fff}.cert-qr i{background:#111}.cert-qr i:nth-child(2),.cert-qr i:nth-child(6),.cert-qr i:nth-child(8){background:#fff;border:6px solid #111}.cert-preview-bottom{border-top:1px solid #cfd2d3;padding-top:18px}.cert-preview-bottom strong{display:block;font-size:11px;margin-top:6px;font-weight:500}
.cert-method{padding:112px 0 120px}.cert-method-watermark{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.94)),var(--method-bg);background-size:cover;background-position:center;opacity:.25;filter:grayscale(1);transform:translate3d(0,var(--bg-y,0),0) scale(1.1)}.cert-method-head{display:grid;grid-template-columns:1fr .7fr;gap:90px;align-items:end;position:relative}.cert-method-head .sectionlabel{grid-column:1/-1}.cert-method-head h2{margin:0}.cert-method-head p{margin:0 0 8px;color:#676d73}.cert-method-list{margin-top:68px;border-top:1px solid #cfd2d4;position:relative}.cert-method-row{display:grid;grid-template-columns:80px 250px 1fr;gap:28px;padding:25px 0;border-bottom:1px solid #cfd2d4;align-items:center;transition:padding .3s var(--ease),background .3s ease}.cert-method-row:hover{padding-left:16px;background:rgba(255,255,255,.72)}.cert-method-row>span{font-size:11px;color:#8f9499}.cert-method-row h3{font-size:20px;text-transform:uppercase;margin:0}.cert-method-row p{font-size:14px!important;color:#676d73;margin:0}
.cert-page-cta{background:#0b0d10;color:#fff;padding:82px 0}.cert-page-cta-in{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end}.cert-page-cta h2{font-size:clamp(44px,5.5vw,76px);line-height:.95;letter-spacing:-.045em;margin:16px 0 0}.cert-page-cta p{color:#b7bbc0;max-width:480px;margin-bottom:28px}.cert-page-cta .btn.light{background:#fff;border-color:#fff}

@media(max-width:1050px){
 .nav-primary{gap:18px}.nav-primary>a,.nav-main-link{font-size:9.5px!important}.certbtn{font-size:9.5px!important;padding:0 13px!important}.mega-menu{left:-70px;width:650px}
 .cert-page-hero-copy{width:62%;padding-left:20px}.cert-overview-grid,.cert-how-head,.cert-benefits-head,.cert-digital-grid,.cert-method-head{gap:55px}.cert-pillars{grid-template-columns:repeat(3,1fr)}.cert-benefits-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:850px){
 .topbar{height:34px}.topbar-side>span:not(.topbar-lang){display:none}.topbar-contacts{gap:18px}.topbar-link{font-size:9.5px}.header{top:0}.nav-primary{display:none}.certbtn{display:none!important}
 .cert-page-hero{height:720px}.cert-page-hero-media{background-image:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.97) 43%,rgba(255,255,255,.55) 62%,rgba(255,255,255,.05) 84%),var(--cert-hero);background-position:center bottom}.cert-page-hero-in{align-items:flex-start}.cert-page-hero-copy{width:100%;padding:70px 4px 0}.cert-page-hero-copy h1{font-size:62px}.cert-page-hero-copy p{max-width:90%;font-size:16px}.cert-hero-note{display:none}.cert-anchor-nav{top:72px;overflow:auto}.cert-anchor-in{width:max-content;padding-right:22px}
 .cert-overview-grid,.cert-how-head,.cert-digital-grid,.cert-method-head,.cert-page-cta-in{grid-template-columns:1fr}.cert-pillars{grid-template-columns:1fr}.cert-pillar{min-height:240px}.cert-how-grid{grid-template-columns:1fr 1fr}.cert-how-card:nth-child(2){border-right:0}.cert-benefits-head{grid-template-columns:1fr}.cert-benefits-head .sectionlabel{grid-column:auto}.cert-digital-grid{gap:55px}.cert-method-row{grid-template-columns:60px 170px 1fr}
}
@media(max-width:620px){
 .topbar-side{display:none}.topbar-in{justify-content:center}.topbar-contacts{width:100%;justify-content:space-between}.topbar-link{font-size:9px}.topbar-link span{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .mobile-nav{top:72px}.cert-page h2{font-size:42px}.cert-page-hero{height:680px;min-height:680px}.cert-page-hero-copy{padding-top:52px}.cert-page-hero-copy h1{font-size:50px;line-height:.9}.cert-page-hero-copy p{font-size:15.5px}.cert-anchor-nav{display:none}.cert-overview,.cert-how,.cert-benefits,.cert-digital,.cert-method{padding:78px 0}.cert-overview-body{padding-top:0}.cert-pillars{margin-top:50px}.cert-pillar{padding:28px}.cert-pillar svg{margin:36px 0 24px}.cert-how-grid{grid-template-columns:1fr}.cert-how-card{border-right:0;border-bottom:1px solid rgba(255,255,255,.16);min-height:230px}.cert-how-card h3{margin-top:40px}.cert-benefits-grid{grid-template-columns:1fr}.cert-benefit-card{min-height:250px}.cert-benefit-card svg{margin-bottom:45px}.cert-digital-list{grid-template-columns:1fr}.cert-preview-main{grid-template-columns:1fr}.cert-qr{margin-top:12px}.cert-method-row{grid-template-columns:44px 1fr;gap:10px 18px}.cert-method-row p{grid-column:2}.cert-page-cta{padding:70px 0}.cert-page-cta-in{gap:34px}
}


/* =========================================================
   STEP 3.1 — HEADER / TOP BAR / MEGA MENU FIX
   ========================================================= */
.topbar{height:38px;background:#090b0e;color:#d9dde1;border-bottom:1px solid rgba(255,255,255,.08)}
.topbar-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}
.topbar-contacts,.topbar-nav{display:flex;align-items:center}.topbar-contacts{gap:28px}.topbar-nav{gap:24px}
.topbar-link,.topbar-nav a,.topbar-lang{color:#d9dde1;font-size:10.5px;line-height:1;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap}
.topbar-link{display:inline-flex;align-items:center;gap:9px;text-transform:none;letter-spacing:.025em}
.topbar-link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.topbar-link,.topbar-nav a{position:relative;transition:color .25s ease}.topbar-link:hover,.topbar-nav a:hover{color:#fff}
.topbar-link:after,.topbar-nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:#fff;opacity:.55;transition:width .28s var(--ease)}
.topbar-link:hover:after,.topbar-nav a:hover:after{width:100%}
.topbar-lang{border-left:1px solid rgba(255,255,255,.18);padding-left:20px;font-weight:700;color:#fff}
.headerin{grid-template-columns:245px minmax(0,1fr) auto;gap:24px;position:relative}
.nav-primary{min-width:0;justify-content:center;gap:34px}.nav-primary>a,.nav-main-link{font-size:10.5px!important;letter-spacing:.02em}.headright{min-width:max-content}.certbtn{min-width:270px;justify-content:space-between}
.nav-item.has-mega{position:static}
.mega-menu{position:absolute!important;top:calc(100% - 1px)!important;left:50%!important;right:auto!important;width:min(840px,calc(100vw - 72px))!important;max-width:calc(var(--max) - 40px)!important;transform:translate(-50%,16px)!important;display:block!important;padding:30px 34px 32px!important;background:rgba(255,255,255,.992)!important;border:1px solid #dfe2e5!important;box-shadow:0 30px 85px rgba(10,14,18,.15)!important;overflow:hidden!important}
.has-mega:hover .mega-menu,.has-mega:focus-within .mega-menu{transform:translate(-50%,0)!important}
.mega-menu:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#101318 0 28%,#dfe3e6 28% 100%)}
.mega-head{display:grid!important;grid-template-columns:135px minmax(0,1fr) 280px;gap:24px;align-items:start;padding:0 0 25px!important;margin:0 0 4px!important;border-right:0!important;border-bottom:1px solid #e3e5e7}
.mega-kicker{font-size:9.5px!important;letter-spacing:.18em!important;padding-top:5px}
.mega-head strong{display:block;margin:0!important;max-width:410px;font-size:27px!important;line-height:1.04!important;letter-spacing:-.035em!important;font-weight:400!important}
.mega-head p{margin:2px 0 0;color:#73797f;font-size:12.5px;line-height:1.55}
.mega-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 30px!important;padding-top:6px}
.mega-links a{min-width:0;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:12px!important;align-items:start;padding:18px 4px!important;border-bottom:1px solid #e7e9eb!important;background:transparent!important}
.mega-links a:nth-child(5){grid-column:1/-1;max-width:calc(50% - 15px)}
.mega-links a>span{font-size:10px!important;color:#a0a5aa!important;padding-top:2px}.mega-links strong{display:block;max-width:100%;font-size:12.5px!important;line-height:1.28!important;overflow-wrap:anywhere}.mega-links small{display:block;max-width:100%;margin-top:5px!important;font-size:10.8px!important;line-height:1.42!important;color:#7a8086!important;overflow-wrap:anywhere}.mega-links a:hover{transform:translateX(5px)!important}
@media(max-width:1100px){.headerin{grid-template-columns:220px minmax(0,1fr) auto;gap:16px}.nav-primary{gap:20px}.nav-primary>a,.nav-main-link{font-size:9.5px!important}.certbtn{min-width:225px;font-size:9px!important}.mega-menu{width:min(790px,calc(100vw - 48px))!important}.mega-head{grid-template-columns:110px minmax(0,1fr) 230px}.mega-head strong{font-size:24px!important}}
@media(max-width:850px){.topbar{height:36px}.topbar-in{gap:15px}.topbar-nav{gap:16px}.topbar-nav a{font-size:9.5px}.topbar-contacts{gap:16px}.topbar-link{font-size:9.5px}.topbar-link svg{width:13px;height:13px}}
@media(max-width:620px){.topbar{height:auto;min-height:38px;padding:8px 0}.topbar-in{align-items:center}.topbar-contacts{gap:13px;min-width:0}.topbar-link{font-size:9px;min-width:0}.topbar-link span{display:block;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-nav{gap:11px}.topbar-nav a{font-size:8.5px}.topbar-lang{display:none}}


/* =========================================================
   STEP 3.2 — MEGA MENU OVERLAP FIX
   ========================================================= */
/* The main nav uses white-space:nowrap; neutralize it inside the dropdown. */
.mega-menu,
.mega-menu *{
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

.mega-menu{
  width:min(900px,calc(100vw - 64px))!important;
  max-width:calc(var(--max) - 24px)!important;
  padding:34px 40px 36px!important;
}

/* Heading is a true full-width block ABOVE the menu items. */
.mega-head{
  display:block!important;
  padding:0 0 28px!important;
  margin:0 0 4px!important;
  border-right:0!important;
  border-bottom:1px solid #e2e5e7!important;
}
.mega-kicker{
  display:block!important;
  margin:0 0 15px!important;
  font-size:9.5px!important;
  line-height:1!important;
  letter-spacing:.18em!important;
}
.mega-head strong{
  display:block!important;
  width:100%!important;
  max-width:650px!important;
  margin:0!important;
  font-size:27px!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
  font-weight:400!important;
  text-transform:uppercase;
}
.mega-head p{
  display:block!important;
  width:100%!important;
  max-width:620px!important;
  margin:14px 0 0!important;
  color:#73797f!important;
  font-size:12.5px!important;
  line-height:1.55!important;
  text-transform:none!important;
  letter-spacing:0!important;
}

.mega-links{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 36px!important;
  padding-top:8px!important;
}
.mega-links a{
  width:100%!important;
  min-width:0!important;
  padding:19px 4px!important;
}
.mega-links a:nth-child(5){
  grid-column:1/-1!important;
  max-width:calc(50% - 18px)!important;
}
.mega-links strong{
  font-size:13px!important;
  line-height:1.28!important;
}
.mega-links small{
  font-size:11px!important;
  line-height:1.42!important;
}

@media(max-width:1100px){
  .mega-menu{
    width:min(800px,calc(100vw - 42px))!important;
    padding:30px 32px 32px!important;
  }
  .mega-head strong{font-size:24px!important;max-width:590px!important}
  .mega-head p{max-width:560px!important}
  .mega-links{gap:0 28px!important}
  .mega-links a:nth-child(5){max-width:calc(50% - 14px)!important}
}


/* =========================================================
   STEP 4 — CERTIFICAZIONI / PORTFOLIO
   ========================================================= */
.certifications-page{background:#fff;color:#0d0f12;overflow:hidden}
.certifications-page h1,.certifications-page h2,.certifications-page h3{font-weight:400}

.certs-hero{height:min(72vh,720px);min-height:610px;position:relative;overflow:hidden;background:#e8ebed}
.certs-hero-bg{position:absolute;inset:-6%;background-image:linear-gradient(90deg,#f8f9f9 0%,rgba(248,249,249,.97) 31%,rgba(248,249,249,.67) 50%,rgba(248,249,249,.12) 73%),var(--certs-hero);background-size:cover;background-position:center;filter:saturate(.75) contrast(1.04);transform:translate3d(0,var(--certs-y,0),0) scale(1.08);will-change:transform}
.certs-hero-pattern{position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 49.85%,rgba(12,15,18,.08) 50%,transparent 50.15%);background-size:14% 100%;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.35),transparent 86%)}
.certs-hero-in{height:100%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.certs-hero-copy{width:58%;padding-left:48px}.certs-hero-copy .smallcaps{margin-bottom:28px}.certs-hero-copy h1{font-size:clamp(70px,9vw,126px);line-height:.84;letter-spacing:-.07em;margin:0 0 30px}.certs-hero-copy p{font-size:18px;line-height:1.62;max-width:545px;color:#34393e;margin:0}
.certs-hero-index{align-self:flex-end;margin:0 12px 42px 0;border-top:1px solid rgba(16,19,22,.38);padding-top:18px;min-width:230px;display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.08em}.certs-hero-index strong{font-size:12px;font-weight:500}

.certs-verify{background:#0b0d10;color:#fff;padding:88px 0 92px;position:relative;overflow:hidden}
.certs-verify:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:24px 24px;opacity:.28;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 88%,transparent)}
.certs-verify-glow{position:absolute;width:520px;height:520px;border-radius:50%;right:8%;top:-320px;background:radial-gradient(circle,rgba(255,255,255,.11),transparent 68%);animation:certsGlow 9s ease-in-out infinite alternate}
@keyframes certsGlow{to{transform:translate3d(-90px,80px,0) scale(1.2);opacity:.55}}
.certs-verify-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;align-items:center;position:relative}.certs-verify h2{font-size:clamp(48px,6vw,80px);line-height:.92;letter-spacing:-.05em;margin:22px 0 0}.certs-verify .sectionlabel:after{background:#596067}
.certs-verify-panel{border-left:1px solid rgba(255,255,255,.17);padding-left:55px}.certs-verify-panel>p{color:#aeb3b8;font-size:15.5px;max-width:610px;margin:0 0 31px}
.certs-verify-form label{display:block;font-size:9.5px;letter-spacing:.12em;color:#9ba1a7;margin-bottom:10px}.certs-input-row{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid rgba(255,255,255,.4)}.certs-input-row input{height:62px;background:transparent;border:0;outline:0;color:#fff;font-size:20px;font-weight:300;letter-spacing:.02em;padding:0 12px 0 0;text-transform:uppercase}.certs-input-row input::placeholder{color:#626970}.certs-input-row button{border:0;background:transparent;color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;padding:0 0 0 30px;display:flex;align-items:center;gap:22px}.certs-input-row button span{font-size:22px;font-weight:300;transition:transform .25s var(--ease)}.certs-input-row button:hover span{transform:translateX(6px)}.certs-verify-message{min-height:23px;margin-top:13px;font-size:11.5px;color:#8cd8b0}.certs-verify-message.is-error{color:#e89696}

.certs-portfolio{padding:112px 0 128px;position:relative;background:#fdfdfc}.certs-portfolio:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(12,15,18,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(12,15,18,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000 60%,transparent)}
.certs-portfolio-head{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end;position:relative}.certs-portfolio-head h2{font-size:clamp(44px,5.5vw,73px);line-height:.96;letter-spacing:-.05em;margin:22px 0 0}.certs-portfolio-head>p{font-size:16px;color:#666c72;max-width:520px;margin:0 0 7px}
.certs-filter-wrap{margin-top:70px;padding:18px 0 20px;border-top:1px solid #d9dcdf;border-bottom:1px solid #d9dcdf;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative}.certs-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.certs-filters button{border:0;background:transparent;padding:9px 12px;font-size:10.5px;font-weight:700;letter-spacing:.045em;color:#777d83;transition:background .25s ease,color .25s ease,transform .25s var(--ease)}.certs-filters button span{font-size:8px;vertical-align:super;margin-left:3px;color:#a2a7ac}.certs-filters button:hover,.certs-filters button.is-active{background:#0d0f12;color:#fff;transform:translateY(-1px)}.certs-filters button.is-active span{color:#c7cbd0}.certs-view-label{font-size:9px;letter-spacing:.09em;display:flex;align-items:center;gap:10px;white-space:nowrap}.certs-view-label>span{width:6px;height:6px;border-radius:50%;background:#23a36d;box-shadow:0 0 0 5px rgba(35,163,109,.09)}

.certs-grid{margin-top:48px;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:30px;position:relative}.certs-card{grid-column:span 4;min-width:0;transition:opacity .38s ease,transform .45s var(--ease)}.certs-card--wide{grid-column:span 8}.certs-card--tall .certs-card-media{aspect-ratio:.82/1}.certs-card--standard .certs-card-media{aspect-ratio:1.02/1}.certs-card--wide .certs-card-media{aspect-ratio:1.72/1}.certs-card.is-filtered-out{display:none}.certs-card.is-highlighted{animation:certHighlight 1.5s ease both}@keyframes certHighlight{0%,100%{filter:none}30%{filter:drop-shadow(0 0 24px rgba(40,137,91,.3));transform:translateY(-8px)}}
.certs-card-link{width:100%;border:0;background:transparent;text-align:left;padding:0;color:inherit;display:block}.certs-card-media{position:relative;overflow:hidden;background:#d9dcde}.certs-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),filter .55s ease}.certs-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.02) 50%,rgba(0,0,0,.48));transition:background .45s ease}.certs-card-link:hover img{transform:scale(1.06);filter:saturate(.9) contrast(1.05)}.certs-card-link:hover .certs-card-shade{background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.02) 38%,rgba(0,0,0,.61))}.certs-card-index,.certs-card-category,.certs-card-open{position:absolute;color:#fff;z-index:2}.certs-card-index{left:18px;top:17px;font-size:9px;letter-spacing:.08em}.certs-card-category{left:18px;bottom:17px;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase}.certs-card-open{right:18px;bottom:15px;width:38px;height:38px;border:1px solid rgba(255,255,255,.55);display:grid;place-items:center;font-size:18px;transition:background .3s ease,color .3s ease,transform .3s var(--ease)}.certs-card-link:hover .certs-card-open{background:#fff;color:#111;transform:rotate(5deg)}
.certs-card-info{display:grid;grid-template-columns:1fr auto;gap:20px;padding:18px 0 0;align-items:start}.certs-card-info h3{font-size:18px;line-height:1.2;margin:0 0 7px;text-transform:uppercase;letter-spacing:-.015em}.certs-card-info p{font-size:12.5px;color:#757b81;margin:0}.certs-card-info>strong{font-size:9.5px;font-weight:500;letter-spacing:.055em;padding-top:3px;color:#656b71}.certs-empty{padding:50px 0;text-align:center;font-size:13px;color:#777;position:relative}

.certs-privacy{background:#0b0d10;color:#fff;padding:105px 0 112px;position:relative;overflow:hidden}.certs-privacy-pattern{position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 44%,rgba(255,255,255,.025) 44% 44.2%,transparent 44.2% 100%),radial-gradient(circle at 85% 25%,rgba(255,255,255,.07),transparent 24%)}.certs-privacy-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;position:relative}.certs-privacy h2{font-size:clamp(43px,5vw,69px);line-height:.97;letter-spacing:-.05em;margin:22px 0 0}.certs-privacy .sectionlabel:after{background:#666}.certs-privacy-cards{border-top:1px solid rgba(255,255,255,.2)}.certs-privacy-cards article{display:grid;grid-template-columns:50px 170px 1fr;gap:25px;align-items:center;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.18);transition:padding .3s var(--ease)}.certs-privacy-cards article:hover{padding-left:12px}.certs-privacy-cards span{font-size:10px;color:#767d84}.certs-privacy-cards strong{font-size:13px;letter-spacing:.04em}.certs-privacy-cards p{font-size:13.5px;color:#aeb3b8;margin:0}
.certs-cta{padding:86px 0;background:#fff}.certs-cta-in{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end}.certs-cta h2{font-size:clamp(46px,5.8vw,78px);line-height:.94;letter-spacing:-.05em;margin:18px 0 0}.certs-cta p{font-size:16px;color:#666c72;max-width:480px;margin:0 0 28px}.certs-cta .btn.light{background:#0b0d10;color:#fff;border-color:#0b0d10}

/* Quick view demo */
.certs-modal{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:28px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s}.certs-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.certs-modal-backdrop{position:absolute;inset:0;background:rgba(5,7,9,.75);backdrop-filter:blur(10px)}.certs-modal-dialog{width:min(980px,calc(100vw - 56px));max-height:calc(100vh - 56px);overflow:auto;background:#fff;position:relative;z-index:1;display:grid;grid-template-columns:.95fr 1.05fr;box-shadow:0 35px 120px rgba(0,0,0,.38);transform:translateY(18px) scale(.985);transition:transform .38s var(--ease)}.certs-modal.is-open .certs-modal-dialog{transform:none}.certs-modal-close{position:absolute;right:17px;top:14px;z-index:5;width:42px;height:42px;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.2);color:#fff;font-size:27px;font-weight:200;line-height:1}.certs-modal-media{min-height:560px;background:#ddd}.certs-modal-media img{width:100%;height:100%;object-fit:cover}.certs-modal-content{padding:58px 54px}.certs-modal-status{display:flex;align-items:center;gap:10px;margin:34px 0 18px;font-size:10px;color:#18734a;letter-spacing:.06em;font-weight:700}.certs-modal-status i{width:8px;height:8px;border-radius:50%;background:#2aa66e;box-shadow:0 0 0 6px rgba(42,166,110,.1)}.certs-modal-content h2{font-size:42px;line-height:1.02;letter-spacing:-.04em;margin:0 0 35px}.certs-modal-code{display:grid;grid-template-columns:95px 1fr;gap:18px;padding:14px 0;border-top:1px solid #dfe1e2}.certs-modal-code span{font-size:9px;color:#858a8f;letter-spacing:.08em}.certs-modal-code strong{font-size:12px;font-weight:500}.certs-modal-content>p{font-size:14.5px;color:#62686e;margin:28px 0}.certs-modal-note{font-size:10.5px;color:#8a8f94;border-top:1px solid #dfe1e2;padding-top:17px}
body.certs-modal-open{overflow:hidden}

@media(max-width:1050px){.certs-grid{gap:24px}.certs-card{grid-column:span 6}.certs-card--wide{grid-column:span 12}.certs-portfolio-head,.certs-verify-grid,.certs-privacy-grid{gap:58px}.certs-filter-wrap{align-items:flex-start}.certs-filters{max-width:780px}.certs-view-label{margin-top:10px}}
@media(max-width:850px){.certs-hero{height:690px}.certs-hero-bg{background-image:linear-gradient(180deg,#f8f9f9 0%,rgba(248,249,249,.98) 44%,rgba(248,249,249,.65) 64%,rgba(248,249,249,.07) 84%),var(--certs-hero);background-position:center bottom}.certs-hero-in{align-items:flex-start}.certs-hero-copy{width:100%;padding:74px 4px 0}.certs-hero-copy h1{font-size:82px}.certs-hero-copy p{max-width:88%;font-size:16px}.certs-hero-index{display:none}.certs-verify-grid,.certs-portfolio-head,.certs-privacy-grid,.certs-cta-in{grid-template-columns:1fr}.certs-verify-panel{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding:35px 0 0}.certs-portfolio-head{gap:32px}.certs-filter-wrap{display:block;overflow:hidden}.certs-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.certs-filters::-webkit-scrollbar{display:none}.certs-view-label{margin-top:14px}.certs-privacy-grid{gap:48px}.certs-modal-dialog{grid-template-columns:1fr;max-width:700px}.certs-modal-media{min-height:340px;height:340px}.certs-modal-content{padding:40px}.certs-modal-close{color:#fff;background:rgba(0,0,0,.45)}}
@media(max-width:620px){.certs-hero{height:620px;min-height:620px}.certs-hero-copy{padding-top:54px}.certs-hero-copy h1{font-size:56px;line-height:.88}.certs-hero-copy p{font-size:15px}.certs-verify,.certs-portfolio,.certs-privacy{padding:76px 0}.certs-verify h2,.certs-privacy h2,.certs-portfolio-head h2{font-size:42px}.certs-input-row{grid-template-columns:1fr}.certs-input-row button{height:48px;padding:0;border-top:1px solid rgba(255,255,255,.14);justify-content:space-between}.certs-grid{grid-template-columns:1fr;gap:38px}.certs-card,.certs-card--wide{grid-column:auto}.certs-card--wide .certs-card-media,.certs-card--standard .certs-card-media{aspect-ratio:1.1/1}.certs-card--tall .certs-card-media{aspect-ratio:.9/1}.certs-card-info{grid-template-columns:1fr}.certs-card-info>strong{padding-top:0}.certs-privacy-cards article{grid-template-columns:36px 1fr}.certs-privacy-cards p{grid-column:2}.certs-cta{padding:70px 0}.certs-modal{padding:14px}.certs-modal-dialog{width:calc(100vw - 28px);max-height:calc(100vh - 28px)}.certs-modal-media{height:250px;min-height:250px}.certs-modal-content{padding:32px 26px}.certs-modal-content h2{font-size:33px}.certs-modal-code{grid-template-columns:80px 1fr}}


/* =========================================================
   STANDARD V6 — rebuild from stable STEP 4
   Hero = exact Home structure
   ========================================================= */
.standard6-page{background:#fff;color:#0d0f12;overflow:hidden}
.standard6-page h2,.standard6-page h3{font-weight:400}
.standard6-hero .heroimg{background-position:center 48%}
.standard6-hero .herocopy h1{white-space:nowrap}

.standard6-intro{padding:94px 0 90px;background:#fbfbfa;border-bottom:1px solid #e4e6e7}
.standard6-intro-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:90px;align-items:end}
.standard6-intro h2{font-size:clamp(44px,5.3vw,74px);line-height:.96;letter-spacing:-.05em;margin:22px 0 0}
.standard6-intro p{font-size:16.5px;line-height:1.72;color:#62686e;max-width:520px;margin:0 0 7px}

.standard6-item{width:100%;overflow:hidden;border-bottom:1px solid rgba(120,125,130,.16)}
.standard6-item.is-light{background:#f7f5f1;color:#111}
.standard6-item.is-dark{background:#0b0d10;color:#fff}
.standard6-grid{display:grid;grid-template-columns:1fr 1fr;min-height:420px;align-items:stretch}
.standard6-grid.is-reverse .standard6-copy-wrap{order:2}
.standard6-grid.is-reverse .standard6-media{order:1}

.standard6-copy-wrap{display:flex;align-items:center;min-width:0}
.standard6-grid:not(.is-reverse) .standard6-copy-wrap{justify-content:flex-end}
.standard6-grid.is-reverse .standard6-copy-wrap{justify-content:flex-start}
.standard6-copy{width:min(590px,calc(100% - 56px));display:grid;grid-template-columns:92px 58px minmax(0,1fr);gap:22px;align-items:center;padding:54px 0}
.standard6-grid:not(.is-reverse) .standard6-copy{margin-left:auto;margin-right:34px}
.standard6-grid.is-reverse .standard6-copy{margin-right:auto;margin-left:34px}
.standard6-number{font-size:70px;line-height:.9;font-weight:300;color:#b98d4c;letter-spacing:-.05em}
.standard6-icon{width:56px;height:56px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;opacity:.72}
.standard6-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.standard6-text{min-width:0}
.standard6-text h3{font-size:24px;line-height:1.12;letter-spacing:-.025em;text-transform:uppercase;margin:0 0 18px;max-width:350px}
.standard6-text p{font-size:14.5px;line-height:1.66;color:#656b71;max-width:390px;margin:0}
.standard6-item.is-dark .standard6-text p{color:#b6bbc0}
.standard6-rule{display:block;width:72px;height:1px;margin-top:28px;background:#b98d4c;transition:width .4s var(--ease)}
.standard6-copy:hover .standard6-rule{width:140px}

.standard6-media{position:relative;min-width:0;min-height:420px;overflow:hidden;background:#d9dcde}
.standard6-media img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center;transition:transform .9s var(--ease),filter .55s ease}
.standard6-item:hover .standard6-media img{transform:scale(1.055);filter:saturate(.92) contrast(1.04)}
.standard6-media-shade{position:absolute;inset:0;background:linear-gradient(110deg,rgba(0,0,0,.08),transparent 52%);pointer-events:none}
.standard6-item.is-dark .standard6-media-shade{background:linear-gradient(110deg,rgba(0,0,0,.20),transparent 58%)}
.standard6-media-no{position:absolute;right:22px;bottom:18px;min-width:48px;padding-top:8px;border-top:1px solid rgba(255,255,255,.58);color:#fff;font-size:9px;letter-spacing:.12em}

.standard6-method{padding:102px 0 110px;background:#f1eee8;position:relative;overflow:hidden}
.standard6-method-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(20,22,24,.055) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent,#000 55%,transparent);opacity:.45}
.standard6-method-grid{display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:end;position:relative;z-index:1}
.standard6-method h2{font-size:clamp(44px,5.2vw,72px);line-height:.96;letter-spacing:-.05em;margin:20px 0 0}
.standard6-method-copy p{font-size:16px;line-height:1.72;color:#5d6369;margin:0 0 30px}
.standard6-tags{display:flex;flex-wrap:wrap;gap:9px}
.standard6-tags span{border:1px solid #cbc5ba;background:rgba(255,255,255,.45);padding:11px 14px;font-size:10px;letter-spacing:.055em;text-transform:uppercase}

.standard6-cta{padding:82px 0;background:#0b0d10;color:#fff}
.standard6-cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end}
.standard6-cta .smallcaps{color:#c69a59}
.standard6-cta h2{font-size:clamp(44px,5.4vw,74px);line-height:.95;letter-spacing:-.05em;margin:18px 0 0}
.standard6-cta p{color:#b9bec3;font-size:15.5px;line-height:1.7;max-width:500px;margin:0 0 28px}

@media(max-width:980px){
 .standard6-intro-grid,.standard6-method-grid,.standard6-cta-grid{gap:55px}
 .standard6-copy{grid-template-columns:72px 48px minmax(0,1fr);gap:16px;width:calc(100% - 36px)}
 .standard6-grid:not(.is-reverse) .standard6-copy{margin-right:20px}
 .standard6-grid.is-reverse .standard6-copy{margin-left:20px}
 .standard6-number{font-size:55px}.standard6-icon{width:46px;height:46px}.standard6-icon svg{width:25px;height:25px}.standard6-text h3{font-size:20px}
}
@media(max-width:850px){
 .standard6-hero .herocopy h1{white-space:normal}
 .standard6-intro-grid,.standard6-method-grid,.standard6-cta-grid{grid-template-columns:1fr;gap:40px}
 .standard6-grid,.standard6-grid.is-reverse{grid-template-columns:1fr}
 .standard6-grid.is-reverse .standard6-copy-wrap,.standard6-grid.is-reverse .standard6-media{order:initial}
 .standard6-copy-wrap,.standard6-grid:not(.is-reverse) .standard6-copy-wrap,.standard6-grid.is-reverse .standard6-copy-wrap{justify-content:center}
 .standard6-copy,.standard6-grid:not(.is-reverse) .standard6-copy,.standard6-grid.is-reverse .standard6-copy{width:min(720px,calc(100% - 38px));margin:0 auto;padding:44px 0;grid-template-columns:72px 52px minmax(0,1fr)}
 .standard6-media,.standard6-media img{min-height:350px}
}
@media(max-width:620px){
 .standard6-intro,.standard6-method{padding:72px 0}
 .standard6-copy,.standard6-grid:not(.is-reverse) .standard6-copy,.standard6-grid.is-reverse .standard6-copy{width:calc(100% - 28px);grid-template-columns:54px 42px minmax(0,1fr);gap:12px;padding:36px 0 40px}
 .standard6-number{font-size:44px}.standard6-icon{width:40px;height:40px}.standard6-icon svg{width:22px;height:22px}.standard6-text h3{font-size:18px;margin-bottom:12px}.standard6-text p{font-size:13.8px}.standard6-media,.standard6-media img{min-height:270px}.standard6-cta{padding:68px 0}
}


/* =========================================================
   STEP 6 — PAGINA SETTORI
   ========================================================= */
.settori-page{background:#fff;color:#0d0f12;overflow:hidden}
.settori-page h1,.settori-page h2,.settori-page h3{font-weight:400}

/* Hero uses the exact Home/Standard classes. Only page-specific sizing safety. */
.settori-hero .herocopy h1{white-space:nowrap}

.settori-intro{padding:92px 0 88px;background:#fbfbfa;border-bottom:1px solid #e5e7e8}
.settori-intro-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:90px;align-items:end}
.settori-intro h2{font-size:clamp(44px,5.4vw,74px);line-height:.96;letter-spacing:-.05em;margin:22px 0 0}
.settori-intro p{font-size:16.5px;line-height:1.72;color:#62686e;max-width:520px;margin:0 0 8px}

.settori-grid-section{padding:74px 0 92px;background:#f2f0eb;position:relative}
.settori-grid-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(12,15,18,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(12,15,18,.028) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000 26%,#000 74%,transparent)}
.settori-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.settore-card{background:#fff;border:1px solid #dedfdf;min-width:0;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.settore-card.is-wide{grid-column:1/-1;display:grid;grid-template-columns:1.16fr .84fr;min-height:430px}
.settore-card:hover{transform:translateY(-7px);box-shadow:0 28px 65px rgba(13,16,20,.10)}
.settore-media{height:300px;position:relative;overflow:hidden;background:#d8dadc}
.settore-card.is-wide .settore-media{height:auto;min-height:430px}
.settore-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .85s var(--ease),filter .55s ease}
.settore-card:hover .settore-media img{transform:scale(1.055);filter:saturate(.92) contrast(1.04)}
.settore-media-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.30));pointer-events:none}
.settore-no{position:absolute;left:22px;top:20px;color:#fff;font-size:11px;letter-spacing:.12em;border-top:1px solid rgba(255,255,255,.65);padding-top:8px;min-width:44px}
.settore-body{min-height:230px;padding:30px 30px 28px;display:grid;grid-template-columns:54px minmax(0,1fr) 32px;gap:18px;align-items:start;position:relative}
.settore-card.is-wide .settore-body{min-height:430px;align-content:center;padding:50px 46px}
.settore-icon{width:48px;height:48px;border:1px solid #aeb2b5;border-radius:50%;display:grid;place-items:center}
.settore-icon svg{width:26px;height:26px;fill:none;stroke:#14171a;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.settore-copy h3{font-size:21px;line-height:1.08;text-transform:uppercase;letter-spacing:-.025em;margin:2px 0 14px}
.settore-copy p{font-size:13.8px;line-height:1.62;color:#686e74;margin:0;max-width:430px}
.settore-arrow{font-size:22px;line-height:1;color:#222;transition:transform .3s var(--ease)}
.settore-card:hover .settore-arrow{transform:translateX(6px)}

.settori-method-dark{padding:100px 0 108px;background:#0b0d10;color:#fff;position:relative;overflow:hidden}
.settori-method-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:24px 24px;opacity:.22;mask-image:linear-gradient(90deg,transparent,#000 42%,#000 88%,transparent)}
.settori-method-grid{position:relative;display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:end}
.settori-method-dark .sectionlabel:after{background:#777}
.settori-method-dark h2{font-size:clamp(46px,5.3vw,74px);line-height:.95;letter-spacing:-.05em;margin:20px 0 0}
.settori-method-copy p{font-size:16px;line-height:1.72;color:#b9bec3;margin:0 0 34px;max-width:520px}
.settori-method-list{border-top:1px solid rgba(255,255,255,.18)}
.settori-method-list span{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:12.5px;color:#d0d3d6}
.settori-method-list b{font-size:10px;color:#8c9298;font-weight:400}

.settori-cta{padding:82px 0;background:#f7f5f1}
.settori-cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end}
.settori-cta .smallcaps{color:#7d8287}
.settori-cta h2{font-size:clamp(46px,5.4vw,74px);line-height:.95;letter-spacing:-.05em;margin:18px 0 0}
.settori-cta p{font-size:15.5px;line-height:1.7;color:#62686e;max-width:500px;margin:0 0 28px}

@media(max-width:980px){
  .settori-intro-grid,.settori-method-grid,.settori-cta-grid{gap:55px}
  .settore-body{grid-template-columns:48px minmax(0,1fr) 28px;padding:26px}
  .settore-card.is-wide .settore-body{padding:38px}
}
@media(max-width:850px){
  .settori-hero .herocopy h1{white-space:normal}
  .settori-intro-grid,.settori-method-grid,.settori-cta-grid{grid-template-columns:1fr;gap:40px}
  .settori-grid{grid-template-columns:1fr}
  .settore-card.is-wide{grid-column:auto;display:block;min-height:0}
  .settore-card.is-wide .settore-media{min-height:350px}
  .settore-card.is-wide .settore-body{min-height:0;padding:30px}
  .settore-media{height:350px}
}
@media(max-width:620px){
  .settori-intro,.settori-method-dark{padding:72px 0}
  .settori-grid-section{padding:52px 0 70px}
  .settore-media,.settore-card.is-wide .settore-media{height:270px;min-height:270px}
  .settore-body,.settore-card.is-wide .settore-body{padding:24px 20px;grid-template-columns:44px minmax(0,1fr) 24px;gap:13px}
  .settore-icon{width:40px;height:40px}.settore-icon svg{width:22px;height:22px}
  .settore-copy h3{font-size:18px}.settore-copy p{font-size:13.5px}
  .settori-cta{padding:68px 0}
}


/* STEP 7 — Request page uses the same internal-page Hero system */
.request-page .request-hero .certs-hero-copy h1{
  font-size:clamp(62px,7.4vw,106px);
  line-height:.86;
}
@media(max-width:850px){
  .request-page .request-hero .certs-hero-copy h1{font-size:68px}
}
@media(max-width:620px){
  .request-page .request-hero .certs-hero-copy h1{font-size:49px}
}


/* =========================================================
   STEP 7.1 — GLOBAL HERO CONTRACT
   One Hero system for Home + every internal page.
   Do not create page-specific Hero layouts unless explicitly requested.
   ========================================================= */
.shared-site-hero{
  min-height:610px!important;
  height:min(72vh,760px)!important;
}
.shared-site-hero .heroimg{
  width:68%!important;
  height:100%!important;
  top:0!important;
  right:0!important;
  background-position:center 48%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.shared-site-hero .heroin{
  height:100%!important;
  align-items:center!important;
}
.shared-site-hero .herocopy{
  width:52%!important;
  padding-left:58px!important;
  margin-top:-10px!important;
}
.shared-site-hero .herocopy .smallcaps{margin-bottom:30px!important}
.shared-site-hero .herocopy h1{
  font-size:clamp(54px,5.2vw,78px)!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  font-weight:400!important;
  margin:0 0 28px!important;
  white-space:normal!important;
}
.shared-site-hero .herocopy p{
  width:min(440px,90%)!important;
  font-size:16px!important;
  line-height:1.62!important;
  margin:0 0 34px!important;
  color:#24282d!important;
}
.shared-site-hero .btn{min-width:220px!important}

/* The old page-specific Hero systems are intentionally no longer used. */
.request-page .shared-site-hero .herocopy h1{font-size:clamp(54px,5.2vw,78px)!important;line-height:.98!important}

@media(max-width:850px){
  .shared-site-hero{height:690px!important;min-height:690px!important}
  .shared-site-hero .heroimg{
    width:100%!important;
    top:330px!important;
    height:360px!important;
    background-position:center 48%!important;
  }
  .shared-site-hero .heroin{align-items:flex-start!important}
  .shared-site-hero .herocopy{
    width:100%!important;
    padding:68px 4px 0!important;
    margin-top:0!important;
  }
  .shared-site-hero .herocopy h1{font-size:clamp(46px,11vw,66px)!important}
  .shared-site-hero .herocopy p{font-size:15.5px!important}
}
@media(max-width:620px){
  .shared-site-hero{height:670px!important;min-height:670px!important}
  .shared-site-hero .heroimg{top:360px!important;height:310px!important}
  .shared-site-hero .herocopy{padding-top:54px!important}
  .shared-site-hero .herocopy .smallcaps{font-size:10px!important}
  .shared-site-hero .herocopy h1{font-size:46px!important}
  .shared-site-hero .herocopy p{font-size:14px!important}
}


/* =========================================================
   STEP 8 — THANK YOU PAGE
   ========================================================= */
.thanks-main{
  padding:100px 0 115px;
  background:#f4f3f0;
  position:relative;
}
.thanks-main:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(15,18,20,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,18,20,.025) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(90deg,transparent,#000 25%,#000 80%,transparent);
}
.thanks-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:55px;
  position:relative;
  z-index:1;
}
.thanks-card{
  background:#fff;
  border:1px solid #dfe1e2;
  padding:52px 54px 56px;
}
.thanks-card h2{
  font-size:clamp(42px,4.8vw,68px);
  line-height:.97;
  letter-spacing:-.045em;
  font-weight:400;
  margin:20px 0 28px;
}
.thanks-card>p{
  font-size:15px;
  line-height:1.7;
  color:#666c72;
  max-width:540px;
  margin:0 0 30px;
}
.thanks-code{
  border-top:1px solid #dcdfe1;
  border-bottom:1px solid #dcdfe1;
  padding:20px 0;
  margin:28px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
}
.thanks-code span{
  font-size:9px;
  letter-spacing:.1em;
  color:#8c9297;
}
.thanks-code strong{
  font-size:25px;
  font-weight:400;
  letter-spacing:.025em;
}
.thanks-steps{
  background:#0b0d10;
  color:#fff;
  padding:48px 48px 46px;
}
.thanks-steps .sectionlabel{color:#c7a166}
.thanks-steps ol{
  list-style:none;
  margin:30px 0 0;
  padding:0;
}
.thanks-steps li{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:22px;
  padding:22px 0;
  border-top:1px solid rgba(255,255,255,.13);
}
.thanks-steps li>span{
  color:#c7a166;
  font-size:12px;
}
.thanks-steps strong{
  display:block;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.thanks-steps p{
  font-size:11.5px;
  line-height:1.55;
  color:#aeb4b9;
  margin:7px 0 0;
}
.thanks-note{
  border-top:1px solid rgba(255,255,255,.13);
  margin-top:4px;
  padding-top:24px;
}
.thanks-note strong{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.thanks-note p{
  font-size:10.5px;
  line-height:1.55;
  color:#989ea4;
}
@media(max-width:850px){
  .thanks-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .thanks-main{padding:72px 0 86px}
  .thanks-card,.thanks-steps{padding:34px 24px 38px}
  .thanks-code{display:block}
  .thanks-code strong{display:block;margin-top:8px;font-size:21px}
}


/* =========================================================
   STEP 8.1 — THANK YOU PAGE ROBUSTNESS
   ========================================================= */
.thanks-page .thanks-card,
.thanks-page .thanks-steps{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:none!important;
}
.thanks-lead{
  font-size:17px!important;
  line-height:1.72!important;
  color:#34393e!important;
  max-width:600px!important;
}
.thanks-alert{
  margin:0 0 25px;
  padding:17px 19px;
  border:1px solid #d9c8ad;
  background:#fbf8f2;
}
.thanks-alert strong{
  display:block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.thanks-alert p{
  margin:6px 0 0;
  font-size:11px;
  line-height:1.55;
  color:#67625a;
}
.thanks-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:22px;
}
.thanks-secondary{
  color:#171a1d;
  font-size:10px;
  font-weight:700;
  letter-spacing:.045em;
  text-decoration:none;
  border-bottom:1px solid #171a1d;
  padding-bottom:4px;
}
@media(max-width:620px){
  .thanks-actions{align-items:flex-start;flex-direction:column}
}


/* =========================================================
   PRODUCTION 0.8.2 — TOPBAR UX REFRESH
   ========================================================= */
.topbar{
  height:46px;
  position:relative;
  background:
    radial-gradient(circle at 16% -40%,rgba(181,139,80,.17),transparent 38%),
    linear-gradient(90deg,#080a0d 0%,#0c0f13 52%,#080a0d 100%);
  border-bottom:1px solid rgba(255,255,255,.09);
  color:#e7eaed;
  overflow:visible;
}
.topbar:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(181,139,80,.7) 24%,rgba(181,139,80,.18) 68%,transparent 100%);
}
.topbar-in{
  height:100%;
  gap:34px;
}
.topbar-contacts{
  gap:12px;
}
.topbar-link{
  min-height:30px;
  padding:0 10px;
  gap:10px;
  font-size:11.5px;
  line-height:1;
  letter-spacing:.015em;
  border:1px solid transparent;
  transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;
}
.topbar-link svg{
  width:16px;
  height:16px;
  stroke-width:1.65;
}
.topbar-link:hover{
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.09);
  transform:translateY(-1px);
}
.topbar-link:after{
  display:none;
}
.topbar-nav{
  gap:20px;
}
.topbar-nav>a:not(.topbar-private),
.topbar-lang{
  font-size:11px;
  letter-spacing:.075em;
}
.topbar-nav>a:not(.topbar-private){
  min-height:30px;
  display:inline-flex;
  align-items:center;
}
.topbar-nav>a:not(.topbar-private):after{
  bottom:3px;
  background:#b58b50;
  opacity:1;
}
.topbar-lang{
  height:24px;
  display:inline-flex;
  align-items:center;
  padding-left:20px;
  color:#fff;
}
.topbar-private{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  gap:9px;
  min-height:32px;
  padding:0 14px!important;
  margin-left:2px;
  color:#fff!important;
  border:1px solid rgba(181,139,80,.58);
  background:linear-gradient(180deg,rgba(181,139,80,.18),rgba(181,139,80,.08));
  font-size:10.8px!important;
  font-weight:700;
  letter-spacing:.075em!important;
  text-transform:uppercase;
  transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.topbar-private:before{
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:#cda76d;
  box-shadow:0 0 0 4px rgba(181,139,80,.09);
}
.topbar-private svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.topbar-private:after{
  display:none!important;
}
.topbar-private:hover{
  background:rgba(181,139,80,.22);
  border-color:#b58b50;
  transform:translateY(-1px);
  box-shadow:0 7px 20px rgba(0,0,0,.15);
}

/* mobile drawer private access */
.mobile-private{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  color:#9a6d31!important;
  border-color:#d9c6a7!important;
}

/* Keep header position coherent after taller topbar. */
@media(min-width:851px){
  .header{
    top:0;
  }
}

@media(max-width:1100px) and (min-width:851px){
  .topbar-nav{gap:13px}
  .topbar-nav>a:not(.topbar-private),.topbar-lang{font-size:10px}
  .topbar-private{padding:0 10px!important;font-size:9.8px!important}
  .topbar-link{font-size:10.5px;padding:0 7px}
}

@media(max-width:850px){
  .topbar{
    height:42px;
  }
  .topbar-link{
    font-size:10px;
    padding:0 4px;
  }
  .topbar-link svg{
    width:15px;
    height:15px;
  }
  .topbar-nav{
    gap:11px;
  }
  .topbar-nav>a:not(.topbar-private){
    font-size:9.5px;
  }
  .topbar-private{
    padding:0 9px!important;
    font-size:9px!important;
  }
}

@media(max-width:700px){
  .topbar-private span{
    display:none;
  }
  .topbar-private{
    width:34px;
    min-width:34px;
    padding:0!important;
    justify-content:center;
  }
  .topbar-private:before{
    display:none;
  }
  .topbar-private svg{
    width:16px;
    height:16px;
  }
}

@media(max-width:620px){
  .topbar{
    min-height:42px;
    padding:6px 0;
  }
}


/* =========================================================
   PRODUCTION 0.8.3 — MOBILE HEADER / TOPBAR / CURTAIN MENU
   ========================================================= */

@media(max-width:850px){

  /* ---- MOBILE TOPBAR: only contacts + private area ---- */
  .topbar{
    height:46px!important;
    min-height:46px!important;
    padding:0!important;
    overflow:visible!important;
  }
  .topbar-in{
    width:calc(100% - 28px)!important;
    height:46px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:12px!important;
  }
  .topbar-contacts{
    min-width:0!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:18px!important;
    overflow:visible!important;
  }
  .topbar-link{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    height:32px!important;
    padding:0!important;
    gap:8px!important;
    flex:0 0 auto!important;
    font-size:10.5px!important;
    letter-spacing:.005em!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  .topbar-link span{
    display:inline!important;
    width:auto!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  .topbar-link svg{
    width:15px!important;
    height:15px!important;
    flex:0 0 15px!important;
  }

  .topbar-nav{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
    min-width:38px!important;
  }
  .topbar-nav>a:not(.topbar-private),
  .topbar-lang{
    display:none!important;
  }
  .topbar-private{
    width:38px!important;
    min-width:38px!important;
    height:34px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-color:rgba(181,139,80,.62)!important;
  }
  .topbar-private:before,
  .topbar-private span{
    display:none!important;
  }
  .topbar-private svg{
    width:16px!important;
    height:16px!important;
  }

  /* ---- MOBILE MAIN HEADER ---- */
  .header{
    height:72px!important;
    min-height:72px!important;
  }
  .header.scrolled{
    height:66px!important;
    min-height:66px!important;
  }
  .headerin{
    width:calc(100% - 28px)!important;
    height:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 52px!important;
    align-items:center!important;
    gap:14px!important;
  }
  .brand{
    min-width:0!important;
    width:max-content!important;
    max-width:calc(100vw - 96px)!important;
  }
  .brandlogo{
    flex:0 0 auto!important;
  }
  .brandtxt{
    font-size:13px!important;
    line-height:1.04!important;
  }
  .headright{
    width:52px!important;
    min-width:52px!important;
    height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    justify-self:end!important;
    margin:0!important;
  }

  /* ---- NEW HAMBURGER ---- */
  .hamb{
    display:block!important;
    position:relative!important;
    width:48px!important;
    height:48px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d9dcdf!important;
    background:#fff!important;
    transition:
      background .28s var(--ease),
      border-color .28s var(--ease),
      transform .28s var(--ease),
      box-shadow .28s var(--ease)!important;
  }
  .hamb:hover{
    border-color:#b58b50!important;
    box-shadow:0 8px 22px rgba(14,17,20,.08)!important;
  }
  .hamb span{
    position:absolute!important;
    left:13px!important;
    width:21px!important;
    height:1.5px!important;
    background:#111!important;
    transform-origin:center!important;
    transition:
      top .28s var(--ease),
      transform .28s var(--ease),
      width .28s var(--ease)!important;
  }
  .hamb span:first-child{
    top:19px!important;
  }
  .hamb span:last-child{
    top:28px!important;
    width:16px!important;
    left:18px!important;
  }
  .hamb.open{
    background:#101316!important;
    border-color:#101316!important;
  }
  .hamb.open span{
    background:#fff!important;
    width:21px!important;
    left:13px!important;
  }
  .hamb.open span:first-child{
    top:23px!important;
    transform:rotate(45deg)!important;
  }
  .hamb.open span:last-child{
    top:23px!important;
    transform:rotate(-45deg)!important;
  }

  /* ---- CURTAIN MENU ---- */
  .mobile-nav{
    top:118px!important; /* 46 topbar + 72 header */
    inset-inline:0!important;
    bottom:auto!important;
    max-height:calc(100vh - 118px)!important;
    overflow-y:auto!important;
    padding:24px 28px 30px!important;
    background:rgba(255,255,255,.985)!important;
    backdrop-filter:blur(18px)!important;
    border-top:1px solid #ece8df!important;
    border-bottom:1px solid #ddd7cc!important;
    box-shadow:0 24px 56px rgba(12,15,18,.14)!important;
    transform:translateY(-115%)!important;
    opacity:0!important;
    transition:
      transform .44s cubic-bezier(.22,.72,.18,1),
      opacity .28s ease!important;
  }
  .header.scrolled + .mobile-nav{
    top:66px!important;
    max-height:calc(100vh - 66px)!important;
  }
  .mobile-nav.open{
    transform:translateY(0)!important;
    opacity:1!important;
  }
  .mobile-nav>a,
  .mobile-accordion-toggle{
    min-height:52px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border-bottom:1px solid #e8e5de!important;
    font-size:13px!important;
    font-weight:700!important;
    letter-spacing:.035em!important;
  }
  .mobile-submenu{
    padding-left:14px!important;
    background:#f8f7f4!important;
  }
  .mobile-submenu a{
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    padding:0 12px!important;
    font-size:12px!important;
    line-height:1.35!important;
  }

  .mobile-nav-secondary{
    margin-top:20px!important;
    padding-top:17px!important;
    border-top:1px solid #d8d2c8!important;
  }
  .mobile-nav-secondary>span{
    display:block!important;
    margin-bottom:5px!important;
    font-size:9.5px!important;
    font-weight:700!important;
    letter-spacing:.14em!important;
    color:#9a7a49!important;
  }
  .mobile-nav-secondary a{
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    border-bottom:1px solid #ece9e3!important;
    font-size:12.5px!important;
    font-weight:700!important;
    letter-spacing:.035em!important;
  }

  .mobile-private{
    min-height:50px!important;
    margin-top:20px!important;
    padding:0 16px!important;
    border:1px solid #d6c19e!important;
    background:#fbf7ef!important;
    color:#8e672f!important;
  }
  .mobile-request{
    min-height:54px!important;
    margin-top:10px!important;
    padding:0 17px!important;
    display:flex!important;
    align-items:center!important;
    font-size:12.5px!important;
  }

  .mobile-nav-contacts{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin-top:20px!important;
    padding-top:18px!important;
    border-top:1px solid #ddd7cc!important;
  }
  .mobile-nav-contacts a{
    min-width:0!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    padding:0 11px!important;
    border:1px solid #e3dfd7!important;
    background:#faf9f6!important;
    font-size:11px!important;
    font-weight:500!important;
    text-transform:none!important;
    overflow:hidden!important;
  }
  .mobile-nav-contacts svg{
    width:15px!important;
    height:15px!important;
    flex:0 0 15px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.5!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .mobile-nav-contacts span{
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

@media(max-width:980px){
  .lux-proof-grid{grid-template-columns:1fr 1fr}.lux-proof-card:nth-child(2){border-right:0}.lux-proof-card:nth-child(-n+2){border-bottom:1px solid #dedbd5}
  .lux-precision-layout{grid-template-columns:1fr;gap:42px}.lux-precision-intro{position:static}.lux-precision-intro p{max-width:650px}
}
@media(max-width:560px){
  .topbar-contacts{
    gap:13px!important;
  }
  .topbar-link{
    font-size:9.8px!important;
    gap:6px!important;
  }
  .topbar-link svg{
    width:14px!important;
    height:14px!important;
    flex-basis:14px!important;
  }
  .mobile-nav-contacts{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:390px){
  .topbar-in{
    width:calc(100% - 20px)!important;
    gap:8px!important;
  }
  .topbar-contacts{
    gap:9px!important;
  }
  .topbar-link{
    font-size:9.2px!important;
  }
  .topbar-private{
    width:34px!important;
    min-width:34px!important;
  }
  .brandtxt{
    font-size:12px!important;
  }
}


/* =========================================================
   PRODUCTION 0.8.4 — MOBILE CURTAIN REFINEMENT
   Compact, editorial, premium
   ========================================================= */
@media(max-width:850px){

  /* TOPBAR — larger type, cleaner mobile hierarchy */
  .topbar{
    height:48px!important;
    min-height:48px!important;
  }
  .topbar-in{
    height:48px!important;
    width:calc(100% - 24px)!important;
    grid-template-columns:minmax(0,1fr) 38px!important;
    gap:10px!important;
  }
  .topbar-contacts{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:15px!important;
    align-items:center!important;
  }
  .topbar-link{
    height:34px!important;
    font-size:11.4px!important;
    font-weight:500!important;
    gap:8px!important;
    letter-spacing:.005em!important;
  }
  .topbar-link:first-child{
    min-width:0!important;
  }
  .topbar-link:first-child span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .topbar-link:last-child{
    justify-self:end!important;
  }
  .topbar-link svg{
    width:16px!important;
    height:16px!important;
    flex-basis:16px!important;
  }
  .topbar-private{
    width:38px!important;
    min-width:38px!important;
    height:36px!important;
  }

  /* HEADER — slightly tighter so the menu feels more intentional */
  .header{
    height:70px!important;
    min-height:70px!important;
  }
  .headerin{
    width:calc(100% - 24px)!important;
    grid-template-columns:minmax(0,1fr) 50px!important;
    gap:12px!important;
  }
  .brandtxt{
    font-size:13.5px!important;
    letter-spacing:.01em!important;
  }
  .headright{
    width:50px!important;
    min-width:50px!important;
    height:50px!important;
  }
  .hamb{
    width:50px!important;
    height:50px!important;
    border-color:#d7dadd!important;
  }

  /* CURTAIN — compact but visually stronger */
  .mobile-nav{
    top:118px!important; /* 48 topbar + 70 header */
    max-height:calc(100vh - 118px)!important;
    padding:16px 24px 22px!important;
    background:
      radial-gradient(circle at 88% 6%,rgba(181,139,80,.10),transparent 28%),
      linear-gradient(180deg,#ffffff 0%,#fbfaf7 100%)!important;
    border-top:1px solid #ebe6dd!important;
    border-bottom:1px solid #d9d2c6!important;
    box-shadow:0 28px 70px rgba(12,15,18,.18)!important;
  }

  /* Main links: compact, larger typography, editorial hover */
  .mobile-nav>a:not(.mobile-private):not(.mobile-request),
  .mobile-accordion-toggle{
    position:relative!important;
    min-height:47px!important;
    padding:0 3px!important;
    border-bottom:1px solid #e7e3dc!important;
    font-size:14px!important;
    font-weight:700!important;
    letter-spacing:.025em!important;
    transition:
      padding-left .22s ease,
      color .22s ease,
      border-color .22s ease!important;
  }
  .mobile-nav>a:not(.mobile-private):not(.mobile-request):before,
  .mobile-accordion-toggle:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:50%!important;
    width:0!important;
    height:2px!important;
    background:#b58b50!important;
    transform:translateY(-50%)!important;
    transition:width .22s ease!important;
  }
  .mobile-nav>a:not(.mobile-private):not(.mobile-request):hover,
  .mobile-accordion-toggle:hover{
    padding-left:18px!important;
    color:#8d642d!important;
    border-color:#d8c9b2!important;
  }
  .mobile-nav>a:not(.mobile-private):not(.mobile-request):hover:before,
  .mobile-accordion-toggle:hover:before{
    width:10px!important;
  }
  .mobile-accordion-toggle span{
    font-size:20px!important;
    font-weight:300!important;
    line-height:1!important;
  }

  /* Accordion submenu */
  .mobile-submenu{
    padding:5px 0 7px 12px!important;
    background:#f5f2ec!important;
    border-left:2px solid #caa36a!important;
  }
  .mobile-submenu a{
    min-height:39px!important;
    padding:0 12px!important;
    font-size:11.8px!important;
  }

  /* Chi siamo + News: no artificial "Azienda" heading */
  .mobile-nav-secondary{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:12px!important;
    padding-top:12px!important;
    border-top:1px solid #d7cdbc!important;
  }
  .mobile-nav-secondary>a{
    min-height:44px!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border:1px solid #e1ddd5!important;
    background:#fff!important;
    font-size:11.5px!important;
    font-weight:700!important;
    letter-spacing:.035em!important;
  }
  .mobile-nav-secondary>a span{
    color:#a5783d!important;
    font-size:12px!important;
  }

  /* Actions: strong visual closure, no scrolling to contacts */
  .mobile-nav-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:12px!important;
    padding-top:0!important;
  }
  .mobile-private,
  .mobile-request{
    margin-top:0!important;
  }
  .mobile-private{
    min-height:48px!important;
    padding:0 15px!important;
    background:#f7f1e7!important;
    border:1px solid #d6bd96!important;
    color:#8e672f!important;
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing:.035em!important;
  }
  .mobile-request{
    min-height:50px!important;
    padding:0 15px!important;
    background:#0d1013!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing:.035em!important;
    border:1px solid #0d1013!important;
  }
  .mobile-request span{
    font-size:18px!important;
  }

  /* Removed contacts from curtain: topbar already owns them */
  .mobile-nav-contacts{
    display:none!important;
  }
}

@media(max-width:560px){
  .topbar-in{
    width:calc(100% - 20px)!important;
  }
  .topbar-contacts{
    gap:11px!important;
  }
  .topbar-link{
    font-size:10.9px!important;
  }
  .topbar-link:first-child span{
    max-width:155px!important;
  }
  .mobile-nav{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}

@media(max-width:390px){
  .topbar-link{
    font-size:10.5px!important;
  }
  .topbar-link:first-child span{
    max-width:138px!important;
  }
  .topbar-contacts{
    gap:8px!important;
  }
  .mobile-nav-secondary{
    grid-template-columns:1fr 1fr!important;
  }
}


/* =========================================================
   PRODUCTION 0.8.5 — MOBILE CURTAIN POSITION HOTFIX
   Fix first menu row clipped below sticky header
   ========================================================= */
@media(max-width:850px){

  /* Normal page position:
     48px topbar + 70px header = 118px */
  .header:not(.scrolled) + .mobile-nav{
    top:118px!important;
    max-height:calc(100dvh - 118px)!important;
  }

  /* Once the topbar has scrolled away the sticky header is 70px high.
     Previous legacy rule still used 66px and covered the first menu row. */
  .header.scrolled + .mobile-nav{
    top:70px!important;
    max-height:calc(100dvh - 70px)!important;
  }

  .mobile-nav{
    padding-top:20px!important;
    scroll-padding-top:20px!important;
  }

  /* Make sure the first row always owns its full visual space. */
  .mobile-nav > .mobile-accordion:first-child,
  .mobile-nav > a:first-child{
    margin-top:0!important;
    position:relative!important;
    z-index:1!important;
  }

  .mobile-nav > .mobile-accordion:first-child .mobile-accordion-toggle,
  .mobile-nav > a:first-child{
    min-height:49px!important;
  }
}

/* WordPress admin-bar safeguard while testing as administrator */
@media(max-width:782px){
  .admin-bar .header.scrolled + .mobile-nav{
    top:116px!important; /* 46 admin bar + 70 sticky header */
    max-height:calc(100dvh - 116px)!important;
  }
}


/* =========================================================
   PRODUCTION 0.8.6 — ROBUST MOBILE CURTAIN OFFSET
   The JS writes the real rendered header bottom as inline !important.
   These values are only safe fallbacks before JS runs.
   ========================================================= */
@media(max-width:850px){
  .mobile-nav{
    top:118px!important;
    max-height:calc(100dvh - 118px)!important;
    box-sizing:border-box!important;
    overscroll-behavior:contain!important;
  }

  /* First row gets a hard safe zone independent from accordion state. */
  .mobile-nav > .mobile-accordion-toggle:first-child{
    display:flex!important;
    min-height:50px!important;
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    align-items:center!important;
    overflow:visible!important;
  }
  .mobile-nav > .mobile-accordion-toggle:first-child > span:first-child{
    display:block!important;
    line-height:1.18!important;
    overflow:visible!important;
  }
}

/* ========================================================================
   HOME V2 — LUXURY AUTHENTICATION / PRODUCTION 0.9.2
   Premium visual language, simplified information architecture.
   ======================================================================== */
.lux-home{background:#fff;color:#0d0f12}
.lux-home h2{font-size:clamp(42px,5vw,70px);line-height:.96;letter-spacing:-.045em;font-weight:400;margin:20px 0 0}
.lux-home p{font-size:16px;line-height:1.65}
.home-luxury-hero .herocopy{width:57%;max-width:690px}
.home-luxury-hero .herocopy h1{font-size:clamp(66px,7.1vw,108px);line-height:.88;letter-spacing:-.062em;max-width:760px}
.home-luxury-hero .herocopy p{font-size:18px;max-width:520px;width:94%;line-height:1.62}
.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.hero-secondary-link{display:inline-flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.07em;font-weight:700;text-transform:uppercase;padding:16px 0;border-bottom:1px solid #b9bdc0}
.hero-secondary-link span{font-size:16px;transition:transform .3s var(--ease)}
.hero-secondary-link:hover span{transform:translateY(4px)}

.lux-section-head{display:grid;grid-template-columns:1.08fr .72fr;gap:80px;align-items:end;margin-bottom:50px}
.lux-section-head>p{max-width:520px;color:#5c6268;margin:0 0 7px}
.lux-section-head--center{align-items:center}

/* Categories */
.lux-categories{padding:88px 0 84px;background:#fbfaf7;border-top:1px solid #ece9e2;border-bottom:1px solid #e5e2dc;position:relative;overflow:hidden}
.lux-categories:after{content:"";position:absolute;right:-150px;top:-170px;width:520px;height:520px;border:1px solid rgba(10,12,15,.055);border-radius:50%;box-shadow:0 0 0 70px rgba(10,12,15,.018),0 0 0 140px rgba(10,12,15,.012);pointer-events:none}
.lux-category-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dedbd5;background:#fff;position:relative;z-index:2}
.lux-category-grid--eight .lux-category{border-bottom:1px solid #e2dfd9}
.lux-category-grid--eight .lux-category:nth-child(4n){border-right:0}
.lux-category-grid--eight .lux-category:nth-last-child(-n+4){border-bottom:0}
.lux-category{min-height:190px;padding:28px 20px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:1px solid #e2dfd9;position:relative;transition:background .35s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease)}
.lux-category:last-child{border-right:0}
.lux-category:hover{background:#f8f1f2;transform:translateY(-5px);box-shadow:0 16px 38px rgba(40,32,28,.07);z-index:3}
.lux-category-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#f4e1e7;margin-bottom:22px;transition:transform .35s var(--ease),background .35s ease}
.lux-category:hover .lux-category-icon{transform:scale(1.08) rotate(-2deg);background:#edd2db}
.lux-category-icon svg{width:35px;height:35px;stroke:#8b5365;fill:none;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.lux-category strong{font-size:14px;line-height:1.25;font-weight:600;max-width:130px}
.lux-category-arrow{position:absolute;right:13px;top:12px;font-size:14px;color:#9aa0a4;opacity:0;transform:translate(-5px,5px);transition:.3s var(--ease)}
.lux-category:hover .lux-category-arrow{opacity:1;transform:none}

/* Brands */
.lux-brands{padding:34px 0 38px;background:#fff;border-bottom:1px solid #e3e5e6}
.lux-brands-in{display:grid;grid-template-columns:180px 1fr auto;gap:34px;align-items:center}
.lux-brands-label{font-size:10px;letter-spacing:.13em;font-weight:700;color:#777d82}
.lux-brand-rail{display:flex;align-items:center;gap:27px;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,#000 0,#000 93%,transparent)}
.lux-brand-rail span{font-family:Georgia,'Times New Roman',serif;font-size:17px;letter-spacing:.01em;color:#1a1d20}
.lux-brands-link{font-size:10px;font-weight:700;letter-spacing:.06em;white-space:nowrap}
.lux-brands-link span{font-size:17px;margin-left:8px}

/* Process */
.lux-process{padding:112px 0 118px;background:#fff;position:relative;overflow:hidden}
.lux-process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8dbdd;border-bottom:1px solid #d8dbdd}
.lux-process-card{min-height:405px;padding:30px 38px 38px;border-right:1px solid #d8dbdd;position:relative;transition:background .38s var(--ease),transform .38s var(--ease)}
.lux-process-card:last-child{border-right:0}
.lux-process-card:hover{background:#f8f8f6;transform:translateY(-5px)}
.lux-step-num{font-size:11px;font-weight:700;letter-spacing:.08em;color:#888e93}
.lux-step-icon{width:66px;height:66px;margin:70px 0 36px;display:grid;place-items:center;border:1px solid #c8cccf;border-radius:50%;background:#fff}
.lux-step-icon svg{width:34px;height:34px;stroke:#111;fill:none;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.lux-process-card h3{font-size:20px;text-transform:uppercase;font-weight:500;margin:0 0 17px;letter-spacing:-.015em}
.lux-process-card p{font-size:14.5px;color:#60666b;max-width:310px;margin:0}
.lux-process-cta{margin-top:36px;display:flex;align-items:center;justify-content:space-between;gap:34px}
.lux-process-cta>span{font-size:12px;color:#787e83;max-width:430px;line-height:1.55;text-align:right}

/* Trust proof */
.lux-proof{padding:108px 0 116px;background:#f7f5f0;border-top:1px solid #e3e0d9;border-bottom:1px solid #e0ddd6;position:relative;overflow:hidden}
.lux-proof:before{content:"";position:absolute;left:-210px;bottom:-260px;width:600px;height:600px;border:1px solid rgba(16,19,21,.055);border-radius:50%;box-shadow:0 0 0 80px rgba(16,19,21,.017),0 0 0 160px rgba(16,19,21,.01)}
.lux-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d7d4ce;background:#fff;position:relative;z-index:2}
.lux-proof-card{min-height:292px;padding:33px 30px 30px;border-right:1px solid #dedbd5;transition:transform .35s var(--ease),background .35s var(--ease)}
.lux-proof-card:last-child{border-right:0}.lux-proof-card:hover{background:#fbf6f7;transform:translateY(-4px)}
.lux-proof-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#f4e1e7;margin-bottom:50px}
.lux-proof-icon svg{width:28px;height:28px;fill:none;stroke:#855165;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.lux-proof-card h3{font-size:18px;line-height:1.15;text-transform:uppercase;font-weight:600;margin:0 0 14px;letter-spacing:-.015em}
.lux-proof-card p{font-size:13.5px;color:#646a6f;margin:0;line-height:1.58}

/* Precision */
.lux-precision{padding:112px 0 118px;background:#fff}
.lux-precision-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:92px;align-items:start}
.lux-precision-intro{position:sticky;top:120px}.lux-precision-intro h2{margin:20px 0 28px}.lux-precision-intro p{max-width:440px;color:#5e6469;margin:0}
.lux-precision-grid{border-top:1px solid #cfd2d3}
.lux-precision-card{display:grid;grid-template-columns:72px 1fr;gap:24px;padding:29px 0;border-bottom:1px solid #cfd2d3;align-items:start}
.lux-precision-card>span{width:42px;height:42px;border:1px solid #c3c7ca;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700;color:#8a9094}
.lux-precision-card h3{font-size:18px;text-transform:uppercase;font-weight:600;margin:4px 0 10px;letter-spacing:-.015em}
.lux-precision-card p{font-size:13.5px;line-height:1.58;color:#666c71;margin:0;max-width:570px}

/* Value cards */
.lux-values{padding:110px 0 120px;background:#0b0e11;color:#fff;position:relative;overflow:hidden}
.lux-values:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.05) 1px,transparent 1.2px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 70%,transparent)}
.lux-values-head{display:grid;grid-template-columns:.75fr 1.05fr 1fr;gap:54px;align-items:end;margin-bottom:58px;position:relative;z-index:2}
.lux-values-head .sectionlabel{align-self:start;color:#d9dde0}
.lux-values-head .sectionlabel:after{background:#6f757a}
.lux-values-head h2{margin:0;color:#fff}
.lux-values-head p{margin:0;color:#b8bdc2;max-width:470px}
.lux-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative;z-index:2}
.lux-value-card{background:#fff;color:#111;min-width:0;transition:transform .45s var(--ease)}
.lux-value-card:hover{transform:translateY(-8px)}
.lux-value-media{height:330px;overflow:hidden;background:#292d30}
.lux-value-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.62) contrast(1.05);transition:transform .9s var(--ease),filter .45s ease}
.lux-value-card:hover img{transform:scale(1.055);filter:saturate(.85) contrast(1.05)}
.lux-value-copy{padding:24px 25px 28px;min-height:180px}
.lux-value-copy>span{font-size:9px;font-weight:700;color:#9a9fa3;letter-spacing:.08em}
.lux-value-copy h3{font-size:17px;margin:15px 0 12px;font-weight:600}
.lux-value-copy p{font-size:13.5px;color:#666c72;margin:0;line-height:1.55}

/* Deliverables */
.lux-deliverables{padding:116px 0 120px;background:#f5f3ee;overflow:hidden;position:relative}
.lux-deliverables:before{content:"";position:absolute;right:-200px;top:-240px;width:760px;height:760px;border:1px solid rgba(10,12,15,.055);border-radius:50%;box-shadow:0 0 0 85px rgba(10,12,15,.018),0 0 0 170px rgba(10,12,15,.012)}
.lux-deliverables-grid{display:grid;grid-template-columns:1fr 1fr;gap:98px;align-items:center}
.lux-doc-stage{position:relative;padding:32px 48px 42px 18px;min-height:630px}
.lux-doc-stage:before{content:"";position:absolute;left:72px;top:0;width:75%;height:86%;background:#111;transform:rotate(-4.2deg)}
.lux-doc-card{position:relative;z-index:2;background:#fff;min-height:570px;padding:32px;box-shadow:0 34px 80px rgba(14,17,20,.18);transform:rotate(1.5deg);display:flex;flex-direction:column}
.lux-doc-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid #cfd2d3;font-size:8.5px;letter-spacing:.08em;font-weight:700}
.lux-doc-title{padding:35px 0 24px}
.lux-doc-title small{font-size:8px;letter-spacing:.11em;color:#777d82}
.lux-doc-title h3{font-size:31px;line-height:.95;font-weight:400;margin:10px 0 0;letter-spacing:-.035em}
.lux-doc-photo{height:225px;overflow:hidden;background:#e7e7e4}
.lux-doc-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.66)}
.lux-doc-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-top:22px;margin-top:auto}
.lux-doc-bottom small{display:block;font-size:8px;letter-spacing:.08em;color:#7d8388}.lux-doc-bottom strong{display:block;font-size:14px;margin-top:6px}
.lux-doc-qr{width:88px;height:88px;display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:6px;border:1px solid #bbb;background:#fff}.lux-doc-qr i{display:block;background:#111}.lux-doc-qr i.blank{background:#fff}
.lux-doc-note{position:absolute;z-index:3;right:0;bottom:0;background:#b88a4c;color:#fff;padding:13px 18px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.lux-deliverables-copy{position:relative;z-index:2}
.lux-deliverables-copy h2{margin:20px 0 28px}
.lux-deliverables-copy>p{color:#50565b;max-width:520px;margin-bottom:36px}
.lux-deliverable-list{border-top:1px solid #cfd2d3;margin-bottom:34px}
.lux-deliverable-list>div{display:grid;grid-template-columns:44px 170px 1fr;gap:20px;align-items:center;padding:19px 0;border-bottom:1px solid #cfd2d3}
.lux-deliverable-list span{font-size:10px;color:#8a9095}.lux-deliverable-list strong{font-size:13px;text-transform:uppercase}.lux-deliverable-list p{font-size:12.5px;color:#6d7378;margin:0;line-height:1.45}

/* FAQ */
.lux-faq{padding:112px 0 118px;background:#fff}
.lux-faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:96px;align-items:start}
.lux-faq-intro{position:sticky;top:120px}
.lux-faq-intro h2{margin:20px 0 28px}.lux-faq-intro p{color:#5f656a;max-width:420px;margin-bottom:32px}
.lux-faq-list{border-top:1px solid #cfd2d3}
.lux-faq-item{border-bottom:1px solid #cfd2d3}
.lux-faq-q{width:100%;border:0;background:transparent;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:26px;text-align:left;font-size:15px;font-weight:600;color:#111}
.lux-faq-q i{width:22px;height:22px;position:relative;flex:0 0 auto}
.lux-faq-q i:before,.lux-faq-q i:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1px;background:#111;transform:translate(-50%,-50%);transition:transform .3s var(--ease)}
.lux-faq-q i:after{transform:translate(-50%,-50%) rotate(90deg)}
.lux-faq-item.is-open .lux-faq-q i:after{transform:translate(-50%,-50%) rotate(0deg)}
.lux-faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s var(--ease)}
.lux-faq-a>p{overflow:hidden;margin:0;max-width:650px;color:#666c72;font-size:14px;line-height:1.6;padding-right:42px;transition:padding .38s var(--ease)}
.lux-faq-item.is-open .lux-faq-a{grid-template-rows:1fr}
.lux-faq-item.is-open .lux-faq-a>p{padding-bottom:24px}

/* Final CTA */
.lux-final-cta{padding:88px 0;background:#0a0c0f;color:#fff;position:relative;overflow:hidden}
.lux-final-cta:before{content:"";position:absolute;inset:-20%;background:url('../images/standard/standard-hero-mountain.png') center/cover no-repeat;filter:grayscale(1);opacity:.14;transform:scale(1.08)}
.lux-final-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0c0f 12%,rgba(10,12,15,.94) 52%,rgba(10,12,15,.78))}
.lux-final-cta-in{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:90px;align-items:end}
.lux-final-cta .sectionlabel:after{background:#7a7f84}.lux-final-cta h2{color:#fff;margin:18px 0 0}
.lux-final-cta-action p{color:#c0c4c8;max-width:520px;margin-bottom:28px}

@media(max-width:1100px){
  .lux-category-grid:not(.lux-category-grid--eight){grid-template-columns:repeat(3,1fr)}
  .lux-category-grid:not(.lux-category-grid--eight) .lux-category:nth-child(3n){border-right:0}.lux-category-grid:not(.lux-category-grid--eight) .lux-category:nth-child(-n+3){border-bottom:1px solid #e2dfd9}
  .lux-category-grid--eight{grid-template-columns:repeat(4,1fr)}
  .lux-category-grid--eight .lux-category:nth-child(3n){border-right:1px solid #e2dfd9}.lux-category-grid--eight .lux-category:nth-child(4n){border-right:0}
  .lux-brands-in{grid-template-columns:150px 1fr}.lux-brands-link{display:none}
  .lux-value-media{height:285px}
  .lux-deliverables-grid{gap:54px}.lux-doc-stage{padding-right:20px}
  .lux-faq-grid{gap:56px}
}
@media(max-width:820px){
  .lux-category-grid--eight{grid-template-columns:repeat(2,1fr)}
  .lux-category-grid--eight .lux-category{border-right:1px solid #e2dfd9;border-bottom:1px solid #e2dfd9}
  .lux-category-grid--eight .lux-category:nth-child(2n){border-right:0}
  .lux-category-grid--eight .lux-category:nth-last-child(-n+2){border-bottom:0}
  .home-luxury-hero .herocopy{width:100%;max-width:none}
  .home-luxury-hero .herocopy h1{font-size:68px}
  .lux-section-head,.lux-values-head,.lux-deliverables-grid,.lux-faq-grid,.lux-final-cta-in{grid-template-columns:1fr;gap:34px}
  .lux-section-head{margin-bottom:38px}
  .lux-section-head>p{max-width:650px}
  .lux-brands-in{grid-template-columns:1fr;gap:18px}.lux-brand-rail{overflow:auto;mask-image:none;padding-bottom:4px}
  .lux-process-grid{grid-template-columns:1fr}.lux-process-card{min-height:270px;border-right:0;border-bottom:1px solid #d8dbdd}.lux-process-card:last-child{border-bottom:0}.lux-step-icon{margin:34px 0 26px}
  .lux-process-cta{align-items:flex-start;flex-direction:column}.lux-process-cta>span{text-align:left}
  .lux-value-grid{grid-template-columns:1fr 1fr}.lux-value-card:last-child{grid-column:1/-1}.lux-value-card:last-child .lux-value-media{height:330px}
  .lux-values-head h2{margin-top:0}
  .lux-deliverables-grid{gap:20px}.lux-doc-stage{max-width:600px;margin:auto;width:100%}
  .lux-faq-intro{position:static}.lux-faq-intro p{max-width:620px}
}
@media(max-width:560px){
  .lux-proof,.lux-precision{padding:72px 0}
  .lux-proof-grid{grid-template-columns:1fr}.lux-proof-card{min-height:0;border-right:0;border-bottom:1px solid #dedbd5!important;padding:27px 23px}.lux-proof-card:last-child{border-bottom:0!important}.lux-proof-icon{margin-bottom:28px}
  .lux-precision-card{grid-template-columns:52px 1fr;gap:14px;padding:23px 0}
  .lux-home h2{font-size:39px}
  .home-luxury-hero .herocopy h1{font-size:52px;line-height:.91}.home-luxury-hero .herocopy p{font-size:16px}.hero-actions{gap:18px}.hero-secondary-link{width:100%;max-width:max-content}
  .lux-categories,.lux-process,.lux-values,.lux-deliverables,.lux-faq{padding:72px 0}
  .lux-category-grid{grid-template-columns:repeat(2,1fr)}
  .lux-category{min-height:160px;padding:22px 14px;border-bottom:1px solid #e2dfd9!important}
  .lux-category:nth-child(2n){border-right:0}.lux-category-grid--eight .lux-category:nth-last-child(-n+2){border-bottom:0!important}.lux-category-grid--eight .lux-category:nth-child(4n){border-right:1px solid #e2dfd9}.lux-category-grid--eight .lux-category:nth-child(2n){border-right:0}
  .lux-category-icon{width:60px;height:60px;margin-bottom:15px}.lux-category-icon svg{width:30px;height:30px}.lux-category strong{font-size:12.5px}
  .lux-brand-rail{gap:20px}.lux-brand-rail span{font-size:15px}
  .lux-value-grid{grid-template-columns:1fr}.lux-value-card:last-child{grid-column:auto}.lux-value-media,.lux-value-card:last-child .lux-value-media{height:260px}
  .lux-doc-stage{min-height:530px;padding:20px 10px 38px 0}.lux-doc-stage:before{left:38px}.lux-doc-card{min-height:500px;padding:22px}.lux-doc-photo{height:190px}.lux-doc-title h3{font-size:26px}
  .lux-deliverable-list>div{grid-template-columns:36px 1fr;gap:10px 14px}.lux-deliverable-list p{grid-column:2}
  .lux-faq-q{font-size:14px;padding:20px 0}.lux-faq-a>p{font-size:13px;padding-right:18px}
  .lux-final-cta{padding:72px 0}.lux-final-cta-in{gap:28px}
}


/* =========================================================
   CLIENT FEEDBACK — TRUST + PRECISION / PRODUCTION 0.9.2
   ========================================================= */
.lux-proof--client{
  padding:92px 0 98px;
  background:#fbfaf7;
}
.lux-proof--client .lux-section-head{
  margin-bottom:42px;
}
.lux-proof-grid--simple{
  border:0;
  background:transparent;
  gap:14px;
}
.lux-proof-grid--simple .lux-proof-card{
  min-height:238px;
  padding:30px 24px 28px;
  border:1px solid #ddd8cf;
  background:#fff;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.lux-proof-grid--simple .lux-proof-card:last-child{
  border-right:1px solid #ddd8cf;
}
.lux-proof-grid--simple .lux-proof-icon{
  width:64px;
  height:64px;
  margin:0 0 24px;
  background:#f4e1e7;
}
.lux-proof-grid--simple .lux-proof-icon svg{
  width:31px;
  height:31px;
}
.lux-proof-grid--simple .lux-proof-card h3{
  margin:0 0 12px;
  font-size:17px;
  text-transform:none;
  letter-spacing:-.02em;
}
.lux-proof-grid--simple .lux-proof-card p{
  max-width:250px;
  font-size:13px;
  line-height:1.58;
}
.lux-proof-legal{
  margin:17px 0 0;
  color:#868b8f;
  font-size:10px;
  line-height:1.5;
  text-align:right;
}

.lux-precision--client{
  padding:96px 0 104px;
  background:#fff;
}
.lux-precision-head{
  max-width:790px;
  margin:0 auto 50px;
  text-align:center;
}
.lux-precision-head .sectionlabel{
  justify-content:center;
}
.lux-precision-head .sectionlabel:after{
  display:none;
}
.lux-precision-head h2{
  margin:20px 0 20px;
}
.lux-precision-head p{
  margin:0 auto;
  max-width:700px;
  color:#62686d;
}
.lux-precision-grid--simple{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  border-top:0;
}
.lux-precision-grid--simple .lux-precision-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:0;
  padding:31px 24px 29px;
  min-height:255px;
  border:1px solid #dcd8d0;
  background:#faf9f6;
}
.lux-precision-grid--simple .lux-precision-icon{
  width:62px;
  height:62px;
  border-radius:50%;
  border:1px solid #d3c2a8;
  background:#fff;
  display:grid;
  place-items:center;
  margin-bottom:25px;
}
.lux-precision-grid--simple .lux-precision-icon svg{
  width:30px;
  height:30px;
  stroke:#6e4d35;
  fill:none;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.lux-precision-grid--simple .lux-precision-card h3{
  font-size:17px;
  margin:0 0 12px;
  text-transform:none;
  letter-spacing:-.02em;
}
.lux-precision-grid--simple .lux-precision-card p{
  margin:0;
  font-size:13px;
  line-height:1.58;
  color:#62686d;
  max-width:245px;
}

@media(max-width:1050px){
  .lux-proof-grid--simple,
  .lux-precision-grid--simple{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:560px){
  .lux-proof--client,
  .lux-precision--client{
    padding:70px 0 74px;
  }
  .lux-proof-grid--simple,
  .lux-precision-grid--simple{
    grid-template-columns:1fr;
    gap:10px;
  }
  .lux-proof-grid--simple .lux-proof-card,
  .lux-precision-grid--simple .lux-precision-card{
    min-height:0;
    padding:25px 22px;
  }
  .lux-proof-legal{
    text-align:left;
  }
}


/* =========================================================
   SWISS RED MARK + PRICE FAQ / PRODUCTION 0.9.3
   ========================================================= */

/*
 * Il file logo originale resta invariato.
 * Il quadrato centrale nero viene coperto a video con il rosso svizzero
 * e croce bianca, mantenendo intatti cerchi, testi e dettagli oro.
 */
.header .brand,
.footer .brand,
.preview-mark{
  position:relative;
}
.header .brand::after,
.footer .brand::after,
.preview-mark::after{
  content:"";
  position:absolute;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(#fff,#fff) center/58% 22% no-repeat,
    linear-gradient(#fff,#fff) center/22% 58% no-repeat,
    #d52b1e;
}
.header .brand::after{
  width:12px;height:12px;
  left:20px;top:20px;
}
.footer .brand::after{
  width:11px;height:11px;
  left:18.5px;top:18.5px;
}
.preview-mark::after{
  width:8.5px;height:8.5px;
  left:13.8px;top:13.8px;
}
@media(max-width:900px){
  .header .brand::after{
    width:10.5px;height:10.5px;
    left:17.7px;top:17.7px;
  }
  .footer .brand::after{
    width:9.5px;height:9.5px;
    left:16.2px;top:16.2px;
  }
}
@media(max-width:560px){
  .header .brand::after{
    width:9px;height:9px;
    left:15.5px;top:15.5px;
  }
}


/* =========================================================
   PRODUCTION 0.9.4 - PRICE + MOBILE FIRST-LOAD / OVERFLOW FIX
   ========================================================= */
.lux-price-strip{background:#f4f1eb;border-top:1px solid #e1ddd4;border-bottom:1px solid #ddd8cf}
.lux-price-strip-in{min-height:94px;display:grid;grid-template-columns:210px minmax(0,1fr) auto;gap:34px;align-items:center}
.lux-price-strip-in>div span{display:block;font-size:9px;font-weight:700;letter-spacing:.11em;color:#846535;margin-bottom:6px}
.lux-price-strip-in>div strong{font-size:31px;font-weight:500;letter-spacing:-.035em;color:#111518}
.lux-price-strip-in p{margin:0;max-width:630px;font-size:13px;line-height:1.55;color:#5d6368}
.lux-price-strip-in a{display:inline-flex;align-items:center;gap:22px;white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:.04em}
.lux-price-strip-in a b{font-size:20px;font-weight:300}

/* Hard containment: no component may create an horizontal page scroll. */
html,body{width:100%;max-width:100%;overflow-x:clip!important}
body,.lux-home,.shared-site-hero,.topbar,.header,.footer{max-width:100vw}
.lux-home{overflow-x:clip}

@media(max-width:850px){
  html,body{overflow-x:hidden!important}
  .topbar{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .topbar-in,.headerin,.shared-site-hero .heroin{max-width:100%!important;min-width:0!important}
  .topbar-in{width:calc(100% - 20px)!important;grid-template-columns:minmax(0,1fr) 38px!important;gap:8px!important}
  .topbar-contacts{min-width:0!important;overflow:hidden!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  .topbar-link{min-width:0!important;max-width:100%!important}
  .topbar-link:first-child{overflow:hidden!important}
  .topbar-link:first-child span{display:block!important;max-width:138px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .topbar-link:last-child span{display:none!important}
  .topbar-link:last-child{width:24px!important;min-width:24px!important;justify-content:center!important}
  .topbar-private{width:36px!important;min-width:36px!important;max-width:36px!important}

  .header{width:100%!important;max-width:100%!important}
  .headerin{width:calc(100% - 24px)!important;grid-template-columns:minmax(0,1fr) 50px!important;gap:10px!important}
  .brand{width:auto!important;max-width:calc(100vw - 92px)!important;min-width:0!important}
  .brandtxt{min-width:0!important;white-space:normal!important}
  .headright,.hamb{max-width:50px!important;min-width:50px!important}

  .shared-site-hero{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .shared-site-hero .wrap{width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;margin-left:auto!important;margin-right:auto!important}
  .shared-site-hero .herocopy{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;transform:none!important}
  .shared-site-hero .herocopy h1,.shared-site-hero .herocopy p,.shared-site-hero .hero-actions{max-width:100%!important}
  .shared-site-hero .heroimg{left:0!important;right:0!important;width:100%!important;max-width:100%!important;transform:scale(1.025)!important}
  .hero-clouds{left:0!important;right:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
  .hero-graphic,.hero-beam{max-width:100%!important}

  .lux-price-strip{overflow:hidden}
  .lux-price-strip-in{min-height:0;padding:22px 0;grid-template-columns:1fr auto;gap:10px 18px}
  .lux-price-strip-in>div strong{font-size:27px}
  .lux-price-strip-in p{grid-column:1/-1;grid-row:2;font-size:12.5px}
  .lux-price-strip-in a{grid-column:2;grid-row:1;font-size:9px}

  /* Prevent decorative rings/rails from expanding layout on WebView/Chrome first paint. */
  .lux-categories:after,.lux-proof:before,.lux-deliverables:before,.lux-final-cta:before,.process:before,.standard-band:before{contain:paint}
  .lux-brand-rail{max-width:100%!important}
  .lux-doc-stage,.lux-doc-card,.lux-deliverables-grid,.lux-value-grid,.lux-category-grid{min-width:0!important;max-width:100%!important}
}
@media(max-width:430px){
  .topbar-link:first-child span{max-width:118px!important}
  .shared-site-hero .wrap{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}
  .home-luxury-hero .herocopy h1{font-size:48px!important;line-height:.93!important;letter-spacing:-.045em!important}
  .home-luxury-hero .herocopy p{font-size:15px!important;line-height:1.55!important;width:100%!important}
  .hero-actions .btn{width:100%!important;min-width:0!important;gap:20px!important}
  .lux-price-strip-in{grid-template-columns:1fr}
  .lux-price-strip-in a{grid-column:1;grid-row:3;width:max-content}
  .lux-price-strip-in p{grid-column:1;grid-row:2}
}


/* =========================================================
   CHI SIAMO / PRODUCTION 0.9.5
   ========================================================= */

.about9-page{
  background:#f5f3ee;
  color:#111519;
  overflow:hidden;
}
.about9-page .sectionlabel{
  margin-bottom:20px;
}

/* Intro */
.about9-intro{
  padding:118px 0 126px;
  background:#f5f3ee;
}
.about9-intro-grid{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:104px;
  align-items:start;
}
.about9-intro-title h2{
  margin:0;
  font-size:clamp(50px,5.4vw,80px);
  line-height:.91;
  letter-spacing:-.052em;
  font-weight:400;
}
.about9-intro-title h2 em{
  display:inline-block;
  color:#9b7a33;
  font-style:normal;
}
.about9-intro-copy{
  padding-top:28px;
  max-width:660px;
}
.about9-intro-copy p{
  margin:0 0 24px;
  font-size:17px;
  line-height:1.74;
  color:#3d4449;
}
.about9-intro-copy .about9-lead{
  font-size:21px;
  line-height:1.62;
  color:#111519;
}
.about9-signature{
  display:flex;
  align-items:center;
  gap:24px;
  margin-top:44px;
}
.about9-signature>span{
  width:74px;
  height:1px;
  background:#b99b54;
}
.about9-signature strong{
  font-size:10px;
  line-height:1.55;
  letter-spacing:.08em;
}

/* Metrics */
.about9-metrics{
  background:#0c0f12;
  color:#fff;
}
.about9-metrics-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.about9-metric{
  min-height:290px;
  padding:42px 34px 38px;
  border-left:1px solid rgba(255,255,255,.14);
  display:flex;
  flex-direction:column;
}
.about9-metric:last-child{
  border-right:1px solid rgba(255,255,255,.14);
}
.about9-metric-kicker{
  font-size:9px;
  font-weight:700;
  letter-spacing:.11em;
  color:#aeb4b8;
}
.about9-metric strong{
  margin:auto 0 18px;
  font-size:clamp(48px,5vw,72px);
  line-height:.85;
  font-weight:300;
  letter-spacing:-.055em;
}
.about9-metric strong span{
  font-size:.38em;
  color:#c5a65e;
  vertical-align:top;
  margin-left:4px;
}
.about9-metric p{
  margin:0;
  max-width:210px;
  font-size:12px;
  line-height:1.55;
  color:#b8bdc1;
}

/* Method split */
.about9-method{
  padding:126px 0;
  background:#fff;
}
.about9-method-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:100px;
  align-items:center;
}
.about9-method-media{
  position:relative;
  min-height:610px;
  overflow:hidden;
  background:#ddd;
}
.about9-method-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(8,10,12,.7));
}
.about9-method-media img{
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  object-fit:cover;
  filter:none;
  image-rendering:auto;
  transition:transform 1.2s var(--ease);
}
.about9-method-media:hover img{
  transform:scale(1.035);
}
.about9-media-index{
  position:absolute;
  z-index:2;
  top:26px;
  left:26px;
  padding:8px 10px;
  background:#fff;
  font-size:8px;
  font-weight:700;
  letter-spacing:.08em;
}
.about9-media-caption{
  position:absolute;
  z-index:2;
  left:30px;
  bottom:28px;
  color:#fff;
}
.about9-media-caption strong{
  display:block;
  margin-bottom:5px;
  font-size:11px;
  letter-spacing:.08em;
}
.about9-media-caption span{
  font-size:13px;
  color:#d7dbdd;
}
.about9-method-copy h2{
  margin:0 0 32px;
  font-size:clamp(44px,4.9vw,70px);
  line-height:.93;
  letter-spacing:-.05em;
  font-weight:400;
}
.about9-method-copy>p{
  max-width:590px;
  margin:0 0 20px;
  font-size:16px;
  line-height:1.72;
  color:#4a5055;
}
.about9-method-points{
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-top:42px;
  border-top:1px solid #d9d9d5;
}
.about9-method-points span{
  padding:18px 12px 18px 0;
  border-bottom:1px solid #d9d9d5;
  font-size:10px;
  font-weight:700;
  letter-spacing:.065em;
  text-transform:uppercase;
}
.about9-method-points span:nth-child(even){
  padding-left:20px;
  border-left:1px solid #d9d9d5;
}

/* Principles */
.about9-principles{
  padding:116px 0 126px;
  background:#eeece6;
}
.about9-principles-head{
  display:grid;
  grid-template-columns:1fr .85fr;
  gap:100px;
  align-items:end;
  margin-bottom:66px;
}
.about9-principles-head h2{
  margin:0;
  font-size:clamp(46px,5vw,72px);
  line-height:.93;
  letter-spacing:-.052em;
  font-weight:400;
}
.about9-principles-head>p{
  max-width:560px;
  margin:0;
  font-size:16px;
  line-height:1.72;
  color:#50575b;
}
.about9-principles-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid #cbc8c0;
  border-bottom:1px solid #cbc8c0;
}
.about9-principle{
  min-height:380px;
  padding:30px 28px 34px;
  border-left:1px solid #cbc8c0;
  display:flex;
  flex-direction:column;
  transition:background .35s var(--ease),transform .35s var(--ease);
}
.about9-principle:last-child{
  border-right:1px solid #cbc8c0;
}
.about9-principle:hover{
  background:#fff;
  transform:translateY(-5px);
}
.about9-principle-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
}
.about9-principle-top>span{
  font-size:10px;
  color:#777d81;
}
.about9-principle svg{
  width:48px;
  height:48px;
  fill:none;
  stroke:#15191c;
  stroke-width:1.2;
}
.about9-principle h3{
  margin:auto 0 18px;
  font-size:18px;
  line-height:1.08;
  letter-spacing:-.02em;
}
.about9-principle p{
  margin:0;
  font-size:13px;
  line-height:1.62;
  color:#5c6266;
}

/* Detail split */
.about9-detail{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:710px;
  background:#101317;
  color:#fff;
}
.about9-detail-image{
  position:relative;
  overflow:hidden;
}
.about9-detail-image:after{
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset -50px 0 90px rgba(0,0,0,.28);
}
.about9-detail-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:none;
  image-rendering:auto;
}
.about9-detail-copy{
  padding:102px clamp(58px,7vw,120px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.about9-detail-copy .sectionlabel{
  color:#c8a760;
}
.about9-detail-copy h2{
  margin:0 0 34px;
  font-size:clamp(43px,4.6vw,68px);
  line-height:.94;
  letter-spacing:-.052em;
  font-weight:400;
}
.about9-detail-copy>p{
  margin:0;
  max-width:590px;
  font-size:16px;
  line-height:1.72;
  color:#bdc2c5;
}
.about9-quote{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:12px;
  margin-top:55px;
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.17);
}
.about9-quote>span{
  font-family:Georgia,serif;
  font-size:58px;
  line-height:.8;
  color:#c7a75d;
}
.about9-quote p{
  margin:0;
  font-size:18px;
  line-height:1.5;
  color:#fff;
}

/* Professional */
.about9-professional{
  padding:120px 0;
  background:#fff;
}
.about9-professional-grid{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:105px;
}
.about9-professional h2{
  margin:14px 0 0;
  font-size:clamp(43px,4.6vw,66px);
  line-height:.94;
  letter-spacing:-.05em;
  font-weight:400;
}
.about9-professional-copy>p{
  margin:6px 0 38px;
  font-size:17px;
  line-height:1.72;
  color:#4d5358;
}
.about9-professional-list{
  border-top:1px solid #d7d7d3;
}
.about9-professional-list>div{
  display:grid;
  grid-template-columns:48px 190px 1fr;
  gap:20px;
  padding:23px 0;
  border-bottom:1px solid #d7d7d3;
  align-items:start;
}
.about9-professional-list span{
  font-size:9px;
  color:#9a7c3b;
}
.about9-professional-list strong{
  font-size:13px;
  line-height:1.3;
}
.about9-professional-list p{
  margin:0;
  font-size:13px;
  line-height:1.55;
  color:#62686c;
}

/* CTA */
.about9-cta{
  padding:92px 0;
  background:#0b0e11;
  color:#fff;
}
.about9-cta-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:90px;
  align-items:end;
}
.about9-cta h2{
  margin:16px 0 0;
  font-size:clamp(46px,5.4vw,76px);
  line-height:.93;
  letter-spacing:-.055em;
  font-weight:400;
}
.about9-cta-grid>div:last-child>p{
  max-width:550px;
  margin:0 0 30px;
  color:#b8bdc0;
  font-size:15px;
  line-height:1.7;
}
.about9-cta-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:24px 30px;
}
.about9-price{
  display:flex;
  flex-direction:column;
  gap:3px;
  font-size:8px;
  letter-spacing:.08em;
  color:#949b9f;
}
.about9-price strong{
  font-size:17px;
  color:#fff;
  letter-spacing:0;
}

/* Tablet */
@media(max-width:1024px){
  .about9-intro-grid,
  .about9-method-grid,
  .about9-principles-head,
  .about9-professional-grid,
  .about9-cta-grid{
    gap:56px;
  }
  .about9-metrics-grid{
    grid-template-columns:1fr 1fr;
  }
  .about9-metric:nth-child(2){
    border-right:1px solid rgba(255,255,255,.14);
  }
  .about9-metric:nth-child(3),
  .about9-metric:nth-child(4){
    border-top:1px solid rgba(255,255,255,.14);
  }
  .about9-principles-grid{
    grid-template-columns:1fr 1fr;
  }
  .about9-principle:nth-child(2){
    border-right:1px solid #cbc8c0;
  }
  .about9-principle:nth-child(3),
  .about9-principle:nth-child(4){
    border-top:1px solid #cbc8c0;
  }
  .about9-detail-copy{
    padding:80px 50px;
  }
}

/* Mobile */
@media(max-width:760px){
  .about9-intro,
  .about9-method,
  .about9-principles,
  .about9-professional{
    padding:78px 0;
  }
  .about9-intro-grid,
  .about9-method-grid,
  .about9-principles-head,
  .about9-professional-grid,
  .about9-cta-grid{
    grid-template-columns:1fr;
    gap:42px;
  }
  .about9-intro-title h2,
  .about9-method-copy h2,
  .about9-principles-head h2,
  .about9-professional h2,
  .about9-cta h2{
    font-size:42px;
  }
  .about9-intro-copy{
    padding-top:0;
  }
  .about9-intro-copy .about9-lead{
    font-size:18px;
  }
  .about9-intro-copy p{
    font-size:15px;
  }
  .about9-metric{
    min-height:225px;
    padding:28px 24px;
  }
  .about9-metric strong{
    font-size:48px;
  }
  .about9-method-media{
    min-height:430px;
  }
  .about9-method-copy>p,
  .about9-principles-head>p,
  .about9-professional-copy>p{
    font-size:15px;
  }
  .about9-principles-grid{
    grid-template-columns:1fr;
  }
  .about9-principle{
    min-height:280px;
    border-right:1px solid #cbc8c0;
    border-top:1px solid #cbc8c0;
  }
  .about9-principle:first-child{
    border-top:0;
  }
  .about9-detail{
    grid-template-columns:1fr;
    min-height:0;
  }
  .about9-detail-image{
    min-height:430px;
  }
  .about9-detail-copy{
    padding:70px 24px;
  }
  .about9-detail-copy h2{
    font-size:42px;
  }
  .about9-professional-list>div{
    grid-template-columns:38px 1fr;
    gap:8px 14px;
  }
  .about9-professional-list p{
    grid-column:2;
  }
  .about9-cta{
    padding:72px 0;
  }
}

/* Small mobile */
@media(max-width:520px){
  .about9-metrics-grid{
    grid-template-columns:1fr;
  }
  .about9-metric{
    min-height:195px;
    border-right:1px solid rgba(255,255,255,.14);
    border-top:1px solid rgba(255,255,255,.14);
  }
  .about9-metric:first-child{
    border-top:0;
  }
  .about9-method-points{
    grid-template-columns:1fr;
  }
  .about9-method-points span:nth-child(even){
    padding-left:0;
    border-left:0;
  }
  .about9-method-media,
  .about9-detail-image{
    min-height:350px;
  }
  .about9-quote{
    grid-template-columns:38px 1fr;
  }
  .about9-quote p{
    font-size:16px;
  }
}

.about9-method-media img,
.about9-detail-image img{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translateZ(0);
}


/* =========================================================
   FINAL UX / FOOTER / SCROLL TOP — PRODUCTION 1.0.1
   ========================================================= */

/* Footer logo: dedicated cropped mark + precisely aligned Swiss red field.
   Disable the older generic pseudo-overlay that caused the double cross. */
.footer .brand::after{display:none!important}
.footer-brand{align-items:center}
.footer-logo-mark{
  position:relative;
  display:block;
  width:52px;
  height:52px;
  flex:0 0 52px;
  overflow:hidden;
}
.footer-logo-mark .brandlogo{
  width:52px!important;
  height:52px!important;
  display:block;
  object-fit:contain;
}
.footer-swiss-cross{
  position:absolute;
  z-index:3;
  left:17.9px;
  top:17.7px;
  width:16.9px;
  height:17.1px;
  background:
    linear-gradient(#fff,#fff) center/58% 22% no-repeat,
    linear-gradient(#fff,#fff) center/22% 58% no-repeat,
    #d52b1e;
  pointer-events:none;
}

.footer-copyright{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px 14px;
}
.footer-credit{
  color:#111519!important;
}
.footer-credit:before{
  content:"·";
  margin-right:14px;
  color:#9a9ea0;
}
.footer-credit a{
  color:#000!important;
  font-weight:700;
  text-decoration:none!important;
}
.footer-credit a:hover{
  text-decoration:underline!important;
  text-underline-offset:3px;
}

.merenti-scrolltop{
  position:fixed;
  z-index:9990;
  right:22px;
  bottom:22px;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(17,21,25,.22);
  background:#111519;
  color:#fff;
  box-shadow:0 10px 32px rgba(0,0,0,.16);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(14px);
  transition:opacity .25s ease,visibility .25s ease,transform .25s ease,background .2s ease;
}
.merenti-scrolltop span{
  display:block;
  font-size:20px;
  line-height:1;
  transform:translateY(-1px);
}
.merenti-scrolltop.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.merenti-scrolltop:hover{
  background:#9b7b3b;
}
.merenti-scrolltop:focus-visible{
  outline:2px solid #c7a75d;
  outline-offset:3px;
}

/* Keep the scroll-up control above the cookie preferences shortcut. */
body:has(.merenti-privacy-choice:not([hidden])) .merenti-scrolltop{bottom:66px}

@media(max-width:900px){
  .footer-logo-mark,
  .footer-logo-mark .brandlogo{width:48px!important;height:48px!important;flex-basis:48px}
  .footer-swiss-cross{left:16.5px;top:16.3px;width:15.6px;height:15.8px}
  .footer-credit:before{display:none}
  .footer-copyright{align-items:flex-start;flex-direction:column;gap:7px}
  .merenti-scrolltop{right:14px;bottom:14px;width:44px;height:44px}
  body:has(.merenti-privacy-choice:not([hidden])) .merenti-scrolltop{bottom:58px}
}

@media(max-width:560px){
  .footer-logo-mark,
  .footer-logo-mark .brandlogo{width:44px!important;height:44px!important;flex-basis:44px}
  .footer-swiss-cross{left:15.2px;top:14.9px;width:14.3px;height:14.5px}
}

/* =========================================================
   PRODUCTION 1.0.2 — LIVE CERTIFICATIONS + NEWS JOURNAL
   ========================================================= */
.certs-card-link{text-decoration:none;cursor:pointer}
.certs-live-empty{margin-top:44px;padding:54px 58px;border:1px solid #d2cec4;background:#f8f6f1}
.certs-live-empty>span{display:block;margin-bottom:18px;color:#9a7934;font-size:9px;font-weight:700;letter-spacing:.12em}
.certs-live-empty h3{max-width:760px;margin:0 0 18px;font-size:clamp(30px,3.3vw,48px);line-height:1.02;font-weight:400;letter-spacing:-.04em}
.certs-live-empty p{max-width:700px;margin:0;color:#5d6468;font-size:15px;line-height:1.7}

/* News archive */
.news9-page{background:#f5f3ee;color:#111519;overflow:hidden}
.news9-intro{padding:112px 0 120px;background:#f5f3ee}
.news9-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:end}
.news9-intro h2{margin:0;font-size:clamp(50px,5.5vw,80px);line-height:.92;letter-spacing:-.055em;font-weight:400}
.news9-intro h2 em{font-style:normal;color:#9b7b38}
.news9-intro-grid>div:last-child>p{max-width:590px;margin:0 0 26px;color:#4d5458;font-size:17px;line-height:1.72}
.news9-editorial-note{display:block;padding-top:18px;border-top:1px solid #d7d3ca;color:#777e82;font-size:10px;line-height:1.55;letter-spacing:.04em;text-transform:uppercase}
.news9-grid-section{padding:112px 0 128px;background:#fff}
.news9-grid-head{display:grid;grid-template-columns:1fr .7fr;gap:90px;align-items:end;margin-bottom:58px}
.news9-grid-head h2{margin:14px 0 0;font-size:clamp(46px,5vw,70px);line-height:.94;letter-spacing:-.052em;font-weight:400}
.news9-grid-head>p{max-width:520px;margin:0;color:#60676b;font-size:15px;line-height:1.68}
.news9-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.news9-card{border:1px solid #d9d6ce;background:#faf9f6;min-width:0;transition:transform .35s var(--ease),box-shadow .35s ease}
.news9-card:hover{transform:translateY(-5px);box-shadow:0 24px 52px rgba(16,20,24,.09)}
.news9-card-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#ddd;text-decoration:none}
.news9-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.news9-card:hover .news9-card-media img{transform:scale(1.035)}
.news9-card-number,.news9-card-arrow{position:absolute;z-index:2;top:18px;background:rgba(255,255,255,.94);color:#111519}
.news9-card-number{left:18px;padding:8px 10px;font-size:8px;font-weight:700;letter-spacing:.09em}
.news9-card-arrow{right:18px;width:38px;height:38px;display:grid;place-items:center;font-size:17px;transition:background .25s,color .25s}
.news9-card:hover .news9-card-arrow{background:#101317;color:#fff}
.news9-card-body{padding:26px 26px 28px}
.news9-card-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px;color:#8a6b30;font-size:8px;font-weight:700;letter-spacing:.1em}
.news9-card h3{margin:0 0 16px;font-size:24px;line-height:1.08;letter-spacing:-.035em;font-weight:500}
.news9-card h3 a{color:inherit;text-decoration:none}
.news9-card p{margin:0 0 25px;color:#62696d;font-size:13.5px;line-height:1.65}
.news9-read{display:inline-flex;gap:12px;align-items:center;color:#15191c;text-decoration:none;font-size:9px;font-weight:700;letter-spacing:.075em}
.news9-read span{font-size:14px;transition:transform .2s ease}.news9-read:hover span{transform:translateX(4px)}
.news9-empty{padding:40px;border:1px solid #d8d4cb;color:#656c70}
.news9-cta{padding:94px 0;background:#0c0f12;color:#fff}
.news9-cta-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:end}
.news9-cta h2{margin:15px 0 0;font-size:clamp(48px,5.3vw,76px);line-height:.92;letter-spacing:-.055em;font-weight:400}
.news9-cta-grid>div:last-child>p{max-width:560px;margin:0 0 30px;color:#b9bec1;font-size:15px;line-height:1.7}

/* News single */
.news-single-page{background:#f5f3ee;color:#111519}
.news-single-head{padding:95px 0 78px;background:#101317;color:#fff}
.news-single-head-grid{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:60px;align-items:start}
.news-single-back{display:inline-block;margin-bottom:40px;color:#c7a75f;text-decoration:none;font-size:9px;font-weight:700;letter-spacing:.09em}
.news-single-kicker{margin-bottom:22px;color:#aeb4b8;font-size:9px;font-weight:700;letter-spacing:.12em}
.news-single-head h1{max-width:1050px;margin:0;font-size:clamp(52px,6.3vw,94px);line-height:.91;letter-spacing:-.06em;font-weight:400}
.news-single-head p{max-width:760px;margin:28px 0 0;color:#c1c6c9;font-size:17px;line-height:1.65}
.news-single-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:32px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);color:#a9b0b3;font-size:8px;font-weight:700;letter-spacing:.075em}
.news-single-index{justify-self:end;padding-top:7px;color:#777f84;font-size:9px;letter-spacing:.08em}
.news-single-featured{width:100%;height:min(60vw,680px);min-height:420px;background:#ddd;overflow:hidden}
.news-single-featured img{width:100%;height:100%;object-fit:cover;display:block}
.news-single-body{padding:100px 0 118px;background:#f8f6f1}
.news-single-layout{display:grid;grid-template-columns:280px minmax(0,780px);gap:92px;justify-content:center;align-items:start}
.news-single-sidebar.legal-toc{top:112px;max-height:calc(100vh - 135px)}
.news-single-sidebar.legal-toc>strong{font-size:11px}
.news-single-sidebar.legal-toc a{font-size:13.5px;line-height:1.38;padding-top:13px;padding-bottom:13px}
.news-single-sidebar-cta{margin-top:20px!important;padding:16px 14px!important;background:#111519!important;color:#fff!important;border-top:0!important;font-size:9px!important;letter-spacing:.065em!important}
.news-single-sidebar-cta:before{display:none!important}
.news-single-sidebar-cta:hover{padding-left:14px!important;background:#9a7936!important}
.news-single-article{min-width:0}
.news-single-disclaimer{margin-bottom:42px;padding:23px 25px;border-left:3px solid #b4944c;background:#efe9db}
.news-single-disclaimer strong{display:block;margin-bottom:8px;color:#8b6a2f;font-size:8px;letter-spacing:.1em}
.news-single-disclaimer p{margin:0;color:#5f5a50;font-size:13px;line-height:1.6}
.news-article-content{font-size:17px;line-height:1.78;color:#343a3e}
.news-article-content h2{scroll-margin-top:125px;margin:70px 0 23px;padding-top:20px;border-top:1px solid #d5d1c8;color:#111519;font-size:36px;line-height:1.03;letter-spacing:-.04em;font-weight:500}
.news-article-content h2:first-of-type{margin-top:25px}
.news-article-content h3{margin:32px 0 12px;color:#111519;font-size:21px;line-height:1.18;font-weight:600}
.news-article-content p{margin:0 0 21px}
.news-article-content ul{margin:12px 0 28px;padding:0;list-style:none}
.news-article-content li{position:relative;margin:0;padding:13px 0 13px 25px;border-bottom:1px solid #ddd9d0;font-size:15px;line-height:1.6}
.news-article-content li:before{content:"→";position:absolute;left:0;color:#9b7a36}
.news-article-content strong,.news-article-content b{color:#15191c}
.news-answer-box{margin:0 0 50px;padding:28px 30px;background:#111519;color:#fff}
.news-answer-box>strong{display:block;margin-bottom:10px;color:#c8a75e;font-size:9px;letter-spacing:.11em}
.news-answer-box p{margin:0!important;color:#e2e5e6!important;font-size:16px!important;line-height:1.65!important}
.news-single-end{margin-top:76px;padding:42px 44px;background:#0d1013;color:#fff}
.news-single-end>span{display:block;margin-bottom:15px;color:#b79a55;font-size:8px;font-weight:700;letter-spacing:.1em}
.news-single-end h2{margin:0 0 15px!important;padding:0!important;border:0!important;color:#fff!important;font-size:38px!important}
.news-single-end p{max-width:620px;color:#bcc1c4}
.news-related{padding:105px 0 120px;background:#fff}
.news-related>.wrap:first-child{margin-bottom:44px}
.news-related h2{margin:12px 0 0;font-size:clamp(42px,4.6vw,66px);line-height:.95;letter-spacing:-.05em;font-weight:400}
.news-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.news-related-card{display:block;color:#111519;text-decoration:none;border:1px solid #d8d5cd;background:#faf9f6;overflow:hidden}
.news-related-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .7s var(--ease)}
.news-related-card:hover img{transform:scale(1.03)}
.news-related-card>span{display:block;margin:22px 24px 10px;color:#9a7934;font-size:8px;font-weight:700;letter-spacing:.09em}
.news-related-card h3{margin:0 24px 20px;font-size:22px;line-height:1.08;letter-spacing:-.03em}
.news-related-card b{display:block;margin:0 24px 24px;font-size:9px;letter-spacing:.07em}

@media(max-width:1050px){
  .news9-grid{grid-template-columns:1fr 1fr}
  .news-single-layout{grid-template-columns:240px minmax(0,1fr);gap:55px}
}
@media(max-width:900px){
  .news9-intro-grid,.news9-grid-head,.news9-cta-grid{grid-template-columns:1fr;gap:45px}
  .news-single-head-grid{grid-template-columns:1fr}.news-single-index{display:none}
  .news-single-layout{grid-template-columns:1fr;gap:46px}
  .news-single-sidebar.legal-toc{position:static;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
  .news-single-sidebar.legal-toc>strong,.news-single-sidebar-cta{grid-column:1/-1}
  .news-related-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .news9-intro,.news9-grid-section{padding:72px 0 82px}
  .news9-intro h2,.news9-grid-head h2,.news9-cta h2{font-size:42px}
  .news9-grid{grid-template-columns:1fr;gap:20px}
  .news9-card h3{font-size:23px}
  .news9-cta{padding:72px 0}
  .news-single-head{padding:70px 0 58px}.news-single-head h1{font-size:48px}.news-single-head p{font-size:15px}
  .news-single-featured{height:64vw;min-height:280px}
  .news-single-body{padding:70px 0 82px}
  .news-single-sidebar.legal-toc{grid-template-columns:1fr}
  .news-single-article{width:100%}
  .news-article-content{font-size:15.5px;line-height:1.72}
  .news-article-content h2{font-size:30px;margin-top:55px;scroll-margin-top:100px}
  .news-answer-box{padding:23px 21px}.news-answer-box p{font-size:15px!important}
  .news-single-end{padding:30px 24px}.news-single-end h2{font-size:30px!important}
  .news-related{padding:72px 0 80px}.news-related-grid{grid-template-columns:1fr}
}


/* =========================================================
   CERTIFICAZIONI PRIVATE IN GRIGLIA / PRODUCTION 1.0.3
   ========================================================= */
.certs-card-private{
  position:absolute;
  z-index:4;
  top:16px;
  right:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 13px;
  background:#111519;
  color:#fff;
  border:1px solid rgba(255,255,255,.62);
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  box-shadow:0 8px 28px rgba(0,0,0,.22);
}
.certs-card.is-private .certs-card-media img{
  filter:saturate(.72) contrast(.98);
}
.certs-card.is-private .certs-card-link:hover img{
  filter:saturate(.82) contrast(1.03);
}
.certs-card.is-private .certs-card-info:after{
  content:"VERIFICA ESSENZIALE";
  grid-column:1/-1;
  margin-top:2px;
  color:#907039;
  font-size:8px;
  font-weight:700;
  letter-spacing:.1em;
}
@media(max-width:600px){
  .certs-card-private{
    top:12px;
    right:12px;
    min-height:29px;
    padding:0 10px;
    font-size:8px;
  }
}


/* =========================================================
   FOLD / TABLET HEADER FIX — PRODUCTION 1.0.4
   Three fixes:
   1) dedicated Fold/tablet breakpoint before desktop nav compresses
   2) definitive single Swiss red mark, no pseudo overlay / black mark
   3) mark + SWISS LUXURY CERTIFICATION on one horizontal row
   ========================================================= */

/* Definitive header mark. The old CSS pseudo-element that painted a red
   square over the black source logo is disabled completely. */
.header .brand::after,
.header .brand--header::after{
  display:none!important;
  content:none!important;
}
.header .brand--header{
  width:auto!important;
  max-width:100%!important;
  display:inline-flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:11px!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.header .brand--header .brandlogo{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  object-fit:contain!important;
}
.header .brand--header .brandtxt{
  display:block!important;
  font-size:11.2px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.018em!important;
  white-space:nowrap!important;
}

/* Desktop stays desktop only while there is genuinely enough room. */
@media(max-width:1180px){
  .header{
    height:72px!important;
    min-height:72px!important;
  }
  .header.scrolled{
    height:68px!important;
    min-height:68px!important;
  }
  .headerin{
    width:calc(100% - 40px)!important;
    grid-template-columns:minmax(0,1fr) 52px!important;
    gap:18px!important;
  }

  /* Fold/tablet gets the same reliable hamburger architecture as phones. */
  .nav-primary,
  .header .nav,
  .certbtn{
    display:none!important;
  }
  .headright{
    width:52px!important;
    min-width:52px!important;
    height:52px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    justify-self:end!important;
    margin:0!important;
  }
  .hamb{
    display:block!important;
    width:50px!important;
    height:50px!important;
    border:1px solid #d7dadd!important;
    background:#fff!important;
  }

  .header .brand--header .brandlogo{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
  }
  .header .brand--header .brandtxt{
    font-size:11.6px!important;
  }

  /* Drawer for Samsung Fold / tablet widths (851–1180). Its exact top
     position is also synchronized at runtime from the rendered header). */
  .mobile-nav{
    width:100%!important;
    left:0!important;
    right:0!important;
    padding:18px 32px 26px!important;
    background:
      radial-gradient(circle at 90% 4%,rgba(181,139,80,.10),transparent 28%),
      linear-gradient(180deg,#fff 0%,#fbfaf7 100%)!important;
    border-top:1px solid #ebe6dd!important;
    border-bottom:1px solid #d9d2c6!important;
    box-shadow:0 28px 70px rgba(12,15,18,.18)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  .mobile-nav>a:not(.mobile-private):not(.mobile-request),
  .mobile-accordion-toggle{
    min-height:50px!important;
    padding:0 4px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border-bottom:1px solid #e7e3dc!important;
    font-size:14px!important;
    font-weight:700!important;
    letter-spacing:.02em!important;
  }
  .mobile-submenu{
    padding:6px 0 8px 14px!important;
    background:#f5f2ec!important;
    border-left:2px solid #caa36a!important;
  }
  .mobile-submenu a{
    min-height:40px!important;
    display:flex!important;
    align-items:center!important;
    padding:0 12px!important;
    font-size:11.5px!important;
  }
  .mobile-nav-secondary{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin-top:14px!important;
    padding-top:14px!important;
    border-top:1px solid #d7cdbc!important;
  }
  .mobile-nav-secondary>a{
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 14px!important;
    border:1px solid #e1ddd5!important;
    background:#fff!important;
    font-size:11.5px!important;
    font-weight:700!important;
  }
  .mobile-nav-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin-top:12px!important;
  }
  .mobile-private,
  .mobile-request{
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 15px!important;
  }
}

/* Phone layout remains compact and unchanged in behaviour. */
@media(max-width:850px){
  .headerin{
    width:calc(100% - 24px)!important;
  }
  .header .brand--header{
    gap:9px!important;
    max-width:calc(100vw - 86px)!important;
  }
  .header .brand--header .brandlogo{
    width:31px!important;
    height:31px!important;
    flex-basis:31px!important;
  }
  .header .brand--header .brandtxt{
    font-size:11.1px!important;
  }
}

/* Very narrow phones: keep the brand on one row instead of wrapping. */
@media(max-width:390px){
  .header .brand--header{
    gap:7px!important;
  }
  .header .brand--header .brandlogo{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }
  .header .brand--header .brandtxt{
    font-size:9.8px!important;
    letter-spacing:0!important;
  }
}