/* Packaging Field Notes - original editorial microsite */
:root{--ink:#1f2933;--muted:#657179;--paper:#f9f7f1;--warm:#ebe7dd;--navy:#202e3d;--gold:#c28b52;--sand:#ebd6bd;--border:#d9d8d3;--teal:#33685d;--white:#fff;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.73 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ca9258;outline-offset:4px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}h1,h2,.display{font-family:Georgia,'Times New Roman',serif;font-weight:500}h1{font-size:clamp(3rem,5.3vw,5.9rem);line-height:1.05}h2{font-size:clamp(2.05rem,3.5vw,3.45rem)}h3{font-size:1.29rem;letter-spacing:-.015em}p{color:#46535d}strong{color:var(--ink)}.wrap{max-width:1180px;padding:0 28px;margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.eyebrow{display:inline-block;font-size:.73rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:#956334}.eyebrow.dark{color:#eed2a9}.small{font-size:.86rem;color:#637079}.line{height:1px;background:var(--border)}.accent{color:var(--teal)}.header{position:sticky;top:0;z-index:10;background:rgba(249,247,241,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e5e0d8}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;gap:12px;align-items:center;text-decoration:none;flex:none}.brand-mark{width:40px;height:40px;background:var(--navy);color:#f3d7ae;display:grid;place-items:center;border-radius:12px;transform:rotate(-7deg);font:27px/1 Georgia,serif}.brand-name{display:block;font-weight:850;text-transform:uppercase;letter-spacing:.14em;font-size:.79rem;line-height:1.24}.brand-sub{display:block;font-size:.63rem;letter-spacing:.23em;color:#7a817b;text-transform:uppercase}.nav{display:flex;align-items:center;gap:24px}.nav a{font-size:.82rem;text-decoration:none;color:#59646b;font-weight:650;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:#966139}.nav .nav-feature{color:white;background:var(--navy);border-radius:100px;padding:10px 17px}.mobile-menu{display:none;background:transparent;border:1px solid var(--border);padding:10px 14px;border-radius:10px;font-weight:750}.hero{background:linear-gradient(126deg,#ebe8df,#e5e7e5 62%,#e5d9ca);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;min-height:660px;align-items:center;gap:20px}.hero-copy{padding:70px 0 78px;z-index:1}.hero h1{max-width:640px;margin:18px 0 25px}.hero .lede{font-size:1.07rem;max-width:500px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-size:.86rem;font-weight:750;border-radius:100px;padding:13px 22px;cursor:pointer;transition:.18s ease}.button.primary{background:var(--navy);color:white}.button.primary:hover{background:#304658;transform:translateY(-2px)}.button.outline{border-color:#b6b4ad;background:transparent;color:var(--ink)}.button.outline:hover{border-color:#6b706c}.button.light{background:#f3e9de;color:#243240}.hero-image{position:relative;margin:20px -5vw 0 -16px}.hero-image img{width:100%;min-width:570px;filter:drop-shadow(0 25px 20px rgba(42,49,53,.12))}.issue{display:flex;align-items:center;gap:16px;font-size:.76rem;letter-spacing:.08em;color:#6b716f;margin-top:40px}.issue:before{content:'';width:50px;height:1px;background:#8d918e}.stats{background:var(--navy);color:#fff}.stats .wrap{display:grid;grid-template-columns:repeat(3,1fr)}.stat{display:flex;gap:16px;align-items:center;padding:31px 10px;border-right:1px solid rgba(255,255,255,.16)}.stat:last-child{border:0}.stat-num{font:2rem Georgia,serif;color:#ebc699}.stat p{color:#e0e7e7;margin:0;font-size:.84rem}.section{padding:92px 0}.section.soft{background:#edeae2}.section-head{max-width:690px;margin-bottom:42px}.section-head h2{margin:10px 0 15px}.section-head p{max-width:620px}.section-title-row{display:flex;gap:24px;justify-content:space-between;align-items:end}.text-link{color:#226556;font-weight:750;text-decoration:none;border-bottom:1px solid #6f9e90;white-space:nowrap;padding-bottom:4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{background:#fff;border:1px solid #e1ddd5;border-radius:17px;overflow:hidden;text-decoration:none;transition:.22s ease;display:block}.feature-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(44,50,51,.1)}.feature-card .thumb{height:224px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#ebe6d9}.feature-card:nth-child(2) .thumb{background:#e6e9e5}.feature-card:nth-child(3) .thumb{background:#e7e2e3}.feature-card .thumb img{height:200px;width:auto;max-width:93%;object-fit:contain}.feature-card .card-body{padding:25px}.feature-card h3{margin:8px 0 12px}.feature-card p{font-size:.91rem;margin:0 0 20px}.card-foot{color:#35685e;font-size:.83rem;font-weight:750}.numtag{font-size:.7rem;letter-spacing:.16em;color:#9a724d;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.visual{background:#e2e4df;border-radius:20px;padding:22px}.visual img{width:100%;height:420px;object-fit:contain}.checklist-mini{display:grid;gap:14px;margin-top:24px}.checklist-mini .mini{display:flex;gap:14px;align-items:start}.mini b{background:#e9ede4;color:#326858;border-radius:50%;height:29px;width:29px;display:grid;place-items:center;flex:none;font-size:.78rem}.mini span{font-size:.95rem;color:#46565a}.dark-feature{background:var(--navy);color:white;position:relative;overflow:hidden}.dark-feature .wrap{padding-top:75px;padding-bottom:75px}.dark-feature .eyebrow{color:#e5ba85}.dark-feature h2{max-width:810px;margin:12px 0 20px;color:#fff}.dark-feature p{color:#d6dfe4;max-width:770px}.dark-feature .source-link{color:#f8d6a7;text-decoration-thickness:1.5px;text-underline-offset:5px}.cta-line{margin-top:28px;border-top:1px solid #596775;padding-top:24px;color:#c8d1d5;font-size:.89rem}.footer{background:#17222d;color:#f8f4ed;padding:45px 0 24px}.footer-inner{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:60px}.footer .brand-name{color:#f3e8dc}.footer p,.footer a{color:#b6c2c5;font-size:.84rem}.footer-links{display:grid;gap:9px}.footer-links a{text-decoration:none}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #35404a;margin-top:38px;padding-top:20px;color:#9ca8ad;font-size:.76rem;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.article-hero{padding:80px 0 70px;background:#ece9e0;border-bottom:1px solid #ded9cf}.article-head{max-width:920px}.article-head h1{font-size:clamp(2.7rem,4.65vw,5.25rem);max-width:900px;margin:20px 0}.article-head p{font-size:1.08rem;max-width:750px}.crumb{font-size:.78rem;color:#6b736d;margin-bottom:25px}.crumb a{text-decoration:none;border-bottom:1px solid #aba99d}.article-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:.75rem;color:#747f7f;letter-spacing:.04em;text-transform:uppercase;margin-top:25px}.article-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:72px;padding-top:60px;padding-bottom:100px;align-items:start}.toc{position:sticky;top:105px;border-left:2px solid #d6d6cc;padding-left:20px}.toc strong{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.toc a{display:block;margin-top:13px;color:#65716d;text-decoration:none;font-size:.84rem;line-height:1.45}.toc a:hover{color:#216a5a}.prose{max-width:760px}.prose h2{font-size:2.1rem;margin-top:60px;margin-bottom:20px;scroll-margin-top:110px}.prose h3{font:600 1.27rem/1.3 system-ui,sans-serif;letter-spacing:-.02em;margin-top:31px;margin-bottom:12px;scroll-margin-top:110px}.prose p,.prose li{font-size:1rem;line-height:1.85;color:#47545c}.prose ul,.prose ol{padding-left:23px}.prose li+li{margin-top:11px}.prose img{border-radius:16px;width:100%}.prose figure{margin:32px 0}.prose figcaption{color:#777c7b;font-size:.77rem;margin-top:10px;text-align:center}.note{padding:23px 26px;border-left:4px solid #3a7568;background:#e9eee8;border-radius:0 12px 12px 0;margin:26px 0}.note p{margin:7px 0 0;font-size:.92rem}.note.warm{border-color:#bf925e;background:#f1e9db}.table-scroll{overflow:auto;margin:22px 0 29px;border:1px solid #dedbd4;border-radius:13px;background:white}table{border-collapse:collapse;width:100%;min-width:560px}th{text-align:left;background:#e5e9e3;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}th,td{padding:16px 18px;vertical-align:top;border-bottom:1px solid #e5e3de}tr:last-child td{border:0}td{font-size:.91rem;color:#45535a}.step-list{list-style:none!important;padding:0!important}.step-list li{position:relative;border-left:2px solid #c9d5ce;padding:0 0 25px 30px;margin:0!important}.step-list li:before{content:'';width:13px;height:13px;border:3px solid #407a6f;background:#fff;position:absolute;left:-9px;top:5px;border-radius:50%}.step-list b{display:block}.quote{font:italic 1.5rem/1.5 Georgia,serif;color:#30483e;border-top:1px solid #dad8ce;border-bottom:1px solid #dad8ce;padding:28px 15px;margin:38px 0}.article-end{padding:35px;background:#e9eee8;border-radius:17px;margin-top:50px}.article-end h3{margin-top:0}.article-end a{display:inline-block;margin-top:4px}.faq details{border-bottom:1px solid #dedbd5;padding:20px 0}.faq summary{font-weight:700;cursor:pointer;list-style:none;padding-right:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';float:right;color:#39736b}.faq details[open] summary:after{content:'–'}.faq details p{margin:13px 0 0}.checkbox-group{background:white;border-radius:15px;padding:24px;border:1px solid #e2ded6;margin-bottom:22px}.checkbox-group h3{margin:0 0 16px}.checkline{display:flex;gap:12px;align-items:start;padding:11px 0;border-bottom:1px solid #ece9e2;cursor:pointer}.checkline:last-child{border:none}.checkline input{width:19px;height:19px;accent-color:#367668;flex:none;margin-top:5px}.checkline span{font-size:.92rem;line-height:1.6;color:#435158}.checkline input:checked+span{text-decoration:line-through;color:#738079}.check-progress{display:flex;align-items:center;gap:15px;margin:0 0 30px}.progress-track{height:9px;border-radius:9px;background:#e2e2dc;overflow:hidden;flex:1}.progress-fill{height:100%;background:#3f826f;width:0;transition:.25s}.progress-label{font-weight:700;color:#397365;font-size:.86rem;min-width:57px;text-align:right}.print-only{display:none}
@media(max-width:980px){.nav{gap:13px}.nav a{font-size:.77rem}.hero-grid{min-height:590px}.hero-image img{min-width:400px}.split{gap:36px}.article-shell{gap:35px;grid-template-columns:190px 1fr}}
@media(max-width:740px){.wrap{padding:0 20px}.header-inner{height:70px}.mobile-menu{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fbf9f4;padding:20px 24px 25px;box-shadow:0 18px 25px rgba(0,0,0,.08);flex-direction:column;align-items:stretch;gap:14px}.nav.open{display:flex}.nav a{font-size:.9rem;padding:5px 0}.nav .nav-feature{text-align:center}.hero-grid{display:flex;flex-direction:column;min-height:unset;gap:0}.hero-copy{padding:64px 0 20px}.hero h1{font-size:clamp(3.2rem,12vw,5rem)}.hero-image{margin:-10px -30px 0;align-self:stretch}.hero-image img{min-width:0;width:100%;max-width:640px;margin:auto}.issue{margin-top:24px}.stats .wrap{grid-template-columns:1fr 1fr}.stat{padding:23px 5px}.stat:last-child{grid-column:span 2;border-top:1px solid rgba(255,255,255,.15)}.section{padding:65px 0}.section-title-row{display:block}.section-title-row .text-link{display:inline-block;margin-bottom:24px}.feature-grid{grid-template-columns:1fr}.feature-card .thumb{height:205px}.split{grid-template-columns:1fr}.visual img{height:300px}.footer-inner{grid-template-columns:1fr 1fr;gap:35px}.footer-inner>div:first-child{grid-column:span 2}.article-hero{padding:50px 0}.article-shell{display:block;padding-top:35px;padding-bottom:65px}.toc{position:static;margin-bottom:40px;display:flex;flex-wrap:wrap;gap:7px 17px;padding:16px 0;border-left:0;border-top:1px solid #d6d6cc;border-bottom:1px solid #d6d6cc}.toc strong{width:100%}.toc a{margin-top:0}.prose h2{font-size:1.85rem}.dark-feature .wrap{padding-top:58px;padding-bottom:58px}}
@media print{.header,.footer,.toc,.button,.article-meta,.check-progress{display:none!important}body{background:white!important;color:black}.article-shell{display:block;padding:0}.article-hero{padding:0 0 20px}.prose{max-width:none}.checkbox-group{break-inside:avoid}.print-only{display:block}}