:root{color-scheme:light;--ink:#172b38;--muted:#526471;--line:#dce4e5;--paper:#f7f9f8;--white:#fff;--teal:#0e6c70;--teal-dark:#0b4e53;--gold:#b6823e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}
a{color:inherit}
img{display:block;max-width:100%}
.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.site-header{border-bottom:1px solid var(--line);background:#fff}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{text-decoration:none;display:flex;align-items:center;gap:12px;min-width:0}
.brand-mark{width:38px;height:38px;border:2px solid var(--teal);display:grid;place-items:center;color:var(--teal);font-family:Georgia,serif;font-weight:700;font-size:25px;line-height:1;flex:none}
.brand-text{display:flex;flex-direction:column;line-height:1.1;letter-spacing:.055em}
.brand-text strong{font-size:15px}
.brand-text small{font-size:10px;color:var(--muted);letter-spacing:.16em;margin-top:5px}
.site-nav{display:flex;gap:28px;align-items:center;font-weight:600;font-size:14px}
.site-nav a{text-decoration:none;padding:8px 0;border-bottom:2px solid transparent}
.site-nav a[aria-current="page"],.site-nav a:hover{border-bottom-color:var(--teal);color:var(--teal-dark)}
.hero{background:linear-gradient(110deg,#eef4f3 0%,#f7f9f8 60%,#fff 100%);padding:70px 0 66px}
.hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:58px;align-items:center}
.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:var(--teal);margin:0 0 18px}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em;line-height:1.13}
h1{font-size:clamp(2.6rem,5vw,4.9rem);margin-bottom:23px}
h2{font-size:clamp(2rem,3.3vw,3.2rem);margin-bottom:12px}
h3{font-size:1.22rem;line-height:1.3;margin-bottom:8px}
.lede{font-size:1.1rem;color:#334b57;max-width:57ch}
.hero-note{color:var(--muted);max-width:56ch;margin:22px 0 0}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:var(--teal);color:#fff;text-decoration:none;font-weight:700;border-radius:3px;margin-top:18px}
.button:hover{background:var(--teal-dark)}
.button-outline{background:transparent;color:var(--teal-dark);border:1px solid var(--teal)}
.button-outline:hover{background:#dceeed;color:var(--teal-dark)}
.action-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;margin-top:25px}
.action-row .button{margin-top:0}
.photo{background:#e9edec;overflow:hidden;position:relative}
.photo img{width:100%;height:100%;object-fit:cover}
.photo img[src*="kraft-paper-bags-reference"]{object-fit:contain;background:#e6ddd2}
.hero-photo{aspect-ratio:5/4;box-shadow:0 22px 45px rgba(22,48,53,.13)}
.photo-credit{font-size:12px;color:var(--muted);margin:8px 0 0;line-height:1.4}
.photo-credit a{text-underline-offset:2px}
.section{padding:78px 0}
.section.soft{background:var(--paper)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.section-heading p{color:var(--muted);max-width:56ch;margin:0}
.text-link{color:var(--teal-dark);font-weight:700;text-decoration-thickness:1px;text-underline-offset:4px;white-space:nowrap}
.product-card{background:#fff;border:1px solid var(--line)}
.product-card .photo{aspect-ratio:4/3}
.summary-card .photo{aspect-ratio:1/1;background:#fff}
.summary-card .photo a{display:block;width:100%;height:100%}
.summary-card .photo img{object-fit:contain;background:#fff}
.type-list{color:var(--muted);font-size:14px;line-height:1.4;margin:14px 0 0;padding-left:19px;display:grid;gap:5px}
.summary-note{font-size:13px;margin-top:18px}
.card-body{padding:21px 22px 24px}
.card-body p{color:var(--muted);margin-bottom:0}
.tag{display:inline-block;color:var(--teal-dark);background:#eaf4f2;padding:4px 8px;margin-bottom:13px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.small-note{font-size:13px;color:var(--muted);margin:25px 0 0}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:33px}
.value{padding-top:20px;border-top:2px solid var(--teal)}
.value p{color:var(--muted)}
.page-intro{padding:63px 0 43px;background:var(--paper)}
.page-intro h1{max-width:13ch;margin-bottom:17px}
.page-intro .lede{max-width:74ch}
.disclosure{margin-top:23px;padding:15px 18px;border-left:4px solid var(--gold);background:#fff;color:#425966;max-width:78ch}
.examples-callout{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;margin-top:18px;padding:22px 24px;border:1px solid #bcd8d5;background:#edf7f5}
.examples-callout strong{display:block;font-size:1.15rem;color:var(--ink);margin-bottom:5px}
.examples-callout p{color:#425966;margin:0;max-width:68ch}
.examples-callout .button{flex:none;margin:0;text-align:center}
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:27px}
.contact-card{border:1px solid var(--line);padding:28px 30px;background:#fff}
.contact-card p{color:var(--muted);margin:0}
.contact-address{display:block;color:var(--teal-dark);font-size:clamp(1.1rem,2vw,1.4rem);font-weight:700;overflow-wrap:anywhere;margin:25px 0 17px}
.contact-hint{color:var(--teal-dark);font-weight:700}
.brief-wrap{max-width:900px}
.brief-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 35px;padding-left:24px;margin:28px 0 0;color:#334b57}
.brief-list li{padding-left:6px}
.products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.products-grid .product-card .photo{aspect-ratio:4/3}
.products-grid .card-body{min-height:169px}
.products-grid .wide-card{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}
.products-grid .wide-card .photo{height:100%;min-height:270px;aspect-ratio:auto}
.products-grid .wide-card .card-body{align-self:center;min-height:0;padding:28px 34px}
.products-grid .summary-card .photo{height:auto;min-height:0;aspect-ratio:1/1}
.products-grid .summary-card .type-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px}
.finish-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:30px}
.finish-card{background:#fff;border:1px solid var(--line)}
.finish-card .photo{aspect-ratio:4/3}
.finish-card .card-body{padding:17px 18px 20px}
.finish-card h3{font-size:1.05rem}
.finish-card p{font-size:14px}
.footer{background:#14313d;color:#e8f1f2;padding:40px 0}
.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:start}
.footer p{color:#c1d2d6;max-width:60ch;margin:12px 0 0}
.footer a{color:#fff}
.footer-contact{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px}
.footer-contact a,.footer-contact span{overflow-wrap:anywhere}
.footer small{display:block;color:#c1d2d6;margin-top:24px}
@media (max-width:900px){.hero-grid{gap:28px}.finish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.value-grid{gap:20px}.contact-grid{grid-template-columns:1fr}.examples-callout{align-items:flex-start;flex-direction:column}}
@media (max-width:680px){.wrap{width:min(100% - 32px,1180px)}.header-inner{min-height:68px}.brand-mark{width:33px;height:33px;font-size:22px}.brand-text strong{font-size:13px}.brand-text small{font-size:9px}.site-nav{gap:16px;font-size:14px}.hero{padding:45px 0 52px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-photo{aspect-ratio:4/3}.section{padding:55px 0}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:14px}.products-grid,.value-grid{grid-template-columns:1fr;gap:20px}.products-grid .card-body{min-height:0}.products-grid .wide-card{grid-column:auto;display:block}.products-grid .wide-card .photo{height:auto;min-height:0;aspect-ratio:4/3}.products-grid .wide-card .card-body{padding:21px 22px 24px}.finish-grid{gap:14px}.finish-card .card-body{padding:14px}.finish-card p{font-size:14px}.page-intro{padding:46px 0 39px}.footer-grid{display:block}}
@media (max-width:380px){.brand{gap:7px}.brand-text strong{font-size:11px}.brand-text small{display:none}.header-inner{gap:14px}.site-nav{gap:8px;font-size:11px}.finish-grid{grid-template-columns:1fr}}
@media (max-width:680px){.products-grid .summary-card .photo{aspect-ratio:1/1}.products-grid .summary-card .type-list{grid-template-columns:1fr}}
@media (max-width:680px){.action-row .button,.examples-callout .button{width:100%}.examples-callout{padding:20px}.contact-grid,.brief-list{grid-template-columns:1fr}.contact-card{padding:24px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}