@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--black:#212124;--blue:#2d69a1;--green:#5ead41;--white:#fff;--light:#f4f6f8;--muted:#667085;--line:#dfe4ea}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--black);background:#fff}a{color:inherit;text-decoration:none}
.site-header{height:88px;padding:0 max(28px,4vw);display:flex;align-items:center;gap:32px;position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);z-index:20;border-bottom:1px solid rgba(33,33,36,.08)}
.brand img{width:190px;display:block}.nav{display:flex;gap:26px;margin-left:auto}.nav a{font-size:14px;font-weight:650}.nav a:hover{color:var(--blue)}.languages{display:flex;gap:7px}.languages a{font-size:12px;padding:8px 9px;border-radius:8px}.languages a.active{background:var(--black);color:#fff}.menu-toggle{display:none}
.hero{min-height:690px;padding:96px max(28px,7vw);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;overflow:hidden;position:relative;background:linear-gradient(135deg,#fff 0%,#fff 66%,#f0f4f8 66%)}
.hero:after{content:"";position:absolute;width:760px;height:760px;border:42px solid var(--blue);border-radius:50%;right:-480px;top:-300px;opacity:.95;box-shadow:0 0 0 20px #fff,0 0 0 62px rgba(94,173,65,.95)}
.eyebrow{color:var(--green);font-size:12px;letter-spacing:.22em;font-weight:800}.hero h1,.section h2{font-size:clamp(42px,5vw,76px);line-height:1.02;margin:18px 0 22px;letter-spacing:-.045em}.hero p{font-size:20px;line-height:1.65;max-width:680px;color:#4b5563}.actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;padding:15px 22px;border-radius:12px;font-weight:750;border:1px solid var(--blue);cursor:pointer}.btn.primary{background:var(--blue);color:#fff}.btn.secondary{background:#fff;color:var(--blue)}
.hero-visual{display:grid;gap:20px;position:relative;z-index:2}.pack-card{height:210px;border-radius:28px;background:var(--black);color:#fff;padding:28px;display:grid;grid-template-columns:auto 1fr;align-items:end;box-shadow:0 26px 50px rgba(33,33,36,.2);transform:rotate(-3deg)}.pack-card.green{background:var(--green);transform:translateX(60px) rotate(3deg)}.pack-card span{font-size:16px;opacity:.55}.pack-card strong{font-size:48px}.pack-card small{grid-column:2;font-size:20px;letter-spacing:.1em}
.section{padding:100px max(28px,7vw)}.section-head{max-width:840px;margin-bottom:44px}.section-head h2,.split h2,.sustainability h2,.contact h2{font-size:clamp(36px,4vw,58px)}.section-head p,.lead,.sustainability p,.contact-copy p{font-size:18px;line-height:1.7;color:var(--muted)}
.products{background:var(--light)}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.product-card{background:#fff;border-radius:20px;padding:22px;min-height:390px;box-shadow:0 12px 24px rgba(33,33,36,.05);position:relative;overflow:hidden}.product-number{font-size:12px;color:var(--muted);font-weight:800}.product-card h3{font-size:20px}.product-card p{font-size:14px;line-height:1.6;color:var(--muted)}.product-art{height:160px;margin:24px -22px;background:linear-gradient(145deg,var(--blue),#163c61);position:relative}.product-art:before,.product-art:after{content:"";position:absolute;border:2px solid rgba(255,255,255,.7);border-radius:50%}.product-art:before{width:240px;height:240px;right:-100px;top:-120px}.product-art:after{width:160px;height:160px;left:-80px;bottom:-100px}.art-2{background:linear-gradient(145deg,var(--green),#2c6c22)}.art-3{background:linear-gradient(145deg,var(--black),#555)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-top:1px solid var(--line);padding-top:28px}.facts strong{font-size:34px;color:var(--blue);display:block}.facts span{font-size:12px;color:var(--muted)}
.process{background:var(--black);color:#fff}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#555}.process-grid div{padding:38px 22px;background:var(--black)}.process-grid span{display:block;color:var(--green);font-size:12px;margin-bottom:60px}.process-grid strong{font-size:20px}
.sustainability{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.sustainability-art{height:440px;border-radius:36px;background:var(--green);position:relative;overflow:hidden}.sustainability-art:before,.sustainability-art:after{content:"";position:absolute;border:34px solid #fff;border-radius:50%}.sustainability-art:before{width:480px;height:480px;left:-250px;top:-120px}.sustainability-art:after{width:380px;height:380px;right:-160px;bottom:-160px;border-color:var(--blue)}
.contact{background:var(--light);display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw}.contact-copy ul{padding:0;list-style:none;line-height:2;color:var(--muted)}.contact-form{background:#fff;border-radius:24px;padding:30px;box-shadow:0 18px 40px rgba(33,33,36,.08)}label{display:block;font-size:13px;font-weight:700;margin-bottom:16px}input,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px;margin-top:7px;font:inherit}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.success{padding:12px;background:#edf9ea;color:#26651b;border-radius:10px;margin-bottom:16px}
footer{padding:48px max(28px,7vw);background:var(--black);color:#fff;display:grid;grid-template-columns:1fr 1fr 2fr auto;align-items:center;gap:24px;font-size:13px}footer img{width:180px}footer div{color:#c8ced8;line-height:1.7}footer a{color:var(--green)}
@media(max-width:1000px){.nav{display:none}.menu-toggle{display:block;margin-left:auto}.languages{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.split,.sustainability,.contact{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.site-header.open .nav{display:flex;position:absolute;top:88px;left:0;right:0;background:#fff;flex-direction:column;padding:26px}.site-header.open .languages{display:flex;position:absolute;right:28px;top:30px}.menu-toggle{border:0;background:transparent;font-size:22px}}
@media(max-width:600px){.brand img{width:145px}.site-header{height:74px}.site-header.open .nav{top:74px}.hero{min-height:610px;padding-top:55px}.hero h1{font-size:42px}.hero p{font-size:17px}.actions{flex-direction:column}.product-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.facts{grid-template-columns:1fr;gap:20px}footer{grid-template-columns:1fr}.section{padding:74px 22px}}

.card-link,.article-card a,.back-link{color:var(--blue);font-weight:750}.latest-articles{background:#fff}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:34px}.article-card{background:var(--light);border-radius:20px;padding:28px;min-height:270px;display:flex;flex-direction:column}.article-card span{font-size:11px;letter-spacing:.12em;color:var(--green);font-weight:800}.article-card h2,.article-card h3{font-size:24px;line-height:1.2;margin:18px 0}.article-card p{color:var(--muted);line-height:1.6}.article-card a{margin-top:auto}.detail-hero,.listing-hero{padding:110px max(28px,7vw);background:linear-gradient(135deg,#fff 0%,#fff 66%,#eef3f7 66%)}.detail-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center}.detail-hero h1,.listing-hero h1,.article-page h1{font-size:clamp(42px,5vw,70px);line-height:1.04;letter-spacing:-.04em}.detail-hero p,.listing-hero p{font-size:19px;line-height:1.7;color:var(--muted);max-width:760px}.detail-art{height:390px;border-radius:34px;background:linear-gradient(145deg,var(--blue),#173e63);position:relative;overflow:hidden}.detail-art:before,.detail-art:after{content:"";position:absolute;border:28px solid #fff;border-radius:50%}.detail-art:before{width:430px;height:430px;right:-210px;top:-170px}.detail-art:after{width:320px;height:320px;left:-170px;bottom:-180px;border-color:var(--green)}.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.feature-list{list-style:none;padding:0}.feature-list li{padding:20px 0 20px 36px;border-bottom:1px solid var(--line);position:relative;font-weight:650}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--green)}.article-page{max-width:920px;margin:auto;padding:100px 28px}.article-meta{color:var(--muted);font-size:13px}.article-lead{font-size:22px;line-height:1.6;color:#475467;border-left:4px solid var(--green);padding-left:22px;margin:34px 0}.article-content{font-size:18px;line-height:1.8}.article-content h2{font-size:32px;margin-top:48px}.article-cta{margin-top:70px;background:var(--black);color:#fff;border-radius:24px;padding:34px}.content-page{min-height:60vh;padding:100px}.nav{gap:18px}@media(max-width:1000px){.article-grid{grid-template-columns:1fr 1fr}.detail-hero,.detail-body{grid-template-columns:1fr}}@media(max-width:600px){.article-grid{grid-template-columns:1fr}.article-page{padding:70px 22px}.article-content{font-size:16px}.listing-hero,.detail-hero{padding:72px 22px}}.careers-hero{min-height:520px;padding:100px max(28px,7vw);display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center;background:linear-gradient(135deg,#fff 0%,#fff 68%,#eef3f7 68%)}.careers-hero h1,.job-hero h1{font-size:clamp(44px,6vw,78px);line-height:1.02;letter-spacing:-.045em;margin:18px 0}.careers-hero p,.job-hero p{font-size:19px;line-height:1.7;color:var(--muted)}.careers-symbol{height:330px;background:var(--black);border-radius:30px;color:#fff;display:grid;grid-template-columns:auto 1fr;align-items:end;padding:32px;transform:rotate(2deg);box-shadow:0 28px 55px rgba(33,33,36,.18)}.careers-symbol span{font-size:90px;color:var(--green);line-height:.8}.careers-symbol strong{font-size:48px}.careers-symbol small{grid-column:2;font-size:22px;color:#cdd5df;letter-spacing:.16em}.jobs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.job-card{border:1px solid var(--line);border-radius:22px;padding:30px;background:#fff;box-shadow:0 12px 28px rgba(33,33,36,.05)}.job-card-top{display:flex;justify-content:space-between;gap:20px;font-size:12px}.job-card-top span{color:var(--green);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.job-card-top time{color:var(--muted)}.job-card h2{font-size:30px;margin:22px 0 12px}.job-card p{color:var(--muted);line-height:1.65}.job-meta{display:flex;flex-wrap:wrap;gap:16px;color:#475467;font-size:13px;margin:26px 0}.spontaneous{background:var(--black);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:40px}.spontaneous p{color:#cbd3dd}.empty-state{padding:34px;background:var(--light);border-radius:18px;color:var(--muted)}.job-hero{padding:90px max(28px,7vw);display:grid;grid-template-columns:1fr 420px;gap:7vw;background:var(--light);align-items:end}.job-facts{background:#fff;border-radius:24px;padding:28px}.job-facts div{padding:17px 0;border-bottom:1px solid var(--line)}.job-facts div:last-child{border-bottom:0}.job-facts span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);display:block;margin-bottom:7px}.job-facts strong{font-size:16px}.job-content{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.rich-text{font-size:18px;line-height:1.8;color:#475467}.job-block{background:var(--light);border-radius:22px;padding:28px;margin-bottom:20px}.job-block.green{background:#edf8e9}.job-block h3{font-size:23px}.job-block ul{list-style:none;padding:0}.job-block li{padding:10px 0 10px 28px;position:relative;line-height:1.5}.job-block li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:900}.job-block.green li:before{color:var(--green)}.job-application{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;background:var(--light)}.consent{display:flex;gap:10px;align-items:flex-start;font-weight:500}.consent input{width:auto;margin:3px 0 0}.form-error{padding:12px;border-radius:10px;background:#fdecec;color:#9b1c1c;margin-bottom:15px}.homepage-careers{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;background:var(--black);color:#fff}.homepage-careers p{color:#c7d0da;line-height:1.7}.homepage-job-list{display:grid}.homepage-job-list a{padding:22px 0;border-bottom:1px solid #4b4b4f;display:grid;grid-template-columns:140px 1fr auto;gap:20px;align-items:center}.homepage-job-list span{color:var(--green);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.homepage-job-list strong{font-size:20px}.homepage-job-list em{font-style:normal;font-size:22px}.homepage-job-list .all-careers{color:#fff;font-weight:750}.careers-list{background:#fff}
@media(max-width:1000px){.careers-hero,.job-hero,.job-content,.job-application,.homepage-careers{grid-template-columns:1fr}.careers-symbol{display:none}.jobs-grid{grid-template-columns:1fr}.job-hero{padding-top:70px}.spontaneous{align-items:flex-start;flex-direction:column}.homepage-job-list a{grid-template-columns:100px 1fr auto}}
@media(max-width:600px){.careers-hero,.job-hero{padding:70px 22px}.homepage-job-list a{grid-template-columns:1fr auto}.homepage-job-list span{grid-column:1/-1}.job-card{padding:23px}.job-meta{flex-direction:column}}

/* =========================================================
   TISSER v3.1 — MOBILE FIXES + SUBTLE MOTION
   ========================================================= */
.hero-copy{position:relative;z-index:3}
.hero:after{z-index:0;pointer-events:none;will-change:transform}
.pack-card,.product-card,.article-card,.job-card,.contact-form,.sustainability-art,.detail-art{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.product-card:hover,.article-card:hover,.job-card:hover{transform:translateY(-7px);box-shadow:0 22px 42px rgba(33,33,36,.12)}
.btn{transition:transform .2s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(45,105,161,.2)}
.nav a{position:relative;transition:color .2s ease}
.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--green);transition:right .25s ease}
.nav a:hover:after{right:0}
.brand img{transition:transform .25s ease}.brand:hover img{transform:scale(1.025)}
.pack-card{animation:floatCard 5.5s ease-in-out infinite}.pack-card.green{animation-delay:-2.5s}
@keyframes floatCard{0%,100%{translate:0 0}50%{translate:0 -9px}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1)}
.reveal.is-visible{opacity:1;transform:none}
.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}

@media(max-width:1000px){
  .site-header{padding-inline:24px}
  .site-header.open{box-shadow:0 16px 34px rgba(33,33,36,.12)}
  .site-header.open .nav{top:88px;padding:24px;gap:4px;border-top:1px solid var(--line);box-shadow:0 18px 32px rgba(33,33,36,.1)}
  .site-header.open .nav a{padding:13px 4px;font-size:16px}
  .site-header.open .nav a:after{display:none}
  .site-header.open .languages{display:flex;position:absolute;top:calc(88px + 360px);left:24px;right:24px;background:#fff;padding:14px 0 22px;justify-content:flex-start;z-index:3}
  .hero{min-height:620px;padding:76px max(28px,7vw);isolation:isolate}
  .hero:after{width:520px;height:520px;border-width:28px;right:-355px;top:auto;bottom:-215px;opacity:.18;box-shadow:0 0 0 14px #fff,0 0 0 43px rgba(94,173,65,.24)}
  .hero-copy{max-width:760px}
}

@media(max-width:600px){
  html,body{overflow-x:hidden}
  .site-header{height:74px;padding-inline:18px}
  .brand img{width:148px}
  .menu-toggle{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;line-height:1;color:var(--black)}
  .site-header.open .nav{top:74px;max-height:calc(100vh - 74px);overflow:auto;padding:20px 22px 92px}
  .site-header.open .languages{position:absolute;top:auto;bottom:-415px;left:22px;right:22px;padding:15px 0 20px;border-top:1px solid var(--line)}

  .hero{min-height:auto;padding:62px 22px 76px;background:linear-gradient(142deg,#fff 0%,#fff 73%,#f0f4f8 73%)}
  .hero:after{width:330px;height:330px;border-width:18px;right:-238px;bottom:-80px;top:auto;opacity:.16;box-shadow:0 0 0 9px #fff,0 0 0 27px rgba(94,173,65,.23)}
  .hero h1{font-size:clamp(38px,11vw,48px);line-height:1.03;margin:14px 0 20px;max-width:100%}
  .hero p{font-size:17px;line-height:1.55;max-width:100%}
  .eyebrow{font-size:11px;letter-spacing:.18em}
  .actions{margin-top:28px;gap:12px}
  .actions .btn{width:100%;justify-content:center;padding:16px 18px}

  .section{padding:68px 22px}
  .section-head{margin-bottom:32px}
  .section-head h2,.split h2,.sustainability h2,.contact h2{font-size:clamp(34px,9vw,44px);line-height:1.06}
  .section-head p,.lead,.sustainability p,.contact-copy p{font-size:17px;line-height:1.6}
  .product-grid{gap:20px}
  .product-card{min-height:0;padding:22px;border-radius:22px}
  .product-art{height:190px;margin:24px -22px}
  .product-card h3{font-size:25px;line-height:1.18}
  .product-card p{font-size:16px;line-height:1.6}
  .card-link{display:inline-flex;margin-top:8px}

  .process-grid div{padding:28px 20px}.process-grid span{margin-bottom:28px}
  .sustainability-art{height:290px;border-radius:26px}
  .contact-form{padding:22px;border-radius:20px}
  footer{padding:38px 22px;gap:16px}

  .listing-hero,.detail-hero,.careers-hero,.job-hero{padding:64px 22px}
  .detail-hero h1,.listing-hero h1,.article-page h1,.careers-hero h1,.job-hero h1{font-size:clamp(38px,10vw,48px)}
  .detail-art{height:250px}
  .article-card{min-height:0;padding:24px}
  .article-card h2,.article-card h3{font-size:24px}
  .job-card h2{font-size:27px}
  .homepage-careers{padding:68px 22px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}
@media(min-width:1001px){.hero:after{transform:translate3d(0,var(--hero-shift,0),0);transition:transform .12s linear}}

/* PRR footer + cookie consent */
.footer-prr{display:block;background:#fff;padding:7px;border-radius:8px}.footer-prr img{display:block;width:min(100%,330px);height:auto}.footer-links{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.cookie-manage{border:0;padding:0;background:transparent;color:var(--green);font:inherit;cursor:pointer}.cookie-manage:hover{text-decoration:underline}
.cookie-banner[hidden],.cookie-modal[hidden]{display:none!important}.cookie-banner{position:fixed;z-index:1000;left:20px;right:20px;bottom:20px;display:flex;align-items:center;gap:28px;max-width:1180px;margin:auto;padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 55px rgba(17,24,39,.22)}.cookie-banner-copy{flex:1}.cookie-banner-copy strong{font-size:18px}.cookie-banner-copy p{margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.cookie-actions,.cookie-modal-actions{display:flex;gap:9px;flex-wrap:wrap}.cookie-btn{border:1px solid var(--blue);border-radius:9px;padding:11px 15px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.cookie-btn.primary{background:var(--blue);color:#fff}.cookie-btn.secondary{background:#fff;color:var(--blue)}
.cookie-modal{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;padding:20px}.cookie-modal-backdrop{position:absolute;inset:0;background:rgba(16,24,40,.58)}.cookie-modal-card{position:relative;width:min(100%,620px);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:30px;box-shadow:0 25px 70px rgba(0,0,0,.28)}.cookie-modal-card h2{margin:0 38px 8px 0;font-size:28px}.cookie-modal-card>p{color:var(--muted);line-height:1.55}.cookie-modal-close{position:absolute;right:20px;top:17px;border:0;background:transparent;font-size:28px;cursor:pointer}.cookie-option{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;border-top:1px solid var(--line);margin:0}.cookie-option div{flex:1}.cookie-option strong,.cookie-option small{display:block}.cookie-option small{margin-top:5px;color:var(--muted);font-weight:400;line-height:1.45}.cookie-option span{font-size:12px;color:var(--green);font-weight:700;white-space:nowrap}.cookie-option input{width:22px;height:22px;margin:0}.cookie-modal-actions{justify-content:flex-end;margin-top:22px}
@media(max-width:800px){.cookie-banner{align-items:stretch;flex-direction:column;gap:16px}.cookie-actions .cookie-btn{flex:1}.footer-prr{width:max-content;max-width:100%}}
@media(max-width:520px){.cookie-banner{left:10px;right:10px;bottom:10px;padding:18px}.cookie-actions{flex-direction:column}.cookie-actions .cookie-btn{width:100%}.cookie-modal-card{padding:24px 20px}.cookie-modal-actions{flex-direction:column}.cookie-modal-actions .cookie-btn{width:100%}}