*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.6 Arial,Helvetica,sans-serif}body.fold{--paper:#f5f0e6;--ink:#422823;--accent:#c54b29;--line:#cbbcb0;--soft:#e6decb}body.ledger{--paper:#fafaf6;--ink:#202d2a;--accent:#176358;--line:#bac6bd;--soft:#eaf0e9}.site{max-width:1480px;padding:0 54px;margin:auto}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{display:block;width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.06;font-weight:500;letter-spacing:-.035em}h1 a,h2 a,h3 a{text-decoration:none}h1 a:hover,h2 a:hover,h3 a:hover{text-decoration:underline;text-decoration-thickness:1px}p+p{margin-top:1em}.skip{position:absolute;top:-100px;left:16px;padding:10px;background:white;z-index:10}.skip:focus{top:8px}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.edition{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.12em;padding:16px 0;border-bottom:1px solid var(--line)}nav{display:flex;gap:30px;align-items:center}.kicker{font:11px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;font-weight:bold}.fine,figcaption,.byline{font-size:11px;line-height:1.55;letter-spacing:.015em}.read{display:inline-block;font-size:12px;font-weight:bold;letter-spacing:.025em;border-bottom:1px solid;padding-bottom:7px}.button{display:inline-block;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:13px 21px;font:12px/1.5 Arial,sans-serif;letter-spacing:.025em}.button:hover{background:var(--accent);border-color:var(--accent);text-decoration:none}.lede{font-size:20px;line-height:1.6;max-width:820px}header nav{font-size:12px;font-weight:bold}.section-head{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--ink);padding-top:18px;gap:20px;margin-bottom:32px}.section-head h2{font-size:38px}.section-head>a{font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card-image{display:block;overflow:hidden}.card-image img{aspect-ratio:1.5;object-fit:cover;transition:transform .45s}.card-image:hover img{transform:scale(1.035)}.card-copy{padding:21px 0}.card .kicker{display:flex;justify-content:space-between}.card h3{font-size:29px;margin:13px 0}.card p:not(.kicker){font-size:14px;line-height:1.65}.card .read{margin-top:20px}.journal{margin:80px 0}.archive{padding-bottom:80px}.category-top{padding:70px 0 50px}.category-top h1{font-size:76px;margin:15px 0 25px}footer{border-top:1px solid var(--ink);padding:45px 0 28px;display:grid;grid-template-columns:1.5fr 1fr .7fr;gap:36px}footer nav{align-items:flex-start;gap:10px;flex-direction:column;font-size:12px}footer p{font-size:12px;margin-top:10px}.footer-name{font-size:28px;letter-spacing:-.04em}footer>.fine{text-align:right;font-size:10px}.article-top{padding:64px 0 40px;max-width:1100px}.article-top>.kicker+.kicker{margin-top:32px}.article-top h1{font-size:clamp(42px,5.4vw,78px);margin:20px 0 24px;max-width:1060px}.byline{margin-top:26px;border-top:1px solid var(--line);padding-top:13px}.article-art img{max-height:560px;object-fit:cover}.article-art figcaption{padding:12px 0;color:var(--ink)}.article-grid{display:grid;grid-template-columns:240px minmax(0,820px);gap:65px;padding:52px 0 70px;justify-content:space-between}.contents{align-self:start;position:sticky;top:25px}.contents a{display:block;font-size:12px;line-height:1.55;border-bottom:1px solid var(--line);padding:13px 0}.contents .kicker{margin-bottom:12px}.prose{min-width:0}.prose section{margin-bottom:45px}.prose h2{font-size:32px;line-height:1.18;margin-bottom:18px}.prose p{font-size:17px;line-height:1.85}.sources{background:var(--soft);padding:30px;margin-top:45px}.sources p,.sources li{font-size:13px;line-height:1.8}.sources ul{padding-left:18px}.sources a{text-decoration:underline}.related{padding-bottom:65px}.about{max-width:800px;margin:0 auto 90px}.about h2{margin-top:36px}.about .button{margin-top:32px}.table-scroll{overflow-x:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left;min-width:540px;font-size:12px}caption{text-align:left;margin:0 0 15px;font-size:11px}td,th{padding:14px 10px;border-bottom:1px solid var(--line)}thead th{background:var(--ink);color:var(--paper)}tbody tr:first-child{background:var(--soft)}tbody th{font-weight:bold}.rank-entry{display:grid;grid-template-columns:65px minmax(0,1fr);gap:22px;border-top:1px solid var(--line);padding-top:28px}.rank-num{font-size:48px;line-height:1;font-family:Georgia,serif;color:var(--accent)}.rank-entry h2{margin-top:10px}.winner{background:var(--soft);padding:30px!important}.rank-entry .check{font-size:13px;line-height:1.7;margin-top:18px}.tool-links{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:22px}.tool-links>a:not(.button){font-size:11px;text-decoration:underline}.comparison{margin:50px 0}.checklist{background:var(--soft);padding:32px}.checklist label{display:flex;gap:15px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--line);font-size:15px}.checklist input{width:19px;height:19px;margin-top:3px;accent-color:var(--accent)}.checklist .button{margin-top:24px}.palette-art{height:310px;background:#e8cebc;display:flex;align-items:flex-end;justify-content:center;gap:16px;padding:40px;--one:#203d90;--two:#c44929;--three:#868d69}.palette-art span{display:block;width:24%;background:var(--one);height:100%;box-shadow:10px 10px 0 #0001;transition:background .3s}.palette-art span:nth-child(2){background:var(--two);height:50%}.palette-art span:nth-child(3){background:var(--three);height:78%;border-radius:50% 50% 0 0 / 10% 10% 0 0}.palette-art[data-palette=quiet]{--one:#716853;--two:#b7a384;--three:#ddd2bd}.palette-art[data-palette=electric]{--one:#d4ef35;--two:#7547e5;--three:#e44731}.palette-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.palette-buttons button{border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:12px;padding:10px 14px}.palette-buttons button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
/* FOLD / FORM: an oversized visual magazine, asymmetric cover and warm ink. */
.fold header{padding:24px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink)}.fold .mast{font-size:40px;letter-spacing:-.055em;font-weight:800;line-height:1}.fold .mast i{font-weight:400;color:var(--accent)}.fold .mast span{display:block;font-size:10px;font-weight:400;letter-spacing:.07em;margin-top:8px}.cover-line{display:flex;justify-content:space-between;align-items:center;padding-top:30px;font-size:11px}.fold-cover h1{font-size:clamp(65px,7.5vw,112px);line-height:.98;letter-spacing:-.055em;padding:32px 0 40px}.fold-cover h1 em{font-family:Georgia,serif;font-weight:400}.cover-grid{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(0,1fr);gap:30px}.cover-photo img{height:100%;min-height:390px;object-fit:cover}.cover-aside{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:50px 0 0}.cover-aside .vertical-word{position:absolute;right:0;top:0;font:10px/1 Arial;letter-spacing:.15em}.cover-aside h2{font-size:40px;margin:20px 0}.cover-aside>p:not(.kicker):not(.fine){font-size:14px}.cover-aside .read{margin-top:25px}.cover-aside .fine{margin-top:auto;padding-top:35px;font-size:10px}.tool-feature{background:#422823;color:#f5f0e6;display:grid;grid-template-columns:1fr 1.4fr;gap:50px;padding:54px 65px;align-items:center}.huge-ten{font-size:250px;font-weight:800;line-height:.9;letter-spacing:-.11em;color:#e5a654}.tool-feature h2{font-size:57px;margin:18px 0 24px}.tool-feature p:not(.kicker){max-width:480px;font-size:15px}.tool-feature .button{margin-top:28px;border-color:#f5f0e6;background:#f5f0e6;color:#422823}.closing-note{text-align:center;padding:100px 0;max-width:640px;margin:auto}.asterisk{font-size:65px;color:var(--accent)}.closing-note h2{font-family:Georgia,serif;font-style:italic;font-size:52px;margin:20px 0}.closing-note p{font-size:15px}.fold .article-top h1{font-family:Georgia,serif}.fold .category-top h1{font-family:Georgia,serif}
/* The Packaging Ledger: newspaper hierarchy, restrained rules and serif headlines. */
.ledger header{text-align:center}.ledger .mast{font-family:Georgia,'Times New Roman',serif;font-size:69px;font-weight:bold;letter-spacing:-.06em;display:block;line-height:1.1;margin:29px 0 9px}.ledger .mast>span{font:10px/1 Arial,sans-serif;letter-spacing:.22em;display:block;margin-bottom:6px}.ledger .strap{font-size:11px;letter-spacing:.1em;margin-bottom:25px}.ledger header nav{justify-content:center;border-top:3px double var(--ink);border-bottom:1px solid var(--ink);padding:13px 0}.ledger h1,.ledger h2,.ledger h3,.ledger .footer-name{font-family:Georgia,'Times New Roman',serif}.ledger-lead{display:grid;grid-template-columns:1.2fr 1.1fr .8fr;gap:28px;margin:40px 0 60px}.lead-story h1{font-size:46px;margin:20px 0}.lead-story .lede{font-size:16px;line-height:1.65}.lead-story .read{margin-top:24px}.editor-note{border-top:1px solid var(--line);margin-top:32px;padding-top:18px}.editor-note strong{font-size:10px;letter-spacing:.1em}.editor-note p{font-family:Georgia,serif;font-size:18px;line-height:1.45;margin-top:10px}.lead-material img{height:420px;object-fit:cover}.lead-material figcaption{margin:10px 0;font-size:9px}.lead-material>a{font-size:12px;font-weight:bold}.briefs{border-left:1px solid var(--line);padding-left:23px}.briefs>h2{font:11px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ink);padding-bottom:12px}.briefs article{padding:20px 0;border-bottom:1px solid var(--line)}.briefs h3{font-size:26px;margin:12px 0}.briefs article>p:not(.kicker){font-size:12px;line-height:1.7}.ledger-tools{background:var(--soft);border-top:4px solid var(--accent);display:grid;grid-template-columns:1.6fr 1fr;gap:65px;padding:40px 45px}.ledger-tools h2{font-size:39px;line-height:1.15;margin:14px 0 20px}.ledger-tools p:not(.kicker){font-size:14px}.ledger-tools .button{margin-top:24px}.top-three{list-style:none;padding:0;margin:0}.top-three li{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.top-three span{font:40px/1 Georgia,serif;color:var(--accent)}.top-three strong{font-family:Georgia,serif;font-size:22px}.top-three p{font-size:11px!important}.ledger-note{border-top:1px solid var(--ink);padding:45px 0 60px;max-width:780px}.ledger-note h2{font-size:42px;margin:15px 0 20px}.ledger-note p:not(.kicker){font-size:15px}.ledger-note a{display:inline-block;margin-top:20px;font-size:12px;font-weight:bold}.ledger .article-top{margin:auto;text-align:center}.ledger .article-top h1{max-width:1000px}.ledger .article-top .lede{margin:auto}.ledger .article-art img{max-height:450px}.ledger .article-top>.kicker{display:block}.ledger .byline{border-bottom:1px solid var(--line);padding:12px}.ledger .category-top h1{font-size:70px}.ledger .card-copy{border-bottom:1px solid var(--line)}
@media(min-width:1500px){.site{padding:0 70px}}@media(max-width:1100px){.site{padding:0 32px}.fold header nav{gap:20px}.cover-aside h2{font-size:31px}.fold-cover h1{font-size:80px}.ledger-lead{grid-template-columns:1.25fr 1fr}.briefs{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:25px;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.briefs>h2{grid-column:1/-1}.briefs article{padding:0 0 20px}.article-grid{grid-template-columns:180px minmax(0,1fr);gap:35px}.huge-ten{font-size:190px}.tool-feature{padding:40px;gap:35px}.tool-feature h2{font-size:45px}.ledger-tools{gap:35px}.card h3{font-size:26px}}
@media(max-width:760px){.site{padding:0 20px}.edition{font-size:8px;gap:10px}.fold header{display:block;padding:20px 0 0}.fold .mast{font-size:36px}.fold header nav{margin-top:20px;padding:13px 0;border-top:1px solid var(--line);gap:22px;font-size:11px;justify-content:space-between}.fold-cover h1{font-size:clamp(48px,9.9vw,76px);padding:25px 0 30px}.cover-grid{grid-template-columns:1fr;gap:0}.cover-photo img{min-height:0;aspect-ratio:1.5}.cover-aside{padding:28px 0;border-bottom:1px solid var(--line)}.vertical-word{display:none}.cover-aside h2{font-size:35px;margin:12px 0}.cover-aside .fine{padding-top:18px}.cards,.cards.two{grid-template-columns:1fr;gap:26px}.journal{margin:50px 0}.section-head h2{font-size:29px}.section-head>a{font-size:10px;max-width:100px;text-align:right}.card h3{font-size:31px}.card-copy{padding-top:16px}.tool-feature{grid-template-columns:1fr;padding:32px;gap:20px}.huge-ten{font-size:120px}.tool-feature h2{font-size:42px}.closing-note{padding:55px 0}.closing-note h2{font-size:40px}.ledger .mast{font-size:clamp(31px,7.5vw,51px);margin-top:23px}.ledger .strap{font-size:9px;letter-spacing:.02em}.ledger header nav{gap:17px;font-size:10px;justify-content:space-between}.ledger-lead{grid-template-columns:1fr;margin-top:26px;gap:27px}.lead-story h1{font-size:41px}.lead-material img{height:auto;aspect-ratio:1.5}.briefs{grid-template-columns:1fr;gap:0}.briefs>h2{margin-bottom:18px}.briefs article{padding:12px 0 23px}.briefs h3{font-size:28px}.ledger-tools{grid-template-columns:1fr;padding:27px;gap:25px}.ledger-tools h2{font-size:33px}.top-three strong{font-size:22px}.ledger-note h2{font-size:35px}footer{grid-template-columns:1fr 1fr;padding-top:30px;gap:25px}.footer-name{font-size:24px}footer>.fine{grid-column:1/-1;text-align:left}.article-top{padding:40px 0 25px}.article-top h1{font-size:42px;line-height:1.09}.lede{font-size:17px}.article-top>.kicker+.kicker{margin-top:25px}.article-art img{height:auto;aspect-ratio:1.5}.article-grid{grid-template-columns:1fr;gap:35px;padding:30px 0 35px}.contents{position:static;border-top:1px solid var(--line);padding-top:18px}.contents a{font-size:12px;padding:10px 0}.prose p{font-size:16px;line-height:1.85}.prose h2{font-size:29px}.prose section{margin-bottom:32px}.rank-entry{grid-template-columns:42px minmax(0,1fr);gap:14px}.rank-num{font-size:36px}.winner{padding:20px!important}.rank-entry .kicker{font-size:9px}.rank-entry h2{font-size:27px}.tool-links{gap:14px}.tool-links .button{font-size:11px;padding:10px 13px}.sources,.checklist{padding:23px}.category-top{padding:45px 0 35px}.category-top h1,.ledger .category-top h1{font-size:49px}.palette-art{height:240px;padding:30px}.related{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}