:root { --ink:#061a3c; --acid:#079ee7; --paper:#f5f7fb; --orange:#0c4da2; --line:rgba(6,26,60,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1240px, calc(100% - 48px)); margin-inline:auto; }
.nav { height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:11px; font-size:14px; letter-spacing:.14em; font-weight:800; }
.brand img { width:190px; height:auto; display:block; }
.brand-link { background:#01040b; padding:8px 13px; }
.brand-name b { font-weight:400; }
.brand-orbit { width:39px; height:39px; border:2px solid currentColor; border-radius:50%; display:grid; place-items:center; position:relative; font-size:20px; letter-spacing:0; }
.brand-orbit:after { content:""; position:absolute; width:8px; height:8px; background:var(--orange); border-radius:50%; right:-3px; top:4px; border:2px solid var(--paper); }
.nav-links { display:flex; align-items:center; gap:34px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.nav-cta { border:1px solid var(--ink); padding:13px 16px; display:flex; gap:25px; }
.hero { min-height:720px; display:grid; grid-template-columns:1.03fr .97fr; position:relative; align-items:center; padding-block:56px 76px; }
.hero-copy { position:relative; z-index:2; }
.eyebrow, .section-kicker { font-size:11px; letter-spacing:.2em; font-weight:800; text-transform:uppercase; }
h1,h2 { font-size:clamp(60px, 7.7vw, 112px); line-height:.86; letter-spacing:-.065em; margin:28px 0; font-weight:800; }
h1 em,h2 em { font-family:Georgia, 'Times New Roman', serif; font-weight:400; }
.hero-lede { width:min(540px, 88%); font-size:18px; line-height:1.6; margin:34px 0; color:#40534e; }
.hero-actions { display:flex; align-items:center; gap:30px; }
.button { display:inline-flex; align-items:center; justify-content:space-between; min-width:270px; padding:18px 20px; font-size:12px; text-transform:uppercase; letter-spacing:.08em; font-weight:700; transition:.25s; }
.button-dark { background:var(--ink); color:white; }
.button:hover,.nav-cta:hover { background:var(--acid); color:white; }
.text-link { font-size:13px; font-weight:700; border-bottom:1px solid var(--ink); padding-block:8px; }
.text-link span { margin-left:18px; }
.hero-visual { height:560px; position:relative; isolation:isolate; }
.branded-hero { overflow:hidden; background:#061a3c; box-shadow:0 35px 80px rgba(6,26,60,.23); clip-path:polygon(8% 0,100% 0,100% 93%,0 100%,0 10%); }
.branded-hero>img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.hero-image-tag { position:absolute; right:24px; bottom:22px; width:136px; aspect-ratio:1; border-radius:50%; background:var(--ink); color:white; border:4px solid white; display:grid; place-content:center; text-align:center; transform:rotate(6deg); box-shadow:0 12px 30px #0005; }.hero-image-tag b { font-size:15px; }.hero-image-tag span { font-size:9px; letter-spacing:.08em; }
.ink-note { position:absolute; width:168px; height:218px; background:var(--acid); top:30px; right:40px; transform:rotate(5deg); padding:24px; line-height:1.18; font-size:18px; box-shadow:0 25px 60px #10231f29; }
.ink-note b { font-size:28px; }
.label-roll { position:absolute; width:265px; height:390px; border-radius:140px 140px 35px 35px; background:#d7d0c2; left:28px; top:38px; transform:rotate(-11deg); overflow:hidden; display:flex; flex-direction:column; align-items:center; padding-top:40px; gap:14px; box-shadow:0 35px 70px #10231f29; border:9px solid #e4dfd5; }
.label-sticker { width:160px; min-height:95px; background:#fff9e9; border-radius:50%; display:grid; place-content:center; text-align:center; font:700 30px/1 Georgia; color:var(--orange); border:1px solid #bcb4a4; }
.label-sticker small { font:700 8px Arial; letter-spacing:.2em; color:var(--ink); }
.package-box { position:absolute; right:8px; bottom:24px; width:310px; height:245px; padding:28px; color:white; background:var(--ink); box-shadow:0 35px 70px #10231f45; transform:rotate(-3deg); display:flex; flex-direction:column; justify-content:space-between; }
.package-box:before { content:""; position:absolute; background:var(--orange); width:100%; height:16px; left:0; top:0; }
.package-box span,.package-box small { font-size:9px; letter-spacing:.2em; }
.package-box b { font-size:36px; line-height:.9; letter-spacing:-.05em; }
.tape-strip { position:absolute; z-index:4; bottom:55px; left:-12px; width:520px; padding:9px 14px; background:var(--orange); color:var(--ink); font-size:10px; font-weight:900; letter-spacing:.15em; transform:rotate(12deg); white-space:nowrap; overflow:hidden; }
.scroll-cue { position:absolute; bottom:24px; right:0; display:flex; align-items:center; gap:10px; font-size:9px; font-weight:bold; }
.scroll-cue i { width:80px; height:1px; background:var(--ink); }
.statement { background:white; padding:140px 0; border-top:1px solid var(--line); }
.statement-grid { display:grid; grid-template-columns:1fr 3fr; gap:30px; }
.statement h2 { font-size:clamp(48px,6.5vw,90px); margin:0; }
.statement-copy { grid-column:2; width:min(570px,100%); font-size:18px; line-height:1.65; margin:24px 0 0 auto; color:#51615d; }
.divisions { padding:120px 0 140px; }
.section-heading { display:flex; justify-content:space-between; align-items:flex-end; border-bottom:1px solid var(--line); padding-bottom:22px; margin-bottom:28px; }
.section-heading p { margin:0; }
.section-heading span { font-size:10px; letter-spacing:.16em; }
.division-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.division-card { min-height:580px; padding:34px; position:relative; overflow:hidden; display:flex; flex-direction:column; transition:transform .3s; }
.division-card:hover { transform:translateY(-6px); }
.label-card { background:#0a67c7; color:white; }
.packaging-card { background:var(--ink); color:white; }
.division-number { position:absolute; right:28px; top:28px; font:400 14px Georgia; }
.mini-logo { display:flex; align-items:center; gap:8px; font-size:12px; letter-spacing:.12em; font-weight:800; }
.mini-logo b { font-weight:400; }
.card-logo { width:245px; height:auto; position:relative; z-index:4; }
.mini-o { width:28px; height:28px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:14px; }
.division-copy { margin-top:auto; width:56%; position:relative; z-index:3; }
.division-copy p { font:400 29px/1.08 Georgia; margin:0 0 32px; }
.card-link { display:flex; justify-content:space-between; border-bottom:1px solid currentColor; padding-bottom:12px; font-size:11px; text-transform:uppercase; letter-spacing:.1em; font-weight:700; }
.label-art { position:absolute; width:260px; height:360px; right:-16px; top:100px; border-radius:145px; background:#fff8e7; border:12px solid #e5dfca; transform:rotate(12deg); display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--orange); box-shadow:0 20px 60px #10231f24; }
.label-art span { font:italic 35px Georgia; }.label-art b { font-size:52px; letter-spacing:-.07em; }.label-art small { color:var(--ink); letter-spacing:.2em; margin-top:18px; font-size:8px; }
.box-art { position:absolute; width:290px; height:330px; right:-25px; top:120px; transform:rotate(-8deg); background:#f75b39; border:1px solid #ff886f; color:var(--ink); padding:36px; box-shadow:0 30px 70px #0008; }
.box-art:after { content:""; position:absolute; width:45px; height:100%; left:44%; top:0; background:#eaf6c3; opacity:.8; }
.box-art span { position:relative; z-index:2; font-size:31px; font-weight:900; line-height:.95; }.box-art b { font-family:Georgia; font-style:italic; font-weight:400; }
.division-image { position:absolute; width:295px; height:390px; right:-28px; top:100px; transform:rotate(7deg); box-shadow:0 28px 65px #00123055; overflow:hidden; background:white; }.division-image img { width:100%; height:100%; object-fit:cover; display:block; }.package-product { transform:rotate(-6deg); }
.proof { background:var(--orange); color:white; padding:115px 0; }
.proof-grid { display:grid; grid-template-columns:1.5fr 1fr .6fr .6fr; gap:48px; align-items:end; }
.proof h2 { font-size:clamp(55px,7vw,96px); margin:24px 0 0; }
.proof-grid>p { font-size:18px; line-height:1.55; }.proof .eyebrow { color:#8fd9ff; }
.proof-stat { border-top:1px solid #ffffff80; padding-top:20px; }.proof-stat strong { font-size:48px; letter-spacing:-.06em; display:block; }.proof-stat span { font-size:11px; text-transform:uppercase; letter-spacing:.1em; font-weight:700; }
.press-feature { grid-column:1/-1; margin:55px 0 0; position:relative; height:min(58vw,620px); overflow:hidden; background:var(--ink); }
.press-feature img { width:100%; height:100%; object-fit:cover; display:block; }
.press-feature figcaption { position:absolute; inset:auto 0 0; padding:26px 30px; display:flex; justify-content:space-between; align-items:end; color:white; background:linear-gradient(transparent,rgba(8,23,19,.9)); }
.press-feature figcaption span { text-transform:uppercase; letter-spacing:.15em; font-size:10px; }
.press-feature figcaption b { font:italic 26px Georgia; font-weight:400; }
.service-strip { background:#020711; color:white; padding:34px 0; }.service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:25px; }.service-grid>div { display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:center; border-right:1px solid #ffffff2b; }.service-grid>div:last-child { border:0; }.service-grid strong { color:#139de6; font-size:27px; letter-spacing:-.05em; }.service-grid span { font-size:10px; line-height:1.5; letter-spacing:.08em; text-transform:uppercase; }
.footer-hero { background:var(--ink); color:white; padding:130px 0 34px; }
.footer-cta { position:relative; }.footer-cta h2 { font-size:clamp(75px,11vw,150px); margin:30px 0 100px; }.round-link { position:absolute; right:4%; top:35%; width:120px; height:120px; display:grid; place-items:center; border-radius:50%; background:var(--acid); color:var(--ink); font-size:42px; transition:transform .25s; }.round-link:hover { transform:rotate(45deg); }
.contact-footer { background:#020711; color:white; padding:74px 0 28px; border-top:1px solid #ffffff1f; }
.contact-footer-grid { display:grid; grid-template-columns:.72fr 1fr 1.15fr; gap:54px; align-items:start; }
.contact-brand img { width:210px; height:auto; display:block; }
.contact-brand>a { display:inline-block; background:#000; padding:8px 12px; }
.contact-brand p { margin:24px 0 0; color:#aab8ce; font:italic 20px/1.35 Georgia,serif; }
.contact-brand strong { color:#079ee7; font-weight:400; }
.contact-label { margin:0 0 18px; color:#8da0bd; font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.whatsapp-contact { display:flex; gap:14px; align-items:center; width:max-content; max-width:100%; margin-bottom:17px; }
.whatsapp-mark { width:42px; height:42px; border:2px solid #25d366; border-radius:50%; display:grid; place-items:center; color:#25d366; font-size:16px; font-weight:900; }
.whatsapp-contact>span:last-child { display:flex; flex-direction:column; gap:3px; font-size:19px; font-weight:800; letter-spacing:.01em; }
.whatsapp-contact small { color:#8da0bd; font-size:9px; letter-spacing:.18em; }
.contact-email { display:block; width:max-content; max-width:100%; color:#d9e2ef; font-size:14px; margin-bottom:17px; border-bottom:1px solid #ffffff3b; padding-bottom:4px; }
.contact-address { display:block; color:#9aaac1; font-size:13px; line-height:1.55; }
.social-block { margin-top:28px; }
.social-block>span { display:block; color:#8da0bd; font-size:9px; font-weight:800; letter-spacing:.2em; margin-bottom:12px; }
.social-links { display:flex; flex-wrap:wrap; gap:9px; }
.social-links a { min-width:42px; min-height:42px; display:inline-flex; align-items:center; gap:8px; border:1px solid #ffffff3b; padding:8px 11px; transition:.2s; }
.social-links a>span { display:grid; place-items:center; width:24px; height:24px; color:#5dc2ff; font-size:16px; font-weight:900; }
.social-links a b { font-size:10px; letter-spacing:.06em; }
.social-links a:hover { background:#079ee7; border-color:#079ee7; color:#020711; }
.social-links a:hover>span { color:#020711; }
.contact-map { min-width:0; }
.contact-map iframe { display:block; width:100%; height:260px; border:0; filter:saturate(.75) contrast(1.05); }
.contact-map>a { display:flex; justify-content:space-between; align-items:center; padding:13px 15px; background:#0a67c7; color:white; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.contact-legal { margin-top:52px; padding-top:22px; border-top:1px solid #ffffff24; display:flex; justify-content:space-between; gap:20px; color:#71839d; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
@media (max-width:900px) { .nav-links>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:85px}.hero-visual{margin-top:30px}.statement-grid{grid-template-columns:1fr}.statement-copy{grid-column:1;margin-left:0}.division-grid{grid-template-columns:1fr}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid>div:first-child,.proof-grid>p{grid-column:1/-1}.hero h1{font-size:clamp(58px,13vw,90px)}.contact-footer-grid{grid-template-columns:1fr 1fr}.contact-map{grid-column:1/-1} }
@media (max-width:600px) { .shell{width:min(100% - 28px,1240px)}.nav{height:74px}.brand-name{font-size:10px}.nav-cta{min-width:0;padding:11px}.nav-cta span{display:none}.hero{min-height:auto;padding-block:65px}.hero-lede{width:100%;font-size:16px}.hero-actions{align-items:stretch;flex-direction:column;gap:10px}.button{width:100%}.hero-visual{height:450px}.label-roll{width:210px;height:320px;left:0}.label-sticker{width:135px;min-height:75px}.package-box{width:230px;height:190px}.package-box b{font-size:27px}.ink-note{right:0;width:125px;height:175px;padding:17px;font-size:14px}.tape-strip{width:370px}.statement,.divisions{padding-block:85px}.division-card{min-height:520px;padding:25px}.division-copy{width:72%}.division-copy p{font-size:23px}.label-art,.box-art{right:-100px}.proof{padding:80px 0}.proof-grid{gap:34px}.footer-cta h2{margin-bottom:140px}.round-link{top:auto;bottom:15px;left:0;width:90px;height:90px}.contact-footer{padding-top:58px}.contact-footer-grid{grid-template-columns:1fr;gap:42px}.contact-map{grid-column:auto}.contact-map iframe{height:230px}.contact-legal{align-items:flex-start;flex-direction:column}.social-links a b{display:none}.social-links a{min-width:44px;justify-content:center;padding:8px} }
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.division-card,.round-link{transition:none}}

/* Division pages */
.subpage { min-height:100vh; }
.sub-nav { height:86px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid currentColor; border-color:rgba(16,35,31,.22); padding-inline:22px; }
.back-link,.sub-nav-cta { font-size:10px; letter-spacing:.14em; font-weight:800; }
.back-link { display:flex; gap:12px; }.sub-nav-cta { justify-self:end; border-bottom:1px solid currentColor; padding-bottom:6px; }
.division-brand { display:flex; gap:8px; align-items:center; font-size:13px; letter-spacing:.14em; font-weight:800; }.division-brand b { font-weight:400; }
.nav-logo { width:220px; height:auto; display:block; }.label-page .sub-nav { background:#020711; color:white; border-color:#1d4f8b; }
.sub-hero { min-height:720px; display:grid; grid-template-columns:1.02fr .98fr; align-items:center; padding-block:70px; }
.sub-hero-copy { position:relative; z-index:2; }.sub-hero-copy h1 { font-size:clamp(64px,7.5vw,110px); }.sub-hero-copy p { max-width:540px; font-size:18px; line-height:1.6; color:#42534f; margin:35px 0; }
.label-stage,.package-stage { height:560px; position:relative; isolation:isolate; }
.sub-hero-image-card { height:565px; overflow:hidden; position:relative; background:#061a3c; box-shadow:0 32px 70px #061a3c2c; clip-path:polygon(7% 0,100% 0,100% 94%,0 100%,0 8%); }.sub-hero-image-card img { width:100%; height:100%; display:block; object-fit:cover; }.sub-hero-image-card>span { position:absolute; left:24px; bottom:20px; color:white; background:#061a3ce8; padding:11px 15px; font-size:9px; font-weight:800; letter-spacing:.17em; }.dark-card { box-shadow:0 32px 70px #0008; }
.giant-roll { position:absolute; right:12px; top:5px; width:465px; height:545px; background:#eee7d9; border:20px solid #d9d1c3; border-radius:48% 48% 25% 25%; transform:rotate(8deg); display:grid; place-items:center; text-align:center; box-shadow:0 40px 80px #10231f30; overflow:hidden; }
.giant-roll:before,.giant-roll:after { content:""; position:absolute; width:100%; height:1px; background:#c6bca8; left:0; }.giant-roll:before{top:20%}.giant-roll:after{bottom:19%}
.giant-roll span { font-size:61px; line-height:.78; font-weight:900; letter-spacing:-.07em; color:var(--orange); }.giant-roll em { font:italic 37px Georgia; color:var(--ink); }
.seal { position:absolute; z-index:3; width:110px; height:110px; border-radius:50%; display:grid; place-content:center; text-align:center; border:2px solid var(--ink); font-size:28px; font-weight:900; box-shadow:0 14px 30px #10231f2d; }.seal small { display:block; font-size:7px; letter-spacing:.18em; }.seal-a { background:var(--acid); left:15px; top:45px; transform:rotate(-12deg); }.seal-b { background:var(--orange); right:-20px; bottom:55px; transform:rotate(9deg); }
.marquee { overflow:hidden; white-space:nowrap; background:var(--ink); color:var(--acid); padding:17px 0; font-size:13px; letter-spacing:.23em; font-weight:900; }.marquee span { display:block; width:max-content; animation:marquee 24s linear infinite; }
@keyframes marquee { to { transform:translateX(-50%); } }
.solutions { padding:140px 0; display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; }.solutions-intro h2 { font-size:clamp(55px,6.4vw,88px); }.solutions-intro>p:last-child { max-width:470px; font-size:17px; line-height:1.65; color:#4e5e5a; }
.solution-row { display:grid; grid-template-columns:50px 1fr 30px; gap:20px; border-top:1px solid var(--line); padding:30px 0; }.solution-row>span { font:italic 17px Georgia; }.solution-row h3 { margin:0 0 10px; font-size:25px; letter-spacing:-.03em; }.solution-row p { margin:0; color:#62706c; line-height:1.55; }.solution-row>b { font-size:24px; font-weight:400; transition:transform .2s; }.solution-row:hover>b { transform:rotate(45deg); }
.product-gallery { padding:130px 0; background:#020711; color:white; }.gallery-heading { display:grid; grid-template-columns:1.5fr .7fr; gap:60px; align-items:end; margin-bottom:55px; }.gallery-heading h2 { font-size:clamp(58px,7vw,96px); }.gallery-heading>p { color:#b4c2d8; line-height:1.6; }.gallery-grid { display:grid; grid-template-columns:1.18fr .82fr; grid-template-rows:repeat(2,minmax(300px,1fr)); gap:18px; }.gallery-item { position:relative; overflow:hidden; min-height:0; background:#061a3c; }.gallery-wide { grid-row:span 2; min-height:720px; }.gallery-item img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s; }.gallery-item:hover img { transform:scale(1.025); }.gallery-item span { position:absolute; left:18px; bottom:18px; background:#020711e8; padding:12px 15px; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.process-band { padding:120px 0; background:#0a67c7; color:white; }.process-grid { display:grid; grid-template-columns:1fr 1fr; gap:90px; }.process-grid h2 { font-size:clamp(55px,6.5vw,90px); }.process-grid ol { margin:0; padding:0; list-style:none; display:grid; align-content:center; }.process-grid li { display:grid; grid-template-columns:55px 1fr; align-items:center; border-top:1px solid #ffffff80; padding:24px 0; }.process-grid li b { font:italic 17px Georgia; }.process-grid li span { text-transform:uppercase; letter-spacing:.12em; font-size:11px; font-weight:800; }
.machine-story { padding:140px 0; display:grid; grid-template-columns:1.2fr .8fr; gap:80px; align-items:center; }.machine-photo { height:580px; position:relative; overflow:hidden; background:var(--ink); }.machine-photo img { width:100%; height:100%; object-fit:cover; }.machine-photo>span { position:absolute; bottom:20px; left:20px; color:white; font-size:9px; font-weight:800; letter-spacing:.17em; }.machine-copy h2 { font-size:clamp(52px,5.5vw,78px); }.machine-copy>p:not(.section-kicker) { font-size:17px; color:#50605c; line-height:1.65; margin-bottom:30px; }
.sub-cta { background:#0a67c7; color:white; padding:125px 0; }.sub-cta>.shell { position:relative; }.sub-cta h2 { font-size:clamp(75px,10vw,138px); margin-bottom:20px; }.sub-cta .round-link { top:38%; background:white; }

.packaging-page { background:var(--ink); color:white; }.packaging-page .sub-nav { border-color:#ffffff2e; }.packaging-page .sub-hero-copy p { color:#c5cfcb; }.packaging-page .mini-o { border-color:white; }.button-light { background:var(--acid); color:white; }.button-light:hover { background:#1667c7; }
.package-stage { perspective:1000px; }.stage-box { position:absolute; box-shadow:0 35px 80px #0007; }.box-one { width:350px; height:410px; right:20px; top:30px; background:var(--orange); color:var(--ink); padding:32px; transform:rotate(7deg); display:flex; flex-direction:column; justify-content:space-between; }.box-one small { font-size:9px; letter-spacing:.2em; }.box-one b { font-size:52px; line-height:.8; letter-spacing:-.07em; }.box-one em { font:italic 35px Georgia; }.box-two { width:270px; height:310px; left:20px; bottom:10px; background:var(--acid); color:var(--ink); transform:rotate(-9deg); padding:32px; display:grid; place-items:end start; }.box-two span { font-size:34px; line-height:.86; font-weight:900; }.box-two b { font:italic 32px Georgia; font-weight:400; }.pack-tape { position:absolute; z-index:4; background:var(--paper); color:var(--ink); width:520px; left:20px; top:215px; transform:rotate(15deg); padding:12px 18px; font-size:10px; font-weight:900; letter-spacing:.17em; }
.packaging-page .marquee { background:var(--orange); color:var(--ink); }.packaging-page .solutions { color:var(--ink); background:var(--paper); width:100%; max-width:none; padding-inline:max(24px,calc((100% - 1240px)/2)); }.packaging-page .solutions-intro>p:last-child,.packaging-page .solution-row p { color:#52615d; }
.pack-showcase { background:var(--paper); color:var(--ink); padding:130px 0 150px; }.showcase-grid { display:grid; grid-template-columns:1.2fr .7fr .7fr; gap:20px; align-items:end; }.showcase-title { grid-column:1/-1; }.showcase-title h2 { font-size:clamp(62px,8vw,112px); }.showcase-cube { height:340px; display:grid; place-items:center; font-size:55px; font-weight:900; box-shadow:0 25px 45px #10231f20; }.cube-a { background:var(--acid); transform:rotate(-3deg); }.cube-b { background:var(--orange); transform:rotate(3deg); }.cube-b span { font:italic 58px Georgia; }.showcase-copy { padding:35px; }.showcase-copy p { font-size:18px; line-height:1.6; margin:0 0 35px; }
.pack-showcase-photo { grid-column:span 2; height:560px; position:relative; overflow:hidden; box-shadow:0 28px 60px #061a3c26; }.pack-showcase-photo img { width:100%; height:100%; object-fit:cover; display:block; }.pack-showcase-photo span { position:absolute; left:22px; bottom:20px; background:#020711; color:white; padding:11px 14px; font-size:9px; font-weight:800; letter-spacing:.16em; }.showcase-copy ul { list-style:none; padding:0; margin:0 0 34px; border-top:1px solid var(--line); }.showcase-copy li { border-bottom:1px solid var(--line); padding:13px 0; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.packaging-process { background:#0a67c7; color:white; }.pack-cta { background:#079ee7; color:white; }
@media (max-width:900px) { .sub-hero,.solutions,.process-grid,.machine-story { grid-template-columns:1fr; }.sub-hero { padding-top:90px; }.solutions,.machine-story { gap:45px; }.showcase-grid{grid-template-columns:1fr 1fr}.showcase-title,.showcase-copy{grid-column:1/-1}.pack-showcase-photo{grid-column:1/-1}.sub-cta .round-link{top:auto;bottom:0}.press-feature figcaption{align-items:start;flex-direction:column;gap:10px}.service-grid{grid-template-columns:1fr 1fr}.service-grid>div:nth-child(2){border:0}.gallery-heading{grid-template-columns:1fr} }
@media (max-width:600px) { .sub-nav{height:72px;padding-inline:10px}.back-link span{display:none}.nav-logo{width:145px}.division-brand{font-size:10px}.division-brand .mini-o{width:24px;height:24px}.sub-hero{min-height:auto;padding-block:65px}.sub-hero-copy h1{font-size:clamp(55px,16vw,75px)}.label-stage,.package-stage,.sub-hero-image-card{height:430px;margin-top:30px}.giant-roll{width:320px;height:390px;right:0}.giant-roll span{font-size:44px}.box-one{width:270px;height:350px;right:0}.box-two{width:210px;height:250px;left:0}.pack-tape{width:360px;left:-15px}.solutions{padding-block:90px}.solution-row{grid-template-columns:34px 1fr 20px}.solution-row h3{font-size:21px}.process-band,.machine-story,.sub-cta,.pack-showcase,.product-gallery{padding-block:85px}.machine-photo{height:420px}.showcase-cube{height:230px;font-size:39px}.pack-showcase-photo{height:420px}.showcase-copy{padding:25px 0}.sub-cta h2{margin-bottom:130px}.press-feature{height:420px}.press-feature figcaption b{font-size:20px}.service-grid{grid-template-columns:1fr}.service-grid>div{border-right:0;border-bottom:1px solid #ffffff2b;padding-bottom:18px}.gallery-grid{grid-template-columns:1fr;grid-template-rows:none}.gallery-wide{grid-row:auto;min-height:480px}.gallery-item{min-height:390px}.brand img{width:145px}.brand-link{padding:6px 8px}.card-logo{width:205px}.division-image{right:-95px}.branded-hero{height:480px} }