:root{--bg:#080808;--panel:#111;--panel2:#171717;--steel:#2a2a2a;--line:#3b3b3b;--line2:#5b5b5b;--orange:#ff7a00;--orange2:#ff9d29;--paper:#d7d0c5;--muted:#a49d91;--white:#f2eee7;--mono:Consolas,'Courier New',monospace;--cond:'Arial Narrow',Arial,sans-serif;--container:1480px;--header:112px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--mono);background:var(--bg);color:var(--white);line-height:1.45;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{display:block;max-width:100%}.container{width:min(94%,var(--container));margin:auto}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.industrial-panel{background:linear-gradient(180deg,#151515,#0c0c0c);border:1px solid #393939;box-shadow:inset 0 0 0 1px #090909,0 10px 30px #000}.site-header{height:var(--header);position:sticky;top:0;z-index:100;display:grid;grid-template-columns:310px 1fr 190px;align-items:center;padding:10px 4.5%;border-left:0;border-right:0}.site-header:before,.site-header:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--orange),transparent);opacity:.45}.site-header:before{top:0}.site-header:after{bottom:0}.brand{height:90px;display:flex;align-items:center;overflow:visible}.brand-logo{width:245px;height:90px;object-fit:cover;object-position:center;filter:saturate(1.1) contrast(1.05)}.main-nav{display:flex;justify-content:center;gap:54px}.nav-link{font-size:.84rem;text-transform:uppercase;color:#ddd5ca;padding:18px 0;position:relative}.nav-link span{color:var(--orange)}.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:2px;background:var(--orange);transition:.25s}.nav-link:hover:after,.nav-link.active:after{right:0}.btn{min-height:48px;border:1px solid #707070;background:#111;color:var(--white);display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:12px 28px;text-transform:uppercase;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:.25s}.btn-primary{color:var(--orange2);border-color:#8b4300;box-shadow:0 0 18px rgba(255,122,0,.12),inset 0 0 18px rgba(255,122,0,.04)}.btn-primary:hover{background:var(--orange);color:#111;box-shadow:0 0 28px rgba(255,122,0,.5)}.btn-outline:hover{border-color:var(--orange);color:var(--orange)}
.hero{min-height:680px;position:relative;display:flex;align-items:stretch;border-bottom:1px solid #333;overflow:hidden;background:#080808}.hero-photo{position:absolute;inset:0;background-image:url('logo-neon.jpg');background-size:cover;background-position:center;filter:brightness(.44) contrast(1.12) saturate(.8)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.18) 48%,rgba(0,0,0,.72) 75%,rgba(0,0,0,.88) 100%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.28))}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.72fr);gap:85px;align-items:center;padding:68px 0}.hero-copy{padding-left:9%}.neon-wordmark{font-family:var(--cond);font-size:clamp(5.5rem,9.3vw,10rem);font-weight:500;line-height:.72;letter-spacing:.01em;color:transparent;-webkit-text-stroke:2px #ff9a2e;text-shadow:0 0 3px #fff4dc,0 0 8px #ffb348,0 0 15px #ff7a00,0 0 32px rgba(255,122,0,.95),0 0 55px rgba(255,122,0,.55);margin-bottom:18px}.neon-wordmark span{display:block}.hero-signature{display:flex;align-items:center;gap:20px;margin:12px 0 28px;color:#d8d0c5;font-family:var(--cond);font-size:2rem;letter-spacing:.06em}.hero-signature i{height:3px;width:125px;background:var(--orange);box-shadow:0 0 10px var(--orange)}.hero h1{font-family:var(--cond);font-size:2rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;color:#ded6cb}.hero p{max-width:760px;color:#c7beb2;font-size:1rem}.hero-actions{display:flex;gap:20px;margin-top:30px}.lab-card{position:relative;padding:42px 44px;min-height:410px;background:linear-gradient(145deg,#252525,#111);box-shadow:0 0 0 8px rgba(0,0,0,.25),inset 0 0 45px rgba(0,0,0,.85),10px 15px 40px rgba(0,0,0,.6)}.lab-card:before{content:"";position:absolute;inset:9px;border:1px solid #444;pointer-events:none}.bolt{position:absolute;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle,#777 0 18%,#222 22% 55%,#666 60% 68%,#151515 70%);box-shadow:0 1px 2px #000}.b1{left:15px;top:15px}.b2{right:15px;top:15px}.b3{left:15px;bottom:15px}.b4{right:15px;bottom:15px}.lab-title{color:var(--orange2);font-size:1rem;font-weight:700}.lab-place{font-size:1.15rem;color:#d0c7bb;margin-top:8px}.lab-divider{height:1px;background:linear-gradient(90deg,var(--orange),#3d3d3d);margin:26px 0}.lab-row{display:grid;grid-template-columns:auto 20px auto 1fr;gap:10px;align-items:center;padding:9px 0;color:#d2c9bd;font-size:.9rem}.lab-row b{color:var(--orange);font-weight:400}.lab-row b:last-child{text-align:right;font-size:1.4rem}.lab-meta{display:grid;grid-template-columns:80px 1fr;gap:12px;font-size:.78rem;padding:5px 0;color:#c7beb2}.lab-meta strong{font-weight:500}.hazard{display:flex;gap:5px;justify-content:flex-end;margin-top:20px}.hazard span{width:28px;height:8px;background:var(--orange);transform:skew(-32deg);opacity:.6}
.portfolio-section{padding:26px 0 54px;position:relative;border-left:0;border-right:0}.portfolio-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.018),transparent);pointer-events:none}.section-topline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #6d3500;padding:10px 0 9px;margin-bottom:22px}.section-topline>div{display:flex;align-items:center;gap:12px}.section-num{color:var(--orange);font-size:.95rem}.section-topline h2{font-size:1rem;font-weight:500;color:#e8e0d5}.section-tail{color:var(--orange);font-size:.72rem}.portfolio-filters{display:flex;justify-content:center;gap:20px;margin:0 0 25px;flex-wrap:wrap}.filter-btn{min-width:150px;background:#111;border:1px solid #404040;color:#bbb3a8;padding:11px 20px;text-transform:uppercase;font-size:.72rem;cursor:pointer;transition:.2s}.filter-btn:hover,.filter-btn.active{color:#fff;border-color:var(--orange);box-shadow:0 0 14px rgba(255,122,0,.28),inset 0 0 12px rgba(255,122,0,.05)}.projects-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.project-card{min-width:0;background:linear-gradient(#151515,#0d0d0d);border:1px solid #444;position:relative;cursor:pointer;transition:.25s;box-shadow:inset 0 0 25px rgba(0,0,0,.6);display:flex;flex-direction:column}.project-card:hover{transform:translateY(-4px);border-color:#7f4a1a;box-shadow:0 8px 22px #000,0 0 16px rgba(255,122,0,.12)}.project-head{height:31px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #343434;font-size:.68rem}.project-head span{padding:6px 13px;color:var(--orange);border-right:1px solid #633000;background:#17100a}.project-head em{font-style:normal;color:#bdb5aa;padding-right:12px}.project-media{height:145px;overflow:hidden}.project-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(0) contrast(1.05) brightness(1.02);transition:.3s}.project-card:hover .project-media img{filter:grayscale(0) contrast(1.12) brightness(1.08);transform:scale(1.04)}.project-info{position:relative;padding:18px 16px 20px;min-height:160px;display:flex;flex-direction:column;flex-grow:1}.project-info h3{font-size:.87rem;color:var(--orange2);margin-bottom:10px;font-weight:600}.project-info p{font-size:.69rem;color:#c7beb2;line-height:1.65;padding-right:28px;margin-bottom:auto}.card-plus{position:absolute;right:10px;bottom:10px;width:33px;height:33px;border:1px solid #555;background:#111;color:var(--orange);font-size:1.25rem;cursor:pointer}.card-plus:hover{border-color:var(--orange);box-shadow:0 0 12px rgba(255,122,0,.2)}
.skills-section{padding:52px 0;background:#080808}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #3a3a3a;background:linear-gradient(#181818,#0d0d0d);box-shadow:inset 0 0 35px #000}.skills-grid article{min-height:155px;display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto 1fr;padding:24px 28px;border-right:1px solid #3a3a3a;gap:3px 18px;align-items:start}.skills-grid article:last-child{border-right:0}.skill-icon{grid-row:1/3;font-size:2.1rem;color:var(--orange);text-shadow:0 0 10px rgba(255,122,0,.35)}.skills-grid h3{font-size:1rem;font-weight:500;color:#ded6cb}.skills-grid p{font-size:.7rem;color:#b8b0a5;line-height:1.6}.about-section{padding:80px 0;border-top:1px solid #222;background:radial-gradient(circle at 80% 30%,#19110b,#090909 44%)}.about-grid{display:grid;grid-template-columns:130px 1.15fr .85fr;gap:55px;align-items:start}.about-number{color:var(--orange);font-size:1.2rem}.eyebrow{color:var(--orange);font-size:.78rem;margin-bottom:10px}.about-section h2{font-family:var(--cond);font-size:clamp(2.5rem,4.3vw,4.7rem);line-height:.98;text-transform:uppercase}.about-section p{color:#bdb5aa;font-size:.9rem;line-height:1.75;padding-top:26px}
.contact-section{padding:90px 0;background:#0b0b0b;border-top:1px solid #333}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.contact-copy h2{font-family:var(--cond);font-size:clamp(3rem,5vw,5.7rem);line-height:.88;margin:18px 0 22px}.contact-copy h2 span{color:transparent;-webkit-text-stroke:1px var(--orange);text-shadow:0 0 10px rgba(255,122,0,.12)}.contact-copy>p{color:#bdb5aa;max-width:620px}.contact-details{margin-top:32px;padding-top:20px;border-top:1px solid #333;display:grid;gap:9px;font-size:.8rem;color:#d1c8bd}.contact-form-card{padding:34px 38px;position:relative}.contact-form-card:before{content:"MODULO / 01";position:absolute;top:12px;right:16px;font-size:.6rem;color:#776d61}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{color:var(--orange);font-size:.68rem;text-transform:uppercase;margin-bottom:7px}.form-group input,.form-group textarea,.form-group select{background:#090909;color:#e4ddd2;border:1px solid #444;padding:12px 13px;outline:none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--orange);box-shadow:0 0 12px rgba(255,122,0,.13)}.privacy-group{margin-bottom:22px}.checkbox-label{display:flex;gap:10px;color:#aaa296;font-size:.7rem;align-items:flex-start}.checkbox-label input{accent-color:var(--orange);margin-top:3px}.btn-block{width:100%}.form-status{margin-top:12px;text-align:center;font-size:.75rem}.form-status.error{color:#ff6655}.form-status.success{color:#72b87a}footer{border-top:1px solid #333;padding:28px 0;background:#070707}.footer-content{display:flex;justify-content:space-between;font-size:.7rem;color:#9f978c}.footer-content strong{color:var(--orange);font-size:.82rem}
.modal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:.25s}.modal.active{opacity:1;pointer-events:auto}.modal-dialog{width:min(760px,96vw);max-height:88vh;overflow:auto;position:relative;padding:0;transform:translateY(20px);transition:.25s}.modal.active .modal-dialog{transform:none}.modal-close-btn{position:absolute;right:14px;top:12px;width:40px;height:40px;background:#0b0b0b;border:1px solid #555;color:#fff;font-size:1.6rem;z-index:5;cursor:pointer}.modal-body{padding:34px}.modal-body img{width:100%;height:300px;object-fit:cover;filter:grayscale(0);border:1px solid #444;margin-bottom:24px}.modal-category{color:var(--orange);font-size:.7rem}.modal-body h2{font-family:var(--cond);font-size:3rem;text-transform:uppercase;margin:8px 0 12px}.modal-body p{color:#bdb5aa;font-size:.86rem}.modal-body h3,.modal-body h4{color:var(--orange);margin:22px 0 8px;font-size:.72rem}.modal-features-list{list-style:none;border-top:1px solid #333}.modal-features-list li{padding:9px 0;border-bottom:1px solid #282828;color:#c7beb2;font-size:.78rem}.modal-features-list li:before{content:"+ ";color:var(--orange)}.modal-actions{display:flex;gap:12px;margin-top:24px}.toast{position:fixed;right:24px;bottom:24px;z-index:2000;background:#111;border:1px solid #444;border-left:4px solid var(--orange);padding:14px 16px;display:flex;align-items:center;gap:18px;transform:translateY(140px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}.toast-content{display:flex;gap:12px;align-items:center}.toast-badge{color:var(--orange)}.toast-txt strong{font-size:.75rem}.toast-txt p{font-size:.68rem;color:#aaa}.toast-close-btn{background:none;border:0;color:#fff;font-size:1.2rem;cursor:pointer}.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.reveal.revealed{opacity:1;transform:none}
@media(max-width:1180px){.site-header{grid-template-columns:240px 1fr 160px}.main-nav{gap:24px}.brand-logo{width:205px}.hero-inner{grid-template-columns:1fr .78fr;gap:35px}.hero-copy{padding-left:2%}.projects-grid{grid-template-columns:repeat(3,1fr)}.skills-grid{grid-template-columns:repeat(2,1fr)}.skills-grid article:nth-child(2){border-right:0}.skills-grid article:nth-child(-n+2){border-bottom:1px solid #3a3a3a}}
@media(max-width:820px){:root{--header:80px}.site-header{grid-template-columns:1fr auto;height:var(--header);padding:7px 4%}.brand{height:64px}.brand-logo{width:158px;height:64px}.main-nav{display:none}.nav-cta{min-height:40px;padding:9px 14px;font-size:.66rem}.hero-inner{grid-template-columns:1fr;padding:58px 0}.hero-copy{padding:0}.hero-photo{background-position:39% center}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.72) 65%,#080808)}.neon-wordmark{font-size:clamp(4.2rem,18vw,7.4rem)}.hero-signature{font-size:1.45rem}.hero-signature i{width:70px}.lab-card{min-height:auto}.projects-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{grid-template-columns:1fr}.about-grid{gap:20px}.about-section p{padding-top:0}.contact-grid{gap:45px}}
@media(max-width:560px){.container{width:92%}.hero{min-height:auto}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.lab-card{padding:32px 24px}.portfolio-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-btn{min-width:0}.projects-grid{grid-template-columns:1fr}.project-media{height:190px}.skills-grid{grid-template-columns:1fr}.skills-grid article{border-right:0;border-bottom:1px solid #3a3a3a}.skills-grid article:last-child{border-bottom:0}.section-tail{display:none}.form-row{grid-template-columns:1fr}.contact-form-card{padding:28px 20px}.footer-content{flex-direction:column;gap:8px;text-align:center}.modal-body{padding:24px}.modal-body img{height:210px}.modal-actions{flex-direction:column}}

/* ==========================================================
   HERO CON IMMAGINE ORIGINALE E SFARFALLIO NEON DINAMICO
   ========================================================== */
.hero.hero-exact {
  position: relative;
  width: 100% !important;
  height: 80vh !important;
  min-height: 480px !important;
  max-height: 90vh !important;
  display: block !important;
  overflow: hidden !important;
  background-image: url('hero-officina.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--steel);
  transition: filter 0.05s ease-out, transform 0.1s ease-out, opacity 0.1s ease-out;
  filter: brightness(1) contrast(1.05);
}

/* Vetro Header moderno sfocato */
.site-header {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: rgba(18, 18, 18, 0.82) !important;
  transition: background 0.3s ease, box-shadow 0.3s ease, height 0.3s ease, padding 0.3s ease;
}

.site-header.scrolled {
  height: 80px !important;
  background: rgba(10, 10, 10, 0.92) !important;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid #2a2a2a;
}

.site-header.scrolled .brand {
  height: 60px;
}

.site-header.scrolled .brand-logo {
  width: 190px;
  height: 60px;
}

/* Staggered transition support for skills grid */
.skills-grid article {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.skills-grid.revealed article {
  opacity: 1;
  transform: translateY(0);
}

/* Staggered transition support for project cards */
.project-card {
  opacity: 0;
  transform: translateY(24px);
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.3s ease, box-shadow 0.3s ease, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.project-card.revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Abbellimenti e micro-interazioni moderne */
.project-card:hover {
  transform: translateY(-8px) scale(1.02) !important;
  border-color: var(--orange2) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 122, 0, 0.22) !important;
}

.filter-btn {
  border-radius: 4px;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Hero parallax scaling support */
.hero.hero-exact {
  transition: filter 0.05s ease-out, transform 0.1s ease-out, opacity 0.1s ease-out;
}

/* Mobile adjustments */
@media (max-width: 820px) {
  .site-header {
    height: 70px !important;
    padding: 8px 14px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .brand {
    height: auto !important;
    min-width: 0 !important;
    flex-shrink: 1 !important;
    overflow: hidden !important;
  }
  .brand-text {
    font-size: clamp(1rem, 4.5vw, 1.3rem) !important;
    white-space: nowrap !important;
  }
  .nav-cta {
    min-height: 38px !important;
    padding: 6px 14px !important;
    font-size: 0.65rem !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    gap: 6px !important;
  }
  .hero.hero-exact {
    height: 56vw !important;
    min-height: 220px !important;
    max-height: 440px !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #080808 !important;
  }
  .hero-signature {
    font-size: 1.3rem;
  }
  .hero-signature i {
    width: 40px;
  }
}

@media (max-width: 480px) {
  .site-header {
    height: 62px !important;
    padding: 6px 10px !important;
    gap: 6px !important;
  }
  .brand-text {
    font-size: 0.98rem !important;
    letter-spacing: 0.02em !important;
  }
  .nav-cta {
    padding: 6px 10px !important;
    font-size: 0.6rem !important;
    letter-spacing: 0 !important;
  }
  .hero.hero-exact {
    height: 60vw !important;
    min-height: 190px !important;
    background-size: contain !important;
    background-position: center center !important;
  }
}

.brand-text {
  font-family: var(--cond);
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
  
  /* Hollow Neon Glass-Tube Style */
  color: transparent;
  -webkit-text-stroke: 1px #ff9a2e;
  text-shadow: 
    0 0 2px #fff4dc,
    0 0 6px #ff7a00,
    0 0 12px rgba(255, 122, 0, 0.7);
  transition: -webkit-text-stroke 0.25s ease, text-shadow 0.25s ease;
}

.brand-text:hover {
  -webkit-text-stroke: 1px #ffb348;
  text-shadow: 
    0 0 3px #fff,
    0 0 8px #ff9a2e,
    0 0 16px var(--orange),
    0 0 24px var(--orange);
}

/* Cookie Banner Style */
.cookie-banner {
  position: fixed;
  bottom: 24px;
  left: 24px;
  right: 24px;
  z-index: 9999;
  background: rgba(17, 17, 17, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid #3c3c3c;
  border-left: 4px solid var(--orange);
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  transform: translateY(150%);
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: 0 10px 40px rgba(0,0,0,0.8);
}
.cookie-banner.show {
  transform: translateY(0);
}
.cookie-content p {
  font-size: 0.72rem;
  color: #c7beb2;
  line-height: 1.5;
  max-width: 800px;
}
.cookie-actions {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
}
.cookie-actions .btn {
  min-height: 38px;
  padding: 8px 18px;
  font-size: 0.68rem;
}

@media (max-width: 768px) {
  .cookie-banner {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    bottom: 12px;
    left: 12px;
    right: 12px;
    padding: 16px;
  }
  .cookie-actions {
    justify-content: flex-end;
  }
}

/* Accessibility Widget */
.accessibility-trigger {
  position: fixed;
  left: 24px;
  bottom: 24px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #111;
  border: 1px solid var(--orange);
  color: var(--orange2);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10000;
  box-shadow: 0 4px 15px rgba(0,0,0,0.5), 0 0 10px rgba(255,122,0,0.15);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.accessibility-trigger:hover {
  background: var(--orange);
  color: #111;
  box-shadow: 0 4px 20px rgba(255,122,0,0.4), 0 0 15px rgba(255,122,0,0.3);
  transform: scale(1.08);
}
.accessibility-panel {
  position: fixed;
  left: 24px;
  bottom: 84px;
  width: 320px;
  padding: 22px;
  z-index: 10000;
  display: none;
  flex-direction: column;
  gap: 16px;
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.accessibility-panel.show {
  display: flex;
  opacity: 1;
  transform: translateY(0);
}
.accessibility-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
}
.accessibility-header h2, .accessibility-header h3 {
  font-family: var(--cond);
  font-size: 1.15rem;
  color: var(--white);
  text-transform: uppercase;
}
.accessibility-close {
  background: none;
  border: 0;
  color: #888;
  font-size: 1.5rem;
  cursor: pointer;
  transition: color 0.2s;
}
.accessibility-close:hover {
  color: var(--orange);
}
.accessibility-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.acc-option-btn {
  background: #181818;
  border: 1px solid #444;
  color: #c7beb2;
  padding: 12px 10px;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  font-size: 0.64rem;
  font-family: var(--mono);
  transition: all 0.2s ease;
}
.acc-option-btn:hover {
  border-color: #666;
  color: #fff;
}
.acc-option-btn.active {
  background: #251b13;
  border-color: var(--orange);
  color: var(--orange2);
  box-shadow: 0 0 8px rgba(255,122,0,0.15);
}
.acc-opt-icon {
  font-size: 1.15rem;
  line-height: 1;
}
.acc-reset-btn {
  background: none;
  border: 1px solid #555;
  color: #9f978c;
  padding: 9px;
  font-size: 0.65rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s;
  border-radius: 4px;
}
.acc-reset-btn:hover {
  border-color: var(--orange);
  color: var(--orange2);
}

/* Modifier Classes */
body.acc-large-text {
  font-size: 1.15rem !important;
}
body.acc-large-text h1, body.acc-large-text .neon-wordmark {
  font-size: clamp(6.2rem, 10vw, 11rem) !important;
}
body.acc-large-text h2 {
  font-size: clamp(2.8rem, 4.8vw, 5.2rem) !important;
}
body.acc-large-text p, body.acc-large-text span, body.acc-large-text a, body.acc-large-text button, body.acc-large-text li {
  font-size: 0.88rem !important;
}
body.acc-readable-font {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  letter-spacing: 0.03em !important;
  line-height: 1.8 !important;
}
body.acc-readable-font * {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}
body.acc-high-contrast {
  --bg: #000000 !important;
  --white: #ffffff !important;
  --orange: #ffff00 !important;
  --orange2: #ffff33 !important;
  background: #000 !important;
  color: #fff !important;
}
body.acc-high-contrast .industrial-panel, 
body.acc-high-contrast .site-header, 
body.acc-high-contrast .project-card, 
body.acc-high-contrast .cookie-banner,
body.acc-high-contrast .modal-dialog {
  background: #000 !important;
  border-color: #fff !important;
  box-shadow: none !important;
}
body.acc-high-contrast * {
  color: #fff !important;
  text-shadow: none !important;
  border-color: #fff !important;
}
body.acc-high-contrast a, 
body.acc-high-contrast button, 
body.acc-high-contrast strong,
body.acc-high-contrast h2,
body.acc-high-contrast h3 {
  color: #ffff00 !important;
}
body.acc-grayscale {
  filter: grayscale(1) !important;
}

@media (max-width: 560px) {
  .accessibility-panel {
    width: calc(100vw - 24px);
    left: 12px;
    bottom: 80px;
  }
  .accessibility-trigger {
    left: 12px;
    bottom: 12px;
  }
}

/* ==========================================================================
   BARRA CONDIVISIONE SOCIAL CON LOGHI UFFICIALI
   ========================================================================== */
.social-share-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 179, 0, 0.12);
}

.share-label {
  font-family: var(--mono);
  font-size: 0.75rem;
  letter-spacing: 0.15em;
  color: var(--amber);
  text-transform: uppercase;
  margin-right: 8px;
}

.social-share-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 4px;
  background: rgba(22, 27, 34, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #c9d1d9;
  font-family: var(--mono);
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.social-share-btn svg {
  transition: transform 0.3s ease;
}

.social-share-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
}

.social-share-btn:hover svg {
  transform: scale(1.15);
}

.social-share-btn.whatsapp:hover {
  background: rgba(37, 211, 102, 0.15);
  border-color: #25D366;
  color: #25D366;
  box-shadow: 0 0 12px rgba(37, 211, 102, 0.3);
}

.social-share-btn.facebook:hover {
  background: rgba(24, 119, 242, 0.15);
  border-color: #1877F2;
  color: #1877F2;
  box-shadow: 0 0 12px rgba(24, 119, 242, 0.3);
}

.social-share-btn.instagram:hover {
  background: rgba(228, 64, 95, 0.15);
  border-color: #E4405F;
  color: #E4405F;
  box-shadow: 0 0 12px rgba(228, 64, 95, 0.3);
}

.social-share-btn.twitter:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: #ffffff;
  color: #ffffff;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.3);
}

/* ==========================================================================
   HEADER ACTIONS & AUDIO TOGGLE BUTTON (ON / OFF)
   ========================================================================== */
.header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
}

.audio-toggle-btn {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background: #111;
  border: 1px solid #555;
  color: var(--orange2);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
  padding: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  flex-shrink: 0;
}

.audio-toggle-btn:hover {
  border-color: var(--orange);
  color: #fff;
  box-shadow: 0 0 12px rgba(255, 122, 0, 0.3);
}

.audio-toggle-btn.active {
  background: rgba(255, 122, 0, 0.15);
  border-color: var(--orange);
  color: var(--orange2);
  box-shadow: 0 0 14px rgba(255, 122, 0, 0.25);
}

.audio-toggle-btn.muted {
  background: #111;
  border-color: #444;
  color: #666;
  box-shadow: none;
}

/* ==========================================================================
   PWA INSTALLATION BANNER STYLING
   ========================================================================== */
.pwa-banner {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: min(650px, 92vw);
  z-index: 10000;
  padding: 18px 24px;
  border-radius: 6px;
  border: 1px solid var(--orange);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.95), 0 0 25px rgba(255, 122, 0, 0.25);
  animation: slideUpPwa 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes slideUpPwa {
  from {
    transform: translate(-50%, 80px);
    opacity: 0;
  }
  to {
    transform: translate(-50%, 0);
    opacity: 1;
  }
}

.pwa-banner-content {
  display: flex;
  align-items: center;
  gap: 18px;
}

.pwa-banner-icon {
  font-size: 2.2rem;
  color: var(--orange2);
  text-shadow: 0 0 10px rgba(255, 122, 0, 0.4);
  flex-shrink: 0;
}

.pwa-banner-text {
  flex-grow: 1;
}

.pwa-banner-text strong {
  display: block;
  font-family: var(--cond);
  font-size: 1.15rem;
  color: var(--orange2);
  letter-spacing: 0.05em;
  margin-bottom: 2px;
}

.pwa-banner-text p {
  font-size: 0.76rem;
  color: #c7beb2;
  line-height: 1.4;
  margin: 0;
}

.pwa-banner-actions {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
}

.pwa-banner-actions .btn {
  padding: 8px 16px;
  font-size: 0.72rem;
  min-height: 36px;
}

@media (max-width: 600px) {
  .pwa-banner-content {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }
  .pwa-banner-actions {
    width: 100%;
    justify-content: center;
  }
  .pwa-banner-actions .btn {
    flex: 1;
  }
}

/* ==========================================================================
   GOLDEN-YELLOW DISCOUNT BADGES & POPUP BANNER (-50% OFF)
   ========================================================================== */
.project-media {
  position: relative;
}

.card-gold-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  background: linear-gradient(135deg, #ffd700 0%, #ffa500 100%);
  color: #000;
  font-family: var(--cond);
  font-size: 0.82rem;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 3px;
  letter-spacing: 0.05em;
  box-shadow: 0 0 14px rgba(255, 215, 0, 0.65), 0 2px 6px rgba(0, 0, 0, 0.4);
  border: 1px solid #fff3a0;
  animation: pulseGoldBadge 2.5s infinite ease-in-out;
}

@keyframes pulseGoldBadge {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 12px rgba(255, 215, 0, 0.6);
  }
  50% {
    transform: scale(1.06);
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.95);
  }
}

/* Modal Promo Banner */
.gold-promo-banner {
  background: linear-gradient(135deg, #ffd700 0%, #ff9100 100%);
  color: #000;
  padding: 14px 20px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  border: 1px solid #fff6a8;
  box-shadow: 0 0 22px rgba(255, 215, 0, 0.45);
}

.gold-promo-badge {
  background: #000;
  color: #ffd700;
  font-family: var(--cond);
  font-size: 1.15rem;
  font-weight: 900;
  padding: 6px 14px;
  border-radius: 4px;
  letter-spacing: 0.04em;
  flex-shrink: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.gold-promo-info {
  flex-grow: 1;
}

.gold-promo-info strong {
  display: block;
  font-family: var(--cond);
  font-size: 1.1rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  line-height: 1.2;
  margin-bottom: 2px;
  color: #000;
}

.gold-promo-info p {
  font-size: 0.76rem;
  color: #1a1500;
  line-height: 1.35;
  margin: 0;
  font-weight: 500;
}

@media (max-width: 540px) {
  .gold-promo-banner {
    flex-direction: column;
    text-align: center;
    padding: 14px;
  }
  .gold-promo-badge {
    align-self: center;
  }
}

/* ==========================================================================
   RUSTY NAILED METAL PLATE DISCOUNT BADGE OVER "DEL" (-50% OFF)
   ========================================================================== */
.hero.hero-exact {
  position: relative;
}

.rusty-metal-badge {
  position: absolute;
  left: 8%;
  bottom: 22%;
  z-index: 120;
  width: 280px;
  padding: 16px 22px;
  background: linear-gradient(145deg, #2c1a0e 0%, #44240e 30%, #1c0e06 70%, #361a09 100%);
  border: 3px solid #9c4b18;
  border-radius: 6px;
  transform: rotate(-5deg) scale(0.95);
  box-shadow: 
    0 15px 35px rgba(0, 0, 0, 0.95),
    inset 0 0 20px rgba(0, 0, 0, 0.9),
    inset 0 0 4px #ff8c00,
    0 0 25px rgba(255, 122, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  user-select: none;
}

/* Rust Overlay Texture */
.rusty-metal-badge:before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 20%, rgba(212, 107, 23, 0.35), transparent 60%),
              radial-gradient(circle at 80% 80%, rgba(139, 69, 19, 0.4), transparent 50%);
  pointer-events: none;
  border-radius: 4px;
}

/* Direct Entrance Animation (Appears cleanly after 2s without movement) */
.rusty-metal-badge.nailed {
  opacity: 1;
  pointer-events: auto;
  animation: rustyAppearDirect 0.4s ease-out forwards;
}

@keyframes rustyAppearDirect {
  0% {
    opacity: 0;
    transform: rotate(-5deg) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: rotate(-5deg) scale(1);
  }
}

/* Rusty Metal Corner Bolts/Nails */
.rusty-bolt {
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #a89484, #3a2e26 60%, #15100c);
  box-shadow: inset 0 1px 2px #000, 0 1px 2px rgba(0,0,0,0.8);
  border: 1px solid #221812;
}

.rusty-bolt.b-top-left { top: 7px; left: 7px; }
.rusty-bolt.b-top-right { top: 7px; right: 7px; }
.rusty-bolt.b-bottom-left { bottom: 7px; left: 7px; }
.rusty-bolt.b-bottom-right { bottom: 7px; right: 7px; }

.rusty-content {
  text-align: center;
  position: relative;
  z-index: 2;
}

.rusty-tag {
  display: block;
  font-family: var(--mono);
  font-size: 0.68rem;
  color: #e49955;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.rusty-discount {
  display: block;
  font-family: var(--cond);
  font-size: 2.7rem;
  font-weight: 900;
  line-height: 0.85;
  color: #ffd700;
  letter-spacing: 0.03em;
  text-shadow: 3px 3px 0px #000, 0 0 16px rgba(255, 180, 0, 0.9);
  margin: 5px 0;
}

.rusty-sub {
  display: block;
  font-family: var(--cond);
  font-size: 0.8rem;
  color: #ecc9a9;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

@media (max-width: 1180px) {
  .rusty-metal-badge {
    left: 6%;
    bottom: 18%;
    width: 230px;
    padding: 12px 16px;
  }
  .rusty-discount {
    font-size: 2.2rem;
  }
}

@media (max-width: 820px) {
  .rusty-metal-badge {
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%) rotate(-3deg);
    width: min(220px, 85vw);
    padding: 10px 14px;
  }
  .rusty-discount {
    font-size: 2.1rem;
  }
  @keyframes rustyAppearDirect {
    0% {
      opacity: 0;
      transform: translateX(-50%) rotate(-3deg) scale(0.85);
    }
    100% {
      opacity: 1;
      transform: translateX(-50%) rotate(-3deg) scale(1);
    }
  }
}

@media (max-width: 560px) {
  .rusty-metal-badge {
    position: absolute;
    left: 50%;
    bottom: 8%;
    transform: translateX(-50%) rotate(-3deg);
    width: min(195px, 82vw);
    padding: 9px 12px;
  }
  .rusty-discount {
    font-size: 1.85rem;
  }
  .rusty-tag {
    font-size: 0.58rem;
  }
  .rusty-sub {
    font-size: 0.7rem;
  }
}

/* Utility per elementi visivamente nascosti (accessibilità e SEO) */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Flagship Showcase Section */
.flagship-project {
  margin-top: 54px;
  background: linear-gradient(145deg, #181818, #0e0e0e);
  border: 1px solid #3c3c3c;
  border-top: 2px solid var(--orange);
  box-shadow: inset 0 0 30px rgba(0,0,0,0.8), 0 10px 30px rgba(0,0,0,0.5);
  position: relative;
  overflow: hidden;
  padding: 40px;
}

.flagship-project:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--orange), transparent);
}

.flagship-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(255, 122, 0, 0.15);
  color: var(--orange2);
  border: 1px solid var(--orange);
  font-family: var(--mono);
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  padding: 4px 10px;
  text-transform: uppercase;
  z-index: 10;
}

.flagship-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 40px;
  align-items: center;
  margin-top: 10px;
}

.flagship-content {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.flagship-eyebrow {
  color: var(--orange);
  font-size: 0.72rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-weight: 600;
}

.flagship-content h2 {
  font-family: var(--cond);
  font-size: 3.5rem;
  line-height: 1;
  letter-spacing: 0.02em;
  margin-bottom: 18px;
  color: var(--white);
  text-shadow: 0 0 15px rgba(255,122,0,0.15);
}

.flagship-content p {
  font-size: 0.8rem;
  color: #c7beb2;
  line-height: 1.7;
  margin-bottom: 24px;
}

.flagship-tags {
  display: flex;
  gap: 10px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}

.flagship-tags span {
  font-size: 0.65rem;
  background: #111;
  border: 1px solid #444;
  color: #bdb5aa;
  padding: 5px 12px;
  font-family: var(--mono);
}

.flagship-media {
  position: relative;
  border: 0;
  box-shadow: none;
  background: transparent;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
}

.flagship-mockup-wrapper {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: 280px;
}

.mockup-desktop {
  position: absolute;
  top: 0;
  left: 0;
  width: 85%;
  height: auto;
  border-radius: 6px;
  border: 1px solid #444;
  box-shadow: 0 10px 30px rgba(0,0,0,0.7);
  z-index: 1;
  transition: transform 0.4s ease, z-index 0.3s;
}

.mockup-mobile {
  position: absolute;
  bottom: -20px;
  right: 0;
  width: 32%;
  height: auto;
  border-radius: 12px;
  border: 2px solid #333;
  box-shadow: 0 12px 35px rgba(0,0,0,0.85);
  z-index: 2;
  transition: transform 0.4s ease;
}

.flagship-project:hover .mockup-desktop {
  transform: translateY(-5px) scale(1.02);
}

.flagship-project:hover .mockup-mobile {
  transform: translateY(-8px) scale(1.05) rotate(1deg);
}

@media(max-width: 820px) {
  .flagship-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .flagship-content h2 {
    font-size: 2.8rem;
  }
  .flagship-project {
    padding: 30px;
  }
  .flagship-media {
    min-height: 280px;
    margin-top: 20px;
  }
  .flagship-mockup-wrapper {
    height: 240px;
  }
}

/* Contact Details Hover Link styles */
.contact-details p {
  display: flex;
  align-items: center;
}
.contact-details a {
  transition: color 0.25s;
}
.contact-details a:hover {
  color: var(--orange2);
}



/* Legal/compliance additions */
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.legal-footer{gap:24px;align-items:flex-start;line-height:1.65}
.footer-legal-links{text-align:right}
.footer-legal-links a,.legal-footer a{text-decoration:underline}
@media(max-width:760px){.legal-footer{flex-direction:column}.footer-legal-links{text-align:left}}


/* ========================================================================== 
   DOPPIO TEMA OFFICINA — LIGHT INDUSTRIAL / CEMENTO
   Il tema scuro originale resta il default. Le regole sotto si attivano
   soltanto quando <html data-theme="light"> è presente.
   ========================================================================== */
.theme-toggle-btn{
  min-width:74px;height:42px;padding:0 10px;border:1px solid #575757;background:#101010;
  color:#ff9d29;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  cursor:pointer;text-transform:uppercase;font-size:.62rem;font-weight:700;letter-spacing:.08em;
  transition:.25s;box-shadow:inset 0 0 14px rgba(0,0,0,.65),0 0 0 rgba(255,122,0,0)
}
.theme-toggle-btn:hover{border-color:var(--orange);box-shadow:0 0 14px rgba(255,122,0,.22),inset 0 0 14px rgba(0,0,0,.5)}
.theme-icon{font-size:1rem;line-height:1}.theme-icon-light{display:none}.theme-toggle-label{font-size:.58rem}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}

html[data-theme="light"]{color-scheme:light}
html[data-theme="light"] body{
  --bg:#d8d6d0;--panel:#eceae4;--panel2:#dedbd4;--steel:#9c9a94;--line:#aaa8a1;--line2:#77756f;
  --paper:#373633;--muted:#68665f;--white:#232321;
  background-color:#d8d6d0;color:#232321;
  background-image:
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.68) 0 1px,transparent 2px),
    radial-gradient(circle at 79% 65%,rgba(70,68,63,.11) 0 1px,transparent 2px),
    linear-gradient(116deg,rgba(255,255,255,.2),transparent 35%,rgba(70,68,63,.05) 66%,transparent),
    repeating-linear-gradient(0deg,rgba(45,44,40,.025) 0 1px,transparent 1px 5px);
  background-size:57px 57px,83px 83px,100% 100%,100% 100%;
}
html[data-theme="light"] .noise{opacity:.055;mix-blend-mode:multiply}
html[data-theme="light"] .industrial-panel{
  background:
    linear-gradient(135deg,rgba(255,255,255,.52),transparent 34%),
    linear-gradient(180deg,#ebe9e3,#d7d4cd);
  border-color:#aaa79f;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.58),inset 0 -18px 35px rgba(64,61,55,.06),0 10px 26px rgba(51,49,44,.14)
}
html[data-theme="light"] .site-header{
  background:rgba(225,223,216,.88)!important;border-bottom-color:#a19e96!important;
  box-shadow:0 5px 24px rgba(46,44,40,.17)!important
}
html[data-theme="light"] .site-header.scrolled{background:rgba(234,232,226,.94)!important;border-bottom:1px solid #aaa79f!important}
html[data-theme="light"] .site-header:before,html[data-theme="light"] .site-header:after{opacity:.7}
html[data-theme="light"] .brand-text{
  color:#292825;-webkit-text-stroke:0;text-shadow:none;letter-spacing:.065em
}
html[data-theme="light"] .brand-text:before{content:"▰ ";color:var(--orange)}
html[data-theme="light"] .nav-link{color:#3e3d39;font-weight:700}
html[data-theme="light"] .theme-toggle-btn{
  background:linear-gradient(#f5f3ee,#d3d0c8);color:#34332f;border-color:#8f8c84;
  box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(50,48,43,.13)
}
html[data-theme="light"] .theme-icon-dark{display:none}
html[data-theme="light"] .theme-icon-light{display:inline;color:#d96300}
html[data-theme="light"] .audio-toggle-btn{background:#e2dfd8!important;border-color:#97948b!important;color:#34332f!important}
html[data-theme="light"] .btn{background:#e2dfd8;color:#272622;border-color:#87847c;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
html[data-theme="light"] .btn-primary{background:#292925;color:#fff;border-color:#292925;box-shadow:5px 5px 0 #ff7a00}
html[data-theme="light"] .btn-primary:hover{background:var(--orange);color:#111;box-shadow:5px 5px 0 #282824}

html[data-theme="light"] .hero.hero-exact{
  border-bottom-color:#8e8b83;background-color:#cbc8c0!important;
  box-shadow:inset 0 -35px 70px rgba(223,220,212,.12)
}
html[data-theme="light"] .portfolio-section{
  background:
    linear-gradient(90deg,rgba(255,255,255,.25),transparent 25% 75%,rgba(255,255,255,.2)),
    repeating-linear-gradient(90deg,transparent 0 119px,rgba(70,68,63,.028) 120px);
}
html[data-theme="light"] .section-topline{border-bottom-color:#b15c12}
html[data-theme="light"] .section-topline h2{color:#34332f;font-weight:800}
html[data-theme="light"] .filter-btn{
  background:#dedbd4;color:#4c4a45;border-color:#aaa69d;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)
}
html[data-theme="light"] .filter-btn:hover,html[data-theme="light"] .filter-btn.active{
  color:#171714;background:#f0eee8;border-color:var(--orange);box-shadow:inset 4px 0 0 var(--orange),0 4px 10px rgba(50,48,43,.1)
}
html[data-theme="light"] .project-card{
  background:linear-gradient(145deg,#efede7,#d9d6cf);border-color:#a29f96;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -20px 38px rgba(70,68,63,.055),0 7px 18px rgba(50,48,43,.12)
}
html[data-theme="light"] .project-card:hover{border-color:#d66d0d!important;box-shadow:0 13px 25px rgba(50,48,43,.19),0 0 0 1px rgba(255,122,0,.22)!important}
html[data-theme="light"] .project-head{border-bottom-color:#aaa79e}
html[data-theme="light"] .project-head span{background:#d4d0c7;border-right-color:#c46b1c;color:#a94600;font-weight:800}
html[data-theme="light"] .project-head em{color:#615f59;font-weight:700}
html[data-theme="light"] .project-info h3{color:#9e4200}
html[data-theme="light"] .project-info p{color:#4f4d48}
html[data-theme="light"] .card-plus{background:#292925;color:#ff9a2e;border-color:#292925}

html[data-theme="light"] .skills-section{background:transparent}
html[data-theme="light"] .skills-grid{
  background:linear-gradient(145deg,#ebe9e3,#d6d3cc);border-color:#a6a39b;
  box-shadow:inset 0 1px 0 #f7f6f2,0 8px 22px rgba(52,50,45,.1)
}
html[data-theme="light"] .skills-grid article{border-color:#aaa79f}
html[data-theme="light"] .skills-grid h3{color:#34332f;font-weight:800}
html[data-theme="light"] .skills-grid p{color:#5f5c56}
html[data-theme="light"] .skill-icon{text-shadow:none;color:#ba5100}
html[data-theme="light"] .about-section{
  border-top-color:#aaa79f;background:
    linear-gradient(90deg,rgba(255,122,0,.065),transparent 32%),
    linear-gradient(145deg,#ddd9d1,#efede7 48%,#d3d0c8)
}
html[data-theme="light"] .about-section h2{color:#272622}
html[data-theme="light"] .about-section p{color:#56534d}

html[data-theme="light"] .contact-section{
  border-top-color:#aaa79f;background:
    repeating-linear-gradient(135deg,rgba(55,53,49,.018) 0 2px,transparent 2px 8px),#d5d2ca
}
html[data-theme="light"] .contact-copy h2{color:#252521}
html[data-theme="light"] .contact-copy>p,html[data-theme="light"] .contact-details{color:#514f49}
html[data-theme="light"] .contact-details{border-top-color:#9d9a92}
html[data-theme="light"] .contact-form-card:before{color:#65625c}
html[data-theme="light"] .form-group label{color:#9e4200;font-weight:800}
html[data-theme="light"] .form-group input,html[data-theme="light"] .form-group textarea,html[data-theme="light"] .form-group select{
  background:#f2f0ea;color:#292824;border-color:#96938b;box-shadow:inset 3px 0 0 #c7c3ba
}
html[data-theme="light"] .checkbox-label{color:#55524d}

html[data-theme="light"] footer{background:#c8c5bd;border-top-color:#929087}
html[data-theme="light"] .footer-content{color:#4d4b46}
html[data-theme="light"] .footer-content strong{color:#8d3b00}
html[data-theme="light"] .modal{background:rgba(50,49,46,.74)}
html[data-theme="light"] .modal-close-btn{background:#e7e4dd;color:#252421;border-color:#8e8b83}
html[data-theme="light"] .modal-body p,html[data-theme="light"] .modal-features-list li{color:#514f49}
html[data-theme="light"] .modal-features-list,html[data-theme="light"] .modal-features-list li{border-color:#aaa79f}
html[data-theme="light"] .toast{background:#e6e3dc;color:#282723;border-color:#99968e;border-left-color:var(--orange);box-shadow:0 8px 25px rgba(40,38,34,.18)}
html[data-theme="light"] .toast-txt p{color:#5f5c56}
html[data-theme="light"] .toast-close-btn{color:#292824}
html[data-theme="light"] .accessibility-trigger{box-shadow:0 5px 16px rgba(45,43,39,.2)}
html[data-theme="light"] .pwa-banner{color:#262521}

@media(max-width:1100px){
  .theme-toggle-label{display:none}.theme-toggle-btn{min-width:42px;padding:0 8px}
}
@media(max-width:820px){
  .header-actions{gap:6px}.theme-toggle-btn{width:38px;min-width:38px;height:38px;padding:0}
  html[data-theme="light"] .hero.hero-exact{background-color:#d7d4cc!important}
}
@media(max-width:480px){
  .theme-toggle-btn{width:34px;min-width:34px;height:34px}.theme-icon{font-size:.9rem}
}

/* Header: spazio dedicato ai due controlli + CTA nel layout desktop */
@media(min-width:1181px){
  .site-header{grid-template-columns:300px minmax(480px,1fr) 330px}
}
@media(min-width:821px) and (max-width:1180px){
  .site-header{grid-template-columns:220px minmax(390px,1fr) 280px}
  .main-nav{gap:16px}
  .nav-link{font-size:.72rem}
  .nav-cta{padding:10px 15px;gap:8px;font-size:.65rem}
  .theme-toggle-btn{min-width:42px}
}

/* WhatsApp floating contact */
.whatsapp-floating{
  position:fixed;right:24px;bottom:24px;z-index:9999;
  width:58px;min-width:58px;height:58px;padding:0;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:#25D366;color:#07180d;border:1px solid rgba(255,255,255,.3);
  text-decoration:none;
  box-shadow:0 6px 22px rgba(0,0,0,.42),0 0 0 1px rgba(37,211,102,.18);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.whatsapp-floating svg{flex:0 0 auto}
.whatsapp-floating:hover{transform:translateY(-3px) scale(1.05);filter:brightness(1.05);box-shadow:0 9px 28px rgba(0,0,0,.48),0 0 18px rgba(37,211,102,.28)}
.whatsapp-floating:focus-visible{outline:3px solid var(--orange2);outline-offset:3px}
.whatsapp-floating-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-theme="light"] .whatsapp-floating{box-shadow:0 6px 18px rgba(45,43,39,.25),0 0 0 1px rgba(28,150,76,.2)}
@media(max-width:560px){
  .whatsapp-floating{right:12px;bottom:12px;width:54px;min-width:54px;height:54px}
}

/* WhatsApp floating button — forced circular shape */
a.whatsapp-floating{
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;
  height:58px !important;
  min-height:58px !important;
  max-height:58px !important;
  padding:0 !important;
  gap:0 !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}
a.whatsapp-floating .whatsapp-floating-label{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
}
a.whatsapp-floating svg{
  width:34px !important;
  height:34px !important;
  margin:0 !important;
  flex:none !important;
}
@media(max-width:560px){
  a.whatsapp-floating{
    width:54px !important;
    min-width:54px !important;
    max-width:54px !important;
    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
  }
}


/* SEO content section */
.seo-section{padding:80px 0;border-top:1px solid var(--line-color,rgba(255,255,255,.12));}
.seo-intro{max-width:980px;margin:0 0 32px;}
.seo-lead{font-size:clamp(1rem,1.8vw,1.28rem);line-height:1.75;opacity:.92;}
.seo-links-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 42px;}
.seo-link-card{display:block;padding:28px;text-decoration:none;color:inherit;border:1px solid var(--line-color,rgba(255,255,255,.12));transition:transform .2s ease,border-color .2s ease;}
.seo-link-card>span{display:block;font-size:.76rem;letter-spacing:.18em;opacity:.62;margin-bottom:12px;}
.seo-link-card h3{font-size:1.22rem;line-height:1.25;margin:0 0 12px;}
.seo-link-card p{line-height:1.6;opacity:.78;margin:0 0 18px;}
.seo-link-card strong{font-size:.82rem;letter-spacing:.08em;}
@media (hover:hover){.seo-link-card:hover{transform:translateY(-3px);border-color:var(--accent,#ff7a00);}}
.seo-faq{max-width:980px;}
.seo-faq>h3{margin-bottom:16px;letter-spacing:.08em;}
.seo-faq details{border-top:1px solid var(--line-color,rgba(255,255,255,.12));padding:16px 0;}
.seo-faq details:last-child{border-bottom:1px solid var(--line-color,rgba(255,255,255,.12));}
.seo-faq summary{cursor:pointer;font-weight:700;line-height:1.4;}
.seo-faq details p{margin:12px 0 2px;line-height:1.65;opacity:.82;max-width:850px;}
.footer-seo-links{line-height:1.8;}
@media(max-width:780px){.seo-section{padding:58px 0}.seo-links-grid{grid-template-columns:1fr}.seo-link-card{padding:22px}}

/* SEO landing pages */
.seo-page{min-height:100vh;}
.seo-page-header{padding:24px 0;border-bottom:1px solid var(--line-color,rgba(255,255,255,.12));}
.seo-page-header .container{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.seo-page-brand{font-weight:800;letter-spacing:.08em;text-decoration:none;color:inherit;}
.seo-page-back{text-decoration:none;color:inherit;opacity:.8;}
.seo-page-main{padding:70px 0 90px;}
.seo-breadcrumb{font-size:.82rem;opacity:.65;margin-bottom:28px;}
.seo-breadcrumb a{color:inherit;}
.seo-page-main h1{font-size:clamp(2rem,5vw,4.5rem);line-height:.98;max-width:1000px;margin:0 0 24px;}
.seo-page-subtitle{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.65;max-width:900px;opacity:.86;margin-bottom:42px;}
.seo-content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.7fr);gap:42px;align-items:start;}
.seo-copy h2{font-size:clamp(1.45rem,2.8vw,2.3rem);margin:38px 0 14px;}
.seo-copy h2:first-child{margin-top:0;}
.seo-copy h3{margin:26px 0 10px;}
.seo-copy p,.seo-copy li{line-height:1.75;opacity:.88;}
.seo-copy ul{padding-left:20px;}
.seo-sidebox{padding:26px;position:sticky;top:24px;}
.seo-sidebox h2{font-size:1.3rem;margin:0 0 12px;}
.seo-sidebox p{line-height:1.6;opacity:.82;}
.seo-sidebox .btn{margin-top:10px;display:inline-flex;}
.seo-related{margin-top:54px;padding-top:28px;border-top:1px solid var(--line-color,rgba(255,255,255,.12));}
.seo-related a{display:inline-block;margin:8px 18px 8px 0;color:inherit;}
@media(max-width:820px){.seo-content-grid{grid-template-columns:1fr}.seo-sidebox{position:static}.seo-page-main{padding:48px 0 70px}.seo-page-header .container{align-items:flex-start;flex-direction:column}}

/* Language / global SEO */
.language-link{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.28);color:inherit;text-decoration:none;font-weight:800;font-size:.68rem;letter-spacing:.12em;background:rgba(255,255,255,.03)}
.language-link:hover{border-color:var(--orange);color:var(--orange)}
html[data-theme="light"] .language-link{border-color:#8c8980;background:rgba(255,255,255,.28)}
.seo-links-global{grid-template-columns:repeat(3,minmax(0,1fr));}
@media(max-width:980px){.seo-links-global{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.seo-links-global{grid-template-columns:1fr}.language-link{min-width:38px;width:38px;padding:0}}

/* ==========================================================
   SEO LANDING PAGES — INDUSTRIAL VISUAL REDESIGN 04-09-2026
   ========================================================== */
body.seo-page{
  background:
    radial-gradient(circle at 82% 8%,rgba(255,122,0,.10),transparent 26%),
    #080808;
}
.seo-page .noise{opacity:.025}
.seo-page-header{
  position:sticky;top:0;z-index:120;
  padding:0!important;
  min-height:82px;
  display:flex;align-items:center;
  background:rgba(8,8,8,.90)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:0!important;
  border-bottom:1px solid rgba(255,122,0,.32)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.35)!important;
}
.seo-page-header .container{min-height:82px}
.seo-page-brand{
  font-family:var(--cond);
  font-size:1.35rem;
  font-weight:900!important;
  letter-spacing:.08em!important;
  color:transparent!important;
  -webkit-text-stroke:1px #ff9a2e;
  text-shadow:0 0 5px rgba(255,154,46,.65),0 0 14px rgba(255,122,0,.22);
}
.seo-page-back{
  min-height:42px;display:inline-flex;align-items:center;justify-content:center;
  padding:9px 15px;border:1px solid #444;background:#111;
  color:#ddd4c8!important;opacity:1!important;font-size:.74rem;
  text-transform:uppercase;font-weight:800;letter-spacing:.04em;
  transition:.2s ease;
}
.seo-page-back:hover{border-color:var(--orange);color:var(--orange2)!important;transform:translateY(-1px)}
.seo-page-main{
  position:relative;
  padding:0 0 95px!important;
  isolation:isolate;
}
.seo-page-main:before{
  content:"";
  position:absolute;z-index:-2;
  top:0;left:0;right:0;height:450px;
  background-image:
    linear-gradient(90deg,rgba(4,4,4,.90) 0%,rgba(4,4,4,.74) 48%,rgba(4,4,4,.55) 100%),
    linear-gradient(180deg,rgba(0,0,0,.08),#080808 95%),
    url('hero-officina.jpg');
  background-size:cover;
  background-position:center 49%;
  border-bottom:1px solid rgba(255,122,0,.16);
}
.seo-page-main:after{
  content:"OFFICINA / WEB";
  position:absolute;z-index:-1;right:3.5%;top:305px;
  color:rgba(255,122,0,.11);font-size:clamp(2.2rem,6vw,6rem);
  font-weight:900;letter-spacing:.04em;white-space:nowrap;
}
.seo-page-main>.container{padding-top:42px}
.seo-breadcrumb{
  display:inline-flex;flex-wrap:wrap;gap:9px;align-items:center;
  color:#aaa198!important;font-size:.73rem!important;
  margin-bottom:48px!important;text-transform:uppercase;letter-spacing:.04em;
}
.seo-breadcrumb a{color:var(--orange2)!important;font-weight:800}
.seo-page-main h1{
  font-family:var(--cond);
  text-transform:uppercase;
  font-size:clamp(2.6rem,5.2vw,5rem)!important;
  line-height:.92!important;
  max-width:1100px!important;
  letter-spacing:-.025em;
  margin:0 0 23px!important;
  text-wrap:balance;
  text-shadow:0 5px 30px rgba(0,0,0,.55);
}
.seo-page-subtitle{
  max-width:790px!important;
  min-height:95px;
  margin-bottom:58px!important;
  color:#d1c9bf!important;
  font-size:clamp(1rem,1.55vw,1.25rem)!important;
  line-height:1.65!important;
  border-left:3px solid var(--orange);
  padding:4px 0 4px 20px;
}
.seo-content-grid{
  grid-template-columns:minmax(0,1.58fr) minmax(300px,.68fr)!important;
  gap:30px!important;
  align-items:start;
}
.seo-copy{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:#3a3a3a;
  border:1px solid #3a3a3a;
  box-shadow:0 16px 45px rgba(0,0,0,.35);
}
.seo-copy h2,.seo-copy p{margin:0!important}
.seo-copy h2{
  grid-column:auto;
  background:#131313;
  padding:29px 30px 8px;
  font-family:var(--cond);
  font-size:1.22rem!important;
  line-height:1.15!important;
  text-transform:uppercase;
  color:#f0ebe4!important;
  border-top:3px solid #222;
}
.seo-copy p{
  background:#131313;
  color:#aaa198!important;
  padding:8px 30px 31px;
  line-height:1.68!important;
}
/* Pair each heading with the paragraph following it as a visual module */
.seo-copy h2:nth-of-type(odd),.seo-copy h2:nth-of-type(odd)+p{border-left:3px solid var(--orange)}
.seo-copy h2:nth-of-type(even),.seo-copy h2:nth-of-type(even)+p{border-left:3px solid #555}
.seo-sidebox{
  position:sticky!important;top:108px!important;
  padding:32px!important;
  background:
    linear-gradient(145deg,rgba(255,122,0,.075),transparent 40%),
    linear-gradient(180deg,#181818,#0d0d0d)!important;
  border:1px solid #454545!important;
  border-top:3px solid var(--orange)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.42)!important;
}
.seo-sidebox:before{
  content:"// START";display:block;margin-bottom:22px;
  color:var(--orange);font-size:.7rem;font-weight:900;letter-spacing:.12em;
}
.seo-sidebox h2{
  font-family:var(--cond);text-transform:uppercase;
  font-size:1.55rem!important;line-height:1.05!important;
  color:#f3eee7!important;margin-bottom:15px!important;
}
.seo-sidebox p{color:#aaa198!important;line-height:1.65!important;margin-bottom:18px!important}
.seo-sidebox .btn{width:100%;margin:4px 0 18px!important;background:var(--orange);color:#111!important;border-color:var(--orange)!important;box-shadow:0 0 20px rgba(255,122,0,.18)}
.seo-sidebox .btn:hover{background:var(--orange2)}
.seo-sidebox a:not(.btn){color:var(--orange2)!important;font-size:.78rem;overflow-wrap:anywhere}
.seo-related{
  margin-top:48px!important;
  padding:24px 0 0!important;
  border-top:1px solid #383838;
  color:#8e877e!important;
  font-size:.75rem;
}
.seo-related strong{display:block;color:#f0ebe4;margin-bottom:12px;text-transform:uppercase;letter-spacing:.08em}
.seo-related br{display:none}
.seo-related a{
  display:inline-flex!important;align-items:center;min-height:40px;
  margin:0 7px 8px 0!important;padding:8px 13px;
  border:1px solid #3d3d3d;background:#111;color:#bbb2a7!important;
  transition:.2s ease;
}
.seo-related a:hover{border-color:var(--orange);color:var(--orange2)!important}
.seo-page footer{margin-top:0;border-top:1px solid #333}

html[data-theme="light"] body.seo-page{background:#d7d4cc;color:#2a2925}
html[data-theme="light"] .seo-page-header{background:rgba(225,222,214,.92)!important;border-bottom-color:#ba6a26!important}
html[data-theme="light"] .seo-page-back{background:#d0cdc5;border-color:#96938a;color:#3e3c37!important}
html[data-theme="light"] .seo-page-main:before{
  background-image:linear-gradient(90deg,rgba(225,222,214,.91),rgba(225,222,214,.71)),linear-gradient(180deg,transparent,#d7d4cc 96%),url('hero-officina.jpg');
  filter:grayscale(.18) contrast(.88);
}
html[data-theme="light"] .seo-page-main h1{color:#252420;text-shadow:none}
html[data-theme="light"] .seo-page-subtitle{color:#4d4a44!important}
html[data-theme="light"] .seo-breadcrumb{color:#5d5a53!important}
html[data-theme="light"] .seo-copy{background:#9f9c94;border-color:#9f9c94;box-shadow:0 16px 35px rgba(54,50,42,.15)}
html[data-theme="light"] .seo-copy h2,html[data-theme="light"] .seo-copy p{background:#e2dfd7}
html[data-theme="light"] .seo-copy h2{color:#2a2925!important}
html[data-theme="light"] .seo-copy p{color:#57544e!important}
html[data-theme="light"] .seo-sidebox{background:linear-gradient(145deg,rgba(255,122,0,.08),transparent 45%),#e4e1da!important;border-color:#9c9991!important;box-shadow:0 18px 35px rgba(60,56,48,.15)!important}
html[data-theme="light"] .seo-sidebox h2{color:#282723!important}
html[data-theme="light"] .seo-sidebox p{color:#57544e!important}
html[data-theme="light"] .seo-related{border-top-color:#9c9991;color:#5c5953!important}
html[data-theme="light"] .seo-related strong{color:#282723}
html[data-theme="light"] .seo-related a{background:#d0cdc5;border-color:#9b988f;color:#494741!important}

@media(max-width:980px){
  .seo-content-grid{grid-template-columns:1fr!important}
  .seo-sidebox{position:static!important}
  .seo-page-subtitle{min-height:75px}
}
@media(max-width:720px){
  .seo-page-header{min-height:68px}.seo-page-header .container{min-height:68px}
  .seo-page-brand{font-size:1rem}
  .seo-page-header .container>div{gap:7px!important}
  .seo-page-back{min-height:37px;padding:7px 10px;font-size:.62rem}
  .seo-page-main:before{height:355px;background-position:center}
  .seo-page-main>.container{padding-top:28px}
  .seo-breadcrumb{margin-bottom:31px!important}
  .seo-page-main h1{font-size:clamp(2.2rem,11vw,3.6rem)!important;line-height:.94!important}
  .seo-page-subtitle{min-height:92px;margin-bottom:35px!important;padding-left:14px}
  .seo-copy{grid-template-columns:1fr}
  .seo-copy h2:nth-of-type(even),.seo-copy h2:nth-of-type(even)+p{border-left:3px solid var(--orange)}
  .seo-copy h2{padding:24px 22px 7px}.seo-copy p{padding:7px 22px 25px}
  .seo-sidebox{padding:25px!important}
  .seo-related{margin-top:34px!important}
  .seo-related a{font-size:.68rem}
  .seo-page-main:after{display:none}
}
@media(max-width:430px){
  .seo-page-header .container{width:94%}
  .seo-page-brand{font-size:.88rem}
  .seo-page-back{padding:6px 8px;font-size:.57rem}
  .seo-page-header .container>div .seo-page-back:last-child{max-width:142px;text-align:center}
}