:root{--navy:#111e42}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#fff;font-family:Manrope,Arial,sans-serif}
.paper-hero{position:relative;height:clamp(440px,48vw,690px);min-height:440px;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#5c4638 url('assets/paper/recycled-paper-hero.png') center/cover no-repeat}
.paper-hero-overlay{position:absolute;z-index:-1;inset:0;background:rgba(8,18,26,.28);box-shadow:inset 0 -180px 150px rgba(6,15,22,.22)}
.paper-hero-brand{width:min(720px,88vw);display:flex;flex-direction:column;align-items:center;justify-content:center}
.paper-hero-brand span{display:block;margin-bottom:20px;color:#fff;font-size:32px;line-height:1;font-weight:800;letter-spacing:6px;text-shadow:0 3px 12px rgba(0,0,0,.45)}
.paper-hero-brand img{display:block;width:min(640px,72vw);height:auto;object-fit:contain;filter:drop-shadow(0 3px 14px rgba(0,0,0,.28))}
@media(max-width:800px){.paper-hero{height:72svh;min-height:540px;background-position:center}.paper-hero-brand img{width:min(430px,82vw)}}
@media(max-width:480px){.paper-hero-brand img{width:84vw}}

.paper-responsibility{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:120px 0 135px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:90px;align-items:center}
.responsibility-collage{position:relative;min-height:640px}
.responsibility-collage:before{content:"";position:absolute;left:42px;top:108px;width:330px;height:250px;border-left:10px solid var(--navy);border-bottom:10px solid #aa8b33}
.responsibility-collage:after{content:"";position:absolute;right:38px;bottom:42px;width:260px;height:210px;border-right:10px solid #aa8b33;border-top:10px solid var(--navy)}
.responsibility-image{position:absolute;z-index:1;margin:0;width:390px;height:300px;overflow:hidden;background:#e9ecef}
.responsibility-image img{display:block;width:100%;height:100%;object-fit:cover}
.responsibility-image-top{left:0;top:0}
.responsibility-image-bottom{right:0;bottom:0}
.responsibility-copy>span{display:block;margin-bottom:13px;color:#aa8b33;font-size:13px;font-weight:800;letter-spacing:3.5px}
.responsibility-copy h2{margin:0 0 30px;color:var(--navy);font-size:clamp(40px,4.6vw,62px);line-height:1.04;font-weight:800;letter-spacing:0}
.responsibility-copy{min-width:0}.responsibility-copy p{max-width:500px;margin:0;color:#4f5868;font-size:15px;line-height:1.9}
@media(max-width:900px){.paper-responsibility{width:calc(100% - 44px);padding:80px 0 90px;grid-template-columns:1fr;gap:50px}.responsibility-collage{min-height:520px}.responsibility-image{width:min(78vw,390px);height:245px}.responsibility-image-bottom{right:0}.responsibility-collage:before{left:22px;top:82px;width:260px;height:210px}.responsibility-collage:after{right:18px;bottom:28px;width:220px;height:180px}.responsibility-copy h2{font-size:38px}.responsibility-copy p{font-size:14px;line-height:1.8}}
@media(max-width:480px){.paper-responsibility{width:calc(100% - 36px);padding-top:68px;overflow:hidden}.responsibility-collage{min-height:455px}.responsibility-image{width:82%;height:220px}.responsibility-image-top{left:0}.responsibility-image-bottom{right:0}.responsibility-collage:before,.responsibility-collage:after{border-width:7px}.responsibility-copy h2{overflow-wrap:anywhere}}

.responsibility-visual{position:relative;height:620px;margin:0;overflow:hidden;background:#eef2f3}
.responsibility-visual:after{content:"";position:absolute;right:0;bottom:0;width:90px;height:8px;background:#aa8b33}
.responsibility-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:900px){.responsibility-visual{height:min(118vw,620px)}}
@media(max-width:480px){.responsibility-visual{height:118vw;max-height:560px}}

.responsibility-visual{height:500px}
.responsibility-visual img{object-position:center 58%}
.responsibility-copy p+p{margin-top:20px}
@media(max-width:900px){.responsibility-visual{height:430px}}
@media(max-width:480px){.responsibility-visual{height:360px;max-height:none}}

.paper-factory{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:80px 0 125px;display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center;border-top:1px solid #e4e6e9}
.factory-media{position:relative;padding:70px 0 0 45px}
.factory-media:before{content:"";position:absolute;left:0;top:0;width:72%;height:92%;background:#f0f1f2}
.factory-logo{position:absolute;z-index:2;left:45px;top:5px;width:175px;height:auto}
.factory-media figure{position:relative;z-index:1;height:430px;margin:0;overflow:hidden}
.factory-media figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 62%}
.factory-copy>span{display:block;margin-bottom:13px;color:#aa8b33;font-size:13px;font-weight:800;letter-spacing:3.5px}
.factory-copy h2{margin:0 0 28px;color:var(--navy);font-size:clamp(38px,4.3vw,58px);line-height:1.04;font-weight:800;letter-spacing:0}
.factory-copy p{margin:0;color:#4f5868;font-size:15px;line-height:1.85}
.factory-copy p+p{margin-top:20px}
@media(max-width:900px){.paper-factory{width:calc(100% - 44px);padding:70px 0 90px;grid-template-columns:1fr;gap:45px}.factory-media{padding:62px 0 0 24px}.factory-logo{left:24px;width:155px}.factory-media figure{height:380px}.factory-copy h2{font-size:38px}.factory-copy p{font-size:14px}}
@media(max-width:480px){.paper-factory{width:calc(100% - 36px);padding-top:60px}.factory-media{padding-left:16px}.factory-logo{left:16px;width:140px}.factory-media figure{height:330px}}

.paper-products{padding:105px 0 125px;background:#f7f7f6}
.paper-section-heading{text-align:center;margin:0 auto 75px;padding:0 24px}
.paper-section-heading:before{content:"";display:block;width:1px;height:55px;margin:0 auto 22px;background:#aa8b33}
.paper-section-heading span{display:block;margin-bottom:11px;color:#aa8b33;font-size:13px;font-weight:800;letter-spacing:3.5px}
.paper-section-heading h2{display:inline-block;position:relative;margin:0;padding:0 28px 20px;color:var(--navy);font-size:clamp(40px,5vw,62px);line-height:1;font-weight:800;letter-spacing:0}
.paper-section-heading h2:after{content:"";position:absolute;left:25%;right:25%;bottom:0;height:4px;background:#aa8b33}
.product-list{width:min(1080px,calc(100% - 64px));margin:auto}
.product-row{display:grid;grid-template-columns:430px 1fr;gap:72px;align-items:center;padding:46px 0;border-top:1px solid #dfe2e5}
.product-row:last-child{border-bottom:1px solid #dfe2e5}
.product-row figure{height:330px;margin:0;overflow:hidden;background:#ececeb}
.product-row figure img{display:block;width:100%;height:100%;object-fit:cover}
.product-row>div{position:relative;padding-right:20px}
.product-row>div>span{position:absolute;right:0;top:-18px;color:#e1e3e5;font-size:50px;font-weight:800}
.product-row h3{position:relative;margin:0 70px 24px 0;color:#343941;font-size:38px;line-height:1.08;font-weight:800}
.product-row p{max-width:510px;margin:0;color:#515967;font-size:14px;line-height:1.7}
.product-row p+p{margin-top:15px}
.product-row .range{color:#2f3744;font-style:italic;font-weight:600}
.paper-energy{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:120px 0 135px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.paper-energy figure{height:480px;margin:0;overflow:hidden}
.paper-energy figure img{display:block;width:100%;height:100%;object-fit:cover}
.paper-energy>div>span{display:block;margin-bottom:13px;color:#aa8b33;font-size:13px;font-weight:800;letter-spacing:3.5px}
.paper-energy h2{margin:0 0 28px;color:var(--navy);font-size:clamp(38px,4.3vw,58px);line-height:1.04;font-weight:800;letter-spacing:0}
.paper-energy p{margin:0;color:#4f5868;font-size:15px;line-height:1.8}
.paper-energy p+p{margin-top:20px}
@media(max-width:900px){.paper-products{padding:78px 0 90px}.paper-section-heading{margin-bottom:50px}.paper-section-heading:before{height:38px}.product-list{width:calc(100% - 44px)}.product-row{grid-template-columns:1fr;gap:28px;padding:38px 0}.product-row figure{height:320px}.product-row h3{font-size:32px}.paper-energy{width:calc(100% - 44px);padding:80px 0 95px;grid-template-columns:1fr;gap:40px}.paper-energy figure{height:400px}.paper-energy h2{font-size:38px}}
@media(max-width:480px){.product-list,.paper-energy{width:calc(100% - 36px)}.product-row figure{height:270px}.product-row>div{padding-right:0}.product-row>div>span{font-size:40px}.product-row h3{margin-right:55px;font-size:29px}.paper-energy figure{height:300px}}
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:480px){h1,h2,h3{max-width:100%;overflow-wrap:anywhere}}