/* ==========================================================================
   ARPONA TYPEFACE SYSTEM
   ========================================================================== */
@font-face {
  font-family: 'Arpona';
  src: url('assets/fonts/arpona/Fontspring-DEMO-arpona-regular.woff') format('woff'),
       url('assets/fonts/arpona/Fontspring-DEMO-arpona-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Arpona';
  src: url('assets/fonts/arpona/Fontspring-DEMO-arpona-regularitalic.woff') format('woff'),
       url('assets/fonts/arpona/Fontspring-DEMO-arpona-regularitalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Arpona';
  src: url('assets/fonts/arpona/Fontspring-DEMO-arpona-light.woff') format('woff'),
       url('assets/fonts/arpona/Fontspring-DEMO-arpona-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Arpona';
  src: url('assets/fonts/arpona/Fontspring-DEMO-arpona-medium.woff') format('woff'),
       url('assets/fonts/arpona/Fontspring-DEMO-arpona-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Arpona';
  src: url('assets/fonts/arpona/Fontspring-DEMO-arpona-mediumitalic.woff') format('woff'),
       url('assets/fonts/arpona/Fontspring-DEMO-arpona-mediumitalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Arpona';
  src: url('assets/fonts/arpona/Fontspring-DEMO-arpona-semibold.woff') format('woff'),
       url('assets/fonts/arpona/Fontspring-DEMO-arpona-semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Arpona';
  src: url('assets/fonts/arpona/Fontspring-DEMO-arpona-semibolditalic.woff') format('woff'),
       url('assets/fonts/arpona/Fontspring-DEMO-arpona-semibolditalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Arpona';
  src: url('assets/fonts/arpona/Fontspring-DEMO-arpona-bold.woff') format('woff'),
       url('assets/fonts/arpona/Fontspring-DEMO-arpona-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Arpona';
  src: url('assets/fonts/arpona/Fontspring-DEMO-arpona-bolditalic.woff') format('woff'),
       url('assets/fonts/arpona/Fontspring-DEMO-arpona-bolditalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Arpona';
  src: url('assets/fonts/arpona/Fontspring-DEMO-arpona-extrabold.woff') format('woff'),
       url('assets/fonts/arpona/Fontspring-DEMO-arpona-extrabold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Arpona';
  src: url('assets/fonts/arpona/Fontspring-DEMO-arpona-black.woff') format('woff'),
       url('assets/fonts/arpona/Fontspring-DEMO-arpona-black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root{--ink:#032e66;--ink-2:#034ea2;--blue:#034ea2;--blue-bright:#0559a4;--blue-deep:#023b7d;--ivory:#f5f1e8;--paper:#e9e3d7;--gold:#d9b770;--muted:#aeb6c2;--sans:Manrope,Arial,sans-serif;--serif:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--blue);color:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:has(.site-header nav.open){overflow:hidden}img{display:block;max-width:100%}a{color:inherit}.skip-link{position:fixed;z-index:100;left:18px;top:14px;padding:11px 15px;background:var(--ivory);color:var(--ink);font:600 12px/1 var(--sans);text-decoration:none;transform:translateY(-180%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.grain{pointer-events:none;position:fixed;z-index:15;inset:0;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:29px clamp(24px,5vw,78px)}.brand{display:block;width:136px}.brand-logo{width:100%;height:auto}.site-header nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,40px)}.site-header nav a{font-size:10px;font-weight:600;letter-spacing:.13em;text-decoration:none;text-transform:uppercase;color:rgba(245,241,232,.84);transition:color .22s ease}.site-header nav a:hover{color:var(--gold)}.nav-cta{color:#f4d69c!important;border-bottom:1px solid rgba(244,214,156,.8);padding-bottom:5px}.menu-button{display:none;border:0;background:transparent;color:var(--ivory);font:600 10px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase}.section-dark{background:var(--blue)}.section-light{background:var(--ivory);color:var(--ink)}.eyebrow{margin:0;color:var(--gold);font-size:10px;font-weight:600;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}.eyebrow.dark{color:#615a50}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.045em}h1 em,h2 em{font-weight:500}.hero{position:relative;min-height:850px;height:100svh;overflow:hidden;display:flex;align-items:center;padding:150px clamp(24px,9vw,150px) 104px}.hero::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(3,78,162,.96) 0%,rgba(3,78,162,.82) 29%,rgba(3,78,162,.2) 63%,rgba(3,78,162,.1)),linear-gradient(0deg,rgba(3,78,162,.55),transparent 35%)}.hero-image{position:absolute;inset:0;margin:0}.hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--blue-deep) 0%,transparent 58%)}.hero-image img,.hero-video{width:100%;height:100%;object-fit:cover;object-position:center}.hero-video{display:block;filter:brightness(.76) saturate(.9)}.hero-copy{position:relative;z-index:2;width:min(520px,50vw);padding-top:25px}.hero-category{margin:18px 0 24px;font-size:9px;letter-spacing:.13em;line-height:1.7;color:#d4d9df}.hero-category span{color:var(--gold);padding:0 4px}h1{font-size:clamp(54px,6.5vw,104px);line-height:.98;margin-bottom:25px}.lede{max-width:390px;margin:0;color:#d6d7d7;font-size:14px;line-height:1.8}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:36px}.text-link,.hero-project-link{display:inline-flex;gap:9px;align-items:center;font-size:10px;font-weight:600;letter-spacing:.13em;line-height:1;text-decoration:none;text-transform:uppercase}.text-link{color:var(--gold);border-bottom:1px solid currentColor;padding-bottom:7px}.text-link span,.hero-project-link span,.footer-project-cta span{font-size:16px;line-height:.7;transition:transform .25s ease}.text-link:hover span,.hero-project-link:hover span,.footer-project-cta:hover span{transform:translate(3px,-3px)}.hero-project-link{color:var(--ivory)}.hero-capabilities{position:absolute;z-index:2;bottom:31px;right:clamp(24px,5vw,78px);display:flex;gap:24px;color:#d0d5dd;font-size:9px;font-weight:600;letter-spacing:.15em}.scroll-cue{position:absolute;z-index:2;bottom:29px;left:clamp(24px,5vw,78px);margin:0;color:#d0d5dd;font-size:8px;letter-spacing:.16em}.scroll-cue span{display:inline-block;width:44px;height:1px;background:var(--gold);margin:0 0 3px 10px}.packaging-intro{position:fixed;z-index:90;inset:0;display:grid;place-content:center;gap:23px;background:var(--blue);transition:opacity .5s .45s,visibility .5s .45s}.packaging-intro p{margin:0;color:var(--gold);font-size:9px;letter-spacing:.3em;text-align:center}.intro-mark{position:relative;width:57px;height:57px;margin:auto;border:1px solid var(--gold);transform:rotate(45deg)}.intro-mark span{position:absolute;border:1px solid var(--gold)}.intro-shell{inset:9px}.intro-insert{inset:17px}.intro-foil{top:-1px;left:50%;width:1px;height:59px;background:var(--gold);border:0!important}.intro-complete .packaging-intro{opacity:0;visibility:hidden}.packaging-anatomy{padding:clamp(90px,12vw,170px) clamp(24px,9vw,150px)}.anatomy-heading{display:grid;grid-template-columns:.85fr 1.25fr .75fr;gap:50px;align-items:end;padding-bottom:80px;border-bottom:1px solid rgba(245,241,232,.17)}.anatomy-heading h2,.section-head h2,.statement h2,.story-copy h2,.approach-copy h2,.site-footer h2{font-size:clamp(42px,4.7vw,73px);line-height:1.03;margin:0}.anatomy-heading>p:last-child{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.anatomy-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(50px,10vw,160px);padding-top:70px}.anatomy-sticky{position:sticky;top:80px;height:max-content}.anatomy-object{position:relative;width:min(100%,540px);aspect-ratio:1.1;margin:auto}.anatomy-shadow,.anatomy-shell,.anatomy-lid,.anatomy-insert,.anatomy-bottle,.anatomy-foil{position:absolute;display:block;transition:all .55s cubic-bezier(.2,.7,.2,1)}.anatomy-shadow{width:80%;height:17%;left:10%;bottom:12%;border-radius:50%;background:rgba(0,0,0,.58);filter:blur(15px)}.anatomy-shell{width:75%;height:43%;left:12%;bottom:18%;background:linear-gradient(145deg,#123f88,#061b44);border:1px solid #d9b770;transform:skewY(-6deg)}.anatomy-lid{width:72%;height:50%;left:15%;top:11%;background:linear-gradient(135deg,#0f3980,#061c47);border:1px solid #d9b770;transform:perspective(500px) rotateX(9deg) rotateZ(-3deg);transform-origin:bottom}.anatomy-insert{width:62%;height:28%;left:18%;bottom:27%;background:var(--paper);border:1px solid #d9b770;transform:skewY(-6deg)}.anatomy-bottle{width:19%;height:35%;left:42%;bottom:28%;border-radius:4px 4px 7px 7px;background:linear-gradient(100deg,#5e2608,#d67922 48%,#542007);box-shadow:inset -7px 0 10px rgba(0,0,0,.25);transform:skewY(-6deg)}.anatomy-bottle::before{content:"";position:absolute;width:55%;height:17%;left:23%;top:-16%;background:#c49d57;border-radius:3px}.anatomy-foil{width:75%;height:2px;left:12%;bottom:55%;background:var(--gold);transform:skewY(-6deg)}[data-anatomy-stage="2"] .anatomy-insert{height:34%;bottom:23%;background:#fbf8f0}[data-anatomy-stage="2"] .anatomy-bottle{bottom:27%;transform:skewY(-6deg) translateY(-10px)}[data-anatomy-stage="3"] .anatomy-foil{height:6px;box-shadow:0 0 20px #d9b770}[data-anatomy-stage="3"] .anatomy-shell,[data-anatomy-stage="3"] .anatomy-lid{filter:saturate(1.3)}[data-anatomy-stage="4"] .anatomy-lid{transform:perspective(500px) rotateX(0deg) rotateZ(-3deg) translateY(-30px)}.anatomy-caption{margin:30px 0 0;color:var(--gold);font-size:9px;letter-spacing:.13em}.anatomy-caption i{color:var(--muted);font-style:normal;margin-left:7px}.anatomy-steps{display:grid}.anatomy-step{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:29px 0;border-bottom:1px solid rgba(245,241,232,.16);cursor:pointer;transition:padding .25s,background .25s}.anatomy-step>span{color:var(--gold);font:500 18px/1 var(--serif)}.anatomy-step h3{margin:0 0 9px;font:500 27px/1.05 var(--serif);transition:color .25s}.anatomy-step p{margin:0;max-width:440px;color:var(--muted);font-size:13px;line-height:1.75}.anatomy-step small{display:block;margin-top:13px;color:#777f8d;font-size:8px;letter-spacing:.15em}.anatomy-step.is-active{padding-left:15px;background:linear-gradient(90deg,rgba(28,58,107,.3),transparent)}.anatomy-step.is-active h3{color:var(--gold)}.statement{display:grid;grid-template-columns:1.05fr .95fr;min-height:750px;align-items:center;gap:8vw;padding:clamp(85px,11vw,150px) clamp(24px,9vw,150px)}.statement-copy h2{margin:21px 0 80px}.statement-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px;max-width:560px}.statement-bottom p{margin:0;max-width:370px;font-size:14px;line-height:1.8}.statement-bottom span{font:500 17px/1 var(--serif);color:#777}.macro-frame,.presentation-frame,.ivory-frame{margin:0}.macro-frame{justify-self:end;width:min(100%,490px)}.macro-frame img{width:100%;aspect-ratio:3/4;object-fit:cover}.macro-frame figcaption,.presentation-frame figcaption,.ivory-frame figcaption{margin-top:12px;color:#68655e;font-size:8px;letter-spacing:.15em}.studies{padding:clamp(85px,11vw,150px) clamp(24px,9vw,150px)}.section-head{display:grid;grid-template-columns:.7fr 1.2fr .8fr;gap:40px;align-items:end;margin-bottom:65px}.section-head>p:last-child{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.study-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.study{min-height:460px;position:relative;overflow:hidden;padding:24px;background:var(--blue-deep)}.study-number{position:absolute;z-index:2;top:20px;left:22px;color:rgba(245,241,232,.7);font:500 20px/1 var(--serif)}.paper-surface,.insert-scene,.foil-scene{position:absolute;inset:0}.study-paper{background:#d9cfbc}.paper-surface{background:linear-gradient(140deg,#e4ddcd,#af9d7f)}.paper-surface span{position:absolute;inset:25% 0 auto;height:1px;background:rgba(61,48,30,.45);transform:rotate(-19deg)}.paper-surface span:nth-child(2){top:48%;transform:rotate(-19deg)}.paper-surface span:nth-child(3){top:71%;transform:rotate(-19deg)}.study-insert{background:var(--blue-deep)}.insert-slab{position:absolute;width:78%;height:57%;left:12%;top:25%;background:#eee9dd;box-shadow:0 18px 20px rgba(0,0,0,.35);transform:rotate(-8deg)}.mini-bottle{position:absolute;width:25%;height:38%;left:38%;top:35%;border-radius:5px;background:#91450d;transform:rotate(-8deg);box-shadow:inset -10px 0 14px rgba(0,0,0,.3)}.mini-bottle b{position:absolute;width:54%;height:15%;top:-14%;left:23%;background:#cba965}.foil-scene{background:radial-gradient(circle at 43% 20%,#f5de9f 0 3%,transparent 11%),linear-gradient(125deg,#061738 15%,#caa95d 15.5% 17%,#061738 17.5% 45%,#b0893c 45.5% 47%,#061738 47.5%)}.foil-scene span{position:absolute;width:2px;height:120%;left:68%;top:-10%;background:#f9e8af;transform:rotate(31deg);box-shadow:0 0 16px #e2bf65}.study-caption{position:absolute;z-index:2;bottom:24px;left:24px}.study-caption h3{margin:0 0 6px;font:500 34px/1 var(--serif)}.study-caption p{margin:0;color:rgba(245,241,232,.75);font-size:12px}.study-paper .study-caption{color:var(--ink)}.study-paper .study-caption p{color:#49433a}.reveal-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,10vw,160px);align-items:center;padding:clamp(85px,12vw,170px) clamp(24px,9vw,150px);background:#dfe3e4;color:var(--ink)}.story-copy h2{margin:19px 0 32px}.story-intro{max-width:460px;font-size:15px;line-height:1.85}.ritual-notes{display:grid;gap:21px;padding:25px 0 0;margin:35px 0 0;border-top:1px solid rgba(7,16,31,.2);list-style:none}.ritual-notes li{display:grid;grid-template-columns:43px 1fr;gap:15px}.ritual-notes li>span{font:500 17px/1 var(--serif);color:#666}.ritual-notes strong{font:600 10px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase}.ritual-notes p{margin:8px 0 0;font-size:13px;line-height:1.65;color:#555}.presentation-frame img{width:100%;aspect-ratio:1.22;object-fit:cover}.approach-editorial{display:grid;grid-template-columns:1.05fr .95fr;gap:10vw;align-items:center;padding:clamp(85px,12vw,170px) clamp(24px,10vw,165px)}.approach-copy h2{margin:20px 0 33px}.approach-intro{max-width:460px;margin-bottom:38px;font-size:15px;line-height:1.85}.ivory-frame{width:min(100%,470px);justify-self:end}.ivory-frame img{width:100%;aspect-ratio:3/4;object-fit:cover}.site-footer{display:grid;grid-template-columns:1fr .8fr;gap:50px;padding:90px clamp(24px,9vw,150px) 45px;background:var(--blue)}.footer-logo{width:185px;height:auto;margin-bottom:40px}.site-footer h2{margin:18px 0 0}.footer-meta{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.footer-project-cta{display:inline-flex;align-items:center;gap:16px;margin-bottom:38px;padding:15px 0;border-bottom:1px solid rgba(247,243,236,.72);color:var(--ivory);font:600 11px/1 var(--sans);letter-spacing:.14em;text-decoration:none;text-transform:uppercase}.contact-details{display:grid;gap:8px;color:#c5cbd4;font-size:12px;line-height:1.7}.contact-details a{text-decoration:none}.contact-details a:hover{color:var(--gold)}.contact-details a:nth-child(2){color:#f1d793}.contact-details address{margin-top:18px;font-style:normal}.contact-details address span{color:#777f8d}.concept-note{margin:54px 0 17px;color:#788290;font-size:9px;line-height:1.6}.text-link.light{color:var(--gold)}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.motion-ready .reveal.visible{opacity:1;transform:none}.motion-ready .hero-copy{opacity:0;transform:translateY(12px);transition:opacity .65s .5s ease,transform .65s .5s ease}.motion-ready.page-ready .hero-copy{opacity:1;transform:none}@media(max-width:800px){.site-header{padding:23px 24px}.brand{width:119px}.menu-button{display:block;position:relative;z-index:2;padding:9px}.site-header nav{display:none;position:absolute;top:64px;right:20px;min-width:225px;padding:19px 20px;background:rgba(3,78,162,.98);border:1px solid rgba(247,243,236,.16);box-shadow:0 18px 40px rgba(0,0,0,.26)}.site-header nav.open{display:grid;gap:8px}.site-header nav a{padding:9px 0}.site-header nav .nav-cta{display:inline-block;margin-top:5px;width:max-content}.hero{min-height:740px;padding:125px 24px 90px;align-items:flex-end}.hero::after{background:linear-gradient(90deg,rgba(3,78,162,.87),rgba(3,78,162,.22)),linear-gradient(0deg,rgba(3,78,162,.9),rgba(3,78,162,.14) 70%)}.hero-image img{object-position:66% center}.hero-copy{width:100%;padding:0}.hero-category{max-width:350px}.lede{font-size:13px}.hero-capabilities{right:24px;bottom:25px;gap:11px;font-size:7px}.scroll-cue{display:none}.packaging-anatomy{padding:85px 24px}.anatomy-heading,.section-head{display:block;padding-bottom:48px}.anatomy-heading h2,.section-head h2{margin:19px 0 18px}.anatomy-layout{display:block;padding-top:42px}.anatomy-sticky{position:relative;top:auto}.anatomy-object{width:96%;margin-bottom:16px}.anatomy-caption{text-align:center;font-size:8px}.anatomy-caption i{display:none}.anatomy-steps{margin-top:35px}.anatomy-step{grid-template-columns:38px 1fr;padding:22px 0}.anatomy-step h3{font-size:24px}.statement,.reveal-story,.approach-editorial,.site-footer{display:block;padding:80px 24px}.statement-copy h2{margin-bottom:48px}.statement-bottom{margin-bottom:50px}.macro-frame,.ivory-frame{width:100%;max-width:480px;justify-self:auto}.studies{padding:80px 24px}.study-grid{grid-template-columns:1fr;gap:12px}.study{min-height:390px}.reveal-story{padding-top:82px;padding-bottom:82px}.presentation-frame{margin-top:50px}.approach-copy{margin-bottom:50px}.ivory-frame{margin-left:auto}.site-footer h2{margin-bottom:52px}.footer-meta{align-items:flex-start;text-align:left}.footer-project-cta{margin-bottom:35px}.concept-note{margin-top:45px}}@media(min-width:801px) and (max-width:1120px){.site-header nav{gap:17px}.hero{padding-left:7vw}.anatomy-heading{gap:35px}.reveal-story{grid-template-columns:minmax(250px,.82fr) minmax(420px,1.18fr);gap:44px}.approach-editorial{gap:62px;padding-inline:7vw}.anatomy-layout{gap:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.packaging-intro{display:none}}
/* Final hero legibility and layout refinement */
.site-header::before{content:"";position:absolute;z-index:-1;inset:0 0 -48px;background:linear-gradient(180deg,rgba(3,78,162,.76),rgba(3,78,162,.28) 68%,transparent);pointer-events:none}.site-header nav{padding:10px 13px;border-radius:2px;background:rgba(3,78,162,.22);backdrop-filter:blur(7px)}.site-header nav a{font-size:11px;letter-spacing:.11em}.brand{width:151px}.hero-copy{width:min(620px,52vw)}.hero-copy h1{font-size:clamp(54px,6.1vw,92px)}.hero-category{font-size:10px;letter-spacing:.115em}.hero-capabilities{bottom:38px;font-size:9px}.scroll-cue{bottom:39px;font-size:9px}.lede{color:#e2e4e7}.hero-actions a{min-height:44px;align-items:center}.hero-actions .text-link{border-bottom:0}.hero-project-link{color:#fff}.nav-cta{padding:10px 8px 9px!important;border:1px solid rgba(244,214,156,.75)!important;background:rgba(217,183,112,.08)}
@media(max-width:800px){.site-header::before{inset:0 0 -28px}.site-header nav{background:rgba(3,78,162,.98);backdrop-filter:none}.brand{width:128px}.hero-copy{width:100%}.hero-copy h1{font-size:clamp(52px,14vw,68px);line-height:.98}.hero-category{font-size:9px}.hero-capabilities{bottom:28px}.hero-actions a{min-height:42px}.nav-cta{padding:9px 8px!important}}
.presentation-frame img{object-position:center}
@media(max-width:800px){.menu-button{display:block!important;position:relative;z-index:4;min-width:58px;min-height:38px;padding:11px 9px!important;border:1px solid rgba(245,241,232,.6)!important;background:rgba(3,78,162,.68)!important;color:#f5f1e8!important;font-size:9px!important;line-height:1!important;text-align:center}.hero-copy h1{font-size:clamp(44px,12.25vw,52px);letter-spacing:-.055em}.hero-capabilities{max-width:240px;flex-wrap:wrap;justify-content:flex-end;row-gap:6px}.hero-image img{object-position:62% center}}
@media(max-width:800px){.site-header .menu-button{display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:22px!important;right:22px!important;z-index:999!important}}

/* Editorial media system: restore the edge-to-edge composition. */
@media(min-width:801px){
  .statement,.reveal-story,.approach-editorial{
    min-height:560px;
    grid-template-columns:minmax(0,1fr) minmax(42%,620px);
    gap:0;
    padding:0 0 0 clamp(48px,8vw,136px);
    align-items:stretch;
    overflow:hidden;
  }
  .statement-copy,.story-copy,.approach-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-self:stretch;
    padding:70px clamp(48px,6vw,96px) 70px 0;
  }
  .statement-copy h2,.story-copy h2,.approach-copy h2{margin-bottom:28px}
  .statement-bottom{margin-top:0;max-width:430px}
  .macro-frame,.presentation-frame,.ivory-frame{
    position:relative;
    display:block;
    width:100%;
    max-width:none;
    min-height:560px;
    height:auto;
    margin:0;
    overflow:hidden;
    justify-self:stretch;
    align-self:stretch;
  }
  .macro-frame img,.presentation-frame img,.ivory-frame img{
    width:100%;
    height:100%;
    min-height:560px;
    max-width:none;
    max-height:none;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center;
  }
  .presentation-frame img{object-position:58% center}
  .macro-frame::after,.presentation-frame::after,.ivory-frame::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:92px;
    pointer-events:none;
    background:linear-gradient(transparent,rgba(3,78,162,.67));
  }
  .macro-frame figcaption,.presentation-frame figcaption,.ivory-frame figcaption{
    position:absolute;
    z-index:1;
    left:24px;
    bottom:20px;
    margin:0;
    color:rgba(255,255,255,.83);
    font-size:8px;
  }
  .reveal-story{grid-template-columns:minmax(0,1fr) minmax(45%,660px)}
  .reveal-story .story-copy{padding-right:clamp(48px,7vw,112px)}
  .approach-editorial{grid-template-columns:minmax(0,1fr) minmax(42%,620px)}
  .ritual-notes{margin-top:24px}
  .packaging-anatomy{padding-bottom:88px}
}
@media(max-width:800px){
  .statement,.reveal-story,.approach-editorial{padding:0;overflow:hidden}
  .statement-copy,.story-copy,.approach-copy{padding:62px 24px}
  .macro-frame,.presentation-frame,.ivory-frame{width:100%;max-width:none;margin:0}
  .macro-frame img,.presentation-frame img,.ivory-frame img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
  .macro-frame figcaption,.presentation-frame figcaption,.ivory-frame figcaption{margin:12px 24px 0}
}

/* Packaging anatomy — an editorial construction folio, not a product illustration. */
.construction-folio{
  width:min(100%,540px);
  aspect-ratio:1/1;
  margin:0 auto;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:var(--blue-deep);
  border:1px solid rgba(217,183,112,.3);
}

/* Unboxing video container and adjustments */
.anatomy-video-wrapper {
  position: absolute;
  inset: 0; /* Cover the container completely */
  z-index: 1;
  overflow: hidden;
  background: #0a1930;
}
.anatomy-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.85; /* blend with the dark brand color theme */
  filter: brightness(0.85) contrast(1.1) saturate(1.1);
  transition: opacity 0.5s ease;
}
.video-overlay {
  position: absolute;
  inset: 0;
  /* Soft dark blue radial gradient to ensure golden HUD overlay lines remain legible */
  background: radial-gradient(circle at center, transparent 30%, rgba(10, 25, 48, 0.45) 75%, rgba(10, 25, 48, 0.85) 100%);
  pointer-events: none;
  z-index: 2;
}

/* SVG Sheets and Blueprint HUD overlays */
.folio-sheet{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:22px;
  opacity:0;
  transform:translateY(12px);
  transition:opacity .38s ease,transform .48s cubic-bezier(.2,.7,.2,1);
  will-change:opacity,transform;
  z-index: 3;
  pointer-events: none;
}
.folio-sheet.is-active{opacity:1;transform:none}
.folio-rule{stroke:rgba(245,241,232,.66);stroke-width:1}.folio-rule.soft{stroke:rgba(245,241,232,.2)}.folio-rule.gold{stroke:var(--gold);stroke-width:1.25}.folio-fill{fill:rgba(245,241,232,.08);stroke:var(--gold);stroke-width:1}.folio-swatch{stroke:rgba(245,241,232,.55);stroke-width:1}.folio-swatch.paper{fill:#ded6c7}.folio-swatch.blue{fill:#153c7d}.folio-foil{stroke:#e8c875;stroke-width:3;opacity:.8}.folio-block{fill:rgba(245,241,232,.045);stroke:rgba(245,241,232,.7);stroke-width:1}.folio-block.blue-fill{fill:#133873;stroke:var(--gold)}.folio-title{fill:var(--gold);font:600 13px Manrope,Arial,sans-serif;letter-spacing:2.7px}.folio-meta{fill:rgba(245,241,232,.58);font:600 8px Manrope,Arial,sans-serif;letter-spacing:1.45px}.folio-number{fill:rgba(245,241,232,.07);font:500 160px Georgia,serif;text-anchor:middle}
.construction-folio .anatomy-stage-indicator{position:absolute;z-index:6;left:32px;bottom:29px;display:flex;align-items:baseline;gap:12px;color:var(--ivory);font-size:9px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}
.anatomy-stage-index{color:var(--gold);font:500 22px/.9 var(--serif);letter-spacing:0}.anatomy-stage-label{padding-left:13px;border-left:1px solid rgba(217,183,112,.65)}

/* Active step indicators and text styling */
.anatomy-step{
  position:relative;
  padding-left:12px;
  transition: padding .35s cubic-bezier(.25, 1, .3, 1), background-color .35s ease, border-color .35s ease;
}
.anatomy-step::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:2px;
  height:0%;
  background:transparent;
  transition: height 0.5s cubic-bezier(.25, 1, .3, 1), background-color 0.3s, box-shadow 0.3s ease;
}
.anatomy-step:hover{
  background: rgba(245, 241, 232, 0.025);
  padding-left: 18px;
}
.anatomy-step.is-active{
  padding-left:24px;
  background:linear-gradient(90deg,rgba(28,58,107,.4),rgba(28,58,107,0.06) 75%,transparent);
  border-bottom-color: rgba(217, 183, 112, 0.2);
}
.anatomy-step.is-active::before{
  height:100%;
  background:var(--gold);
  box-shadow:0 0 14px rgba(217,183,112,.55);
}

.anatomy-step h3,
.anatomy-step p,
.anatomy-step small {
  transition: color 0.3s ease, transform 0.4s cubic-bezier(0.25, 1, 0.3, 1);
}
.anatomy-step.is-active h3 {
  color: var(--gold);
  transform: translateX(6px);
}
.anatomy-step.is-active p,
.anatomy-step.is-active small {
  color: rgba(245, 241, 232, 0.9);
  transform: translateX(6px);
}

@media(max-width:800px){
  .construction-folio{
    width:min(100%,440px);
  }
}


/* Product range: large-scale category studies */
.product-range{padding:clamp(88px,11vw,154px) clamp(24px,9vw,150px) clamp(62px,8vw,112px)}
.product-range-head{display:grid;grid-template-columns:.72fr 1.24fr .76fr;gap:40px;align-items:end;margin-bottom:70px}
.product-range-head h2{margin:0;font-size:clamp(42px,4.7vw,73px);line-height:1.03}
.product-range-head>p:last-child{margin:0;max-width:340px;font-size:13px;line-height:1.8}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.product-card{position:relative;min-height:530px;margin:0;overflow:hidden;background:#122648;color:var(--ivory)}
.product-card-wide{grid-column:span 2;min-height:620px}
.product-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.78) contrast(1.04);transition:transform .7s cubic-bezier(.22,1,.36,1),filter .45s ease}
.product-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,11,22,.05) 30%,rgba(4,11,22,.84) 100%)}
.product-card:nth-child(2) img{object-position:center 35%}.product-card:nth-child(3) img{object-position:center 60%}.product-card:nth-child(5) img{object-position:48% center}.product-card:nth-child(6) img{object-position:60% center}.product-card:nth-child(7) img{object-position:42% center}.product-card:nth-child(8) img{object-position:center 48%}
.product-card>div{position:absolute;z-index:1;left:30px;right:30px;bottom:28px;display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:baseline}
.product-card span{grid-row:span 2;color:var(--gold);font:500 18px/1 var(--serif)}
.product-card h3{margin:0 0 7px;font:500 clamp(30px,3vw,46px)/.98 var(--serif);letter-spacing:-.035em}
.product-card p{grid-column:2;margin:0;max-width:360px;color:rgba(245,241,232,.82);font-size:12px;line-height:1.6}
.product-card:hover img{transform:scale(1.045);filter:saturate(.96) contrast(1.05)}
.concept-disclaimer{margin:20px 0 0;color:#615a50;font-size:9px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:800px){.product-range{padding:80px 24px 52px}.product-range-head{display:block;margin-bottom:44px}.product-range-head h2{margin:19px 0}.product-range-head>p:last-child{font-size:13px}.product-grid{grid-template-columns:1fr;gap:12px}.product-card,.product-card-wide{grid-column:auto;min-height:440px}.product-card>div{left:22px;right:22px;bottom:22px}.product-card h3{font-size:36px}.concept-disclaimer{margin-top:16px}}

/* --- QA & Accessibility Refinements --- */
/* High-contrast focus state on light backgrounds (WCAG 2.1 AA) */
.section-light :focus-visible {
  outline-color: var(--blue) !important;
}
.section-light button:focus-visible, 
.section-light a:focus-visible {
  outline-color: var(--blue) !important;
}



/* Penta primary palette: #034EA2 + #0559A4. */
.section-dark:not(.hero),.site-footer,.packaging-intro{
  background-color:var(--blue);
  background-image:linear-gradient(135deg,var(--blue) 0%,#034a9b 58%,var(--blue-bright) 100%);
}
.hero{background-color:var(--blue)}


/* Visible primary-brand treatment — enforce the supplied Penta blues. */
.hero::after{
  background:linear-gradient(90deg,rgba(3,78,162,.98) 0%,rgba(3,78,162,.84) 34%,rgba(5,89,164,.42) 70%,rgba(5,89,164,.2)),linear-gradient(0deg,rgba(2,59,125,.64),transparent 45%);
}
.hero-image::after{background:linear-gradient(90deg,rgba(3,78,162,.64) 0%,rgba(5,89,164,.12) 62%,transparent 100%)}
.site-header::before{background:linear-gradient(180deg,rgba(3,78,162,.88),rgba(3,78,162,.3) 68%,transparent)}
.product-card{background:var(--blue-deep)}
.product-card::after{background:linear-gradient(180deg,rgba(5,89,164,.08) 30%,rgba(2,59,125,.9) 100%)}

/* Ritual panel: retain the supplied blue as the field, with deliberate light-on-blue contrast. */
.reveal-story.section-dark{
  color:var(--ivory);
  background-color:var(--blue);
  background-image:linear-gradient(145deg,#034ea2 0%,#034a9b 62%,#0559a4 100%);
}
.reveal-story .eyebrow.dark{color:#f2cf87}
.reveal-story .story-intro{color:rgba(245,241,232,.88)}
.reveal-story .ritual-notes{border-color:rgba(245,241,232,.32)}
.reveal-story .ritual-notes li>span{color:#f2cf87}
.reveal-story .ritual-notes strong{color:var(--ivory)}
.reveal-story .ritual-notes p{color:rgba(245,241,232,.78)}

/* Palette balance: blue is a signature moment, not the default page background. */
body{background:var(--ivory)}
.section-dark:not(.hero),.site-footer{
  background-color:#032e66;
  background-image:linear-gradient(135deg,#032e66 0%,#0c1930 100%);
}
.packaging-intro{background-color:var(--blue);background-image:none}
/* Reserve the supplied primary blue for a single editorial story panel. */
.reveal-story.section-dark{background-color:var(--blue);background-image:linear-gradient(145deg,#034ea2 0%,#034a9b 62%,#0559a4 100%)}

/* Footer returns to the supplied lighter Penta blue. */
.site-footer{
  background-color:var(--blue);
  background-image:linear-gradient(135deg,#034ea2 0%,#0559a4 100%);
}
.site-footer .contact-details,.site-footer .concept-note{color:rgba(245,241,232,.76)}
.site-footer .contact-details address span{color:rgba(245,241,232,.58)}

/* Desktop composition: generated studies retain their intended proportions instead of being over-cropped. */
@media (min-width:801px){
  .statement{
    grid-template-columns:minmax(0,.96fr) minmax(390px,.74fr);
    min-height:680px;
    gap:clamp(54px,7vw,112px);
    padding-top:clamp(96px,9vw,128px);
    padding-bottom:clamp(88px,8vw,112px);
    background:linear-gradient(105deg,var(--ivory) 0%,var(--ivory) 67%,#eee8dc 100%);
  }
  .statement-copy h2{margin-bottom:46px}
  .statement-bottom{
    max-width:470px;
    padding-top:22px;
    border-top:1px solid rgba(3,78,162,.18);
  }
  .macro-frame{
    width:min(100%,460px);
    padding:11px;
    background:#ebe4d7;
    box-shadow:0 20px 42px rgba(3,46,102,.08);
  }
  .macro-frame img{object-position:center 42%}
  .macro-frame figcaption{
    margin:11px 2px 1px;
    color:#4a6282;
  }
  .product-card-wide:first-child img{object-position:center 46%}
}

/* Product range reset: show the concept studies as editorial work, not dark, repeated image tiles. */
.product-card,
.product-card.product-card-wide{
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  min-height:0;
  background:var(--paper);
  color:var(--ink);
}
.product-card::after{display:none}
.product-card img{
  position:relative;
  inset:auto;
  width:100%;
  height:100%;
  min-height:390px;
  object-fit:cover;
  filter:saturate(.92) contrast(1.01);
}
.product-card>div{
  position:relative;
  z-index:1;
  left:auto;
  right:auto;
  bottom:auto;
  display:grid;
  grid-template-columns:34px 1fr;
  column-gap:13px;
  align-items:start;
  padding:22px 25px 24px;
  background:var(--ivory);
  border-top:1px solid rgba(3,78,162,.12);
}
.product-card span{color:var(--blue);font-size:15px;padding-top:3px}
.product-card h3{margin:0 0 8px;color:var(--ink);font-size:clamp(26px,2.45vw,38px);line-height:1}
.product-card p{grid-column:2;color:#625c73;font-size:12px;line-height:1.55}
.product-card:hover img{transform:scale(1.018);filter:saturate(.98) contrast(1.02)}
@media(min-width:801px){
  .product-grid{gap:28px 22px}
  .product-card,.product-card.product-card-wide{grid-column:auto;min-height:0}
  .product-card:first-child{grid-column:span 2}
  .product-card:first-child img{min-height:510px;object-position:center 49%}
  .product-card:nth-child(2) img,.product-card:nth-child(3) img,.product-card:nth-child(4) img,.product-card:nth-child(5) img,.product-card:nth-child(6) img,.product-card:nth-child(7) img,.product-card:nth-child(8) img{object-position:center 38%}
  .product-card:nth-child(8){grid-column:span 2;grid-template-columns:.92fr 1.08fr;grid-template-rows:1fr}
  .product-card:nth-child(8) img{min-height:470px;object-position:center 42%}
  .product-card:nth-child(8)>div{border-top:0;border-left:1px solid rgba(3,78,162,.12);align-self:stretch;align-content:end;padding:42px}
}
@media(max-width:800px){
  .product-card,.product-card.product-card-wide{min-height:0}
  .product-card img{min-height:355px}
  .product-card>div{left:auto;right:auto;bottom:auto;padding:19px 20px 21px}
  .product-card h3{font-size:31px}
}

/* Compact desktop range: a genuine 3 × 3 editorial index, not full-viewport media panels. */
@media (min-width:801px){
  .product-range{padding-top:clamp(84px,8vw,118px)}
  .product-range-head{margin-bottom:45px}
  .product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
  }
  .product-card,
  .product-card.product-card-wide,
  .product-card:first-child,
  .product-card:nth-child(8){
    display:grid;
    grid-column:auto;
    grid-template-columns:none;
    grid-template-rows:238px auto;
    min-height:0;
  }
  .product-card img,
  .product-card:first-child img,
  .product-card:nth-child(8) img{
    min-height:0;
    height:238px;
    object-position:center 42%;
  }
  .product-card>div,
  .product-card:nth-child(8)>div{
    display:grid;
    align-content:start;
    min-height:142px;
    padding:17px 18px 20px;
    border-top:1px solid rgba(3,78,162,.12);
    border-left:0;
  }
  .product-card h3{font-size:clamp(23px,1.7vw,29px);margin-bottom:6px}
  .product-card p{font-size:11px;line-height:1.5}
  .product-cta{background:var(--blue);color:var(--ivory)}
  .product-cta>div{height:100%;min-height:380px;display:grid;grid-template-columns:34px 1fr;padding:27px 24px;background:linear-gradient(145deg,#034ea2,#0559a4);border:1px solid rgba(245,241,232,.2)}
  .product-cta .eyebrow{color:#f2cf87;margin-bottom:18px}
  .product-cta h3{color:var(--ivory);font-size:clamp(27px,2.15vw,37px);line-height:1.02;margin:0 0 14px}
  .product-cta p:not(.eyebrow){color:rgba(245,241,232,.78);margin-bottom:24px}
  .product-cta .text-link{font-size:9px}
  .product-cta span{color:#f2cf87}
}
@media(max-width:800px){
  .product-cta>div{display:grid;grid-template-columns:34px 1fr;padding:28px 22px;background:linear-gradient(145deg,#034ea2,#0559a4)}
  .product-cta h3{color:var(--ivory);font-size:34px;margin:0 0 12px}
  .product-cta p:not(.eyebrow){color:rgba(245,241,232,.8)}
  .product-cta .eyebrow,.product-cta span{color:#f2cf87}
}

/* Final density pass for the desktop product index. */
@media (min-width:801px){
  .product-grid{gap:16px}
  .product-card,
  .product-card.product-card-wide,
  .product-card:first-child,
  .product-card:nth-child(8){grid-template-rows:204px auto}
  .product-card img,
  .product-card:first-child img,
  .product-card:nth-child(8) img{height:204px}
  .product-card>div,
  .product-card:nth-child(8)>div{min-height:124px;padding:15px 17px 17px}
  .product-card h3{font-size:clamp(22px,1.55vw,27px)}
  .product-card:nth-child(3) img{object-position:center 28%}
  .product-card:nth-child(8)>div{min-height:328px}
  .product-cta>div{min-height:328px}
}

/* Safe-crop correction: portrait concept studies must never be cut to impersonate landscape media. */
@media (min-width:801px){
  .product-card img,
  .product-card:first-child img,
  .product-card:nth-child(8) img{
    object-fit:contain;
    object-position:center;
    background:linear-gradient(135deg,#eee7da,#f8f5ed);
    padding:7px;
  }
  .product-card:first-child img{object-fit:cover;padding:0}
  .product-card:nth-child(8)>div{min-height:124px}
}

/* Product range: purpose-built 3:2 landscape studies. Full frames are intentional—no portrait fallback or arbitrary crop. */
@media (min-width:801px){
  .product-grid{gap:18px}
  .product-card,
  .product-card.product-card-wide,
  .product-card:first-child,
  .product-card:nth-child(8){grid-template-rows:auto auto}
  .product-card img,
  .product-card:first-child img,
  .product-card:nth-child(8) img{
    display:block;
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:3/2;
    object-fit:cover;
    object-position:center;
    padding:0;
    background:none;
  }
  .product-card>div,
  .product-card:nth-child(8)>div{min-height:126px}
}

/* Penta Packaging hero — reference-anchored live-action study */
.hero .hero-video{object-position:center;filter:brightness(.82) saturate(.94)}
.hero-category{margin:0 0 22px;font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.8;color:var(--ivory)}
.hero .lede{max-width:520px;color:var(--ivory);font-size:clamp(18px,1.45vw,22px);font-weight:500;line-height:1.58}
.hero-actions{gap:14px;margin-top:40px}
.hero-primary-cta,.hero-secondary-cta{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;font-size:11px;font-weight:700;letter-spacing:.13em;line-height:1;text-decoration:none;text-transform:uppercase;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease}
.hero-primary-cta{padding:0 20px;background:var(--ivory);border:1px solid var(--ivory);color:var(--blue-deep);box-shadow:0 10px 28px rgba(0,0,0,.14)}
.hero-primary-cta:hover{transform:translateY(-2px);background:var(--gold);border-color:var(--gold);color:var(--blue-deep)}
.hero-secondary-cta{padding:0 4px;color:var(--ivory);border-bottom:1px solid rgba(245,241,232,.82)}
.hero-secondary-cta:hover{color:var(--gold);border-color:var(--gold)}
.hero-primary-cta span,.hero-secondary-cta span{font-size:16px;line-height:.7}

/* Three-line hero lockup: the brand line leads with presence while the message retains hierarchy. */
.hero-copy{width:min(720px,60vw)}
.hero .hero-title{display:block;margin:0 0 30px;color:#fff;font-family:var(--hero-serif);font-weight:400;letter-spacing:-.045em;text-shadow:0 3px 24px rgba(2,36,87,.72)}
.hero-title-line{display:block;font-family:inherit;font-weight:inherit;line-height:.93;white-space:nowrap}
.hero-title-line--brand{margin-bottom:clamp(4px,.4vw,7px);color:rgba(255,255,255,.9);font-size:clamp(34px,3.2vw,50px)}
.hero-title-line--connection{margin-bottom:clamp(3px,.35vw,6px);color:#fff;font-size:clamp(40px,3.8vw,58px)}
.hero-title-line--impact{color:#f4d69c;font-size:clamp(46px,4.4vw,68px)}
@media(max-width:800px){
  .hero{min-height:760px;padding-bottom:116px}
  .hero::after{background:linear-gradient(90deg,rgba(3,78,162,.93) 0%,rgba(3,78,162,.77) 52%,rgba(3,78,162,.18) 100%),linear-gradient(0deg,rgba(3,78,162,.82),transparent 56%)}
  .hero .hero-video{object-position:61% center}
  .hero-category{margin:0 0 18px;font-size:10px;line-height:1.75}
  .hero-copy{width:100%}
  .hero .hero-title{margin-bottom:24px}
  .hero-title-line{letter-spacing:-.055em}
  .hero-title-line--brand{margin-bottom:4px;font-size:clamp(26px,6.8vw,32px)}
  .hero-title-line--connection{margin-bottom:3px;font-size:clamp(30px,7.8vw,36px)}
  .hero-title-line--impact{font-size:clamp(34px,8.8vw,42px)}
  .hero .lede{max-width:370px;font-size:18px;line-height:1.58}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:14px;margin-top:30px;max-width:360px}
  .hero-primary-cta,.hero-secondary-cta{width:100%;min-height:52px}
  .hero-secondary-cta{border:1px solid rgba(245,241,232,.65)}
  .hero-capabilities{bottom:28px;left:24px;right:24px;justify-content:space-between;gap:6px;font-size:7px}
}

/* Cue labels removed: preserve the intended two-column editorial headers. */
@media (min-width:801px){
  .anatomy-heading{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)}
  .section-head{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}
  .anatomy-heading h2,.section-head h2{grid-column:1}
  .anatomy-heading>p:last-child,.section-head>p:last-child{grid-column:2}
}

/* Anatomy section — warm stock palette and a quieter editorial hierarchy. */
.packaging-anatomy{
  background:#eee9df;
  color:var(--ink);
  padding-top:clamp(82px,10vw,138px);
  padding-bottom:clamp(82px,10vw,128px);
}
.packaging-anatomy .anatomy-heading{
  padding-bottom:clamp(46px,5vw,64px);
  border-bottom-color:rgba(3,46,102,.18);
}
.packaging-anatomy .anatomy-heading>p:last-child{
  max-width:390px;
  color:#466080;
  font-size:15px;
  line-height:1.75;
}
.packaging-anatomy .anatomy-layout{
  gap:clamp(46px,8vw,120px);
  padding-top:clamp(46px,5vw,64px);
}
.packaging-anatomy .anatomy-caption{color:var(--blue);font-weight:700}
.packaging-anatomy .anatomy-caption i{color:#5f7189}
.packaging-anatomy .anatomy-step{
  border-bottom-color:rgba(3,46,102,.18);
  background:transparent;
}
.packaging-anatomy .anatomy-step:hover{background:rgba(3,78,162,.045)}
.packaging-anatomy .anatomy-step>span{color:var(--blue)}
.packaging-anatomy .anatomy-step h3{color:var(--ink)}
.packaging-anatomy .anatomy-step p{color:#466080;font-size:14px}
.packaging-anatomy .anatomy-step small{color:#62748a}
.packaging-anatomy .anatomy-step.is-active{
  background:linear-gradient(90deg,rgba(3,78,162,.11),rgba(3,78,162,0) 82%);
  border-bottom-color:rgba(3,78,162,.24);
}
.packaging-anatomy .anatomy-step.is-active::before{
  background:var(--blue);
  box-shadow:none;
}
.packaging-anatomy .anatomy-step.is-active h3{color:var(--blue)}
.packaging-anatomy .anatomy-step.is-active p,
.packaging-anatomy .anatomy-step.is-active small{color:#284e7c}
@media(max-width:800px){
  .packaging-anatomy{padding-top:68px;padding-bottom:72px}
  .packaging-anatomy .anatomy-heading>p:last-child{font-size:15px}
  .packaging-anatomy .anatomy-layout{padding-top:40px}
}

/* Guard against the global dark-section token. */
.section-dark.packaging-anatomy{background:#eee9df!important;color:var(--ink)!important}

/* Anatomy follows the offerings: restore it as the dark Penta-blue/gold editorial chapter. */
.section-dark.packaging-anatomy{
  background:linear-gradient(135deg,#034ea2 0%,#023b7d 72%,#032e66 100%)!important;
  color:var(--ivory)!important;
}
.packaging-anatomy .anatomy-heading{border-bottom-color:rgba(245,241,232,.22)}
.packaging-anatomy .anatomy-heading>p:last-child{color:rgba(245,241,232,.78)}
.packaging-anatomy .anatomy-caption{color:var(--gold)}
.packaging-anatomy .anatomy-caption i{color:rgba(245,241,232,.58)}
.packaging-anatomy .anatomy-step{border-bottom-color:rgba(245,241,232,.19)}
.packaging-anatomy .anatomy-step:hover{background:rgba(245,241,232,.045)}
.packaging-anatomy .anatomy-step>span{color:var(--gold)}
.packaging-anatomy .anatomy-step h3{color:var(--ivory)}
.packaging-anatomy .anatomy-step p{color:rgba(245,241,232,.74)}
.packaging-anatomy .anatomy-step small{color:rgba(245,241,232,.5)}
.packaging-anatomy .anatomy-step.is-active{background:linear-gradient(90deg,rgba(217,183,112,.15),transparent 82%);border-bottom-color:rgba(217,183,112,.38)}
.packaging-anatomy .anatomy-step.is-active::before{background:var(--gold);box-shadow:0 0 14px rgba(217,183,112,.32)}
.packaging-anatomy .anatomy-step.is-active h3{color:var(--gold)}
.packaging-anatomy .anatomy-step.is-active p,.packaging-anatomy .anatomy-step.is-active small{color:rgba(245,241,232,.9)}

/* Offerings header — give the proposition a deliberate two-line editorial measure. */
@media (min-width:801px){
  .product-range{padding-top:clamp(78px,8vw,112px)}
  .product-range-head{
    grid-template-columns:minmax(0,1.42fr) minmax(300px,.58fr);
    gap:clamp(42px,7vw,118px);
    align-items:end;
    margin-bottom:50px;
  }
  .product-range-head h2{
    max-width:760px;
    font-size:clamp(54px,5.25vw,82px);
    line-height:.98;
    letter-spacing:-.055em;
  }
  .product-range-head>p:last-child{
    max-width:370px;
    margin:0 0 7px;
    color:#5d5770;
    font-size:15px;
    line-height:1.72;
  }
}
@media (max-width:800px){
  .product-range-head h2{
    max-width:360px;
    font-size:clamp(46px,12vw,60px);
    line-height:.98;
    letter-spacing:-.055em;
  }
  .product-range-head>p:last-child{max-width:350px;font-size:15px;line-height:1.72;color:#5d5770}
}

/* Anatomy copy — increased reading scale and packaging-specific hierarchy. */
@media (min-width:801px){
  .packaging-anatomy .anatomy-heading>p:last-child{
    max-width:475px;
    font-size:clamp(17px,1.28vw,20px);
    line-height:1.62;
  }
  .packaging-anatomy .anatomy-step{padding-top:29px;padding-bottom:29px}
  .packaging-anatomy .anatomy-step>span{font-size:17px}
  .packaging-anatomy .anatomy-step h3{font-size:clamp(29px,2.25vw,37px);line-height:1.04}
  .packaging-anatomy .anatomy-step p{max-width:525px;font-size:16px;line-height:1.65}
  .packaging-anatomy .anatomy-step small{font-size:10px;letter-spacing:.13em}
}
@media (max-width:800px){
  .packaging-anatomy .anatomy-heading>p:last-child{font-size:17px;line-height:1.62}
  .packaging-anatomy .anatomy-step p{font-size:15px;line-height:1.62}
  .packaging-anatomy .anatomy-step h3{font-size:28px}
}

/* Site-wide type system — one measured hierarchy rather than section-by-section sizing. */
:root{
  --type-display:clamp(50px,4.35vw,70px);
  --type-display-mobile:clamp(42px,11vw,56px);
  --type-body:16px;
  --type-body-mobile:15px;
}
@media (min-width:801px){
  .anatomy-heading h2,
  .product-range-head h2,
  .statement h2,
  .section-head h2,
  .story-copy h2,
  .approach-copy h2,
  .site-footer h2{
    font-size:var(--type-display);
    line-height:1;
    letter-spacing:-.05em;
  }
  .product-range-head{
    grid-template-columns:minmax(0,1.26fr) minmax(310px,.74fr);
    gap:clamp(38px,6vw,94px);
  }
  .product-range-head h2{max-width:720px}
  .product-range-head>p:last-child,
  .section-head>p:last-child,
  .statement-bottom p,
  .story-intro,
  .approach-intro{
    font-size:var(--type-body);
    line-height:1.7;
  }
  .product-card p{font-size:13px;line-height:1.6}
  .study-caption p,.ritual-notes p{font-size:14px;line-height:1.65}
}
@media (max-width:800px){
  .anatomy-heading h2,
  .product-range-head h2,
  .statement h2,
  .section-head h2,
  .story-copy h2,
  .approach-copy h2,
  .site-footer h2{
    font-size:var(--type-display-mobile);
    line-height:1;
    letter-spacing:-.05em;
  }
  .product-range-head>p:last-child,
  .section-head>p:last-child,
  .statement-bottom p,
  .story-intro,
  .approach-intro{font-size:var(--type-body-mobile);line-height:1.7}
  .product-card p{font-size:13px;line-height:1.6}
}

/* Home conversion close: partnership proof + useful pre-enquiry answers. */
.testimonials{padding:clamp(82px,10vw,142px) clamp(24px,9vw,150px);color:var(--ink)}
.testimonial-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);gap:clamp(44px,9vw,144px);align-items:end;padding-bottom:clamp(44px,5vw,66px);border-bottom:1px solid rgba(3,78,162,.18)}
.testimonial-head h2,.faq-intro h2{margin:0;font:500 var(--type-display)/1 var(--serif);letter-spacing:-.05em}
.testimonial-head p{max-width:430px;margin:0;color:#5d5770;font-size:16px;line-height:1.7}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,64px);padding-top:clamp(42px,5vw,66px)}
.testimonial-grid article{min-height:205px;padding:0 0 22px;border-bottom:1px solid rgba(3,78,162,.18)}
.testimonial-grid span{display:block;margin-bottom:36px;color:var(--blue);font:500 18px/1 var(--serif)}
.testimonial-grid h3{margin:0 0 13px;font:500 clamp(27px,2.2vw,35px)/1.05 var(--serif);letter-spacing:-.035em}
.testimonial-grid p{max-width:340px;margin:0;color:#5d5770;font-size:14px;line-height:1.72}
.testimonial-note{margin:26px 0 0;color:#787184;font-size:11px;line-height:1.6}
.faq{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(48px,10vw,160px);padding:clamp(82px,10vw,142px) clamp(24px,9vw,150px);background:linear-gradient(135deg,#034ea2 0%,#023b7d 80%,#032e66 100%)}
.faq-intro h2{color:var(--ivory);margin-bottom:28px}.faq-intro p{max-width:385px;margin:0 0 34px;color:rgba(245,241,232,.77);font-size:16px;line-height:1.7}.faq-list{border-top:1px solid rgba(245,241,232,.28)}
.faq details{border-bottom:1px solid rgba(245,241,232,.23)}.faq summary{display:flex;justify-content:space-between;gap:20px;padding:23px 0;color:var(--ivory);cursor:pointer;font:500 clamp(20px,1.65vw,27px)/1.25 var(--serif);list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--gold);font:400 30px/.8 var(--sans);transition:transform .2s ease}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{max-width:580px;margin:0 0 24px;color:rgba(245,241,232,.75);font-size:14px;line-height:1.75}
/* Shared internal-page scaffold. */
.inner-page{background:var(--ivory);color:var(--ink)}.inner-page .site-header{position:relative;background:var(--blue)}.inner-page .site-header::before{display:none}.inner-page main{overflow:hidden}.page-hero{padding:clamp(95px,13vw,165px) clamp(24px,9vw,150px) clamp(76px,10vw,128px);background:linear-gradient(135deg,#034ea2 0%,#023b7d 78%,#032e66 100%);color:var(--ivory)}.page-hero .eyebrow{margin-bottom:23px}.page-hero h1{max-width:860px;margin:0;font-size:clamp(38px,4.2vw,60px);line-height:1.02}.page-hero p{max-width:550px;margin:30px 0 0;color:rgba(245,241,232,.8);font-size:18px;line-height:1.7}.page-section{padding:clamp(78px,10vw,140px) clamp(24px,9vw,150px)}.page-section h2{margin:0;font:500 var(--type-display)/1 var(--serif);letter-spacing:-.05em}.page-section p{font-size:16px;line-height:1.75}.page-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:clamp(48px,10vw,155px)}.page-split>p{margin:8px 0 0;color:#5d5770}.capability-list,.process-list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(3,78,162,.2)}.capability-list li,.process-list li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:22px 0;border-bottom:1px solid rgba(3,78,162,.2)}.capability-list span,.process-list span{color:var(--blue);font:500 18px/1 var(--serif)}.capability-list strong,.process-list strong{display:block;margin-bottom:7px;font:600 12px/1.3 var(--sans);letter-spacing:.11em;text-transform:uppercase}.capability-list p,.process-list p{margin:0;color:#5d5770;font-size:14px;line-height:1.65}.page-blue{background:linear-gradient(135deg,#034ea2 0%,#023b7d 80%,#032e66 100%);color:var(--ivory)}.page-blue .page-split>p,.page-blue .process-list p{color:rgba(245,241,232,.76)}.page-blue .process-list{border-color:rgba(245,241,232,.24)}.page-blue .process-list li{border-color:rgba(245,241,232,.24)}.page-blue .process-list span{color:var(--gold)}.contact-layout{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:clamp(48px,10vw,150px)}.contact-details-large{display:grid;gap:18px;margin-top:36px}.contact-details-large a{color:var(--blue);font-size:18px;text-decoration:none}.contact-details-large address{color:#5d5770;font-size:15px;font-style:normal;line-height:1.75}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:19px}.contact-form label{display:grid;gap:8px;color:#5d5770;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(3,78,162,.3);border-radius:0;background:#fff;color:var(--ink);padding:14px;font:400 15px/1.3 var(--sans)}.contact-form textarea{min-height:140px;resize:vertical}.contact-form .full{grid-column:1/-1}.form-note{margin:0;color:#787184;font-size:12px!important}.form-submit{justify-self:start;border:0;background:var(--blue);color:var(--ivory);padding:16px 22px;cursor:pointer;font:700 11px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase}.form-submit:hover{background:var(--blue-bright)}
@media(max-width:800px){.testimonial-head,.faq,.page-split,.contact-layout{display:block}.testimonial-head h2,.faq-intro h2,.page-section h2{font-size:var(--type-display-mobile)}.testimonial-head p{margin-top:22px;font-size:15px}.testimonial-grid{grid-template-columns:1fr;gap:26px}.testimonial-grid article{min-height:0}.testimonial-note{font-size:10px}.faq-intro{margin-bottom:48px}.faq summary{font-size:23px}.faq details p{font-size:14px}.page-hero{padding-top:82px}.page-hero h1{font-size:clamp(48px,13vw,67px)}.page-hero p{font-size:16px}.page-split>p{margin-top:25px}.contact-form{grid-template-columns:1fr}.contact-form .full{grid-column:auto}}

/* About Penta — manufacturing-led page. */
.about-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);min-height:690px;background:linear-gradient(135deg,#034ea2 0%,#023b7d 75%,#032e66 100%);color:var(--ivory);overflow:hidden}.about-hero-copy{align-self:center;padding:clamp(110px,13vw,185px) clamp(24px,7vw,120px) clamp(90px,10vw,135px) clamp(24px,9vw,150px)}.about-hero-copy .eyebrow{margin-bottom:26px}.about-hero h1{max-width:700px;margin:0;font-size:clamp(58px,6.2vw,98px);line-height:.95}.about-hero-copy>p:last-child{max-width:490px;margin:31px 0 0;color:rgba(245,241,232,.8);font-size:18px;line-height:1.7}.about-hero-media{position:relative;margin:0;min-height:530px;overflow:hidden}.about-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#023b7d 0%,transparent 28%),linear-gradient(0deg,rgba(2,59,125,.62),transparent 38%)}.about-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.about-hero-media figcaption{position:absolute;z-index:1;left:28px;bottom:24px;color:rgba(245,241,232,.72);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.about-statement{padding:clamp(84px,10vw,145px) clamp(24px,9vw,150px)}.about-kicker{margin:0 0 25px;color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.about-statement-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(290px,.58fr);gap:clamp(48px,10vw,160px);padding-bottom:clamp(54px,6vw,82px);border-bottom:1px solid rgba(3,78,162,.2)}.about-statement h2,.about-sectors h2,.about-production h2,.about-reach h2,.about-cta h2{margin:0;font:500 var(--type-display)/1 var(--serif);letter-spacing:-.055em}.about-statement-grid p{margin:0 0 19px;color:#5d5770;font-size:16px;line-height:1.75}.about-statement-grid p:last-child{margin-bottom:0}.about-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3.5vw,58px);margin:clamp(48px,6vw,76px) 0 0;padding:0;list-style:none}.about-proof span,.about-sector-grid span{display:block;margin-bottom:28px;color:var(--blue);font:500 18px/1 var(--serif)}.about-proof strong{display:block;margin-bottom:10px;font:600 11px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase}.about-proof p{margin:0;color:#6c657a;font-size:13px;line-height:1.65}.about-sectors{padding:clamp(82px,10vw,140px) clamp(24px,9vw,150px);background:#eae5da}.about-sectors-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.7fr);align-items:end;gap:40px;margin-bottom:clamp(48px,6vw,80px)}.about-sectors-head .eyebrow{align-self:start}.about-sector-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(3,78,162,.23)}.about-sector-grid article{min-height:255px;padding:28px clamp(18px,2.1vw,34px) 0;border-right:1px solid rgba(3,78,162,.2)}.about-sector-grid article:first-child{padding-left:0}.about-sector-grid article:last-child{border-right:0}.about-sector-grid h3{margin:0 0 14px;font:500 clamp(25px,2.1vw,34px)/1.05 var(--serif);letter-spacing:-.035em}.about-sector-grid p{margin:0;color:#5d5770;font-size:14px;line-height:1.7}.about-production{display:grid;grid-template-columns:minmax(0,.92fr) minmax(340px,.8fr);gap:clamp(56px,11vw,180px);padding:clamp(88px,11vw,160px) clamp(24px,9vw,150px);background:linear-gradient(135deg,#034ea2 0%,#023b7d 78%,#032e66 100%);color:var(--ivory)}.about-production .eyebrow{margin-bottom:23px}.about-production-copy>p:not(.eyebrow){max-width:485px;margin:25px 0 0;color:rgba(245,241,232,.76);font-size:16px;line-height:1.75}.about-control-list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(245,241,232,.28)}.about-control-list li{display:grid;grid-template-columns:46px 1fr;gap:17px;padding:24px 0;border-bottom:1px solid rgba(245,241,232,.22)}.about-control-list span{color:var(--gold);font:500 19px/1 var(--serif)}.about-control-list strong{display:block;margin-bottom:8px;color:var(--ivory);font:600 11px/1.25 var(--sans);letter-spacing:.12em;text-transform:uppercase}.about-control-list p{margin:0;color:rgba(245,241,232,.72);font-size:14px;line-height:1.65}.about-reach{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.56fr);gap:clamp(48px,10vw,150px);align-items:end;padding:clamp(84px,10vw,145px) clamp(24px,9vw,150px)}.about-reach .eyebrow{margin-bottom:20px}.about-reach>p{max-width:435px;margin:0;color:#5d5770;font-size:17px;line-height:1.75}.about-cta{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:clamp(74px,9vw,125px) clamp(24px,9vw,150px);background:#eae5da;color:var(--ink)}.about-cta .eyebrow{margin-bottom:19px;color:var(--blue)}.about-cta .hero-primary-cta{flex:0 0 auto;background:var(--blue);color:var(--ivory);text-decoration:none;padding:17px 20px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.about-cta .hero-primary-cta:hover{background:var(--blue-bright)}
@media(max-width:800px){.about-hero{display:flex;flex-direction:column;min-height:0}.about-hero-copy{padding:92px 24px 68px}.about-hero h1{font-size:clamp(49px,13vw,66px)}.about-hero-copy>p:last-child{font-size:16px}.about-hero-media{min-height:360px;order:2}.about-hero-media::after{background:linear-gradient(0deg,rgba(2,59,125,.7),transparent 54%)}.about-statement-grid,.about-production,.about-reach{display:block}.about-statement h2,.about-sectors h2,.about-production h2,.about-reach h2,.about-cta h2{font-size:var(--type-display-mobile)}.about-statement-grid>div{margin-top:27px}.about-statement-grid p{font-size:15px}.about-proof{grid-template-columns:1fr 1fr;gap:32px 22px}.about-sectors-head{display:block}.about-sectors-head h2{margin-top:19px}.about-sector-grid{grid-template-columns:1fr 1fr}.about-sector-grid article{min-height:230px;padding:25px 16px 0;border-bottom:1px solid rgba(3,78,162,.2)}.about-sector-grid article:nth-child(odd){padding-left:0}.about-sector-grid article:nth-child(even){border-right:0}.about-sector-grid h3{font-size:27px}.about-sector-grid p{font-size:13px}.about-production-copy>p:not(.eyebrow){font-size:15px}.about-control-list{margin-top:48px}.about-reach>p{margin-top:26px;font-size:16px}.about-cta{display:block}.about-cta .hero-primary-cta{display:inline-flex;margin-top:34px}.about-hero-media figcaption{left:22px;bottom:19px}}

/* About hero: facility-led first fold, with generated architectural study clearly identified. */
.about-hero{position:relative;display:block;min-height:min(760px,calc(100vh - 74px));background:#e9e6df}.about-hero-media{position:absolute;inset:0;min-height:0}.about-hero-media img{object-position:center 56%}.about-hero-media::after{background:linear-gradient(90deg,rgba(2,59,125,.96) 0%,rgba(2,59,125,.9) 30%,rgba(2,59,125,.47) 55%,rgba(2,59,125,.07) 78%,rgba(2,59,125,.02) 100%)}.about-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:min(760px,calc(100vh - 74px));max-width:860px;padding:clamp(108px,12vw,166px) clamp(24px,9vw,150px) clamp(78px,9vw,125px);background:linear-gradient(90deg,rgba(2,59,125,.18),transparent)}.about-hero h1{max-width:710px}.about-hero-copy>p:last-child{max-width:475px}.about-hero-media figcaption{left:auto;right:28px;text-shadow:0 1px 10px rgba(0,0,0,.55)}
@media(max-width:800px){.about-hero{min-height:720px}.about-hero-copy{min-height:720px;padding:92px 24px 76px;justify-content:flex-start}.about-hero-media img{object-position:58% center}.about-hero-media::after{background:linear-gradient(180deg,rgba(2,59,125,.95) 0%,rgba(2,59,125,.84) 43%,rgba(2,59,125,.38) 74%,rgba(2,59,125,.16) 100%)}.about-hero-media figcaption{right:20px;bottom:18px}.about-hero-copy>p:last-child{max-width:390px}}

/* Branded architectural fascia in the About hero. */
.about-hero-media .facility-sign{position:absolute;z-index:2;left:50.7%;top:39.9%;width:22%;height:7%;display:flex;align-items:center;justify-content:center;pointer-events:none}.about-hero-media .facility-sign img{display:block;width:78%;height:auto;max-height:78%;object-fit:contain;object-position:center}.about-hero-media figcaption{display:none!important}
@media(max-width:800px){.about-hero-media .facility-sign{left:50.7%;top:39.9%;width:22%;height:7%}}
/* The Penta Packaging fascia is baked into the architectural image, not a floating page label. */
.about-hero-media .facility-sign{display:none!important}

/* Facility fascia: sharp dimensional webpage lettering, aligned to the architectural sign plane. */
.about-hero-media .facility-sign{display:flex!important;position:absolute;z-index:3;left:53.8%;top:53.6%;width:31.5%;height:9.8%;align-items:center;justify-content:center;flex-direction:column;gap:1px;color:#034ea2;pointer-events:none;transform:skewY(-8deg);transform-origin:center;filter:drop-shadow(1px 2px 1px rgba(1,38,82,.24))}.about-hero-media .facility-sign strong{font:800 clamp(16px,2.1vw,35px)/.88 var(--sans);letter-spacing:.115em;text-indent:.115em}.about-hero-media .facility-sign small{font:700 clamp(5px,.55vw,9px)/1 var(--sans);letter-spacing:.23em;text-indent:.23em}.about-hero-media .facility-sign img{display:none!important}
@media(max-width:800px){.about-hero-media .facility-sign{left:51%;top:48.5%;width:47%;height:9.2%;transform:skewY(-8deg)}.about-hero-media .facility-sign strong{font-size:20px}.about-hero-media .facility-sign small{font-size:6px}}
/* Why Penta — clear, practical proof points for prospective brand partners. */
.why-penta{padding:clamp(84px,10vw,142px) clamp(24px,9vw,150px);color:var(--ink);background:#f8f6f1}.why-penta-head{max-width:780px;margin:0 auto;text-align:center}.why-penta-head .eyebrow{margin-bottom:19px}.why-penta-head h2{margin:0;font:500 var(--type-display)/1 var(--serif);letter-spacing:-.055em}.why-penta-head>p:last-child{max-width:610px;margin:25px auto 0;color:#5d5770;font-size:16px;line-height:1.7}.why-penta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(50px,6vw,76px)}.why-penta-grid article{min-height:246px;padding:27px 24px 25px;background:#fff;border:1px solid rgba(3,78,162,.08);box-shadow:0 13px 30px rgba(3,46,102,.08);transition:transform .22s ease,box-shadow .22s ease}.why-penta-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(3,46,102,.13)}.why-icon{display:grid;place-items:center;width:57px;height:57px;margin:0 0 25px;border-radius:50%;background:var(--blue);color:var(--ivory)}.why-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.why-icon svg circle{fill:var(--blue)}.why-penta-grid h3{margin:0 0 13px;color:var(--ink);font:600 14px/1.35 var(--sans);letter-spacing:-.02em}.why-penta-grid p{margin:0;color:#625c73;font-size:13px;line-height:1.68}

/* About-page GCC reach detail. */
.about-reach>div:last-child>p{max-width:435px;margin:0;color:#5d5770;font-size:17px;line-height:1.75}.gcc-list{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 0;padding:0;list-style:none}.gcc-list li{padding:7px 10px;border:1px solid rgba(3,78,162,.23);color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}

@media(max-width:800px){.why-penta-head h2{font-size:var(--type-display-mobile)}.why-penta-head{text-align:left}.why-penta-head>p:last-child{margin-left:0;font-size:15px}.why-penta-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:42px}.why-penta-grid article{min-height:238px;padding:21px 17px}.why-icon{width:47px;height:47px;margin-bottom:21px}.why-icon svg{width:25px;height:25px}.why-penta-grid h3{font-size:13px}.why-penta-grid p{font-size:12px}.about-reach>div:last-child{margin-top:26px}.about-reach>div:last-child>p{font-size:16px}}

/* About page rebuild: company-first editorial layout */
.company-page{background:#f5f1e8;color:#032e66}.company-hero{position:relative;min-height:840px;height:100svh;overflow:hidden;color:#f5f1e8}.company-hero-image,.company-hero-image img{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:cover;object-position:center}.company-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,43,93,.93),rgba(2,43,93,.72) 37%,rgba(2,43,93,.18) 73%,rgba(2,43,93,.06)),linear-gradient(0deg,rgba(2,43,93,.38),transparent 38%)}.company-hero-copy{position:relative;z-index:1;display:flex;min-height:100%;max-width:790px;flex-direction:column;justify-content:center;padding:155px clamp(24px,9vw,150px) 112px}.company-hero-copy .eyebrow{margin-bottom:27px}.company-hero h1{margin:0;font-size:clamp(57px,6.45vw,105px);line-height:.95}.company-hero-copy>p:last-child{max-width:480px;margin:31px 0 0;color:rgba(245,241,232,.87);font-size:17px;line-height:1.75}.company-hero-caption{position:absolute;z-index:1;right:clamp(24px,5vw,78px);bottom:33px;display:flex;gap:24px;font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.company-hero-caption span+span{padding-left:24px;border-left:1px solid rgba(245,241,232,.46)}.company-label{margin:0;color:#537298;font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.company-intro{padding:clamp(94px,12vw,175px) clamp(24px,9vw,150px) clamp(82px,10vw,145px)}.company-intro-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.63fr);gap:clamp(55px,12vw,190px);align-items:start;margin-top:32px}.company-intro h2,.company-method h2,.company-craft h2,.company-region h2,.company-closing h2{margin:0;font:500 clamp(47px,5.3vw,82px)/.99 var(--serif);letter-spacing:-.055em}.company-intro-copy p,.company-method-heading>p,.company-craft-copy>p,.company-region-copy>p,.company-closing p{margin:0 0 19px;color:#5d5770;font-size:16px;line-height:1.8}.company-text-link{display:inline-flex;gap:10px;margin-top:15px;padding-bottom:7px;border-bottom:1px solid #032e66;color:#032e66;font-size:10px;font-weight:700;letter-spacing:.13em;text-decoration:none;text-transform:uppercase}.company-text-link span,.company-button span{font-size:16px;line-height:.65}.company-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:clamp(60px,8vw,110px) 0 0;padding:27px 0 0;border-top:1px solid rgba(3,46,102,.22)}.company-facts div+div{padding-left:28px;border-left:1px solid rgba(3,46,102,.18)}.company-facts dt{margin-bottom:10px;color:#61748b;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.company-facts dd{margin:0;font:500 clamp(19px,2vw,29px)/1.15 var(--serif);letter-spacing:-.025em}.company-image-statement{display:grid;grid-template-columns:1.12fr .88fr;min-height:670px;background:#e6e0d4}.company-image-statement figure{margin:0;overflow:hidden}.company-image-statement figure img{width:100%;height:100%;object-fit:cover}.company-image-statement>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(64px,8vw,130px)}.company-image-statement blockquote{margin:24px 0 29px;color:#032e66;font:500 clamp(36px,4.25vw,66px)/1.05 var(--serif);letter-spacing:-.045em}.company-image-note{max-width:390px;margin:0;color:#456387;font-size:15px;line-height:1.75}.company-method{padding:clamp(95px,12vw,175px) clamp(24px,9vw,150px);background:#032e66;color:#f5f1e8}.company-method-heading{display:grid;grid-template-columns:.82fr 1.2fr .7fr;gap:48px;align-items:end;padding-bottom:74px;border-bottom:1px solid rgba(245,241,232,.2)}.company-method-heading .company-label,.company-craft .company-label,.company-region .company-label{color:#d9b770}.company-method-heading>p{margin:0;color:#b8c5d5;font-size:14px}.company-method-layout{display:grid;grid-template-columns:1fr minmax(330px,.79fr);gap:clamp(60px,11vw,180px);padding-top:68px;align-items:start}.company-steps{margin:0;padding:0;list-style:none;border-top:1px solid rgba(245,241,232,.2)}.company-steps li{display:grid;grid-template-columns:52px 1fr;gap:15px;padding:25px 0;border-bottom:1px solid rgba(245,241,232,.2)}.company-steps span{color:#d9b770;font:500 19px/1 var(--serif)}.company-steps h3{margin:0 0 9px;font:500 clamp(24px,2.5vw,35px)/1.05 var(--serif)}.company-steps p{max-width:465px;margin:0;color:#b8c5d5;font-size:14px;line-height:1.7}.company-method-image{margin:0}.company-method-image img{width:100%;aspect-ratio:.9;object-fit:cover}.company-method-image figcaption{margin-top:13px;color:#aab9cc;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.company-craft{display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:#f5f1e8}.company-craft-image{overflow:hidden}.company-craft-image img{width:100%;height:100%;object-fit:cover}.company-craft-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(72px,9vw,145px)}.company-craft h2{margin:24px 0 30px}.company-craft-copy>p{max-width:455px}.company-craft ul{margin:19px 0 0;padding:0;list-style:none;border-top:1px solid rgba(3,46,102,.2)}.company-craft li{padding:14px 0;border-bottom:1px solid rgba(3,46,102,.2);font-size:13px;line-height:1.45}.company-craft li::before{content:'↗';display:inline-block;margin-right:12px;color:#034ea2}.company-region{display:grid;grid-template-columns:1fr minmax(310px,.67fr);gap:clamp(60px,13vw,225px);padding:clamp(92px,11vw,165px) clamp(24px,9vw,150px);background:#dce3e5}.company-region h2{margin-top:24px}.company-region-copy{align-self:end}.company-region-copy>p{color:#5d5770}.company-country-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.company-country-list span{padding:11px 13px;border:1px solid rgba(3,46,102,.3);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.company-closing{display:grid;grid-template-columns:1fr 1fr;min-height:690px;background:#034ea2;color:#f5f1e8}.company-closing figure{order:2;margin:0;overflow:hidden}.company-closing figure img{width:100%;height:100%;object-fit:cover}.company-closing>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(72px,9vw,145px)}.company-closing h2{margin:22px 0 29px}.company-closing>div>p:not(.eyebrow){max-width:430px;color:#c9d5e3}.company-button{display:inline-flex;align-items:center;gap:12px;width:max-content;margin-top:23px;padding:16px 18px;background:#f5f1e8;color:#032e66;font-size:10px;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}
@media(max-width:800px){.company-hero{min-height:735px}.company-hero-copy{justify-content:flex-end;padding:115px 24px 85px}.company-hero h1{font-size:clamp(49px,13.2vw,66px)}.company-hero-shade{background:linear-gradient(180deg,rgba(2,43,93,.93),rgba(2,43,93,.74) 38%,rgba(2,43,93,.18) 100%)}.company-hero-image img{object-position:60% center}.company-hero-caption{bottom:25px;left:24px;right:auto;gap:12px;font-size:7px}.company-hero-caption span+span{padding-left:12px}.company-intro{padding:82px 24px}.company-intro-grid,.company-image-statement,.company-method-layout,.company-craft,.company-region,.company-closing{display:block}.company-intro-grid{margin-top:25px}.company-intro h2,.company-method h2,.company-craft h2,.company-region h2,.company-closing h2{font-size:clamp(43px,11.5vw,59px)}.company-intro-copy{margin-top:28px}.company-intro-copy p,.company-craft-copy>p,.company-region-copy>p,.company-closing p{font-size:15px}.company-facts{grid-template-columns:1fr;gap:0;margin-top:55px}.company-facts div{padding:18px 0!important;border-left:0!important;border-bottom:1px solid rgba(3,46,102,.18)}.company-image-statement figure{height:440px}.company-image-statement>div{padding:74px 24px}.company-image-statement blockquote{font-size:41px}.company-method{padding:83px 24px}.company-method-heading{display:block;padding-bottom:45px}.company-method-heading h2{margin:21px 0}.company-method-heading>p{font-size:14px}.company-method-layout{padding-top:48px}.company-steps li{grid-template-columns:38px 1fr;padding:22px 0}.company-steps h3{font-size:27px}.company-method-image{margin-top:43px}.company-method-image img{aspect-ratio:1.15}.company-craft-image{height:440px}.company-craft-copy{padding:78px 24px}.company-region{padding:82px 24px}.company-region-copy{margin-top:30px}.company-closing figure{height:410px}.company-closing>div{padding:78px 24px}.company-button{margin-top:21px}}

/* Readability corrections for the About rebuild. */
@media(max-width:800px){.company-page .eyebrow,.company-page .company-label{font-size:10px;letter-spacing:.14em}.company-hero-copy>p:last-child{font-size:16px;line-height:1.72;text-shadow:0 1px 10px rgba(0,0,0,.28)}.company-hero-shade{background:linear-gradient(180deg,rgba(2,43,93,.97),rgba(2,43,93,.86) 44%,rgba(2,43,93,.36) 100%)}.company-hero-caption{font-size:8px;letter-spacing:.1em}.company-method-heading>p,.company-steps p{font-size:15px;line-height:1.75}.company-method-image figcaption{font-size:10px;line-height:1.45}.company-craft li{font-size:14px}.company-country-list span{font-size:11px;line-height:1.25}.company-text-link,.company-button{font-size:11px}.company-image-statement figure{height:400px}.company-image-statement figure img{object-position:center}.company-craft-image{height:390px}.company-craft-image img{object-position:center}.company-closing figure{height:360px}.company-closing figure img{object-position:center 42%}.site-footer{padding:68px 24px 38px}.site-footer h2{font-size:43px;line-height:1.03}.footer-logo{width:165px;margin-bottom:34px}.contact-details{font-size:14px;line-height:1.85}.concept-note{font-size:10px}.menu-button{min-width:68px;min-height:42px;font-size:10px!important}}

/* Factory-production proof for the About page. */
.company-method-image.company-factory-image img{object-position:center}
@media(min-width:801px){.company-method-image.company-factory-image{min-height:610px}.company-method-image.company-factory-image img{min-height:610px;object-position:center}}
@media(max-width:800px){.company-method-image.company-factory-image img{aspect-ratio:1.1;object-position:center}.company-method-image.company-factory-image figcaption{font-size:10px}}

/* The project-support header has two content blocks after label removal. */
@media(min-width:801px){
  .company-method-heading{
    grid-template-columns:minmax(0,1.12fr) minmax(330px,.68fr);
    gap:clamp(56px,9vw,140px);
  }
}

/* Footer lockup contrast. */
.site-footer h2,.site-footer h2 em{color:#f5f1e8}

/* Shared ivory FAQ treatment for Home and Contact. */
.faq.section-light{background:var(--ivory);color:var(--ink)}
.faq.section-light .faq-intro h2,.faq.section-light summary{color:var(--ink)}
.faq.section-light .faq-intro p,.faq.section-light details p{color:#456387}
.faq.section-light .faq-list{border-top-color:rgba(3,46,102,.23)}
.faq.section-light details{border-bottom-color:rgba(3,46,102,.2)}
.faq.section-light .text-link{color:var(--ink)}

/* Home hero: retain copy contrast at left, reveal the product on the right. */
.hero::after{
  background:linear-gradient(90deg,
    rgba(3,78,162,.94) 0%,
    rgba(3,78,162,.82) 27%,
    rgba(3,78,162,.34) 47%,
    rgba(3,78,162,.08) 66%,
    rgba(3,78,162,0) 82%),
    linear-gradient(0deg,rgba(3,78,162,.32),transparent 38%);
}
.hero-image::after{background:linear-gradient(90deg,rgba(2,59,125,.5) 0%,rgba(2,59,125,.16) 37%,transparent 64%)}
.hero-video{filter:brightness(.9) saturate(.95)}
@media(max-width:800px){.hero::after{background:linear-gradient(90deg,rgba(3,78,162,.9) 0%,rgba(3,78,162,.48) 55%,rgba(3,78,162,.1) 100%),linear-gradient(0deg,rgba(3,78,162,.78),rgba(3,78,162,.08) 72%)}}
/* Ensure the source video is not dimmed again by legacy hero refinements. */
.hero .hero-video{filter:brightness(.9) saturate(.95)!important}

/* Bring the Penta benefit cards up to the site’s editorial type scale. */
.why-penta-grid{gap:22px}
.why-penta-grid article{min-height:302px;padding:34px 28px 30px}
.why-icon{width:64px;height:64px;margin-bottom:31px}
.why-icon svg{width:32px;height:32px}
.why-penta-grid h3{margin-bottom:15px;font:500 clamp(19px,1.55vw,23px)/1.16 var(--serif);letter-spacing:-.025em}
.why-penta-grid p{font-size:16px;line-height:1.65}
@media(max-width:800px){
  .why-penta-grid{gap:14px}
  .why-penta-grid article{min-height:270px;padding:24px 20px}
  .why-icon{width:52px;height:52px;margin-bottom:24px}
  .why-icon svg{width:27px;height:27px}
  .why-penta-grid h3{font-size:18px;line-height:1.13}
  .why-penta-grid p{font-size:14px;line-height:1.6}
}

/* Typography system audit — shared readable scale across Home, About and Contact. */
:root{--type-body:16px;--type-body-small:15px;--type-label:12px}
/* Home editorial/supporting copy */
.lede{font-size:16px;line-height:1.72}
.anatomy-heading>p:last-child,.section-head>p:last-child,.product-range-head>p:last-child{font-size:16px;line-height:1.7}
.product-card p,.study-caption p,.ritual-notes p{font-size:15px;line-height:1.65}
.statement-bottom p,.story-intro,.approach-intro{font-size:16px;line-height:1.75}
/* Contact: quote guidance, form and enquiry information */
.page-section p{font-size:16px;line-height:1.75}
.capability-list strong,.process-list strong{font-size:12px;letter-spacing:.12em}
.capability-list p,.process-list p{font-size:16px;line-height:1.65}
.capability-list span,.process-list span{font-size:20px}
.contact-form label{font-size:12px;letter-spacing:.11em}
.contact-form input,.contact-form select,.contact-form textarea{font-size:16px;line-height:1.4;padding:15px}
.form-note{font-size:14px!important;line-height:1.65}
/* About: keep operational content at the same readable scale. */
.company-method-heading>p,.company-steps p,.company-craft li{font-size:15px;line-height:1.7}
.company-country-list span{font-size:11px;letter-spacing:.09em}
/* Shared supporting information */
.faq.section-light details p{font-size:15px;line-height:1.7}
.contact-details{font-size:13px;line-height:1.8}
@media(max-width:800px){
  .lede,.anatomy-heading>p:last-child,.section-head>p:last-child,.product-range-head>p:last-child,.statement-bottom p,.story-intro,.approach-intro{font-size:16px;line-height:1.7}
  .product-card p,.study-caption p,.ritual-notes p,.capability-list p,.process-list p,.company-method-heading>p,.company-steps p,.company-craft li,.faq.section-light details p{font-size:15px;line-height:1.65}
  .contact-form label{font-size:12px}
  .contact-form input,.contact-form select,.contact-form textarea{font-size:16px}
  .form-note{font-size:14px!important}
}

/* Mobile navigation: compact animated hamburger, with a clear open state. */
@media(max-width:800px){
  .menu-button{
    display:grid!important;place-items:center;width:48px;min-width:48px!important;height:48px;min-height:48px!important;
    padding:0!important;border:1px solid rgba(245,241,232,.72)!important;border-radius:50%;
    background:rgba(3,46,102,.26)!important;box-shadow:0 8px 22px rgba(1,26,62,.16);transition:background .22s ease,border-color .22s ease,transform .22s ease;
  }
  .menu-button:hover{background:rgba(245,241,232,.14)!important;border-color:var(--gold)!important}
  .menu-button:active{transform:scale(.94)}
  .menu-icon{display:grid;width:19px;height:15px;align-content:space-between}
  .menu-icon i{display:block;width:100%;height:1.5px;background:var(--ivory);transform-origin:center;transition:transform .25s ease,opacity .2s ease,background .2s ease}
  .menu-button[aria-expanded="true"]{background:var(--ivory)!important;border-color:var(--ivory)!important}
  .menu-button[aria-expanded="true"] .menu-icon i{background:var(--blue)}
  .menu-button[aria-expanded="true"] .menu-icon i:nth-child(1){transform:translateY(6.75px) rotate(45deg)}
  .menu-button[aria-expanded="true"] .menu-icon i:nth-child(2){opacity:0;transform:scaleX(.2)}
  .menu-button[aria-expanded="true"] .menu-icon i:nth-child(3){transform:translateY(-6.75px) rotate(-45deg)}
  .site-header nav{top:76px;right:24px;min-width:238px;padding:15px 20px 17px;border-color:rgba(245,241,232,.24);box-shadow:0 22px 46px rgba(1,25,61,.3)}
  .site-header nav.open{gap:3px}
  .site-header nav a{padding:12px 2px;font-size:11px;letter-spacing:.12em}
  .site-header nav .nav-cta{margin-top:9px;padding:11px 10px!important}
}

/* Mobile navigation: replace the top dropdown with a full-height off-canvas panel. */
@media(max-width:800px){
  .site-header nav,
  .site-header nav.open{
    position:fixed;z-index:3;top:0;right:0;bottom:0;display:flex!important;min-width:0;width:min(88vw,390px);height:100dvh;
    flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding:96px 34px 42px;
    border:0;border-left:1px solid rgba(245,241,232,.24);border-radius:0;
    background:linear-gradient(145deg,#034ea2 0%,#023b7d 72%,#022d61 100%);box-shadow:-22px 0 55px rgba(1,20,52,.35);
    opacity:0;visibility:hidden;pointer-events:none;transform:translateX(102%);
    transition:transform .34s cubic-bezier(.22,.8,.25,1),opacity .2s ease,visibility 0s linear .34s;
  }
  .site-header nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);transition:transform .34s cubic-bezier(.22,.8,.25,1),opacity .2s ease}
  .site-header nav a{padding:19px 0;border-bottom:1px solid rgba(245,241,232,.2);color:var(--ivory);font-size:12px;letter-spacing:.13em}
  .site-header nav a:first-child{border-top:1px solid rgba(245,241,232,.2)}
  .site-header nav .nav-cta{width:auto;margin:26px 0 0!important;padding:15px 16px!important;border:1px solid rgba(244,214,156,.78)!important;background:rgba(217,183,112,.1);color:#f4d69c!important;text-align:center}
  .menu-button{position:relative;z-index:5}
}

/* About uses the primary Penta blue throughout its dark visual system. */
.company-hero-shade{background:linear-gradient(90deg,rgba(3,78,162,.94),rgba(3,78,162,.74) 37%,rgba(3,78,162,.18) 73%,rgba(3,78,162,.06)),linear-gradient(0deg,rgba(3,78,162,.38),transparent 38%)}
.company-method{background:var(--blue)}
@media(max-width:800px){.company-hero-shade{background:linear-gradient(180deg,rgba(3,78,162,.97),rgba(3,78,162,.86) 44%,rgba(3,78,162,.36) 100%)}}

/* Persistent, branded WhatsApp contact shortcut. */
.whatsapp-float{position:fixed;z-index:30;right:24px;bottom:24px;display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 18px 0 14px;border:1px solid rgba(245,241,232,.72);border-radius:999px;background:var(--blue);box-shadow:0 14px 30px rgba(1,32,76,.28);color:var(--ivory);font-size:11px;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}
.whatsapp-float svg{width:25px;height:25px;fill:currentColor}.whatsapp-float:hover{transform:translateY(-3px);background:#0559a4;box-shadow:0 18px 34px rgba(1,32,76,.36)}.whatsapp-float:focus-visible{outline-color:var(--gold)}
@media(max-width:800px){.whatsapp-float{right:18px;bottom:18px;width:54px;min-width:54px;height:54px;min-height:54px;justify-content:center;padding:0;border-radius:50%}.whatsapp-float span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}

/* One header system across Home, About and Contact. */
.site-header,.inner-page .site-header{position:relative;background:var(--blue)}
.site-header::before{display:none}
.site-header nav{padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none}
@media(max-width:800px){.site-header,.inner-page .site-header{position:relative}.site-header nav{background:linear-gradient(145deg,#034ea2 0%,#023b7d 72%,#022d61 100%)}}

/* Home keeps its hero uninterrupted; the shared header styling remains, without a separate top bar. */
body:not(.inner-page) .site-header{position:absolute;background:transparent}

/* About profile — a composed brand statement rather than a text block. */
.about-profile-section{position:relative;overflow:hidden;padding:clamp(92px,11vw,164px) clamp(24px,9vw,150px);background:linear-gradient(135deg,#071a3d 0%,#053b7f 55%,#034ea2 100%);color:var(--ivory)}
.about-profile-section::before{content:"";position:absolute;width:min(51vw,720px);aspect-ratio:1;right:-18vw;top:-35%;border:1px solid rgba(217,183,112,.23);border-radius:50%;box-shadow:0 0 0 52px rgba(217,183,112,.045),0 0 0 104px rgba(217,183,112,.025);pointer-events:none}
.about-profile-section::after{content:"P";position:absolute;right:clamp(24px,9vw,150px);bottom:-.25em;color:rgba(245,241,232,.035);font:500 clamp(260px,32vw,560px)/.8 var(--serif);pointer-events:none}
.profile-container{position:relative;z-index:1;max-width:1220px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.83fr);gap:clamp(54px,10vw,150px);align-items:start}
.profile-intro{position:relative;padding:8px 0 22px}.profile-intro h2{max-width:700px;font-size:clamp(46px,5.2vw,82px);line-height:.98;letter-spacing:-.055em;margin:0;color:var(--ivory)}
.profile-statement{max-width:390px;margin:34px 0 0;color:#cfdae8;font:500 16px/1.65 var(--sans)}
.profile-story{position:relative;margin-top:27px;padding:33px 0 30px 34px;border-left:1px solid rgba(217,183,112,.72)}.profile-story::before{content:"";position:absolute;top:0;left:-1px;width:62px;border-top:1px solid var(--gold)}
.profile-paragraphs{display:grid;gap:24px}.profile-paragraphs p{max-width:500px;font-size:clamp(15px,1.2vw,18px);line-height:1.78;color:#e1e6ec;margin:0}.profile-paragraphs p:first-child{color:var(--ivory);font-size:clamp(17px,1.4vw,20px);line-height:1.68}
.profile-signoff{display:flex;align-items:center;gap:13px;margin-top:42px;color:#c5d1df;font:600 9px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase}.profile-rule{display:block;width:42px;height:1px;background:var(--gold)}
@media(max-width:800px){.about-profile-section{padding:78px 24px 82px}.about-profile-section::before{width:105vw;right:-55vw;top:-16%}.about-profile-section::after{right:11px;font-size:250px}.profile-container{display:block}.profile-intro h2{font-size:clamp(43px,12vw,58px)}.profile-statement{margin-top:25px;font-size:15px}.profile-story{margin-top:48px;padding:28px 0 20px 22px}.profile-paragraphs{gap:20px}.profile-paragraphs p{font-size:15px}.profile-paragraphs p:first-child{font-size:17px}.profile-signoff{margin-top:33px;font-size:8px;letter-spacing:.11em}}

/* Printing services image showcase. */
.printing-services-showcase{padding:clamp(80px,10vw,140px) clamp(24px,9vw,150px);background:var(--ivory);color:var(--ink)}.services-showcase-head{max-width:720px;margin-bottom:54px}.services-showcase-head h2{font-size:clamp(36px,4.2vw,64px);line-height:1.02;margin:16px 0;color:var(--ink)}.services-showcase-head p{color:#456387;font-size:16px;line-height:1.7}
.printing-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.printing-service-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(3,78,162,.12);border-radius:6px;overflow:hidden;transition:all .35s ease;box-shadow:0 4px 16px rgba(0,0,0,.03)}.printing-service-card:hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 18px 40px rgba(3,78,162,.12)}.service-card-img-wrap{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#122648}.service-card-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease}.printing-service-card:hover .service-card-img-wrap img{transform:scale(1.06)}.service-card-content{padding:24px 22px 26px;display:flex;flex-direction:column;flex:1}.service-tag{color:var(--gold);font:600 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;display:block}.printing-service-card h3{font:500 clamp(20px,1.8vw,26px)/1.15 var(--serif);color:var(--ink);margin:0 0 10px}.printing-service-card p{color:#556880;font-size:13px;line-height:1.65;margin:0}
@media(max-width:1200px){.printing-services-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:640px){.printing-services-grid{grid-template-columns:1fr;gap:16px}.printing-services-showcase{padding:60px 24px}}

/* Industries heading — aligned with the editorial display type. */
.industries-showcase-head{max-width:720px;margin:0 0 48px}.industries-showcase-head .eyebrow{margin:0 0 16px}.industries-showcase-head h2{margin:0;color:var(--ink);font:500 clamp(42px,5vw,76px)/.98 var(--serif);letter-spacing:-.055em}.industries-showcase-head h2 em{color:var(--blue)}

/* Navigation refinement: stronger desktop hierarchy. */
@media(min-width:801px){.site-header nav{gap:clamp(24px,2.7vw,46px)}.site-header nav a{font-size:12px;font-weight:700;letter-spacing:.125em;color:rgba(245,241,232,.96)}.site-header nav .nav-cta{font-size:11px;font-weight:700}}

/* Homepage finishing showcase. */
.bento-section{padding:clamp(84px,10vw,145px) clamp(24px,9vw,150px);background:var(--blue-deep);color:var(--ivory)}
.bento-head{max-width:720px;margin:0 0 clamp(44px,6vw,72px)}
.bento-head .eyebrow{margin:0 0 18px}.bento-head h2{margin:0;color:var(--ivory);font:500 clamp(43px,5vw,76px)/.99 var(--serif);letter-spacing:-.055em}.bento-head h2 em{color:var(--gold)}
.bento-head>p:last-child{max-width:540px;margin:23px 0 0;color:#c7d3e0;font-size:16px;line-height:1.72}
.bento-grid-2x2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.bento-card{display:flex;min-height:500px;flex-direction:column;overflow:hidden;border:1px solid rgba(245,241,232,.18);background:#063875;box-shadow:0 17px 38px rgba(0,0,0,.16);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.bento-card:hover{transform:translateY(-6px);border-color:rgba(217,183,112,.7);box-shadow:0 24px 48px rgba(0,0,0,.25)}
.bento-image-top{height:260px;margin:0;overflow:hidden;background:#061d43}.bento-image-top img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.bento-card:hover .bento-image-top img{transform:scale(1.05)}
.bento-body{display:flex;flex:1;flex-direction:column;padding:28px 28px 32px}.bento-tag-badge{display:inline-block;align-self:flex-start;margin-bottom:14px;padding:6px 14px;border:1px solid rgba(217,183,112,.3);border-radius:2px;background:rgba(217,183,112,.15);color:var(--gold);font:600 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}.bento-body h3{margin:0 0 10px;color:var(--ivory);font:500 clamp(22px,2.2vw,32px)/1.15 var(--serif)}.bento-body p{margin:0 0 20px;color:#c5cbd4;font-size:15px;line-height:1.65}.bento-footer-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.bento-chip{padding:6px 12px;border:1px solid rgba(245,241,232,.18);background:rgba(3,78,162,.5);color:var(--ivory);font:600 10px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase}

/* Homepage industries showcase. */
.industries-showcase-section{padding:clamp(75px,9vw,130px) clamp(24px,9vw,150px);background:#faf8f5;color:var(--ink)}.industries-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.industry-image-card{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.08);transition:transform .35s ease,box-shadow .35s ease}.industry-image-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.industry-image-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(0,0,0,.14)}.industry-image-card:hover img{transform:scale(1.05)}.industry-card-overlay{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 24px;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.85) 100%)}.industry-card-overlay h3{margin:0 0 14px;color:#fff;font:600 18px/1.3 var(--sans);text-shadow:0 2px 8px rgba(0,0,0,.4)}.industry-card-overlay .btn-explore{display:inline-block;align-self:flex-start;padding:7px 20px;border:1px solid rgba(255,255,255,.8);border-radius:4px;color:#fff;font:500 13px/1 var(--sans);text-decoration:none;transition:background .25s ease,color .25s ease,border-color .25s ease}.industry-image-card:hover .btn-explore{border-color:#fff;background:#fff;color:#000}
@media(max-width:960px){.industries-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(max-width:800px){.bento-section{padding:76px 24px}.bento-head h2{font-size:clamp(42px,11vw,60px)}.bento-grid-2x2{grid-template-columns:1fr;gap:16px}.bento-card{min-height:0}.bento-image-top{height:auto;aspect-ratio:1.45}.bento-body{padding:24px 22px 27px}.bento-head>p:last-child{font-size:15px}}@media(max-width:600px){.industries-image-grid{grid-template-columns:1fr;gap:16px}.industries-showcase-section{padding:55px 20px}}

/* Keep the mobile toggle aligned with its header rather than the viewport. */
@media(max-width:800px){
  .site-header .menu-button{position:relative!important;top:auto!important;right:auto!important;z-index:5!important}
}

/* QA repair: keep hero content inside the viewport. */
@media(max-width:800px){
  .hero-copy h1{max-width:100%;font-size:clamp(40px,10.7vw,48px)!important;line-height:1.01!important;overflow-wrap:anywhere}
  .hero-actions{width:100%;max-width:none!important}
}

/* Do not render Unicode arrow glyphs as emoji on mobile controls. */
@media(max-width:800px){
  .cta-arrow{display:none!important}
}

/* Hero display refresh: less delicate and more distinctive than Playfair. */
:root{--hero-serif:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-weight:400;letter-spacing:-.04em}

/* Product range typography: one deliberate card type system across all formats. */
.product-range .product-range-head h2{
  font-family:var(--serif);
  font-weight:500;
  letter-spacing:-.035em;
}
.product-range .product-card h3{
  font-family:var(--hero-serif);
  font-weight:400;
  letter-spacing:-.04em;
}
.product-range .product-range-head>p:last-child,
.product-range .product-card p{
  font-family:var(--sans);
  font-weight:400;
  letter-spacing:0;
}

/* Finishing showcase: light editorial layout with temporary visual placeholders. */
.finishing-showcase{padding:clamp(88px,11vw,150px) clamp(24px,9vw,150px);background:#f7f5f1;color:var(--ink)}
.finishing-intro{display:grid;grid-template-columns:1.12fr .72fr;gap:clamp(28px,5vw,80px);align-items:end;max-width:1440px;margin:0 auto clamp(74px,9vw,132px)}
.finishing-intro h2{margin:0;font:400 clamp(52px,5.2vw,82px)/.98 var(--hero-serif);letter-spacing:-.045em}
.finishing-intro h2 em{color:var(--blue);font-style:italic}
.finishing-intro>p:last-child{max-width:370px;margin:0 0 5px;color:#625c73;font:400 15px/1.72 var(--sans)}
.finishing-modules{max-width:1440px;margin:0 auto}
.finishing-module{padding:0 0 clamp(78px,9vw,128px);margin:0 0 clamp(66px,8vw,112px);border-bottom:1px solid rgba(3,46,102,.16)}
.finishing-module:last-child{margin-bottom:0;border-bottom:0}
.finishing-module-head{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start;max-width:760px;margin:0 0 34px}
.finishing-module-head p{margin:0 0 9px;color:#5d5770;font:600 10px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.finishing-module-head h3{margin:0 0 10px;font:400 clamp(34px,3.4vw,54px)/.98 var(--hero-serif);letter-spacing:-.04em}
.finishing-module-head small{display:block;max-width:450px;color:#625c73;font:400 14px/1.65 var(--sans)}
.finishing-media-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr);grid-template-rows:repeat(2,clamp(190px,18vw,278px));gap:18px}
.finish-tile{display:flex;flex-direction:column;min-width:0;margin:0;overflow:hidden}
.finish-tile>img{display:block;flex:1 1 0;min-height:0;width:100%;height:100%;object-fit:cover;object-position:center}
.finish-tile--hero{grid-row:span 2}
.finish-placeholder{position:relative;display:grid;flex:1;min-height:0;place-items:center;overflow:hidden;background:#e8e3dc}
.finish-placeholder::before,.finish-placeholder::after{content:"";position:absolute;display:block;pointer-events:none}
.finish-placeholder::before{width:41%;height:58%;border:1px solid rgba(3,46,102,.21);transform:rotate(-8deg)}
.finish-placeholder::after{width:23%;height:23%;border-radius:50%;border:1px solid rgba(3,46,102,.18);transform:translate(78%,-74%)}
.finish-placeholder span{position:relative;z-index:1;padding:8px 11px;border:1px solid rgba(3,46,102,.22);background:rgba(247,245,241,.7);color:#5d5770;font:600 9px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.finish-placeholder--gold{background:linear-gradient(135deg,#d4c39d,#f4edd9 54%,#bba16a)}.finish-placeholder--silver{background:linear-gradient(135deg,#bfc5c8,#f1f1ee 55%,#a6afb5)}.finish-placeholder--rose{background:linear-gradient(135deg,#c18b7d,#f1ddd6 53%,#b77d71)}
.finish-placeholder--emboss{background:linear-gradient(135deg,#e5ddd0,#faf7f0 52%,#c6b69e)}.finish-placeholder--deboss{background:linear-gradient(135deg,#b9c1b2,#edf0e9 54%,#a4ad9b)}.finish-placeholder--engrave{background:linear-gradient(135deg,#a7b5bd,#e8eceb 54%,#718c9c)}
.finish-placeholder--spotuv{background:linear-gradient(135deg,#617c9b,#e1e8eb 55%,#aac3ce)}.finish-placeholder--raiseduv{background:linear-gradient(135deg,#72878e,#e7e6dd 54%,#bdc8c9)}.finish-placeholder--softtouch{background:linear-gradient(135deg,#b1a89f,#e7e0d9 55%,#c4b5a9)}
.finish-placeholder--magnetic{background:linear-gradient(135deg,#a8a08e,#eee9dd 53%,#81796c)}.finish-placeholder--ribbon{background:linear-gradient(135deg,#7d819c,#e1e1e9 55%,#afa9bb)}.finish-placeholder--insert{background:linear-gradient(135deg,#b38d67,#ede0d1 54%,#d0ae8c)}
.finish-tile figcaption{padding:12px 2px 0;color:var(--ink);font:400 clamp(20px,1.65vw,27px)/1 var(--hero-serif);letter-spacing:-.025em}
.finishing-module--reverse .finish-tile--hero{grid-column:1;grid-row:span 2}
.finishing-module--reverse .finish-tile:nth-child(2){grid-column:2;grid-row:1}
.finishing-module--reverse .finish-tile:nth-child(3){grid-column:2;grid-row:2}
@media(max-width:800px){
  .finishing-showcase{padding:78px 24px}
  .finishing-intro{display:block;margin-bottom:70px}.finishing-intro h2{font-size:clamp(46px,12vw,60px)}.finishing-intro>p:last-child{margin-top:22px;font-size:15px}
  .finishing-module{padding-bottom:64px;margin-bottom:62px}.finishing-module-head{grid-template-columns:1fr;gap:0;margin-bottom:25px}.finishing-module-head h3{font-size:clamp(34px,9vw,46px)}
  .finishing-media-grid,.finishing-module--reverse .finishing-media-grid{grid-template-columns:1fr 1fr;grid-template-rows:265px 180px;gap:12px}.finish-tile--hero,.finishing-module--reverse .finish-tile--hero{grid-column:span 2;grid-row:auto}.finishing-module--reverse .finish-tile:not(.finish-tile--hero){grid-column:auto;grid-row:auto}.finish-tile figcaption{font-size:22px}
}
@media(max-width:460px){.finishing-media-grid,.finishing-module--reverse .finishing-media-grid{grid-template-rows:235px 150px}.finish-tile figcaption{font-size:20px}.finishing-module-head small{font-size:13px}}


/* Visual-system sanitisation — restrained purple, consistent type and measured section rhythm. */
:root{
  --ink:#032e66;
  --ink-2:#034ea2;
  --blue:#034ea2;
  --blue-bright:#0559a4;
  --blue-deep:#023b7d;
  --ivory:#f7f5f1;
  --paper:#ece7df;
  --gold:#c5a463;
  --muted:#8c8798;
  --sans:Manrope,Arial,sans-serif;
  --serif:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --hero-serif:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --section-space:clamp(80px,9vw,128px);
  --section-space-compact:clamp(64px,7vw,96px);
}
/* One serif voice for headings; Manrope remains the reading/UI face. */
h1,h2,h3,.product-range .product-range-head h2,.testimonial-head h2,.faq-intro h2,.page-section h2,.about-statement h2,.about-sectors h2,.about-production h2,.about-reach h2,.about-cta h2{font-family:var(--serif)}
body{background:var(--blue);color:var(--ivory)}
.section-light,.finishing-showcase,.why-penta{background:var(--ivory);color:var(--ink)}
/* Align the principal homepage sections to a consistent vertical cadence. */
.product-range,.finishing-showcase,.testimonials,.why-penta{padding-block:var(--section-space)}
.faq{padding-block:var(--section-space)}
/* Finishing is intentionally editorial, but no longer creates oversized voids between modules. */
.finishing-intro{margin-bottom:clamp(52px,6vw,84px)}
.finishing-module{padding-bottom:clamp(64px,7vw,92px);margin-bottom:clamp(60px,6vw,88px)}
.finishing-module-head{margin-bottom:clamp(24px,2.5vw,34px)}
.finishing-module:last-child{padding-bottom:0}
.finishing-intro>p:last-child,.finishing-module-head small,.why-penta-grid p,.testimonial-grid p{color:#625c73}
.finishing-module{border-color:rgba(55,38,93,.16)}
.section-light :focus-visible{outline-color:var(--blue)}
@media(max-width:800px){
  .product-range,.finishing-showcase,.testimonials,.why-penta,.faq{padding-block:72px}
  .finishing-intro{margin-bottom:50px}
  .finishing-module{padding-bottom:56px;margin-bottom:54px}
}
/* Replace legacy blue overlays that were specified as rgba values before palette tokens existed. */
.hero::after{background:linear-gradient(90deg,rgba(3,78,162,.96) 0%,rgba(3,78,162,.82) 29%,rgba(3,78,162,.20) 63%,rgba(3,78,162,.10)),linear-gradient(0deg,rgba(2,59,125,.55),transparent 35%)}
.site-header::before{background:linear-gradient(180deg,rgba(3,78,162,.76),rgba(3,78,162,.28) 68%,transparent)}
@media(max-width:800px){
  .site-header nav{background:rgba(3,78,162,.98)}
  .hero::after{background:linear-gradient(90deg,rgba(3,78,162,.87),rgba(3,78,162,.22)),linear-gradient(0deg,rgba(3,78,162,.90),rgba(3,78,162,.14) 70%)}
}

/* Restore the approved Penta-blue first-fold treatment. */
.home .hero,
body:not(.inner-page) .hero {
  background-color: #034EA2;
}
.home .hero::after,
body:not(.inner-page) .hero::after {
  background:
    linear-gradient(90deg, rgba(3,78,162,.96) 0%, rgba(3,78,162,.82) 29%, rgba(3,78,162,.20) 63%, rgba(3,78,162,.10) 100%),
    linear-gradient(0deg, rgba(2,59,125,.58), transparent 35%);
}
.home .hero-image::after,
body:not(.inner-page) .hero-image::after {
  background: linear-gradient(90deg, #023B7D 0%, rgba(2,59,125,.50) 35%, transparent 62%);
}
@media (max-width:800px) {
  .home .hero::after,
  body:not(.inner-page) .hero::after {
    background:
      linear-gradient(90deg, rgba(3,78,162,.90), rgba(3,78,162,.28)),
      linear-gradient(0deg, rgba(2,59,125,.92), rgba(2,59,125,.16) 70%);
  }
}

/* Keep the homepage wordmark on the hero content rail; mobile already uses this rail. */
@media (min-width:801px) {
  body:not(.inner-page) .site-header {
    padding-inline:clamp(24px,9vw,150px);
  }
}

/* Reusable category-page template — applied to packaging solutions and industries. */
.solution-page{background:var(--ivory);color:var(--ink);min-width:0;max-width:100%;overflow-x:hidden}
.solution-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:min(720px,calc(100vh - 60px));background:var(--blue);color:var(--ivory);position:relative;isolation:isolate;min-width:0;max-width:100%;box-sizing:border-box}
.solution-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(110px,12vw,160px) clamp(24px,6vw,80px) clamp(60px,8vw,100px);min-width:0;max-width:100%;box-sizing:border-box}
.solution-hero-copy .eyebrow{margin:0 0 18px;color:#f4d69c}
.solution-hero h1{max-width:620px;margin:0;color:var(--ivory);font:400 clamp(34px,3.6vw,56px)/1.05 var(--hero-serif);letter-spacing:-.045em;min-width:0;overflow-wrap:break-word;word-break:normal}
.solution-hero h1 em{color:#f4d69c}
.solution-hero-copy>p:last-of-type{max-width:490px;margin:24px 0 0;color:#d9e3ee;font:400 16px/1.75 var(--sans);min-width:0;overflow-wrap:break-word}
.solution-button{display:inline-flex;align-items:center;gap:13px;align-self:flex-start;margin-top:32px;padding:15px 22px;border:1px solid #f4d69c;color:#f4d69c;font:700 10px/1 var(--sans);letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:background .2s ease,color .2s ease,transform .2s ease}
.solution-button:hover{background:#f4d69c;color:var(--blue);transform:translateY(-2px)}
.solution-hero-media{min-height:480px;margin:0;overflow:hidden;position:relative}
.solution-hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.solution-hero--industry .solution-hero-media img{object-position:center}

.solution-intro,.solution-formats,.solution-process{padding:var(--section-space) clamp(24px,9vw,150px);min-width:0;max-width:100%;box-sizing:border-box}
.solution-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:clamp(40px,8vw,140px);align-items:end;max-width:1600px;margin:auto}
.solution-intro h2,.solution-formats h2,.solution-process h2{margin:13px 0 0;color:var(--ink);font:400 clamp(38px,4.4vw,68px)/1.02 var(--hero-serif);letter-spacing:-.045em}
.solution-intro h2 em,.solution-formats h2 em,.solution-process h2 em{color:var(--blue)}
.solution-intro>p:last-child{max-width:450px;margin:0;color:#52637b;font:400 16px/1.8 var(--sans)}

/* Standardized Image-Slot Geometry across Subpages */
.solution-formats{background:#f0ede7}
.solution-formats>header{max-width:700px;margin-bottom:44px}
.solution-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1300px;width:100%;box-sizing:border-box}
.solution-card-grid article{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid rgba(3,78,162,.13);box-shadow:0 9px 26px rgba(3,46,102,.05);min-width:0;box-sizing:border-box}
.solution-card-grid img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center}
.solution-card-grid article>div{display:flex;flex-direction:column;flex-grow:1;padding:22px 22px 26px;box-sizing:border-box}
.solution-card-grid span{color:var(--blue);font:700 10px/1 var(--sans);letter-spacing:.12em}
.solution-card-grid h3{margin:12px 0 8px;color:var(--ink);font:400 26px/1.1 var(--hero-serif);letter-spacing:-.03em}
.solution-card-grid p{margin:0;color:#5c687c;font:400 14px/1.65 var(--sans)}

.solution-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:600px;min-width:0;max-width:100%;box-sizing:border-box}
.solution-detail figure{margin:0;overflow:hidden;position:relative}
.solution-detail figure img{display:block;width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;object-position:center}
.solution-detail>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(60px,8vw,120px);box-sizing:border-box}
.solution-detail--blue{background:linear-gradient(145deg,#023b7d,#034ea2);color:var(--ivory)}
.solution-detail .eyebrow{margin:0;color:#f4d69c}
.solution-detail h2{margin:14px 0 0;color:var(--ivory);font:400 clamp(38px,4.4vw,66px)/1.02 var(--hero-serif);letter-spacing:-.045em}
.solution-detail h2 em{color:#f4d69c}
.solution-detail>div>p:last-of-type{max-width:460px;margin:22px 0 0;color:#d8e2ed;font:400 15px/1.75 var(--sans)}
.solution-list{display:grid;gap:14px;padding:0;margin:32px 0 0;list-style:none}
.solution-list li{display:grid;grid-template-columns:minmax(130px,.6fr) 1fr;gap:16px;padding-top:14px;border-top:1px solid rgba(245,241,232,.22)}
.solution-list strong{color:var(--ivory);font:600 12px/1.4 var(--sans)}
.solution-list span{color:#d3ddea;font:400 13px/1.55 var(--sans)}

.solution-process{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.15fr);gap:clamp(40px,8vw,160px);background:var(--ivory)}
.solution-process>div{max-width:570px}
.solution-process ol{display:grid;gap:0;padding:0;margin:0;list-style:none;border-top:1px solid rgba(3,78,162,.2)}
.solution-process li{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid rgba(3,78,162,.2)}
.solution-process li>span{color:var(--blue);font:700 10px/1.4 var(--sans);letter-spacing:.12em}
.solution-process h3{margin:0 0 6px;color:var(--ink);font:400 25px/1.1 var(--hero-serif)}
.solution-process p{max-width:510px;margin:0;color:#5b687b;font:400 14px/1.7 var(--sans)}

.solution-cta{padding:clamp(70px,9vw,130px) 24px;text-align:center;background:var(--blue);color:var(--ivory);min-width:0;max-width:100%;box-sizing:border-box}
.solution-cta .eyebrow{margin:0;color:#f4d69c}
.solution-cta h2{margin:14px auto 0;color:var(--ivory);font:400 clamp(42px,4.8vw,74px)/1.02 var(--hero-serif);letter-spacing:-.045em}
.solution-cta h2 em{color:#f4d69c}
.solution-cta>p:not(.eyebrow){max-width:510px;margin:22px auto 0;color:#d8e2ed;font:400 15px/1.75 var(--sans)}
.solution-cta .solution-button{margin-top:30px}
.solution-button--light{border-color:var(--ivory);color:var(--ivory)}
.solution-button--light:hover{background:var(--ivory);color:var(--blue)}

/* Product range interaction: links sit above the original media/copy grid */
.product-card-hit{position:absolute;z-index:3;inset:0;display:block;color:inherit;text-decoration:none}
.product-card-hit:focus-visible{outline:3px solid var(--blue);outline-offset:-5px}
.product-card:hover img{transform:scale(1.018);filter:saturate(.98) contrast(1.02)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Tamed Floating WhatsApp Button */
.whatsapp-float{
  position:fixed;
  z-index:40;
  right:max(22px,env(safe-area-inset-right,22px));
  bottom:max(22px,env(safe-area-inset-bottom,22px));
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  min-width:48px;
  min-height:48px;
  padding:0;
  border-radius:50%;
  background:#023b7d;
  border:1.5px solid rgba(245,241,232,.85);
  box-shadow:0 8px 24px rgba(1,32,76,.35);
  color:var(--ivory);
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
  text-decoration:none;
}
.whatsapp-float span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.whatsapp-float svg{width:24px;height:24px;fill:currentColor}
.whatsapp-float:hover{transform:translateY(-2px) scale(1.06);background:#25D366;border-color:#fff;box-shadow:0 12px 28px rgba(37,211,102,.45)}

/* Unified Navigation, Accessibility & Disclosure System */
.site-header{isolation:isolate}
.site-header::before{background:linear-gradient(180deg,rgba(3,46,102,.94),rgba(3,46,102,.58) 58%,transparent)}
.site-header nav{position:relative}
.nav-group{position:relative}
.nav-disclosure{appearance:none;border:0;background:transparent;color:rgba(245,241,232,.94);font:600 11px/1 var(--sans);letter-spacing:.11em;text-transform:uppercase;cursor:pointer;padding:11px 4px}
.nav-disclosure span{display:inline-block;margin-left:4px;transition:transform .2s ease}
.nav-group:focus-within .nav-menu-list,.nav-group:hover .nav-menu-list{opacity:1;visibility:visible;transform:translateY(0)}
.nav-group:focus-within .nav-disclosure span,.nav-group:hover .nav-disclosure span{transform:rotate(180deg)}
.nav-menu-list{position:absolute;z-index:40;top:calc(100% + 9px);left:-15px;width:245px;max-height:70vh;overflow:auto;margin:0;padding:12px 15px;list-style:none;background:#033d81;border:1px solid rgba(245,241,232,.22);box-shadow:0 18px 42px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s ease}
.site-header nav .nav-menu-list a{display:block;padding:9px 4px;font-size:10px;line-height:1.35;color:#fff}
.site-header nav .nav-menu-list a:hover{color:var(--gold)}

/* Concise Cross-Links for Adjacent Packaging Decisions */
.solution-related{padding:clamp(50px,6vw,80px) clamp(24px,9vw,150px);background:#edf1f5;color:var(--ink);min-width:0;max-width:100%;box-sizing:border-box}
.solution-related .eyebrow{margin:0 0 12px}
.solution-related h2{max-width:700px;margin:0;font:400 clamp(30px,3.8vw,52px)/1.05 var(--hero-serif);letter-spacing:-.04em}
.solution-related>p:last-child{max-width:690px;margin:18px 0 0;color:#52637b;font:400 15px/1.75 var(--sans)}
.solution-related a{color:var(--blue);font-weight:700;text-underline-offset:3px}
.solution-related a:hover{color:var(--ink)}

/* ==========================================================================
   UNIFIED HEADER & NAVIGATION SYSTEM
   ========================================================================== */
.site-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px clamp(24px, 5vw, 78px);
  box-sizing: border-box;
  background: transparent;
}
.inner-page .site-header {
  position: relative;
  background: var(--blue);
}
.site-header .brand {
  display: inline-block;
  width: 170px;
  line-height: 0;
  flex: 0 0 auto;
  margin: 0;
  position: static;
}
.site-header .brand-logo {
  display: block;
  width: 100%;
  height: auto;
  max-height: 56px;
}
.site-header .menu-button {
  display: none !important;
}

/* ==========================================================================
   MOBILE RESPONSIVE SAFEGUARDS (≤ 800px & 390px Viewports)
   - Zero horizontal overflow
   - Robust logo & menu button header positioning
   - Off-canvas full-height mobile navigation
   ========================================================================== */
@media (max-width: 800px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  body.inner-page {
    padding-top: 72px !important;
  }

  .site-header,
  .inner-page .site-header,
  body:not(.inner-page) .site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    background: #0353A3 !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(217, 183, 112, 0.25) !important;
    z-index: 1000 !important;
    margin: 0 !important;
  }

  .site-header .brand {
    display: inline-block !important;
    width: 135px !important;
    height: auto !important;
    line-height: 0 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    position: static !important;
  }

  .site-header .brand-logo {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 42px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  /* High-Contrast Mobile Menu Button */
  .site-header .menu-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1.5px solid rgba(245, 241, 232, 0.6) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    color: #f5f1e8 !important;
    cursor: pointer !important;
    z-index: 1005 !important;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
  }

  /* Hamburger lines when CLOSED - crisp, bright ivory white */
  .site-header .menu-button .menu-icon {
    display: grid !important;
    width: 20px !important;
    height: 15px !important;
    align-content: space-between !important;
  }
  .site-header .menu-button .menu-icon i {
    display: block !important;
    width: 100% !important;
    height: 2px !important;
    background: #f5f1e8 !important;
    border-radius: 1px !important;
    transform-origin: center !important;
    transition: transform 0.25s ease, opacity 0.2s ease, background 0.2s ease !important;
  }

  /* When OPEN (Close Button State) — Crisp Ivory Badge with bold Navy 'X' */
  .site-header .menu-button[aria-expanded="true"] {
    background: #f5f1e8 !important;
    border: 1.5px solid #d9b770 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
  }
  .site-header .menu-button[aria-expanded="true"] .menu-icon i {
    background: #032e66 !important;
    height: 2.5px !important;
  }
  .site-header .menu-button[aria-expanded="true"] .menu-icon i:nth-child(1) {
    transform: translateY(6.5px) rotate(45deg) !important;
  }
  .site-header .menu-button[aria-expanded="true"] .menu-icon i:nth-child(2) {
    opacity: 0 !important;
    transform: scaleX(0.2) !important;
  }
  .site-header .menu-button[aria-expanded="true"] .menu-icon i:nth-child(3) {
    transform: translateY(-6.5px) rotate(-45deg) !important;
  }

  .site-header nav,
  .site-header #site-nav {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    background: #023b7d !important;
    z-index: 99 !important;
    padding: 85px 24px 40px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .site-header nav.open,
  .site-header #site-nav.open {
    display: flex !important;
  }

  .site-header nav .nav-group {
    border-bottom: 1px solid rgba(245, 241, 232, 0.15);
    width: 100%;
    margin: 0;
  }

  .site-header nav .nav-disclosure {
    display: flex !important;
    width: 100% !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 16px 0 !important;
    color: #f5f1e8 !important;
    font: 700 13px/1 var(--sans) !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    background: none !important;
    border: 0 !important;
    cursor: pointer !important;
  }

  .site-header nav .nav-menu-list {
    position: static !important;
    display: none !important;
    width: 100% !important;
    max-height: none !important;
    padding: 0 0 12px 12px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .site-header nav .nav-group.is-expanded .nav-menu-list {
    display: block !important;
  }

  .site-header nav .nav-menu-list a {
    display: block !important;
    padding: 10px 0 !important;
    color: rgba(245, 241, 232, 0.85) !important;
    font-size: 13px !important;
    text-decoration: none !important;
  }

  .site-header nav > a {
    display: block !important;
    padding: 16px 0 !important;
    border-bottom: 1px solid rgba(245, 241, 232, 0.15) !important;
    color: #f5f1e8 !important;
    font: 700 13px/1 var(--sans) !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }

  .site-header nav .nav-cta {
    margin-top: 24px !important;
    padding: 14px 20px !important;
    background: #d9b770 !important;
    color: #032e66 !important;
    font-weight: 700 !important;
    text-align: center !important;
    border-radius: 4px !important;
    border: 0 !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }

  .whatsapp-float {
    right: max(14px, env(safe-area-inset-right, 14px));
    bottom: max(14px, env(safe-area-inset-bottom, 14px));
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }
  .whatsapp-float svg {
    width: 22px;
    height: 22px;
  }

  /* Product grid on mobile */
  .product-range {
    padding-bottom: 70px;
  }
  .product-grid {
    gap: 16px;
  }
  .product-card,
  .product-card.product-card-wide {
    display: grid;
    grid-template-rows: auto auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background: var(--ivory);
    color: var(--ink);
    box-sizing: border-box;
  }
  .product-card::after {
    display: none;
  }
  .product-card img {
    position: relative;
    inset: auto;
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 4/3;
    object-fit: cover;
  }
  .product-card > div {
    position: relative;
    z-index: 1;
    left: auto;
    right: auto;
    bottom: auto;
    display: block;
    min-width: 0;
    padding: 18px 18px 20px;
    background: var(--ivory);
    border-top: 1px solid rgba(3, 78, 162, 0.12);
    box-sizing: border-box;
  }
  .product-card span {
    display: block;
    margin: 0 0 8px;
    color: var(--blue);
    font: 500 14px/1 var(--serif);
  }
  .product-card h3 {
    min-width: 0;
    margin: 0 0 6px;
    color: var(--ink);
    font: 500 clamp(24px, 7.5vw, 30px)/1.05 var(--serif);
    letter-spacing: -0.03em;
    overflow-wrap: break-word;
  }
  .product-card p {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    max-width: 100%;
    color: #625c73;
    font-size: 13px;
    line-height: 1.55;
    overflow-wrap: break-word;
  }
  .product-card > div::after {
    content: 'Explore \2192';
    display: block;
    margin-top: 12px;
    color: var(--blue);
    font: 700 10px/1 var(--sans);
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  /* Subpage Hero & Sections Responsive Flow */
  .solution-hero {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .solution-hero-copy {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 44px 20px 40px;
    box-sizing: border-box;
  }
  .solution-hero h1 { width: 100%; min-width: 0; max-width: 100%; font-size: clamp(24px, 6.2vw, 30px);
    line-height: 1.05;
    overflow-wrap: break-word;
    word-break: normal;
  }
  .solution-hero-copy > p:last-of-type {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    font-size: 14px;
    line-height: 1.65;
    overflow-wrap: break-word;
    margin-top: 18px;
  }
  .solution-hero-media {
    min-height: 0;
    aspect-ratio: 1.25;
    width: 100%;
  }

  .solution-intro {
    display: block;
    padding: 56px 20px;
  }
  .solution-intro > p:last-child {
    margin-top: 20px;
    font-size: 14px;
  }
  .solution-formats,
  .solution-process {
    padding: 56px 20px;
  }
  .solution-formats > header {
    margin-bottom: 28px;
  }
  .solution-card-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .solution-card-grid article > div {
    padding: 18px 18px 22px;
  }
  .solution-detail {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .solution-detail figure {
    aspect-ratio: 1.25;
    width: 100%;
  }
  .solution-detail > div {
    padding: 54px 20px;
  }
  .solution-detail h2 {
    font-size: clamp(32px, 9vw, 46px);
  }
  .solution-list li {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .solution-process {
    display: block;
  }
  .solution-process ol {
    margin-top: 30px;
  }
  .solution-cta {
    padding: 60px 20px;
  }
  .solution-cta h2 {
    font-size: clamp(34px, 9.5vw, 48px);
  }
  .solution-related {
    padding: 50px 20px;
  }
  .solution-related h2 {
    font-size: clamp(28px, 8vw, 38px);
  }
  .solution-related > p:last-child {
    font-size: 14px;
  }
}


/* Keep the About hero aligned with the homepage campaign lock-up. */
.company-hero .hero-title{display:block;margin:0;color:#fff;font-family:var(--hero-serif);font-weight:400;letter-spacing:-.045em;text-shadow:0 3px 24px rgba(2,36,87,.72)}
.company-hero .hero-title-line{display:block;font-family:inherit;font-weight:inherit;line-height:.93;white-space:nowrap}
.company-hero .hero-title-line--brand{margin-bottom:clamp(4px,.4vw,7px);color:rgba(255,255,255,.9);font-size:clamp(34px,3.2vw,50px)}
.company-hero .hero-title-line--connection{margin-bottom:clamp(3px,.35vw,6px);color:#fff;font-size:clamp(40px,3.8vw,58px)}
.company-hero .hero-title-line--impact{color:#f4d69c;font-size:clamp(46px,4.4vw,68px)}
@media(max-width:800px){.company-hero .hero-title-line{letter-spacing:-.055em}.company-hero .hero-title-line--brand{margin-bottom:4px;font-size:clamp(26px,6.8vw,32px)}.company-hero .hero-title-line--connection{margin-bottom:3px;font-size:clamp(30px,7.8vw,36px)}.company-hero .hero-title-line--impact{font-size:clamp(34px,8.8vw,42px)}}


/* Parent Company Footer Label */
.footer-logo {
  width: 210px !important;
  height: auto !important;
  margin-bottom: 12px !important;
}
.footer-parent-label {
  margin: 0 0 32px 0 !important;
  color: #f4d69c !important;
  font-family: var(--sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  opacity: 0.95 !important;
}
@media (max-width: 800px) {
  .footer-logo {
    width: 180px !important;
    margin-bottom: 10px !important;
  }
  .footer-parent-label {
    margin-bottom: 24px !important;
    font-size: 10px !important;
  }
}


/* Footer Bottom & Copyright Bar */
.footer-bottom {
  grid-column: 1 / -1;
  width: 100%;
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid rgba(245, 241, 232, 0.16);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  box-sizing: border-box;
}
.footer-copyright {
  margin: 0;
  color: rgba(245, 241, 232, 0.65);
  font-family: var(--sans);
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
@media (max-width: 800px) {
  .footer-bottom {
    margin-top: 36px;
    padding-top: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .footer-copyright {
    font-size: 11px;
  }
}



/* DM SANS ONLY FOR TITLES (WEIGHT 500) */
:root {
  --title-font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
h1, h2, h3, .hero-title, .page-hero h1, .solution-hero h1, .about-hero h1, .company-hero h1,
.product-range-head h2, .testimonial-head h2, .faq-intro h2, .page-section h2, .about-statement h2,
.solution-formats h2, .solution-detail h2, .solution-process h2, .solution-cta h2, .site-footer h2,
.about-sectors h2, .about-production h2, .about-reach h2, .about-cta h2, .product-card h3,
.solution-card-grid h3, .solution-process h3, .about-sector-grid h3, .company-steps h3,
.profile-intro h2, .services-showcase-head h2, .printing-service-card h3, .industries-showcase-head h2,
.bento-head h2, .bento-body h3, .finishing-intro h2, .finishing-module-head h3, .solution-related h2 {
  font-family: var(--title-font) !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em !important;
}
.hero-title-line {
  font-family: var(--title-font) !important;
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
}
.hero-title-line--connection {
  font-size: clamp(38px, 4.2vw, 64px) !important;
  line-height: 1.08 !important;
  margin-bottom: clamp(6px, 0.6vw, 10px) !important;
  color: #ffffff !important;
}
.hero-title-line--impact {
  font-size: clamp(44px, 4.9vw, 74px) !important;
  line-height: 1.08 !important;
  color: #f4d69c !important;
}
@media (max-width: 800px) {
  .hero-title-line--connection {
    font-size: clamp(30px, 8.2vw, 40px) !important;
    margin-bottom: 4px !important;
  }
  .hero-title-line--impact {
    font-size: clamp(36px, 9.6vw, 46px) !important;
  }
}









/* OPTIMIZED BALANCED LUXURY HERO SYSTEM */
.hero,
body:not(.inner-page) .hero,
.company-hero {
  min-height: min(840px, 92svh) !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  padding: clamp(130px, 15vh, 180px) clamp(24px, 7vw, 120px) clamp(70px, 9vh, 110px) !important;
  box-sizing: border-box !important;
  background-color: #034EA2 !important;
}
.hero::after,
body:not(.inner-page) .hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(3,78,162,.96) 0%, rgba(3,78,162,.82) 29%, rgba(3,78,162,.20) 63%, rgba(3,78,162,.10) 100%),
    linear-gradient(0deg, rgba(2,59,125,.58), transparent 35%) !important;
}
.hero-image::after,
body:not(.inner-page) .hero-image::after {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, #023B7D 0%, rgba(2,59,125,.50) 35%, transparent 62%) !important;
}
.hero .hero-video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: brightness(0.9) saturate(0.95) !important;
  opacity: 1 !important;
}
.hero-copy,
.company-hero-copy {
  position: relative !important;
  z-index: 2 !important;
  width: min(720px, 60vw) !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}
.hero .hero-title,
.company-hero .hero-title {
  margin: 0 0 22px 0 !important;
}
.hero-title-line--connection,
.company-hero .hero-title-line--connection {
  font-size: clamp(52px, 5.4vw, 82px) !important;
  line-height: 1.02 !important;
  margin-bottom: clamp(10px, 0.8vw, 16px) !important;
  color: #ffffff !important;
  letter-spacing: -0.035em !important;
  font-family: var(--title-font) !important;
  font-weight: 500 !important;
}
.hero-title-line--impact,
.company-hero .hero-title-line--impact {
  font-size: clamp(48px, 5.0vw, 76px) !important;
  line-height: 1.03 !important;
  margin-bottom: 0 !important;
  color: #ffffff !important;
  letter-spacing: -0.035em !important;
  font-family: var(--title-font) !important;
  font-weight: 500 !important;
}

/* Remove yellow accents in titles - make white only */
.hero-title,
.hero-title span,
.hero-title-line,
.solution-hero h1,
.solution-hero h1 em,
.solution-detail--blue h2,
.solution-detail--blue h2 em,
.solution-cta h2,
.solution-cta h2 em,
.company-hero h1,
.company-hero h1 em,
.page-hero h1,
.page-hero h1 em,
.site-footer h2,
.site-footer h2 em,
.bento-head h2 em {
  color: #ffffff !important;
}

.hero .lede,
.lede,
.company-hero-copy > p:last-child {
  max-width: 540px !important;
  margin: 24px 0 0 0 !important;
  color: rgba(245, 241, 232, 0.94) !important;
  font-size: clamp(16px, 1.25vw, 19px) !important;
  line-height: 1.68 !important;
}
.hero-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  margin-top: 36px !important;
}
.hero-primary-cta {
  min-height: 52px !important;
  padding: 0 26px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
}
.hero-secondary-cta {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
}
@media (max-width: 800px) {
  .hero,
  body:not(.inner-page) .hero,
  .company-hero {
    min-height: 600px !important;
    height: auto !important;
    padding: 110px 24px 60px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background-color: #0c1017 !important;
  }
  .hero .hero-video {
    object-position: 75% center !important;
    filter: none !important;
    opacity: 1 !important;
  }
  .hero-image::after,
  body:not(.inner-page) .hero-image::after {
    display: none !important;
    content: none !important;
    background: none !important;
  }
  .hero::after,
  body:not(.inner-page) .hero::after {
    background: linear-gradient(180deg,
      rgba(10, 14, 22, 0.65) 0%,
      rgba(10, 14, 22, 0.40) 28%,
      rgba(10, 14, 22, 0.68) 72%,
      rgba(10, 14, 22, 0.88) 100%),
      linear-gradient(90deg,
      rgba(10, 14, 22, 0.78) 0%,
      rgba(10, 14, 22, 0.45) 55%,
      rgba(10, 14, 22, 0.15) 100%) !important;
  }
  .hero-copy,
  .company-hero-copy {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }
  .hero .hero-title,
  .company-hero .hero-title {
    margin-bottom: 18px !important;
    text-shadow: 0 3px 20px rgba(0, 0, 0, 0.8) !important;
  }
  .hero-title-line--connection,
  .company-hero .hero-title-line--connection {
    font-size: clamp(34px, 9.2vw, 44px) !important;
    margin-bottom: 6px !important;
  }
  .hero-title-line--impact,
  .company-hero .hero-title-line--impact {
    font-size: clamp(31px, 8.4vw, 40px) !important;
  }
  .hero .lede,
  .lede,
  .company-hero-copy > p:last-child {
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    margin-top: 16px !important;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.85) !important;
  }
  .hero-actions {
    margin-top: 28px !important;
    gap: 14px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 320px !important;
  }
  .hero-primary-cta, .hero-secondary-cta {
    width: 100% !important;
    min-height: 50px !important;
  }
}