/* Theme Name: The Logistics Times Editorial Description: The approved editorial design with native WordPress articles and archives. Version: 1.1.6 Requires at least: 6.0 Requires PHP: 7.4 Text Domain: the-logistics-times-editorial License: GPL-2.0-or-later Update URI: false WPVibe: yes */ :root{--paper:#f7f6f2;--white:#fff;--ink:#18272e;--muted:#59666c;--oxide:#9a422d;--rule:#d8dcda;--wash:#eeeee7;--serif:'Source Serif 4',Georgia,serif;--sans:'IBM Plex Sans',Arial,sans-serif;--max:1320px} [hidden]{display:none!important} *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a:hover{color:var(--oxide)}:focus-visible{outline:3px solid var(--oxide);outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.13;text-wrap:balance}p{text-wrap:pretty}button{background:none;color:inherit;border:0}.wrap{max-width:var(--max);margin:auto;padding:0 36px}.skip-link{position:absolute;top:8px;left:8px;z-index:10;transform:translateY(-200%);background:var(--ink);color:white;padding:12px}.skip-link:focus{transform:none}.utility{border-bottom:1px solid var(--rule);padding-top:12px;padding-bottom:12px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.06em}.utility a{border-bottom:1px solid var(--muted)}.utility-left{display:flex;gap:22px;align-items:center}.preview-label{color:var(--oxide);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.masthead{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-top:29px;padding-bottom:28px}.mast-side{max-width:160px;font-size:11px;line-height:1.45;letter-spacing:.015em}.mast-side strong{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink)!important}.brand-the{font:600 11px/1 var(--sans);letter-spacing:.12em;writing-mode:vertical-rl;transform:rotate(180deg);padding-right:2px}.brand-name{font:600 clamp(30px,4.5vw,66px)/.95 var(--serif);letter-spacing:-.055em}.mast-search{justify-self:end;display:flex;align-items:center;gap:8px;border:1px solid var(--muted);padding:0 10px;min-height:44px;width:180px;background:transparent}.mast-search input{min-width:0;width:100%;background:transparent;border:0;font-size:13px;outline-offset:4px;color:var(--ink)}.mast-search button{display:flex;min-width:30px;min-height:42px;align-items:center;justify-content:center}.icon{width:18px;height:18px;vertical-align:middle;flex-shrink:0}.primary-nav{border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:54px;font-size:13px;font-weight:500}.primary-nav>a{display:flex;align-items:center;min-height:48px;padding:5px 3px;white-space:nowrap}.primary-nav>a.active{color:var(--oxide);box-shadow:inset 0 -3px var(--oxide)}.nav-special{color:var(--oxide);margin-left:10px;border-left:1px solid var(--rule);padding-left:20px!important}.menu-toggle{display:none;min-height:44px;border:1px solid var(--muted);padding:0 15px;font-weight:600;font-size:12px;align-items:center;gap:8px}.edition-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:51px;border-bottom:1px solid var(--rule);font-size:11px}.edition-bar p{letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.edition-links{display:flex;align-items:center;gap:20px}.edition-links a{min-height:44px;display:flex;align-items:center;font-weight:500}.edition-links a.current{color:var(--oxide)}main{min-height:50vh}.home-lead{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:36px;padding:36px 0 38px;border-bottom:1px solid var(--ink)}.lead-story{min-width:0}.lead-photo{aspect-ratio:1.92;overflow:hidden;background:var(--wash)}.lead-photo img{width:100%;height:100%;object-fit:cover}.photo-wrap{position:relative;background:var(--wash);overflow:hidden}.photo-wrap img{width:100%;height:100%;object-fit:cover}.photo-wrap .image-fallback{display:none}.photo-wrap.is-missing img{display:none}.photo-wrap.is-missing .image-fallback{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border:1px solid var(--muted);font:500 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.image-credit{font-size:10px;color:var(--muted);padding-top:6px;text-align:right;line-height:1.5}.image-credit a{text-decoration:underline;text-underline-offset:2px}.eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;line-height:1.5;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.eyebrow .format{color:var(--oxide)}.lead-story .eyebrow{margin-top:22px}.lead-title{font-size:clamp(36px,4vw,57px);letter-spacing:-.035em;max-width:750px;margin:10px 0 14px}.lead-title a:hover,.headline a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.standfirst{color:var(--muted);font-family:var(--serif);font-size:19px;line-height:1.5;max-width:65ch}.meta{display:flex;gap:11px;flex-wrap:wrap;font-size:11px;color:var(--muted);line-height:1.5;margin-top:16px}.meta>span+span:before{content:'ยท';padding-right:11px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px}.section-heading h2{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.section-heading a{font-size:12px;border-bottom:1px solid var(--muted);min-height:32px;display:flex;align-items:center;gap:10px}.secondary{border-left:1px solid var(--rule);padding-left:30px;min-width:0}.secondary .section-heading{padding-bottom:14px;border-bottom:1px solid var(--ink);margin-bottom:0}.secondary-story{border-bottom:1px solid var(--rule);padding:19px 0}.secondary-story:first-of-type{padding-top:17px}.secondary-story:last-child{border:0;padding-bottom:0}.headline{font-size:clamp(21px,2.3vw,29px);letter-spacing:-.02em;margin-top:8px}.secondary-story p{font-size:13px;color:var(--muted);line-height:1.55;margin-top:9px}.secondary-story .meta{margin-top:10px}.section{padding:34px 0 38px;border-bottom:1px solid var(--ink)}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.story-card{min-width:0}.story-card:not(:last-child){border-right:1px solid var(--rule);padding-right:24px}.card-photo{aspect-ratio:1.52;margin-bottom:17px}.story-card h3{font-size:25px;letter-spacing:-.023em;margin-top:8px}.story-card p{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.55}.card-meta{font-size:10px;color:var(--muted);margin-top:14px;letter-spacing:.03em}.trade-panel{margin:36px 0;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1.08fr 1fr;min-height:370px}.trade-copy{padding:36px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.trade-copy .eyebrow{color:#d4b7a8}.trade-copy h2{font-size:clamp(42px,5.2vw,72px);letter-spacing:-.04em;margin:16px 0}.trade-copy p{font-family:var(--serif);font-size:18px;line-height:1.6;max-width:39ch;color:#dedfd9}.trade-copy a.cta{margin-top:26px;background:var(--paper);color:var(--ink);min-height:44px;display:inline-flex;gap:22px;align-items:center;padding:10px 18px;font-size:12px;font-weight:600;border:1px solid var(--paper)}.trade-visual{display:flex;flex-direction:column;min-height:300px}.trade-visual .photo-wrap{flex:1;min-height:280px}.trade-visual .image-credit{color:#dedfd9;padding:7px 12px}.trade-visual .image-credit a:hover{color:#d4b7a8}.split-section{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:36px}.warehouse-feature{display:grid;grid-template-columns:1fr 1.05fr;gap:25px;align-items:start}.warehouse-feature .photo-wrap{aspect-ratio:.93}.warehouse-feature h3{font-size:34px;letter-spacing:-.03em;margin:12px 0}.warehouse-feature p{color:var(--muted);font-size:14px}.warehouse-feature .text-link{margin-top:24px}.compact-list{border-left:1px solid var(--rule);padding-left:30px}.compact-story{padding:16px 0;border-bottom:1px solid var(--rule)}.compact-story:first-child{padding-top:0}.compact-story:last-child{border:0;padding-bottom:0}.compact-story h3{font-size:23px;letter-spacing:-.015em;margin-top:7px}.text-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;border-bottom:1px solid var(--ink);font-size:12px;font-weight:500}.regions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.region{padding-right:30px;border-right:1px solid var(--rule);min-width:0}.region:last-child{padding:0;border:0}.region-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}.region-header h3{font-family:var(--sans);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.region-header span{font-size:10px;color:var(--muted)}.region-story{margin-bottom:18px}.region-story h4{font:600 23px/1.2 var(--serif);letter-spacing:-.015em;margin:8px 0 0;text-wrap:balance}.archive-invite{margin:36px 0;padding:32px 38px;border:1px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;background:var(--wash)}.archive-invite h2{font-size:38px;letter-spacing:-.035em;margin:8px 0 12px}.archive-invite p{font-size:14px;color:var(--muted);max-width:48ch}.archive-search{display:flex;border:1px solid var(--ink);background:var(--paper);min-height:54px}.archive-search input{padding:12px 15px;background:transparent;border:0;width:100%;min-width:0;color:var(--ink)}.archive-search button{min-width:54px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.search-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.tag{display:inline-flex;min-height:32px;align-items:center;padding:4px 10px;border:1px solid var(--muted);font-size:11px;background:var(--paper);line-height:1.4}.tag:hover{border-color:var(--oxide)}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}.topic-tile{border-top:1px solid var(--rule);display:flex;gap:18px;padding:20px 0;min-height:96px;align-items:center}.topic-number{font:400 32px var(--serif);color:var(--oxide);min-width:35px}.topic-name{font-family:var(--serif);font-weight:600;font-size:21px;line-height:1.15;display:block}.topic-count{display:block;font-size:10px;color:var(--muted);margin-top:7px}.topic-tile>.icon{margin-left:auto}.footer{background:var(--ink);color:var(--paper);margin-top:45px;padding:36px 0 20px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;padding-bottom:30px}.footer-brand{font:600 35px/1 var(--serif);letter-spacing:-.04em;display:inline-block}.footer p{font-size:12px;max-width:36ch;color:#c5cece;margin-top:14px}.footer h2{font:600 10px var(--sans);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.footer-links{display:flex;flex-direction:column;gap:3px;font-size:12px}.footer-links a{min-height:30px;display:flex;align-items:center}.footer a:hover{color:#d4b7a8}.footer-bottom{border-top:1px solid #657477;padding-top:18px;font-size:10px;color:#c5cece;display:flex;justify-content:space-between;gap:20px}.page-heading{padding:38px 0 30px;border-bottom:1px solid var(--ink)}.page-heading h1{font-size:clamp(38px,5vw,63px);letter-spacing:-.04em;margin:10px 0 13px}.page-heading .standfirst{font-size:19px;max-width:68ch}.breadcrumbs{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:28px 0 20px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.article-head{max-width:960px;margin:auto;text-align:center;padding:20px 0 30px}.article-head .eyebrow{justify-content:center}.article-head h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.045em;margin:18px 0 20px}.article-head .standfirst{margin:auto;max-width:64ch;font-size:22px}.article-head .meta{justify-content:center;margin-top:24px}.draft-note{display:inline-block;color:var(--oxide);border:1px solid var(--oxide);padding:3px 8px;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.article-image{max-width:1050px;margin:0 auto 35px}.article-image .photo-wrap{aspect-ratio:2.05}.reading-layout{display:grid;grid-template-columns:180px minmax(0,760px) 1fr;gap:36px;align-items:start}.article-sidebar{font-size:11px}.article-sidebar h2{font:600 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;padding-bottom:12px;border-bottom:1px solid var(--rule)}.article-sidebar a{display:block;min-height:35px;padding:9px 0;font-size:11px;line-height:1.5;color:var(--muted)}.share-tools{margin-top:25px;border-top:1px solid var(--rule);padding-top:15px}.share-tools button{display:flex;gap:9px;min-height:44px;align-items:center;font-size:11px;line-height:1.35}.share-feedback{font-size:11px;color:var(--oxide);margin-top:7px;overflow-wrap:anywhere}.article-body{font:400 20px/1.7 var(--serif);max-width:72ch;overflow-wrap:anywhere}.article-body>p:first-child:first-letter{font-size:64px;line-height:.9;float:left;padding-right:9px;padding-top:9px;color:var(--oxide)}.article-body p{margin-bottom:22px}.article-body h2{font-size:29px;letter-spacing:-.02em;margin:34px 0 17px}.article-body h3{font-size:24px;margin:26px 0 12px}.article-body ul,.article-body ol{padding-left:24px;margin:0 0 25px}.article-body li{margin:8px 0}.article-body blockquote{border-left:3px solid var(--oxide);margin:25px 0;padding:8px 0 8px 24px;font-size:24px}.article-body a{text-decoration:underline;color:var(--oxide)}.article-body table{display:block;overflow-x:auto;border-collapse:collapse;width:100%;font:400 15px/1.5 var(--sans);margin:24px 0}.article-body th,.article-body td{text-align:left;border:1px solid var(--muted);padding:10px}.source-notes{border-top:1px solid var(--ink);margin-top:32px;padding-top:20px;font-family:var(--sans)}.source-notes h2{font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px}.source-notes ol{font-size:13px;padding-left:18px;line-height:1.6}.source-notes li{margin-bottom:15px}.source-notes a{color:var(--ink)}.source-notes small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.editorial-disclosure{font:400 12px/1.7 var(--sans);border:1px solid var(--muted);padding:15px;margin:25px 0;color:var(--muted)}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.related{margin-top:40px}.filter-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:40px;margin:30px 0}.filter-panel{align-self:start;background:var(--wash);padding:21px;border:1px solid var(--muted)}.filter-panel h2{font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;font-size:12px}.field label{font-weight:500}.field input,.field select,.field textarea{width:100%;padding:10px;background:var(--paper);border:1px solid var(--muted);border-radius:0;color:var(--ink);min-height:44px;font-size:13px}.field textarea{min-height:140px;resize:vertical}.button{min-height:44px;display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:10px 16px;border:1px solid var(--ink);font-size:12px;font-weight:600;background:var(--ink);color:var(--paper)}a.button:hover{color:var(--paper);background:var(--oxide);border-color:var(--oxide)}.button.secondary-button{background:var(--paper);color:var(--ink)}.filter-panel .button{width:100%;margin-bottom:7px}.filter-panel .clear-link{display:flex;min-height:44px;align-items:center;justify-content:center;font-size:11px;text-decoration:underline}.result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--ink);padding-bottom:15px;margin-bottom:0;font-size:12px}.result-toolbar label{font-size:11px}.result-toolbar select{border:1px solid var(--muted);min-height:44px;background:var(--paper);color:var(--ink);padding:8px;font-size:12px}.active-filters{display:flex;gap:7px;flex-wrap:wrap;padding:13px 0}.active-filters:empty{display:none}.result-row{display:grid;grid-template-columns:135px minmax(0,1fr);gap:23px;border-bottom:1px solid var(--rule);padding:23px 0;align-items:start}.result-row.text-only{grid-template-columns:1fr}.result-photo{aspect-ratio:1.33}.result-row h2{font-size:27px;letter-spacing:-.025em;margin:7px 0 9px}.result-row p{font-size:13px;line-height:1.6;color:var(--muted);max-width:73ch}.result-row .meta{margin-top:12px}.pagination{display:flex;gap:7px;flex-wrap:wrap;padding:25px 0;align-items:center;font-size:12px}.pagination a{min-width:44px;min-height:44px;border:1px solid var(--muted);padding:10px;display:flex;align-items:center;justify-content:center}.pagination .current{background:var(--ink);border-color:var(--ink);color:var(--paper)}.pagination .page-info{margin-left:auto;color:var(--muted);font-size:11px}.empty-state{text-align:center;border:1px solid var(--muted);padding:50px 25px;margin-top:25px}.empty-state h2{font-size:32px;margin-bottom:12px}.empty-state p{color:var(--muted);font-size:14px;margin-bottom:20px}.search-page-form{margin-top:25px;max-width:820px}.search-page-form .archive-search input{font-size:17px}.search-page-form .archive-search button{min-width:100px;font-size:13px;gap:10px}.topic-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:36px 0;border-bottom:1px solid var(--ink)}.topic-intro h1{font-size:56px;letter-spacing:-.04em;margin:10px 0 17px}.topic-intro .photo-wrap{aspect-ratio:1.7}.topic-intro p{font:400 20px/1.5 var(--serif);color:var(--muted)}.topics-intro{max-width:700px}.topics-intro .page-heading{border:0}.full-topic{display:grid;grid-template-columns:1fr 1.7fr;gap:36px;padding:30px 0;border-top:1px solid var(--ink)}.full-topic h2{font-size:32px;letter-spacing:-.025em}.full-topic p{font-size:13px;color:var(--muted);margin-top:12px}.full-topic .text-link{margin-top:15px}.topic-links{display:grid;grid-template-columns:1fr 1fr;gap:20px}.topic-links article{padding-right:20px;border-right:1px solid var(--rule)}.topic-links article:last-child{border:0}.topic-links h3{font-size:24px;letter-spacing:-.02em;margin-top:8px}.reading-page{max-width:790px;margin:40px auto;font-family:var(--serif);font-size:19px;line-height:1.7}.reading-page h1{font-size:53px;letter-spacing:-.04em;margin-bottom:20px}.reading-page h2{font-size:29px;margin:30px 0 14px}.reading-page p{margin-bottom:20px}.reading-page ul{padding-left:24px}.reading-page a{text-decoration:underline;color:var(--oxide)}.reading-page .eyebrow{font-family:var(--sans);margin-bottom:15px}.form-demo{padding:25px;border:1px solid var(--muted);margin-top:25px;background:var(--wash);font-family:var(--sans);font-size:14px}.form-demo h2{font:600 20px var(--serif);margin:0 0 14px}.form-demo .field{margin-bottom:20px}.form-note{font-size:12px!important;color:var(--muted)}.form-message{min-height:24px;font:500 13px/1.6 var(--sans);color:var(--oxide);margin-top:14px}.check-field{display:flex;align-items:flex-start;gap:10px;margin:15px 0;font-size:12px;line-height:1.6}.check-field input{width:20px;height:20px;flex-shrink:0;accent-color:var(--oxide)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-filter-toggle{display:none}.draft-scope{font-size:11px;color:var(--muted);line-height:1.5;margin-top:15px}.status-patterns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.status-pattern{border:1px solid var(--muted);padding:20px;font-size:13px}.status-pattern h2{font:600 18px var(--serif);margin-bottom:10px}.status-pattern button{margin-top:15px}.skeleton{height:18px;background:var(--rule);margin-bottom:10px}.skeleton.short{width:60%}.print-only{display:none} .footer :focus-visible,.trade-panel :focus-visible{outline-color:var(--paper)} @media(min-width:1600px){.wrap{padding:0 45px}} @media(max-width:1100px){.wrap{padding:0 25px}.masthead{grid-template-columns:140px 1fr 150px;gap:15px}.mast-search{width:150px}.brand-name{font-size:48px}.primary-nav{font-size:11px;gap:7px}.nav-special{padding-left:10px!important;margin-left:0}.home-lead{gap:25px}.secondary{padding-left:24px}.lead-title{font-size:44px}.story-grid{gap:18px}.story-card:not(:last-child){padding-right:18px}.story-card h3{font-size:23px}.trade-copy{padding:30px}.warehouse-feature{grid-template-columns:.9fr 1fr;gap:20px}.warehouse-feature h3{font-size:29px}.reading-layout{grid-template-columns:150px minmax(0,760px);gap:25px}.compact-list{padding-left:25px}.split-section{gap:25px}.article-body{font-size:19px}.filter-layout{gap:25px;grid-template-columns:200px minmax(0,1fr)}} @media(max-width:800px){.utility{font-size:10px;gap:12px}.utility-left{gap:12px}.masthead{grid-template-columns:1fr auto;gap:15px;padding-top:24px;padding-bottom:24px}.mast-side{display:none}.brand-name{font-size:51px}.mast-search{width:190px}.primary-nav{font-size:11px;flex-wrap:wrap;justify-content:flex-start;gap:0 20px;padding:5px 0}.primary-nav>a{min-height:38px}.home-lead{grid-template-columns:1.5fr 1fr;gap:22px;padding-top:28px}.secondary{padding-left:20px}.secondary-story{padding:15px 0}.secondary-story p{display:none}.headline{font-size:24px}.lead-photo{aspect-ratio:1.4}.lead-title{font-size:38px}.standfirst{font-size:18px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}.story-card:nth-child(2){border-right:0;padding-right:0}.story-card:not(:last-child){padding-right:24px}.trade-panel{grid-template-columns:1fr 1fr;min-height:320px}.trade-copy{padding:28px}.trade-copy h2{font-size:49px}.trade-copy p{font-size:17px}.split-section{grid-template-columns:1fr}.compact-list{border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.compact-story{border:0;padding:0}.regions{gap:20px}.region{padding-right:20px}.region-story h4{font-size:21px}.archive-invite{padding:28px;gap:25px;grid-template-columns:1.1fr 1fr}.archive-invite h2{font-size:32px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-name{font-size:20px}.reading-layout{grid-template-columns:1fr;max-width:740px;margin:auto}.article-sidebar{display:flex;align-items:center;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:10px 0;gap:25px}.article-sidebar>.contents{display:none}.share-tools{display:flex;gap:20px;border:0;margin:0;padding:0}.share-feedback{margin:0}.article-head h1{font-size:49px}.article-head .standfirst{font-size:20px}.filter-layout{grid-template-columns:180px minmax(0,1fr);gap:22px}.filter-panel{padding:18px}.result-row{grid-template-columns:100px minmax(0,1fr);gap:18px}.result-row h2{font-size:25px}.topic-intro{gap:25px}.topic-intro h1{font-size:43px}.topic-intro p{font-size:18px}.full-topic{grid-template-columns:1fr 1.5fr;gap:25px}.full-topic h2{font-size:28px}.topic-links h3{font-size:22px}.footer-top{grid-template-columns:1.5fr 1fr 1fr;gap:25px}.footer-brand{font-size:30px}} @media(max-width:600px){.wrap{padding:0 18px}.utility{padding:9px 0;min-height:35px}.utility-left .prepared-date{display:none}.utility-right{font-size:9px}.utility-right a:first-child{display:none}.masthead{grid-template-columns:1fr auto;gap:8px;padding-top:22px;padding-bottom:19px}.brand{gap:6px}.brand-name{font-size:clamp(27px,7.7vw,44px);letter-spacing:-.06em}.brand-the{font-size:8px}.mast-search{display:none}.menu-toggle{display:flex;min-height:40px;font-size:11px;padding:0 10px;gap:5px}.menu-toggle .icon{width:15px}.primary-nav{display:none;border-top:1px solid var(--ink);padding:10px 0;gap:0;grid-template-columns:1fr 1fr}.primary-nav.is-open{display:grid}.primary-nav>a{font-size:12px;min-height:44px;padding:8px}.nav-special{border:0;padding-left:8px!important;margin:0}.edition-bar{border-top:2px solid var(--ink);min-height:48px;gap:10px}.edition-bar p{font-size:9px;letter-spacing:.025em;max-width:130px}.edition-links{gap:14px;font-size:11px}.home-lead{grid-template-columns:1fr;padding:23px 0 28px;gap:28px}.lead-photo{aspect-ratio:1.5}.lead-story .eyebrow{margin-top:18px;font-size:10px}.lead-title{font-size:39px;margin:10px 0 13px;letter-spacing:-.04em}.standfirst{font-size:18px}.lead-story .meta{margin-top:15px}.secondary{border-left:0;padding:23px 0 0;border-top:1px solid var(--ink)}.secondary .section-heading{padding-bottom:12px}.secondary-story{display:block;padding:18px 0}.secondary-story p{display:block;font-size:13px}.headline{font-size:27px}.secondary-story .meta{font-size:10px}.eyebrow{font-size:10px;letter-spacing:.08em;gap:8px}.section{padding:25px 0 28px}.section-heading{gap:12px;margin-bottom:20px}.section-heading h2{font-size:11px;letter-spacing:.08em}.section-heading a{font-size:10px;gap:8px}.story-grid{gap:24px 16px}.story-card:not(:last-child){padding-right:16px}.story-card:nth-child(2){padding-right:0}.card-photo{aspect-ratio:1.22;margin-bottom:13px}.story-card h3{font-size:23px;margin-top:8px}.story-card p{display:none}.card-meta{font-size:10px;margin-top:12px}.trade-panel{margin:27px 0;grid-template-columns:1fr}.trade-copy{padding:27px}.trade-copy h2{font-size:58px;line-height:1.03;max-width:7ch;margin:14px 0}.trade-copy p{font-size:18px;max-width:32ch}.trade-visual{min-height:240px}.trade-visual .photo-wrap{height:230px;min-height:230px}.trade-visual .image-credit{font-size:9px}.warehouse-feature{grid-template-columns:1fr}.warehouse-feature .photo-wrap{aspect-ratio:1.55}.warehouse-feature h3{font-size:34px}.warehouse-feature p{font-size:14px}.warehouse-feature .eyebrow{margin-top:0}.compact-list{grid-template-columns:1fr;gap:0}.compact-story{border-bottom:1px solid var(--rule);padding:18px 0}.compact-story:first-child{padding-top:0}.compact-story h3{font-size:26px}.regions{grid-template-columns:1fr;gap:24px}.region{border-right:0;border-bottom:1px solid var(--rule);padding:0 0 20px}.region:last-child{padding:0}.region-header{margin-bottom:15px}.region-story h4{font-size:25px}.region-story{margin-bottom:20px}.archive-invite{grid-template-columns:1fr;margin:27px 0;padding:24px;gap:24px}.archive-invite h2{font-size:36px}.archive-invite p{font-size:14px}.topic-grid{grid-template-columns:1fr;gap:0}.topic-tile{min-height:92px;padding:19px 0}.topic-name{font-size:24px}.topic-number{font-size:32px;min-width:36px}.footer{margin-top:28px;padding-top:28px}.footer-top{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-top>div:first-child{grid-column:1/-1}.footer-brand{font-size:36px}.footer-bottom{flex-direction:column;gap:9px;font-size:10px}.page-heading{padding:28px 0}.page-heading h1{font-size:44px;margin:10px 0 15px}.page-heading .standfirst{font-size:18px}.breadcrumbs{font-size:10px;gap:8px;margin-top:24px}.article-head{text-align:left;padding:12px 0 25px}.article-head .eyebrow{justify-content:flex-start}.article-head h1{font-size:43px;line-height:1.07;letter-spacing:-.045em;margin-top:14px}.article-head .standfirst{font-size:20px}.article-head .meta{justify-content:flex-start;gap:9px;font-size:10px;margin-top:20px}.article-image{margin:0 -18px 22px}.article-image .photo-wrap{aspect-ratio:1.55}.article-image .image-credit{padding:6px 18px;font-size:9px}.reading-layout{gap:20px}.article-sidebar{gap:15px}.share-tools{gap:17px}.article-body{font-size:19px;line-height:1.7}.article-body h2{font-size:28px;margin:29px 0 15px}.article-body>p:first-child:first-letter{font-size:58px;padding-top:10px}.source-notes{padding-top:20px}.source-notes ol{font-size:13px}.editorial-disclosure{font-size:12px}.filter-layout{display:block;margin-top:23px}.mobile-filter-toggle{display:flex;margin-bottom:16px;width:100%;border:1px solid var(--muted);min-height:44px;align-items:center;justify-content:space-between;padding:10px 15px;font-size:12px;background:var(--wash)}.filter-panel{display:none;margin-bottom:22px}.filter-panel.is-open{display:block}.filter-panel form{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px}.filter-panel h2{display:none}.filter-panel .field{margin:0 0 8px}.filter-panel .button{grid-column:1/-1}.filter-panel .clear-link{grid-column:1/-1}.result-toolbar{gap:15px;padding-bottom:13px;font-size:11px}.result-toolbar select{font-size:11px;max-width:135px}.result-toolbar label{display:none}.result-row{grid-template-columns:80px minmax(0,1fr);gap:15px;padding:20px 0}.result-photo{aspect-ratio:.9}.result-row h2{font-size:24px;margin:7px 0 8px;line-height:1.15}.result-row p{font-size:12px;line-height:1.55}.result-row .meta{font-size:10px;gap:7px}.result-row .meta>span+span:before{padding-right:7px}.pagination{gap:6px}.pagination .page-info{width:100%;margin-top:7px;margin-left:0}.search-page-form .archive-search input{font-size:14px;padding:11px}.search-page-form .archive-search button{min-width:48px;font-size:0;gap:0}.topic-intro{grid-template-columns:1fr;padding:28px 0;gap:22px}.topic-intro h1{font-size:46px}.topic-intro p{font-size:19px}.topic-intro .photo-wrap{aspect-ratio:1.7}.full-topic{grid-template-columns:1fr;padding:24px 0;gap:25px}.full-topic h2{font-size:32px}.full-topic .text-link{margin-top:5px}.topic-links{gap:16px}.topic-links h3{font-size:23px}.topic-links article{padding-right:16px}.reading-page{margin:28px 0;font-size:18px}.reading-page h1{font-size:43px}.reading-page h2{font-size:27px}.form-demo{padding:20px}.status-patterns{grid-template-columns:1fr}.empty-state{padding:37px 20px}.empty-state h2{font-size:31px}.meta{font-size:10px}.image-credit{font-size:9px}} @media(max-width:350px){.wrap{padding:0 14px}.brand-name{font-size:26px}.menu-toggle{padding:0 8px;font-size:10px}.edition-links{gap:11px;font-size:10px}.edition-bar p{font-size:8px;max-width:110px}.lead-title{font-size:35px}.story-card h3{font-size:21px}.article-head h1{font-size:36px}.result-row{grid-template-columns:1fr}.result-photo{display:none}.result-row h2{font-size:27px}.article-image{margin-left:-14px;margin-right:-14px}.trade-copy{padding:24px}.topic-name{font-size:23px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}} @media print{body{background:white}.utility,.mast-search,.primary-nav,.edition-bar,.footer,.article-sidebar,.related,.menu-toggle{display:none}.wrap{max-width:none;padding:0}.masthead{display:block;text-align:center;border-bottom:1px solid}.brand{justify-content:center}.brand-name{font-size:30px}.article-head h1{font-size:34px}.article-head .standfirst{font-size:18px}.article-image{max-width:650px}.reading-layout{display:block}.article-body{font-size:12pt;max-width:none}.article-body h2{font-size:19pt;break-after:avoid}.source-notes,.editorial-disclosure{break-inside:avoid}.print-only{display:block}} /* Tools & Decision Desk, using the magazine's existing design tokens. */ .desk-heading h1{max-width:22ch} .desk-heading .standfirst{max-width:65ch} .desk-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:32px 0 40px} .desk-tool-card{padding:32px;background:var(--wash);border-top:3px solid var(--ink);display:flex;flex-direction:column;align-items:flex-start} .desk-tool-card h2{font-size:38px;letter-spacing:-.03em;margin:18px 0} .desk-tool-card p{max-width:49ch;font-size:17px} .desk-tool-card ul{padding-left:18px;color:var(--muted);font-size:14px;margin:20px 0 28px} .desk-tool-card li+li{margin-top:8px} .desk-tool-card .button{margin-top:auto} .desk-next{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--ink);padding:28px 0} .desk-next h2{font-size:30px;margin-top:12px;max-width:22ch} .desk-next p{color:var(--muted);font-size:15px;align-self:center;max-width:58ch} .desk-teaser{display:grid;grid-template-columns:1fr 1fr;gap:52px;background:var(--ink);color:var(--paper);padding:38px;margin:30px 0} .desk-teaser h2{font-size:41px;letter-spacing:-.03em;margin:12px 0 16px} .desk-teaser p{font-size:16px;max-width:36ch;margin-bottom:22px;color:#c5cece} .desk-teaser .eyebrow{color:#d4b7a8} .desk-teaser a:hover{color:#d4b7a8} .desk-teaser .text-link{font-size:12px;display:inline-flex;align-items:center;gap:16px} .desk-teaser-links{align-self:center;min-width:0} .desk-teaser-links>a{display:grid;grid-template-columns:1fr auto;gap:6px 18px;padding:22px 0;border-top:1px solid #59666c} .desk-teaser-links>a:last-child{border-bottom:1px solid #59666c} .desk-teaser-links>a>span:first-child{font-family:var(--serif);font-size:25px;line-height:1.2} .desk-teaser-links>a>span:last-child{grid-column:2;grid-row:1/3;align-self:center;font-size:22px} .desk-teaser-links small{color:#c5cece;font-size:13px} .desk-workspace{display:grid;grid-template-columns:minmax(310px,.85fr) minmax(0,1.5fr);gap:30px;padding:30px 0} .desk-workspace>*{min-width:0} .desk-input-panel{padding:24px;background:var(--wash);align-self:start} .desk-panel-title{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:13px} .desk-panel-title h2{font-family:var(--sans);font-size:15px;font-weight:600} .desk-text-button{background:none;border:0;padding:8px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px;color:var(--oxide);font-size:12px} .desk-sample{font-size:12px;color:var(--muted);padding-bottom:18px;line-height:1.55} .desk-sample-result{font-size:12px;color:var(--muted);padding:0 0 14px} .desk-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px} .desk-input-panel .field{font-size:12px;margin-bottom:16px} .desk-input-panel .field input,.desk-input-panel .field select{background:var(--paper);font-size:14px;min-width:0} .desk-input-panel fieldset{border:0;border-top:1px solid var(--rule);margin:12px 0 18px;padding:18px 0 0;min-width:0} .desk-input-panel legend{padding:0 10px 0 0;font-size:13px;font-weight:600} .desk-input-panel input[type=range]{padding:0;accent-color:var(--oxide);border:0;background:none} .desk-input-panel output{float:right;color:var(--oxide);font-variant-numeric:tabular-nums} .desk-range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:-8px} .desk-error{font-size:13px;color:var(--oxide);margin-top:13px;min-height:0} .desk-error:empty{display:none} [data-stale="true"]{opacity:.6} .desk-output-actions button:disabled{opacity:.5} .desk-output-panel{padding:6px 0 0} .desk-result-heading h2{font-size:34px;letter-spacing:-.025em;margin:10px 0} .desk-result-heading p{font-size:14px;color:var(--muted);line-height:1.6} .desk-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 30px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:20px 0} .desk-metrics>div{min-width:0} .desk-metrics span,.desk-metrics small{display:block;font-size:12px;color:var(--muted)} .desk-metrics strong{font-family:var(--serif);font-size:25px;font-weight:600;display:block;line-height:1.2;margin:8px 0} .desk-metrics small{font-size:11px;line-height:1.5} .desk-timeline{padding:0 0 25px} .desk-timeline-axis{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;margin:0 0 18px} .desk-lane{margin:15px 0} .desk-lane>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:0 0 10px} .desk-lane strong{font-weight:500} .desk-lane>div:first-child span{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)} .desk-track{height:3px;background:var(--rule);position:relative;margin:0 6px} .desk-marker{position:absolute;top:-4px;height:11px;width:11px;background:var(--muted);transform:translateX(-50%);border-radius:50%} .desk-marker.delayed{background:var(--oxide)} .desk-marker.deadline{background:var(--ink);border-radius:0} .desk-marker.expedited{background:var(--ink)} .desk-subhead h3{font-size:26px;margin-bottom:10px} .desk-table-scroll{overflow-x:auto;width:100%;margin:20px 0;overscroll-behavior-x:contain} .desk-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.55} .desk-table th,.desk-table td{border-top:1px solid var(--rule);padding:14px 12px;vertical-align:top;overflow-wrap:anywhere} .desk-table thead th{font-family:var(--sans);font-size:12px;background:var(--wash);font-weight:600} .desk-table tbody th{font-family:var(--sans);font-weight:500} .desk-table td{font-variant-numeric:tabular-nums} .desk-table th:first-child,.desk-table td:first-child{padding-left:10px} .desk-table tr:last-child>*{border-bottom:1px solid var(--rule)} .desk-action-note{border-left:3px solid var(--oxide);padding:4px 0 4px 18px;margin:25px 0} .desk-action-note strong{font-size:15px;font-weight:600} .desk-action-note p{font-size:13px;color:var(--muted);margin-top:7px;max-width:64ch} .desk-assumptions,.desk-provider-questions details{font-size:13px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:15px 0;margin:20px 0} .desk-assumptions summary,.desk-provider-questions summary{font-weight:500;min-height:30px;cursor:pointer} .desk-assumptions ul,.desk-provider-questions ol{padding-left:20px;line-height:1.7;color:var(--muted);margin-bottom:0} .desk-assumptions li+li,.desk-provider-questions li+li{margin-top:10px} .desk-output-actions{display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap;margin:24px 0 14px} .desk-local-note{font-size:12px;color:var(--muted);line-height:1.6;max-width:80ch} .desk-quote-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:28px 0} .desk-quote-toolbar p{font-size:14px;color:var(--muted);max-width:57ch} .desk-quote-toolbar .button{flex-shrink:0} .desk-quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px} .desk-quote-card{padding:24px;border:1px solid var(--rule);background:var(--wash);margin:0;min-width:0} .desk-quote-card legend{font-family:var(--serif);font-size:23px;line-height:1.2;padding:0 10px} .desk-quote-card .field input,.desk-quote-card .field textarea{font-size:14px;line-height:1.6} .desk-quote-card textarea{min-height:290px;resize:vertical} .desk-quote-card .field:last-child{margin-bottom:0} .desk-quote-output{border-top:2px solid var(--ink);padding-top:26px;margin-top:38px} .desk-quote-table{table-layout:fixed;min-width:630px} .desk-quote-table th:first-child{width:21%} .desk-term-status{font-weight:500;color:var(--oxide);display:block;margin-bottom:6px;font-size:12px} .desk-term-status.desk-included{color:var(--ink)} .desk-quote-table td small{font-size:11px;color:var(--muted)} .desk-quote-table summary{font-size:12px;color:var(--muted);cursor:pointer;min-height:32px} .desk-quote-table blockquote{margin:8px 0;padding:0 0 0 10px;border-left:2px solid var(--rule);font-size:12px;color:var(--ink);white-space:pre-wrap} .desk-provider-questions details+details{border-top:0;margin-top:-20px} @media(max-width:1100px){ .primary-nav{flex-wrap:wrap;justify-content:flex-start;gap:0 19px;padding:5px 0} .primary-nav>a{min-height:38px} .desk-workspace{grid-template-columns:minmax(300px,.85fr) minmax(0,1.2fr);gap:24px} .desk-input-panel{padding:20px} .desk-metrics{gap:12px} .desk-metrics strong{font-size:22px} } @media(max-width:850px){ .desk-workspace{grid-template-columns:1fr;gap:28px} .desk-input-panel{padding:24px} .desk-input-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px} .desk-input-panel fieldset .desk-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .desk-metrics strong{font-size:26px} .desk-teaser{gap:30px;padding:30px} .desk-teaser h2{font-size:35px} .desk-teaser-links>a>span:first-child{font-size:23px} .desk-tool-card{padding:25px} .desk-tool-card h2{font-size:32px} } @media(max-width:600px){ .primary-nav{gap:0;padding:10px 0} .primary-nav>a{min-height:44px} .desk-card-grid,.desk-next,.desk-teaser{grid-template-columns:1fr;gap:22px} .desk-card-grid{padding-top:24px} .desk-tool-card{padding:25px} .desk-tool-card h2{font-size:34px} .desk-tool-card p{font-size:16px} .desk-next{padding:24px 0} .desk-next h2{font-size:29px;max-width:25ch} .desk-teaser{padding:25px;margin:24px 0} .desk-teaser h2{font-size:36px} .desk-teaser-links>a>span:first-child{font-size:25px} .desk-heading h1{font-size:42px;max-width:18ch} .desk-workspace{padding-top:24px} .desk-input-panel{padding:20px} .desk-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px} .desk-input-panel .field input,.desk-input-panel .field select,.desk-quote-card .field input,.desk-quote-card .field textarea{font-size:16px} .desk-panel-title{align-items:flex-start} .desk-panel-title h2{font-size:14px;align-self:center} .desk-text-button{font-size:12px} .desk-metrics{grid-template-columns:1fr;gap:15px;margin-top:22px} .desk-metrics>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center} .desk-metrics strong{grid-column:2;grid-row:1/3;margin:0;font-size:24px;text-align:right} .desk-metrics small{grid-column:1} .desk-result-heading h2{font-size:32px} .desk-table{font-size:12px} .desk-table th,.desk-table td{padding:12px 8px} .desk-subhead h3{font-size:27px} .desk-quote-toolbar{flex-direction:column;align-items:flex-start;gap:16px} .desk-quote-grid{grid-template-columns:1fr;gap:26px} .desk-quote-card{padding:20px} .desk-quote-card textarea{min-height:250px} .desk-quote-table{min-width:600px} .desk-output-actions{gap:12px} .desk-output-actions .button{padding:11px 14px} .desk-local-note{font-size:12px} } @media(max-width:350px){ .desk-heading h1{font-size:36px} .desk-input-panel{padding:16px} .desk-input-grid{grid-template-columns:1fr} .desk-input-panel fieldset .desk-input-grid{grid-template-columns:1fr} .desk-metrics strong{font-size:21px} } @media print{ .desk-input-panel,#desk-quotes-form,.desk-output-actions,.desk-local-note,.desk-quote-stale{display:none} .desk-workspace{display:block;padding-top:10px} .desk-heading h1{font-size:30px} .desk-result-heading h2{font-size:25px} .desk-metrics strong{font-size:20px} .desk-table-scroll{overflow:visible} .desk-table,.desk-quote-table{min-width:0;font-size:10pt} .desk-assumptions,.desk-action-note{break-inside:avoid} .desk-provider-questions details{break-inside:avoid} .desk-teaser,.desk-card-grid,.desk-next{break-inside:avoid} } .nl-heading{padding-bottom:32px} .nl-heading h1{font-size:clamp(43px,5.3vw,68px);line-height:1.04;max-width:15ch} .nl-heading .standfirst{max-width:56ch} .nl-mode-note{font-size:12px;color:var(--muted);padding:15px 0;border-bottom:1px solid var(--rule)} .nl-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr);gap:48px;padding:32px 0 44px;align-items:start} .nl-workspace>*{min-width:0} .nl-form-panel{background:var(--white);border-top:3px solid var(--ink);padding:30px} .nl-form-intro h2{font-size:30px;letter-spacing:-.025em;margin-bottom:10px} .nl-form-intro p{font-size:14px;color:var(--muted)} .nl-existing-link{display:inline-block;margin-top:13px} .nl-step-nav{display:flex;gap:0;border-bottom:1px solid var(--rule);margin:26px 0} .nl-step-nav button{display:flex;align-items:center;gap:8px;background:none;border:0;flex:1;color:var(--muted);min-height:47px;padding:0 8px 13px 0;font-size:12px;white-space:nowrap} .nl-step-nav button span{border:1px solid var(--rule);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-variant-numeric:tabular-nums;flex-shrink:0} .nl-step-nav button[aria-current=step]{color:var(--ink);box-shadow:inset 0 -2px var(--oxide);font-weight:600} .nl-step-nav button[aria-current=step] span{background:var(--ink);border-color:var(--ink);color:var(--paper)} .nl-step>button.button{margin-top:8px} .nl-contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px} .nl-contact-fields .field{font-size:13px} .nl-contact-fields .field input{background:var(--white);font-size:15px} .nl-contact-fields label span{font-weight:400;color:var(--muted);font-size:12px} .nl-choices{border:0;border-top:1px solid var(--rule);padding:19px 0 0;margin:24px 0;min-width:0} .nl-choices legend{font-family:var(--sans);font-size:14px;font-weight:600;padding:0 10px 0 0} .nl-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .nl-choice{position:relative;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--rule);min-height:52px;cursor:pointer;font-size:13px;line-height:1.4;background:var(--white)} .nl-choice:has(input:checked){border-color:var(--ink);background:var(--wash)} .nl-choice:focus-within{outline:2px solid var(--oxide);outline-offset:2px} .nl-choice input{width:16px;height:16px;flex-shrink:0;accent-color:var(--ink);margin:0} .nl-choice span{min-width:0;overflow-wrap:anywhere} .nl-choices:has([name=frequency]) .nl-choice-grid{grid-template-columns:1fr} .nl-choices:has([name=frequency]) .nl-choice{min-height:54px} .nl-consent{display:flex;gap:12px;align-items:flex-start;font-size:13px;color:var(--ink);line-height:1.6;padding-top:8px} .nl-consent input{width:17px;height:17px;accent-color:var(--ink);flex-shrink:0;margin-top:2px} .nl-form-actions{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;margin:24px 0 0} .nl-link-button{border:0;padding:8px 0;background:none;color:var(--oxide);text-decoration:underline;text-underline-offset:4px;min-height:44px;font-size:12px;text-align:left} .nl-inline-link{font-size:12px;text-decoration:underline;text-underline-offset:4px;color:var(--muted)} .nl-data-note,.nl-preview-note{font-size:12px;line-height:1.6;color:var(--muted);margin:20px 0 0;max-width:60ch} .nl-feedback{font-size:13px;color:var(--oxide);line-height:1.6;margin-top:16px} .nl-feedback:empty{display:none} .nl-honeypot{display:none} .nl-preview-panel{position:sticky;top:24px;background:var(--wash);padding:30px;border-top:3px solid var(--oxide)} .nl-preview-panel h2{font-size:36px;letter-spacing:-.035em;margin:14px 0 13px;line-height:1.05} .nl-summary-line{font-size:13px;color:var(--muted);margin-bottom:18px} .nl-summary-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:26px} .nl-summary-tags span{font-size:11px;padding:5px 9px;border:1px solid var(--rule);background:var(--paper)} .nl-edition-preview{border-top:1px solid var(--rule);padding-top:20px} .nl-edition-preview h3{font-family:var(--sans);font-size:13px;font-weight:600;margin-bottom:10px} .nl-edition-preview>p{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:15px} .nl-edition-preview article{padding:16px 0;border-top:1px solid var(--rule)} .nl-edition-preview small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em} .nl-edition-preview h4{font-family:var(--serif);font-size:22px;font-weight:600;line-height:1.2;margin:9px 0 0} .nl-reader-note{border-top:1px solid var(--rule);padding-top:21px;margin-top:7px;font-size:13px} .nl-reader-note strong{font-weight:600} .nl-reader-note p{font-size:12px;color:var(--muted);line-height:1.65;margin-top:7px} .nl-teaser{padding:32px;background:var(--wash);border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center;margin:30px 0} .nl-teaser h2{font-size:36px;letter-spacing:-.025em;margin:12px 0} .nl-teaser p{font-size:15px;line-height:1.6;color:var(--muted);max-width:50ch} .nl-teaser>div:last-child{justify-self:end} .nl-teaser>div:last-child p{font-size:12px;margin-top:13px;line-height:1.8} .nl-flow,.nl-management{max-width:790px;margin:32px auto;padding:32px;background:var(--white);border-top:3px solid var(--ink)} .nl-flow h2,.nl-management h2{font-size:36px;letter-spacing:-.025em;margin:13px 0 17px} .nl-flow>p,.nl-management>p,.nl-managed-profile>p{font-size:16px;line-height:1.65;max-width:62ch} .nl-email-preview{background:var(--wash);padding:26px;margin-top:26px;border:1px solid var(--rule)} .nl-email-preview>small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em} .nl-email-preview h3{font-size:27px;margin:14px 0} .nl-email-preview p{font-size:15px;max-width:52ch;margin-bottom:21px} .nl-management form[data-nl-manage-request]{max-width:500px;margin-top:26px} .nl-management form[data-nl-manage-request] input{background:var(--white);font-size:16px} .nl-managed-profile #nl-form{margin-top:26px;border-top:1px solid var(--rule);padding-top:22px} .nl-managed-profile .nl-form-intro h2{font-size:26px} .nl-unsubscribe{border-top:1px solid var(--rule);margin-top:25px;padding-top:25px} .nl-unsubscribe h3{font-family:var(--sans);font-size:14px;font-weight:500;margin-bottom:9px} .nl-unsubscribe .nl-link-button{color:var(--oxide)} @media(max-width:1100px){ .nl-workspace{grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);gap:25px} .nl-form-panel,.nl-preview-panel{padding:24px} .nl-choice{font-size:12px;padding:11px;gap:8px} .nl-step-nav button{font-size:11px;gap:6px} .nl-preview-panel h2{font-size:31px} } @media(max-width:800px){ .nl-workspace{grid-template-columns:1fr;gap:26px} .nl-preview-panel{position:static} .nl-edition-preview article{padding:14px 0} .nl-choice{font-size:14px;padding:13px;min-height:55px} .nl-step-nav button{font-size:13px;gap:9px} .nl-teaser{gap:25px;padding:27px} .nl-teaser h2{font-size:32px} } @media(max-width:600px){ .primary-nav .nav-special{grid-column:1/-1;justify-content:space-between;white-space:normal} .nl-heading h1{font-size:47px;line-height:1.03} .nl-heading .standfirst{font-size:18px} .nl-mode-note{font-size:12px;padding:13px 0} .nl-workspace{padding-top:23px} .nl-form-panel,.nl-preview-panel{padding:20px} .nl-form-intro h2{font-size:29px} .nl-step-nav{margin:22px 0} .nl-step-nav button{font-size:11px;gap:5px;padding-right:5px} .nl-step-nav button span{width:21px;height:21px} .nl-contact-fields{grid-template-columns:1fr;gap:0} .nl-contact-fields .field input{font-size:16px} .nl-choice-grid{grid-template-columns:1fr} .nl-choices{margin:21px 0} .nl-choices legend{font-size:14px} .nl-choice{font-size:14px;min-height:49px;padding:11px 12px} .nl-consent{font-size:13px} .nl-form-actions{gap:12px 20px} .nl-form-actions .button{min-height:46px} .nl-preview-panel h2{font-size:34px} .nl-summary-tags span{font-size:12px} .nl-edition-preview h4{font-size:23px} .nl-teaser{grid-template-columns:1fr;padding:24px;gap:20px;margin:25px 0} .nl-teaser h2{font-size:35px} .nl-teaser>div:last-child{justify-self:start} .nl-teaser p{font-size:14px} .nl-flow,.nl-management{padding:22px;margin:24px auto} .nl-flow h2,.nl-management h2{font-size:32px} .nl-email-preview{padding:21px} .nl-email-preview h3{font-size:27px} } @media(max-width:350px){ .nl-heading h1{font-size:41px} .nl-form-panel,.nl-preview-panel{padding:16px} .nl-step-nav button{font-size:10px;gap:4px} .nl-step-nav button span{width:19px;height:19px} } @media print{ .nl-teaser,.nl-step-nav,.nl-form-actions,.nl-flow button,.nl-management button{display:none} .nl-workspace{display:block} .nl-preview-panel{position:static} .nl-heading h1{font-size:32px} } .event-home-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:0 0 27px} .event-home-intro>p{font-family:var(--serif);font-size:34px;line-height:1.12;letter-spacing:-.025em} .event-home-intro>span{font-size:12px;line-height:1.7;color:var(--muted);text-align:right} .event-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .event-card{display:grid;grid-template-columns:94px minmax(0,1fr);gap:22px;border-top:1px solid var(--ink);padding:23px 0;min-width:0} .event-card>div{min-width:0} .event-card h3{font-size:30px;letter-spacing:-.025em;line-height:1.14;margin:12px 0} .event-card p{font-size:14px;color:var(--muted);line-height:1.65;max-width:70ch} .event-card .event-place{font-size:12px;color:var(--ink);margin:0 0 10px} .event-card .text-link{display:inline-flex;gap:15px;align-items:center;font-size:12px;margin-top:17px} .event-card .eyebrow{flex-wrap:wrap;font-size:10px;line-height:1.5;gap:7px} .event-card .eyebrow .format{padding:0;border:0} .event-date-tile{background:var(--wash);padding:28px 24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:210px;border-top:3px solid var(--oxide)} .event-date-tile>span{font-family:var(--sans);font-size:13px;letter-spacing:.04em;text-transform:uppercase;line-height:1.2} .event-date-tile strong{font-family:var(--serif);font-weight:500;font-size:64px;line-height:1.1;letter-spacing:-.045em;margin:13px 0} .event-date-to{font-size:.3em;letter-spacing:0} .event-date-tile small{font-size:13px;color:var(--muted);line-height:1.55} .event-date-tile.compact{min-height:0;align-self:start;padding:13px 10px;border-top:2px solid var(--oxide)} .event-date-tile.compact>span{font-size:10px;letter-spacing:.025em} .event-date-tile.compact strong{font-size:31px;margin:9px 0 6px;white-space:nowrap} .event-date-tile.compact small{font-size:10px} .event-home-grid .event-card{grid-template-columns:76px minmax(0,1fr);gap:16px} .event-home-grid .event-card h3{font-size:25px} .event-home-grid .event-date-tile.compact{padding:13px 8px} .event-home-grid .event-date-tile.compact strong{font-size:27px} .event-heading .standfirst{max-width:65ch} .event-directory-top{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0} .event-directory-top>p{font-size:12px;color:var(--muted)} .event-status-tabs{display:flex;flex-wrap:wrap;gap:8px} .event-status-tabs a{padding:9px 13px;min-height:40px;font-size:12px;border:1px solid var(--rule)} .event-status-tabs a.active{background:var(--ink);border-color:var(--ink);color:var(--paper)} .event-filters{display:grid;grid-template-columns:minmax(160px,1.6fr) repeat(3,minmax(130px,1fr)) auto;gap:16px;background:var(--wash);padding:22px;align-items:end} .event-filters .field{margin:0;font-size:12px} .event-filters .field input,.event-filters .field select{font-size:13px;background:var(--paper)} .event-filter-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px} .event-filter-actions a{font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px} .event-filter-actions .button{white-space:nowrap} .event-result-count{font-size:12px;color:var(--muted);padding:23px 0 4px} .event-directory-list{max-width:1040px} .event-month-heading{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.045em;text-transform:uppercase;margin:27px 0 15px} .event-directory-list .event-card{grid-template-columns:124px minmax(0,1fr);gap:28px;padding:25px 0} .event-directory-list .event-date-tile.compact{padding:20px 16px} .event-directory-list .event-date-tile.compact strong{font-size:38px} .event-source-note{border-top:1px solid var(--rule);margin:25px 0;padding:24px 0;font-size:13px} .event-source-note strong{font-weight:600} .event-source-note p{color:var(--muted);max-width:80ch;margin-top:8px;line-height:1.65} .event-single-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:50px;align-items:center;padding:13px 0 36px;border-bottom:1px solid var(--ink)} .event-single-hero h1{font-size:clamp(38px,4.5vw,59px);letter-spacing:-.045em;line-height:1.07;max-width:22ch;margin:15px 0 20px} .event-single-hero .standfirst{font-size:21px;line-height:1.5;max-width:57ch} .event-full-date{font-size:14px;line-height:1.6;margin-top:20px;color:var(--muted)} .event-focus-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px} .event-focus-tags span{border:1px solid var(--rule);padding:5px 9px;font-size:11px} .event-single-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:66px;padding:36px 0 0;align-items:start} .event-detail-copy{max-width:740px;font-size:18px;line-height:1.8;grid-column:1;grid-row:1} .event-detail-copy h2{font-size:32px;letter-spacing:-.025em;line-height:1.15;margin-bottom:17px} .event-detail-copy section{margin-bottom:34px} .event-detail-copy ul{padding-left:22px;margin:13px 0} .event-detail-copy li+li{margin-top:5px} .event-detail-copy .event-editorial-label{font-family:var(--sans);font-size:12px;color:var(--muted);line-height:1.6;margin-top:-4px} .event-editorial-insight{border-left:3px solid var(--oxide);padding:5px 0 5px 22px} .event-editorial-insight .eyebrow{font-size:11px;margin-bottom:15px} .event-editorial-insight h2{font-size:29px} .event-sources{border-top:1px solid var(--rule);padding-top:24px} .event-sources p,.event-sources ul{font-family:var(--sans);font-size:13px;line-height:1.7;color:var(--muted)} .event-sources h2{font-size:27px} .event-sources a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)} .event-visit-card{background:var(--wash);border-top:3px solid var(--ink);padding:27px;position:sticky;top:24px;grid-column:2;grid-row:1} .event-visit-card h2{font-size:31px;margin:12px 0 22px} .event-visit-card dl{margin:0 0 22px} .event-visit-card dl>div{padding:14px 0;border-top:1px solid var(--rule)} .event-visit-card dt{font-size:11px;color:var(--muted);margin-bottom:6px;letter-spacing:.02em} .event-visit-card dd{margin:0;font-size:14px;line-height:1.55;font-weight:500} .event-visit-card dd small{font-size:12px;color:var(--muted);display:block;line-height:1.7;font-weight:400;margin-top:6px} .event-visit-card .button{width:100%;margin:0 0 12px;font-size:12px;padding:12px;gap:9px} .event-booking-note,.event-calendar-feedback{font-size:12px;color:var(--muted);line-height:1.7;margin:7px 0 0} .event-calendar-feedback{color:var(--oxide)} .event-calendar-feedback:empty{display:none} .event-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px} .event-reading-grid article{border-top:1px solid var(--rule);padding-top:19px;min-width:0} .event-reading-grid h3{font-size:26px;letter-spacing:-.02em;line-height:1.2;margin:12px 0} .event-reading-grid p{font-size:13px;color:var(--muted);line-height:1.65} .event-more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:35px} @media(max-width:1100px){ .event-home-grid{gap:20px} .event-home-grid .event-card{grid-template-columns:1fr;gap:14px} .event-home-grid .event-date-tile{width:max-content;flex-direction:row;align-items:center;gap:12px;padding:10px 13px} .event-home-grid .event-date-tile strong{font-size:27px;margin:0} .event-home-grid .event-date-tile>span{font-size:11px} .event-home-grid .event-date-tile small{font-size:11px} .event-filters{grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:16px} .event-search-field{grid-column:1/3} .event-filters .event-filter-actions{grid-column:3;grid-row:1/3;align-self:end} .event-single-layout{gap:36px;grid-template-columns:minmax(0,1.5fr) minmax(270px,.9fr)} .event-single-hero{gap:35px;grid-template-columns:minmax(0,1fr) 230px} .event-date-tile strong{font-size:55px} .event-reading-grid{gap:20px} } @media(max-width:800px){ .event-home-grid{grid-template-columns:1fr} .event-home-grid .event-card{grid-template-columns:94px minmax(0,1fr);gap:24px} .event-home-grid .event-date-tile{flex-direction:column;width:auto;align-items:flex-start;padding:15px 12px;gap:6px} .event-home-grid .event-date-tile strong{font-size:31px} .event-home-grid .event-card h3{font-size:29px} .event-single-hero{grid-template-columns:minmax(0,1fr) 195px;gap:25px} .event-single-hero h1{font-size:45px} .event-single-hero .standfirst{font-size:19px} .event-date-tile{padding:23px 20px;min-height:180px} .event-date-tile strong{font-size:47px} .event-single-layout{grid-template-columns:1fr;gap:15px} .event-visit-card{position:static;max-width:none;grid-column:1;grid-row:1} .event-detail-copy{grid-column:1;grid-row:2} .event-visit-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px} .event-visit-card .button{width:auto;margin-right:10px} .event-reading-grid{grid-template-columns:1fr;gap:25px} .event-reading-grid h3{font-size:29px;max-width:40ch} .event-more-grid{grid-template-columns:1fr;gap:0} } @media(max-width:600px){ .event-home-intro{display:block;margin-bottom:22px} .event-home-intro>p{font-size:32px} .event-home-intro>span{display:block;text-align:left;margin-top:15px;font-size:12px} .event-home-grid .event-card{grid-template-columns:75px minmax(0,1fr);gap:17px;padding:22px 0} .event-home-grid .event-date-tile{padding:13px 8px} .event-home-grid .event-date-tile strong{font-size:27px} .event-home-grid .event-date-tile>span,.event-home-grid .event-date-tile small{font-size:10px} .event-home-grid .event-card h3{font-size:28px} .event-directory-top{display:block;padding:19px 0} .event-directory-top>p{margin-top:15px} .event-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px;gap:17px 13px} .event-search-field{grid-column:1/-1} .event-filters .field input,.event-filters .field select{font-size:16px} .event-filters .field label{font-size:12px} .event-filters .event-filter-actions{grid-column:1/-1;grid-row:auto;flex-direction:row;gap:23px;align-items:center} .event-directory-list .event-card{grid-template-columns:78px minmax(0,1fr);gap:17px;padding:22px 0} .event-directory-list .event-date-tile.compact{padding:14px 9px} .event-directory-list .event-date-tile.compact strong{font-size:27px} .event-directory-list .event-card h3{font-size:28px} .event-card .eyebrow{font-size:10px} .event-card p{font-size:13px} .event-month-heading{font-size:12px;margin-top:25px} .event-single-hero{grid-template-columns:1fr;padding-top:10px;gap:23px} .event-single-hero h1{font-size:43px;max-width:19ch} .event-single-hero .standfirst{font-size:19px} .event-single-hero .event-date-tile{flex-direction:row;align-items:center;justify-content:flex-start;gap:15px;min-height:0;padding:18px;width:100%} .event-single-hero .event-date-tile strong{font-size:39px;margin:0;white-space:nowrap} .event-single-hero .event-date-tile>span{font-size:12px} .event-single-hero .event-date-tile small{font-size:11px;max-width:15ch} .event-single-layout{padding-top:27px} .event-detail-copy{font-size:18px;line-height:1.75} .event-detail-copy h2{font-size:29px} .event-detail-copy section{margin-bottom:29px} .event-editorial-insight{padding-left:17px} .event-editorial-insight h2{font-size:28px} .event-visit-card{padding:23px} .event-visit-card dl{grid-template-columns:1fr;gap:0} .event-visit-card .button{width:100%;margin-right:0} .event-reading-grid h3{font-size:28px} .event-more-grid .event-card{grid-template-columns:75px minmax(0,1fr);gap:17px} .event-more-grid .event-card h3{font-size:27px} .event-more-grid .event-date-tile.compact{padding:12px 8px} .event-more-grid .event-date-tile.compact strong{font-size:27px} } @media(max-width:350px){ .event-single-hero h1{font-size:36px} .event-single-hero .event-date-tile{gap:10px;padding:15px} .event-single-hero .event-date-tile strong{font-size:32px} .event-single-hero .event-date-tile>span{font-size:10px} .event-home-grid .event-card,.event-directory-list .event-card{grid-template-columns:67px minmax(0,1fr);gap:13px} .event-home-grid .event-card h3,.event-directory-list .event-card h3{font-size:25px} } @media print{ .event-filters,.event-status-tabs,.event-visit-card .button{display:none} .event-single-hero{grid-template-columns:1fr auto} .event-single-hero h1{font-size:32px} .event-single-layout{display:block} .event-visit-card{position:static;break-inside:avoid} .event-detail-copy{font-size:12pt;max-width:none} .event-date-tile{min-height:0} .event-date-tile strong{font-size:35px} } /* The Logistics Times: a navy, steel blue and cargo orange editorial identity. Loaded after the feature styles so every desk shares the same finish. */ :root { --paper:#f4f7fa; --white:#ffffff; --ink:#102b46; --muted:#596879; --oxide:#b24816; --rule:#cbd5df; --wash:#e8eef4; --signal:#f69b4e; --steel:#3e6f92; --light-muted:#c3d2e0; --max:1460px; --page-gutter:64px; --page-columns:[full-start] minmax(var(--page-gutter),1fr) [content-start] minmax(0,calc((var(--max) - 2 * var(--page-gutter)) / 2)) [middle] minmax(0,calc((var(--max) - 2 * var(--page-gutter)) / 2)) [content-end] minmax(var(--page-gutter),1fr) [full-end]; } body {font-size:16px;background:var(--paper);-webkit-font-smoothing:antialiased} ::selection {background:#dbe7f2;color:var(--ink)} h1,h2,h3,h4 {font-family:var(--serif);font-weight:400;letter-spacing:-.035em} a,button {transition:color .2s ease,background-color .2s ease,border-color .2s ease} :focus-visible {outline-color:var(--oxide)} .wrap {padding:0 64px} main {padding-top:0!important} .site-header {background:var(--paper)} .utility {font-size:10px;letter-spacing:.08em;padding-top:14px;padding-bottom:14px;border-color:var(--rule)} .utility-left {gap:24px} .utility a {border:0} .utility-right {display:flex;gap:26px;color:var(--muted)} .preview-label {font-weight:500;letter-spacing:.14em} .prepared-date {color:var(--muted)} .masthead {grid-template-columns:1fr auto 1fr;padding:32px 0;gap:32px} .brand {gap:14px;justify-self:start} .brand-seal {display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--oxide);outline:1px solid var(--rule);outline-offset:4px;font:400 29px/1 var(--serif);letter-spacing:-.07em;flex-shrink:0} .brand-lockup {display:flex;flex-direction:column;gap:5px} .brand-the {writing-mode:horizontal-tb;transform:none;padding:0;font:500 9px/1 var(--sans);letter-spacing:.23em} .brand-name {font:400 36px/1.04 var(--serif);letter-spacing:-.055em;white-space:nowrap} .mast-side {font-family:var(--serif);font-size:15px;line-height:1.45;text-align:center;font-weight:400;letter-spacing:0;max-width:180px;color:var(--muted)} .mast-actions {display:flex;align-items:center;justify-content:flex-end;gap:22px;min-width:0} .mast-search {width:174px;border:0;border-bottom:1px solid var(--rule);gap:8px;padding:0} .mast-search input {width:100%;min-width:0;font-size:11px;letter-spacing:.02em;padding:10px 0;background:transparent;border:0;color:var(--ink)} .mast-search button {padding:8px 0;min-width:26px;min-height:40px} .mast-briefing {display:inline-flex;align-items:center;gap:18px;padding:12px 17px;background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:.04em;white-space:nowrap;border:1px solid var(--ink)} .mast-briefing:hover {background:var(--oxide);border-color:var(--oxide);color:var(--white)} .mast-briefing:focus-visible {outline-offset:4px} .primary-nav {border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:59px;gap:16px;justify-content:space-between;flex-wrap:wrap;font-size:11px;font-weight:400;padding:0} .primary-nav>a {padding:20px 0;min-height:54px;display:inline-flex;align-items:center;gap:10px;position:relative;white-space:nowrap} .primary-nav>a.active {color:var(--oxide);box-shadow:none} .primary-nav>a.active::after {content:"";position:absolute;height:2px;background:var(--oxide);bottom:-1px;left:0;right:0} .primary-nav .nav-special {border:0;margin-left:0;padding-left:20px!important;color:var(--oxide)} .primary-nav .nav-special::before {content:"";height:15px;border-left:1px solid var(--rule);position:absolute;left:0} .edition-bar {padding:16px 0;min-height:0;border:0;font-size:10px} .edition-bar p {display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted);letter-spacing:.035em} .edition-dot {height:5px;width:5px;background:var(--oxide);border-radius:50%;flex-shrink:0} .edition-links {font-size:10px;gap:22px;letter-spacing:.1em} .edition-links a {padding:6px 0} .edition-links a.current {color:var(--oxide)} .menu-toggle {display:none} .eyebrow {font-size:10px;letter-spacing:.14em;font-weight:500;gap:14px;line-height:1.5;color:var(--oxide)} .eyebrow .format {font-weight:400;color:var(--muted);border:0;padding:0;letter-spacing:.03em} .image-credit {font-size:9px;letter-spacing:.015em;line-height:1.55;color:var(--muted);padding-top:9px} .meta,.card-meta {font-size:10px;letter-spacing:.07em;color:var(--muted);font-weight:400} .meta {gap:15px;line-height:1.7;flex-wrap:wrap} .meta>span+span::before {padding-right:15px;color:var(--oxide)} .standfirst {font-family:var(--sans);font-weight:400;font-size:18px;line-height:1.75;color:var(--muted)} .photo-wrap {background:var(--wash);overflow:hidden} .photo-wrap img {object-fit:cover;transition:transform .6s ease;filter:saturate(.78)} a:hover>.photo-wrap img {transform:scale(1.025)} /* A magazine cover, followed by a quiet table of contents. */ .cover {padding:32px 0 0} .cover-topline {display:flex;justify-content:space-between;gap:24px;font-size:9px;letter-spacing:.17em;color:var(--muted);padding:0 0 24px} .cover-topline>span:first-child {color:var(--steel)} .cover-story {display:grid;grid-template-columns:.86fr 1.14fr;gap:68px;align-items:center} .cover-copy {padding:20px 0 42px;min-width:0} .cover-copy .eyebrow {margin:0 0 26px} .lead-title {font-weight:400;font-size:clamp(46px,4.8vw,70px);line-height:1.06;letter-spacing:-.055em;margin:0 0 27px;max-width:15ch} .cover-copy .standfirst {font-size:16px;line-height:1.8;max-width:49ch} .cover-copy .meta {margin-top:35px;font-size:9px} .cover-visual {min-width:0} .cover-visual>a {display:block} .cover-visual .lead-photo {aspect-ratio:1.04;height:auto} .cover-visual .lead-photo img {height:100%;width:100%;object-fit:cover} .cover-caption {display:flex;justify-content:space-between;gap:22px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--rule)} .cover-caption>span {font-size:8px;letter-spacing:.14em;white-space:nowrap;color:var(--oxide)} .cover-caption .image-credit {padding:0;text-align:right;font-size:8px} .cover-read {display:inline-flex;align-items:center;gap:27px;margin-top:30px;font-size:11px;letter-spacing:.05em} .cover-read>span {display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--oxide);border-radius:50%;color:var(--oxide)} .cover-read:hover>span {background:var(--ink);color:var(--paper);border-color:var(--ink)} .journal-selection {display:grid;grid-template-columns:230px minmax(0,1fr);gap:54px;border-bottom:1px solid var(--rule);padding:48px 0;margin-top:35px} .selection-label>p {font-family:var(--serif);font-size:37px;line-height:1.12;letter-spacing:-.035em;margin:16px 0 23px} .selection-label .text-link {font-size:10px;gap:12px} .selection-stories {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px} .selection-stories .secondary-story {display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding:0 24px 0 0;border:0;border-right:1px solid var(--rule)} .selection-stories .secondary-story:last-child {border:0;padding-right:0} .selection-number {font-family:var(--serif);font-size:16px;color:var(--steel);padding-top:2px} .selection-stories .headline {font-size:24px;line-height:1.25;margin:13px 0 20px;font-weight:400;letter-spacing:-.025em} .selection-stories .eyebrow {font-size:8px;flex-wrap:wrap;gap:5px 12px} .selection-stories .card-meta {font-size:8px;letter-spacing:.08em} /* Varied editorial spreads: generous photographs and fine rules. */ .section {padding:0;margin:82px 0} .section-heading {border-top:1px solid var(--ink);border-bottom:0;padding:22px 0 32px;margin:0;align-items:baseline;gap:24px} .section-heading h2 {font-size:36px;font-weight:400;letter-spacing:-.04em} .section-heading a {font-size:10px;letter-spacing:.045em;gap:16px;color:var(--oxide)} .story-grid {gap:32px} .story-card,.story-card:not(:last-child) {border:0;padding:0;min-width:0} .card-photo {aspect-ratio:1.34} .story-card .eyebrow {margin-top:20px} .story-card h3 {font-size:28px;line-height:1.22;letter-spacing:-.03em;margin:14px 0} .story-card p {font-size:13px;line-height:1.8;color:var(--muted)} .story-card .card-meta {margin-top:20px} .story-card .image-credit {padding-top:10px;font-size:8px} .industry-grid {display:grid;grid-template-columns:1.06fr 1fr;gap:72px} .industry-grid>.story-card .card-photo {aspect-ratio:1.45} .industry-grid>.story-card h3 {font-size:39px;line-height:1.16;max-width:none;margin-top:17px} .industry-grid>.story-card p {font-size:15px;line-height:1.8;max-width:none} .industry-reads .result-row {grid-template-columns:125px minmax(0,1fr);gap:25px;padding:25px 0;border-color:var(--rule)} .industry-reads .result-row:first-child {padding-top:0;border-top:0} .industry-reads .result-row:last-child {padding-bottom:0;border-bottom:0} .industry-reads .result-photo {aspect-ratio:1} .industry-reads .result-row h2 {font-size:25px;line-height:1.2;margin:10px 0 13px} .industry-reads .result-row p {display:none} .industry-reads .result-row .meta {font-size:8px;gap:8px} .industry-reads .result-row .meta>span+span::before {padding-right:8px} .industry-reads .image-credit {font-size:8px;margin-top:4px} .trade-panel {display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--paper);margin:80px 0;min-height:590px} .trade-copy {padding:62px 56px;position:relative;display:flex;flex-direction:column;align-items:flex-start} .trade-copy .eyebrow {color:var(--signal);font-size:9px;margin-bottom:27px} .trade-copy h2 {font-size:56px;font-weight:400;letter-spacing:-.045em;line-height:1.06} .trade-copy h2 em {color:var(--signal);font-weight:400} .trade-copy p {font-size:14px;line-height:1.9;color:var(--light-muted);max-width:39ch;margin:26px 0 29px} .trade-copy a.cta {font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--signal);color:var(--ink);border:1px solid var(--signal);padding:15px 23px;min-height:50px;margin:0 0 32px} .trade-copy a.cta:hover {background:var(--paper);color:var(--ink);border-color:var(--paper)} .trade-signature {font-size:8px;letter-spacing:.22em;color:var(--signal);margin-top:auto} .trade-visual {position:relative;min-width:0} .trade-visual .photo-wrap {height:100%;min-height:100%;aspect-ratio:auto} .trade-visual .photo-wrap img {height:100%;width:100%;object-fit:cover;filter:saturate(.55) brightness(.8)} .trade-visual .image-credit {position:absolute;bottom:0;right:0;left:0;background:linear-gradient(transparent,rgba(16,43,70,.9));padding:35px 22px 18px;text-align:right;color:var(--light-muted);font-size:8px} .split-section {grid-template-columns:1.8fr 1fr;gap:58px} .warehouse-feature {display:block} .warehouse-feature .photo-wrap {aspect-ratio:1.8} .warehouse-feature>div {padding-top:21px;max-width:none} .warehouse-feature h3 {font-size:42px;line-height:1.15;margin:15px 0 20px;max-width:none} .warehouse-feature p {font-size:16px;line-height:1.85;color:var(--muted);max-width:none} .warehouse-feature .card-meta {margin-top:20px} .warehouse-feature .text-link {margin-top:22px;font-size:11px} .compact-list {border-left:1px solid var(--rule);padding-left:39px} .compact-story {padding:27px 0;border-color:var(--rule)} .compact-story:first-child {padding-top:0} .compact-story h3 {font-size:27px;line-height:1.22;margin:14px 0 20px} .text-link {font-size:11px;letter-spacing:.035em;gap:17px;color:var(--oxide)} .regions {gap:40px} .region {padding-right:40px;border-color:var(--rule)} .region-header {display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;padding:5px 0 22px;border:0} .region-index {color:var(--steel);font:400 16px var(--serif)} .region-header h3 {font-size:45px;font-weight:400;flex:1;letter-spacing:-.06em} .region-header>span:last-child {font-size:9px;letter-spacing:.05em;color:var(--muted)} .region-story {padding:22px 0;border-top:1px solid var(--rule)} .region-story h4 {font-family:var(--serif);font-weight:400;font-size:25px;line-height:1.25;margin:12px 0 0} .region>.text-link {margin-top:17px} .archive-invite {background:var(--wash);border:0;padding:48px 50px;gap:60px;margin:80px 0;grid-template-columns:1fr 1fr} .archive-invite h2 {font-size:45px;font-weight:400;line-height:1.1;margin:17px 0 22px} .archive-invite p {font-size:14px;line-height:1.8;max-width:46ch} .archive-search {border:0;border-bottom:1px solid var(--ink);background:transparent} .archive-search input {background:transparent;padding:19px 0;font-size:15px;min-width:0;color:var(--ink)} .archive-search button {background:transparent;color:var(--ink);border:0;padding:16px;min-width:52px} .search-suggestions {margin-top:19px;gap:9px} .tag {font-size:10px;border-color:var(--rule);padding:7px 12px;background:transparent;color:var(--muted)} .tag:hover {background:var(--ink);color:var(--paper);border-color:var(--ink)} .topic-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px} .topic-tile {background:transparent;border:0;border-bottom:1px solid var(--rule);padding:29px 0;gap:20px;min-height:132px} .topic-number {font-family:var(--serif);font-size:17px;color:var(--steel);font-weight:400;align-self:start;padding-top:4px} .topic-name {font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:-.025em} .topic-count {margin-top:9px;font-size:10px;letter-spacing:.02em} .topic-tile>.icon {color:var(--oxide)} /* Reading pages share the cover's typographic discipline. */ .page-heading {padding:55px 0 46px;border-bottom:1px solid var(--rule)} .page-heading h1 {font-size:clamp(44px,5.5vw,78px);font-weight:400;line-height:1.04;letter-spacing:-.055em;margin:22px 0 26px;max-width:24ch} .page-heading .standfirst {font-size:18px;line-height:1.75;max-width:63ch} .draft-scope {font-size:11px;line-height:1.7;color:var(--muted)} .page-heading .draft-scope {margin-top:18px} .breadcrumbs {margin:30px 0 15px;font-size:10px;color:var(--muted);letter-spacing:.015em} .article-head {max-width:1050px;text-align:left;margin:0 auto;padding:26px 0 43px} .article-head .eyebrow,.article-head .meta {justify-content:flex-start} .article-head h1 {font-size:clamp(45px,5.5vw,76px);font-weight:400;line-height:1.05;letter-spacing:-.05em;margin:24px 0 28px;max-width:24ch} .article-head .standfirst {font-size:20px;line-height:1.75;max-width:74ch;margin:0} .article-head .meta {margin-top:27px;font-size:10px} .draft-note {background:var(--wash);color:var(--ink);border:0;padding:4px 8px} .article-image {max-width:1160px;margin:0 auto 55px} .article-image .photo-wrap {aspect-ratio:2.1} .article-image .image-credit {text-align:right} .reading-layout {grid-template-columns:190px minmax(0,740px) 1fr;gap:58px;margin-bottom:50px} .article-sidebar {border:0;font-size:11px;padding-top:10px} .article-sidebar h2 {font-family:var(--sans);font-weight:500;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--oxide);margin-bottom:18px} .article-sidebar a {padding:10px 0;line-height:1.6;font-size:11px;border-color:var(--rule)} .share-tools {border-color:var(--rule);margin-top:24px;padding-top:17px} .share-tools button {font-size:10px;gap:12px;min-height:44px} .article-body {font-size:21px;line-height:1.85;font-weight:400;max-width:66ch;color:#283d50} .article-body>p:first-child:first-letter {font-size:76px;line-height:.85;font-weight:400;color:var(--oxide);padding-top:14px;padding-right:12px} .article-body p {margin-bottom:25px} .article-body h2 {font-size:35px;line-height:1.17;font-weight:400;margin:40px 0 23px;letter-spacing:-.035em;color:var(--ink)} .article-body h3 {font-size:27px;font-weight:400} .source-notes {margin-top:44px;padding-top:26px;border-color:var(--rule)} .source-notes h2 {font-size:29px} .source-notes ol {font-family:var(--sans);font-size:12px;line-height:1.8;color:var(--muted)} .source-notes small {font-size:10px} .editorial-disclosure {font:400 12px/1.85 var(--sans);background:var(--wash);border:0;border-left:2px solid var(--oxide);padding:22px 25px;color:var(--muted)} .topic-intro {grid-template-columns:1fr 1fr;gap:70px;padding:55px 0;border-color:var(--rule)} .topic-intro h1 {font-size:clamp(45px,5.2vw,73px);font-weight:400;line-height:1.04;letter-spacing:-.05em;margin:22px 0 26px} .topic-intro p {font:400 18px/1.8 var(--sans);color:var(--muted)} .topic-intro p.draft-scope {font-size:11px;line-height:1.7;margin-top:22px} .topic-intro .photo-wrap {aspect-ratio:1.25} .full-topic {padding:43px 0;border-color:var(--rule);gap:60px} .full-topic h2 {font-size:40px;font-weight:400;margin-bottom:20px} .full-topic p {font-size:15px;line-height:1.8;color:var(--muted)} .topic-links h3 {font-size:28px;font-weight:400;line-height:1.22} .reading-page {max-width:900px;margin:55px auto 75px;font-size:19px;line-height:1.8} .reading-page h1 {font-size:clamp(43px,5vw,70px);font-weight:400;line-height:1.06;margin:23px 0 35px} .reading-page h2 {font-size:33px;font-weight:400;margin-top:36px} .reading-page p {color:var(--muted)} .form-demo {background:var(--white);padding:32px;border:1px solid var(--rule)} .filter-layout {grid-template-columns:225px minmax(0,1fr);gap:65px;margin:40px 0 70px} .filter-panel {background:var(--wash);padding:24px;align-self:start;border:0} .filter-panel h2 {font:400 24px/1.2 var(--serif);margin-bottom:27px} .field label {font-size:11px;font-weight:500;line-height:1.5;color:var(--ink);margin-bottom:9px} .field input,.field select,.field textarea {background:var(--white);border:1px solid #71879c;border-radius:0;min-height:47px;padding:11px 12px;color:var(--ink);font-size:14px} .field input::placeholder,.field textarea::placeholder {color:var(--muted);opacity:1} .button {background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:14px 21px;min-height:48px;font-size:11px;font-weight:400;letter-spacing:.035em;gap:20px;border-radius:0;justify-content:space-between} .button:hover,a.button:hover {background:var(--oxide);border-color:var(--oxide);color:var(--white)} .button.secondary-button {background:transparent;color:var(--ink);border:1px solid var(--ink)} .button.secondary-button:hover {background:var(--ink);color:var(--paper)} .result-toolbar {border-color:var(--rule);font-size:11px;padding-bottom:21px} .result-toolbar select {background:transparent;border-color:var(--rule);font-size:11px;padding:8px} .result-row {grid-template-columns:220px minmax(0,1fr);gap:35px;padding:32px 0;border-color:var(--rule)} .result-photo {aspect-ratio:1.3} .result-row h2 {font-size:32px;font-weight:400;line-height:1.18;letter-spacing:-.035em;margin:12px 0 15px} .result-row p {font-size:14px;line-height:1.8;color:var(--muted)} .result-row .meta {margin-top:17px;font-size:9px} .pagination {border-color:var(--rule);gap:10px;padding-top:27px} .pagination a {border:1px solid var(--rule);min-width:40px;min-height:40px;font-size:11px} .pagination .current {background:var(--ink);color:var(--paper);border-color:var(--ink)} .pagination .page-info {font-size:10px} .empty-state {padding:55px 35px;background:var(--wash);border:0} .empty-state h2 {font-size:37px;font-weight:400} .empty-state p {font-size:14px;line-height:1.8} .search-page-form {margin-top:29px;max-width:700px} .search-page-form .archive-search input {font-size:17px;padding:18px 0} .search-page-form .archive-search button {font-size:11px;padding:16px 0 16px 20px} /* Decision desk: numbered, individually drawn editorial tool cards. */ .desk-card-grid {counter-reset:desk;gap:35px;padding:45px 0 65px} .desk-tool-card {position:relative;padding:44px;background:var(--white);border:1px solid var(--rule);counter-increment:desk} .desk-tool-card::before {content:"0" counter(desk);display:block;font:400 54px/1 var(--serif);color:var(--oxide);margin-bottom:34px;letter-spacing:-.06em} .desk-tool-card h2 {font-size:43px;font-weight:400;line-height:1.1;margin:20px 0 24px} .desk-tool-card p {font-size:15px;line-height:1.85;color:var(--muted);max-width:46ch} .desk-tool-card ul {font-size:12px;line-height:1.8;margin:25px 0 35px;padding-left:16px} .desk-tool-card .button {width:100%;max-width:285px} .desk-next {border-color:var(--rule);padding:32px 0;gap:60px} .desk-next h2 {font-size:36px;font-weight:400;margin-top:18px} .desk-next p {font-size:14px;line-height:1.8} .desk-teaser {position:relative;grid-template-columns:1.05fr 1fr;background:var(--ink);padding:60px 56px;gap:90px;margin:82px 0;color:var(--paper);overflow:hidden} .desk-teaser::before {content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(246,155,78,.12);border-radius:50%;left:-220px;top:-190px;pointer-events:none} .desk-teaser h2 {font-size:49px;font-weight:400;line-height:1.08;margin:22px 0} .desk-teaser .eyebrow {color:var(--signal);font-size:9px} .desk-teaser p {font-size:14px;color:var(--light-muted);line-height:1.85;margin-bottom:30px} .desk-teaser .text-link {color:var(--signal);font-size:10px} .desk-teaser-links>a {padding:28px 0;border-color:#4c6580} .desk-teaser-links>a:last-child {border-color:#4c6580} .desk-teaser-links>a>span:first-child {font-size:29px;font-weight:400;line-height:1.2} .desk-teaser-links>a>span:last-child {color:var(--signal);font-size:26px} .desk-teaser-links small {font-size:11px;color:var(--light-muted);margin-top:4px} .desk-teaser a:hover {color:var(--signal)} .desk-workspace {gap:44px;padding:42px 0 60px;grid-template-columns:minmax(340px,.86fr) minmax(0,1.3fr)} .desk-input-panel {background:var(--wash);padding:30px;border:1px solid var(--rule)} .desk-panel-title h2 {font:400 25px/1.2 var(--serif)} .desk-input-panel .field input,.desk-input-panel .field select {background:var(--white)} .desk-sample,.desk-sample-result,.desk-local-note {font-size:11px;line-height:1.8} .desk-input-panel legend {font-size:12px;font-weight:500} .desk-input-panel .button {width:100%} .desk-output-panel {background:var(--white);border:1px solid var(--rule);padding:30px;align-self:start} .desk-result-heading h2 {font-size:36px;font-weight:400;line-height:1.17;margin:16px 0} .desk-result-heading p {font-size:13px} .desk-metrics {gap:20px;padding:26px 0;margin:30px 0 35px} .desk-metrics strong {font-size:28px;font-weight:400;letter-spacing:-.04em;margin:12px 0} .desk-metrics span {font-size:10px} .desk-metrics small {font-size:10px} .desk-table {font-size:12px;line-height:1.7} .desk-table th,.desk-table td {padding:17px 12px} .desk-table thead th {font-size:10px;letter-spacing:.02em;background:var(--wash);font-weight:500} .desk-subhead h3 {font-size:29px;font-weight:400} .desk-action-note {background:var(--wash);border-left:2px solid var(--oxide);padding:19px 22px} .desk-action-note strong {font-size:13px;font-weight:500} .desk-action-note p {font-size:12px;line-height:1.8} .desk-output-actions {gap:12px} .desk-output-actions .button {font-size:10px;padding:13px 16px} .desk-quote-card {background:var(--white);padding:30px;border-color:var(--rule)} .desk-quote-card legend {font-size:28px;font-weight:400;letter-spacing:-.035em;padding:0 13px} .desk-quote-card .field input,.desk-quote-card .field textarea {background:var(--paper);font-size:13px;line-height:1.8} .desk-quote-card textarea {min-height:340px} .desk-quote-output {border-color:var(--ink);padding-top:35px} /* Newsletter: a personal briefing, presented like an invitation. */ .nl-heading h1 {font-size:clamp(48px,5.6vw,79px);max-width:16ch} .nl-mode-note {font-size:11px;line-height:1.8;padding:18px 0} .nl-workspace {gap:48px;grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr);padding:40px 0 60px} .nl-form-panel {padding:38px;background:var(--white);border:1px solid var(--rule)} .nl-form-intro h2 {font-size:34px;font-weight:400;margin-bottom:15px} .nl-form-intro p {font-size:13px;line-height:1.8} .nl-step-nav {margin:31px 0} .nl-step-nav button {font-size:11px;min-height:50px;gap:10px} .nl-step-nav button span {border-radius:0;font-size:10px;width:27px;height:27px} .nl-step-nav button[aria-current=step] {font-weight:500} .nl-contact-fields {gap:22px} .nl-choices {padding-top:24px;margin:30px 0} .nl-choices legend {font-size:12px;font-weight:500} .nl-choice {font-size:12px;border-color:var(--rule);padding:16px 14px;min-height:57px;line-height:1.6} .nl-choice:has(input:checked) {background:#e3edf5;border-color:var(--ink)} .nl-choice:focus-within {outline-color:var(--oxide)} .nl-consent {font-size:12px;line-height:1.8} .nl-preview-panel {padding:37px;background:var(--wash);border:1px solid var(--rule);border-top:2px solid var(--oxide)} .nl-preview-panel h2 {font-size:43px;font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:20px 0} .nl-summary-tags span {font-size:10px;border:0;border-bottom:1px solid #71879c;background:transparent;padding:5px 0;margin-right:12px} .nl-edition-preview h3 {font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:500;color:var(--oxide)} .nl-edition-preview h4 {font-weight:400;font-size:25px;line-height:1.25;letter-spacing:-.025em} .nl-edition-preview article {padding:21px 0} .nl-edition-preview small {font-size:9px} .nl-teaser {padding:56px;background:var(--wash);border:1px solid var(--rule);margin:80px 0;gap:75px;grid-template-columns:1.4fr 1fr;position:relative} .nl-teaser::before {content:"";position:absolute;top:0;left:56px;right:56px;height:2px;background:var(--oxide)} .nl-teaser .eyebrow {font-size:9px} .nl-teaser h2 {font-size:49px;font-weight:400;line-height:1.08;margin:21px 0} .nl-teaser p {font-size:14px;line-height:1.8} .nl-teaser>div:last-child p {font-size:10px;letter-spacing:.035em;line-height:2;margin-top:21px} .nl-teaser .button {min-width:235px} .nl-flow,.nl-management {padding:42px;background:var(--white);border:1px solid var(--rule);margin:45px auto} .nl-flow h2,.nl-management h2 {font-size:43px;font-weight:400;line-height:1.12;margin:20px 0 24px} .nl-email-preview {padding:32px;border-color:var(--rule)} .nl-email-preview h3 {font-size:32px;font-weight:400} /* Event dates are typographic objects, rather than generic card badges. */ .event-home-intro {margin-bottom:37px} .event-home-intro>p {font-size:42px;font-weight:400;line-height:1.1;letter-spacing:-.035em} .event-home-intro>span {font-size:10px;line-height:1.9} .event-home-grid {gap:30px} .event-card {border-color:var(--rule);padding:30px 0;gap:25px} .event-home-grid .event-card {grid-template-columns:74px minmax(0,1fr);gap:22px} .event-card h3,.event-home-grid .event-card h3 {font-size:27px;font-weight:400;line-height:1.15;margin:13px 0 17px} .event-card p {font-size:13px;line-height:1.85} .event-card .event-place {font-size:10px;letter-spacing:.04em;margin-bottom:14px} .event-card .eyebrow {font-size:8px;gap:7px} .event-card .text-link {font-size:10px;margin-top:24px} .event-date-tile {background:var(--ink);color:var(--paper);border:0;padding:33px;min-height:235px} .event-date-tile>span {font-size:11px;letter-spacing:.15em;color:var(--signal)} .event-date-tile strong {font-size:65px;font-weight:400;line-height:1.1;margin:18px 0;letter-spacing:-.055em} .event-date-tile small {font-size:11px;line-height:1.7;color:var(--light-muted)} .event-date-tile.compact,.event-home-grid .event-date-tile.compact {background:transparent;border-top:1px solid var(--oxide);border-bottom:1px solid var(--rule);padding:14px 0 17px;color:var(--ink);min-height:0} .event-date-tile.compact>span {font-size:9px;color:var(--oxide);letter-spacing:.1em} .event-date-tile.compact strong,.event-home-grid .event-date-tile.compact strong {font-size:29px;margin:13px 0 8px} .event-date-tile.compact small {font-size:9px;color:var(--muted)} .event-status-tabs {gap:25px} .event-status-tabs a {background:transparent;padding:12px 0;border:0;border-bottom:1px solid transparent;font-size:11px;letter-spacing:.035em} .event-status-tabs a.active {color:var(--oxide);background:transparent;border-bottom-color:var(--oxide)} .event-filters {background:var(--wash);border:1px solid var(--rule);padding:29px;gap:24px} .event-filters .field input,.event-filters .field select {background:var(--white);font-size:13px} .event-directory-top {padding:28px 0} .event-directory-top>p,.event-result-count {font-size:10px;letter-spacing:.03em} .event-result-count {padding:28px 0 12px} .event-directory-list {max-width:none} .event-month-heading {font:400 30px/1.2 var(--serif);letter-spacing:-.03em;text-transform:none;margin:38px 0 22px;color:var(--oxide)} .event-directory-list .event-card {grid-template-columns:145px minmax(0,1fr);gap:45px;padding:34px 0} .event-directory-list .event-card h3 {font-size:38px} .event-directory-list .event-date-tile.compact {padding:19px 0} .event-directory-list .event-date-tile.compact strong {font-size:43px} .event-single-hero {padding:27px 0 45px;border-color:var(--rule);gap:70px;grid-template-columns:minmax(0,1fr) 275px} .event-single-hero h1 {font-size:clamp(47px,5.4vw,76px);font-weight:400;line-height:1.04;letter-spacing:-.055em;margin:22px 0 27px;max-width:20ch} .event-single-hero .standfirst {font-size:18px;line-height:1.8} .event-focus-tags span {font-size:10px;border:0;border-bottom:1px solid var(--rule);padding:7px 0;margin-right:18px;color:var(--muted)} .event-full-date {font-size:11px;letter-spacing:.035em;margin-top:25px} .event-single-layout {gap:85px;padding-top:48px;grid-template-columns:minmax(0,1.6fr) minmax(290px,.85fr)} .event-detail-copy {font-family:var(--serif);font-size:21px;line-height:1.85;color:#283d50} .event-detail-copy h2 {font-size:36px;font-weight:400;line-height:1.16;margin-bottom:24px;color:var(--ink)} .event-detail-copy section {margin-bottom:45px} .event-detail-copy .event-editorial-label {font-size:11px;line-height:1.8} .event-editorial-insight {background:var(--wash);border-left:2px solid var(--oxide);padding:25px 28px} .event-editorial-insight .eyebrow {font-size:9px;margin-bottom:19px} .event-editorial-insight h2 {font-size:32px} .event-visit-card {background:var(--white);border:1px solid var(--rule);border-top:2px solid var(--oxide);padding:33px} .event-visit-card h2 {font-size:38px;font-weight:400;margin:18px 0 26px} .event-visit-card dt {font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--oxide)} .event-visit-card dd {font-size:13px;line-height:1.8;font-weight:400;margin-top:8px} .event-visit-card dd small {font-size:11px} .event-visit-card .button {font-size:10px;line-height:1.5;padding:14px 12px;gap:12px} .event-booking-note {font-size:11px;line-height:1.8} .event-reading-grid {gap:35px} .event-reading-grid h3 {font-size:29px;font-weight:400;line-height:1.2;margin:16px 0} .event-sources {font-family:var(--sans)} .event-sources h2 {font-size:30px} /* A restrained colophon closes every page. */ .footer {background:var(--ink);color:var(--paper);padding:64px 0 25px;margin-top:90px} .footer-motto {display:grid;grid-template-columns:230px minmax(0,1fr) auto;gap:35px;align-items:start;padding-bottom:56px;margin-bottom:46px;border-bottom:1px solid #4c6580} .footer-motto .eyebrow {color:var(--signal);font-size:9px;padding-top:10px} .footer .footer-motto>p {font:400 43px/1.13 var(--serif);letter-spacing:-.035em;color:var(--paper);max-width:none;margin:0} .footer-motto>a {font-size:10px;display:flex;align-items:center;gap:23px;margin-top:12px;border-bottom:1px solid var(--signal);padding-bottom:12px;color:var(--signal)} .footer-top {grid-template-columns:1.5fr 1fr 1fr;gap:75px;padding-bottom:45px} .footer-brand {font:400 32px/1.1 var(--serif);letter-spacing:-.045em} .footer p {font-size:12px;line-height:1.9;color:var(--light-muted);max-width:35ch;margin-top:22px} .footer-geographies {font-size:8px;letter-spacing:.15em;color:var(--signal);display:block;margin-top:27px} .footer h2 {font:400 10px/1.4 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--signal);margin-bottom:23px} .footer-links {gap:12px} .footer-links a {font-size:11px;color:var(--light-muted)} .footer a:hover {color:var(--signal)} .footer-bottom {border-color:#4c6580;padding-top:21px;font-size:9px;letter-spacing:.025em;color:var(--light-muted)} .footer :focus-visible,.trade-panel :focus-visible,.desk-teaser :focus-visible {outline-color:var(--signal)} @media(min-width:1600px) {.wrap{padding-left:64px;padding-right:64px}} @media(max-width:1200px) { .wrap {padding:0 40px} .masthead {grid-template-columns:1fr auto;gap:22px} .mast-side {display:none} .primary-nav {justify-content:flex-start;gap:0 24px;padding:4px 0} .primary-nav>a {min-height:45px;padding:12px 0} .primary-nav .nav-special {padding-left:0!important} .primary-nav .nav-special::before {display:none} .cover-story {gap:43px;grid-template-columns:.9fr 1.1fr} .lead-title {font-size:58px} .cover-copy .standfirst {font-size:15px} .journal-selection {grid-template-columns:190px minmax(0,1fr);gap:34px} .selection-stories {gap:21px} .selection-stories .secondary-story {grid-template-columns:1fr;padding-right:20px;gap:10px} .selection-stories .headline {font-size:23px} .industry-grid {gap:44px} .industry-reads .result-row {grid-template-columns:98px minmax(0,1fr);gap:21px} .industry-reads .result-row h2 {font-size:24px} .trade-copy {padding:47px 40px} .trade-copy h2 {font-size:49px} .trade-panel {min-height:560px} .split-section {gap:40px} .compact-list {padding-left:29px} .compact-story h3 {font-size:25px} .regions {gap:29px} .region {padding-right:29px} .region-header h3 {font-size:39px} .region-header>span:last-child {width:100%;margin-left:27px} .desk-teaser {gap:55px;padding:50px 40px} .desk-workspace {gap:28px;grid-template-columns:minmax(310px,.85fr) minmax(0,1.2fr)} .desk-input-panel,.desk-output-panel {padding:25px} .desk-metrics {gap:14px} .desk-metrics strong {font-size:24px} .reading-layout {grid-template-columns:160px minmax(0,740px);gap:40px} .filter-layout {gap:38px;grid-template-columns:210px minmax(0,1fr)} .result-row {grid-template-columns:165px minmax(0,1fr);gap:26px} .result-row h2 {font-size:29px} .event-single-layout {gap:45px} .event-filters {gap:17px;padding:23px} .event-home-grid .event-card {grid-template-columns:1fr;gap:16px} .event-home-grid .event-date-tile.compact {display:flex;flex-direction:row;gap:12px;align-items:center;min-width:0;width:max-content;max-width:100%;padding:12px 0;border-bottom:0} .event-home-grid .event-date-tile.compact strong {font-size:27px;margin:0} .event-home-grid .event-card h3 {font-size:26px} .nl-form-panel,.nl-preview-panel {padding:29px} .nl-workspace {gap:30px} .nl-teaser {padding:45px 40px;gap:40px} .footer-motto {grid-template-columns:180px minmax(0,1fr) auto;gap:30px} .footer .footer-motto>p {font-size:36px} .footer-top {gap:45px} } @media(max-width:900px) { .wrap {padding:0 30px} .masthead {padding:26px 0} .brand-name {font-size:33px} .brand-seal {width:47px;height:47px;font-size:25px} .mast-search {width:150px} .mast-actions {gap:18px} .cover-story {gap:30px;grid-template-columns:1fr 1fr} .cover-topline>span:last-child {display:none} .lead-title {font-size:47px} .cover-copy {padding-top:5px;padding-bottom:20px} .cover-copy .eyebrow {font-size:8px;flex-wrap:wrap;gap:5px 12px;margin-bottom:19px} .cover-copy .standfirst {font-size:14px;line-height:1.8} .cover-copy .meta {margin-top:25px;font-size:8px} .cover-visual .lead-photo {aspect-ratio:.7} .cover-caption {display:block} .cover-caption .image-credit {text-align:left;margin-top:6px} .cover-read {margin-top:22px;gap:17px;font-size:10px} .journal-selection {grid-template-columns:1fr;padding:34px 0;gap:26px;margin-top:15px} .selection-label {display:flex;justify-content:space-between;align-items:baseline;gap:25px} .selection-label>p {font-size:30px;margin:0;flex:1} .selection-label>p br {display:none} .selection-label>.eyebrow {display:none} .selection-stories .secondary-story {display:block;padding-right:24px} .selection-number {display:block;margin-bottom:12px} .selection-stories .headline {font-size:23px} .section {margin:64px 0} .section-heading h2 {font-size:32px} .story-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 27px} .industry-grid {gap:31px;grid-template-columns:1fr 1fr} .industry-grid>.story-card h3 {font-size:32px} .industry-grid>.story-card p {font-size:13px} .industry-reads .result-row {display:block;padding:22px 0} .industry-reads .result-row>a {display:none} .industry-reads .result-row h2 {font-size:25px} .industry-reads .image-credit {display:none} .trade-panel {min-height:540px;margin:65px 0} .trade-copy {padding:40px 30px} .trade-copy h2 {font-size:43px} .trade-copy p {font-size:13px} .split-section {grid-template-columns:1.6fr 1fr;gap:30px} .warehouse-feature h3 {font-size:35px} .warehouse-feature p {font-size:13px} .compact-list {display:block;border-top:0;border-left:1px solid var(--rule);padding:0 0 0 26px} .compact-story {padding:24px 0;border-bottom:1px solid var(--rule)} .compact-story h3 {font-size:24px} .regions {gap:22px} .region {padding-right:22px} .region-header h3 {font-size:36px} .region-story h4 {font-size:23px} .desk-teaser {padding:40px 33px;gap:36px;margin:65px 0} .desk-teaser h2 {font-size:39px} .desk-teaser-links>a>span:first-child {font-size:25px} .desk-workspace {grid-template-columns:1fr;gap:30px} .desk-input-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px} .desk-input-panel fieldset .desk-input-grid {grid-template-columns:repeat(2,minmax(0,1fr))} .desk-metrics strong {font-size:28px} .desk-tool-card {padding:30px} .desk-tool-card h2 {font-size:35px} .event-home-intro>p {font-size:36px} .event-home-grid {grid-template-columns:1fr} .event-home-grid .event-card {grid-template-columns:94px minmax(0,1fr);gap:30px} .event-home-grid .event-date-tile.compact {flex-direction:column;align-items:flex-start;width:auto;gap:9px;border-bottom:1px solid var(--rule);padding:15px 0} .event-home-grid .event-card h3 {font-size:30px} .event-home-grid .event-date-tile.compact strong {font-size:35px} .archive-invite {gap:32px;padding:38px 33px;margin:65px 0} .archive-invite h2 {font-size:36px} .archive-search input {font-size:14px} .topic-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px} .topic-name {font-size:26px} .reading-layout {grid-template-columns:1fr;max-width:740px;margin:0 auto 40px;gap:35px} .article-sidebar {display:flex;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:12px 0;gap:20px} .article-sidebar>.contents {display:none} .share-tools {display:flex;margin:0;padding:0;border:0;gap:25px} .article-body {font-size:20px} .article-head h1 {font-size:58px} .article-head .standfirst {font-size:18px} .topic-intro {gap:35px;grid-template-columns:1fr 1fr} .topic-intro h1 {font-size:49px} .topic-intro p {font-size:16px} .filter-layout {gap:27px;grid-template-columns:190px minmax(0,1fr)} .filter-panel {padding:20px} .result-row {grid-template-columns:115px minmax(0,1fr);gap:21px} .result-row h2 {font-size:27px} .result-row p {font-size:12px} .result-row .meta {font-size:8px;gap:8px} .result-row .meta>span+span::before {padding-right:8px} .nl-workspace {grid-template-columns:1fr;gap:30px} .nl-preview-panel {position:static} .nl-teaser {margin:65px 0;padding:39px 33px;gap:30px} .nl-teaser h2 {font-size:39px} .nl-teaser .button {min-width:205px} .event-single-hero {grid-template-columns:minmax(0,1fr) 205px;gap:33px} .event-single-hero h1 {font-size:51px} .event-single-hero .standfirst {font-size:16px} .event-single-hero .event-date-tile {padding:26px 22px;min-height:205px} .event-single-hero .event-date-tile strong {font-size:50px} .event-single-layout {grid-template-columns:1fr;gap:30px} .event-visit-card {position:static;grid-column:1;grid-row:1} .event-detail-copy {grid-column:1;grid-row:2;max-width:none} .event-visit-card dl {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px} .event-visit-card .button {width:auto;margin-right:12px} .event-reading-grid {grid-template-columns:1fr;gap:27px} .footer-motto {grid-template-columns:1fr auto;gap:24px} .footer-motto .eyebrow {grid-column:1/-1} .footer-top {gap:30px} .footer-brand {font-size:28px} } @media(max-width:650px) { .wrap {padding:0 22px} .utility {padding:11px 0;font-size:8px;gap:12px} .utility-left .prepared-date {display:none} .utility-right {gap:0;font-size:8px} .utility-right a:first-child {display:none} .masthead {padding:23px 0;gap:12px;grid-template-columns:minmax(0,1fr) auto} .brand {gap:11px} .brand-seal {width:36px;height:36px;font-size:21px;outline-offset:3px} .brand-the {font-size:7px;letter-spacing:.2em} .brand-name {font-size:27px;letter-spacing:-.06em} .mast-actions {gap:0} .mast-search,.mast-briefing {display:none} .menu-toggle {display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 0 8px 10px;border:0;min-height:44px;font-size:10px} .menu-toggle .icon {width:20px;height:20px} .primary-nav {display:none;padding:12px 0;gap:0 20px;grid-template-columns:repeat(2,minmax(0,1fr));border-color:var(--rule)} .primary-nav.is-open {display:grid} .primary-nav>a {padding:10px 0;min-height:44px;white-space:normal;font-size:12px;line-height:1.5} .primary-nav .nav-special {grid-column:1/-1;justify-content:space-between;padding-left:0!important;border-top:1px solid var(--rule);margin-top:7px} .edition-bar {padding:12px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);gap:16px} .edition-bar p {font-size:8px;line-height:1.5;max-width:145px;gap:7px} .edition-links {font-size:9px;gap:14px;letter-spacing:.035em;flex-shrink:0} .edition-links .icon {width:15px;height:15px} .cover {padding-top:25px} .cover-topline {padding-bottom:25px;font-size:8px;letter-spacing:.15em} .cover-story {grid-template-columns:1fr;gap:27px} .cover-copy {padding:0} .cover-copy .eyebrow {font-size:9px;gap:12px;margin-bottom:18px} .lead-title {font-size:clamp(42px,9.5vw,58px);line-height:1.06;max-width:15ch;margin-bottom:23px} .cover-copy .standfirst {font-size:15px;line-height:1.8;max-width:55ch} .cover-read {margin-top:23px;font-size:11px;gap:22px} .cover-read>span {width:35px;height:35px} .cover-copy .meta {margin-top:23px;font-size:8px;gap:9px} .cover-copy .meta>span+span::before {padding-right:9px} .cover-visual .lead-photo {aspect-ratio:1.14} .cover-caption {display:flex;gap:13px;align-items:start;padding:12px 0} .cover-caption>span {font-size:7px} .cover-caption .image-credit {font-size:7px;margin:0;text-align:right} .journal-selection {padding:30px 0 10px;margin-top:15px;gap:25px} .selection-label {gap:15px} .selection-label>p {font-size:27px} .selection-label>.text-link {font-size:9px;max-width:105px;line-height:1.5} .selection-stories {grid-template-columns:1fr;gap:0} .selection-stories .secondary-story {display:grid;grid-template-columns:23px minmax(0,1fr);gap:14px;padding:21px 0;border:0;border-top:1px solid var(--rule)} .selection-number {font-size:16px;margin:0;padding:0} .selection-stories .eyebrow {font-size:8px} .selection-stories .headline {font-size:27px;line-height:1.2;margin:11px 0 13px} .section {margin:48px 0} .section-heading {padding:20px 0 25px;align-items:start;gap:17px} .section-heading h2 {font-size:30px;line-height:1.15;max-width:16ch} .section-heading a {font-size:9px;gap:9px;line-height:1.6;text-align:right;max-width:130px;flex-shrink:0} .section-heading a .icon {width:16px;flex-shrink:0} .story-grid {grid-template-columns:1fr;gap:35px} .card-photo {aspect-ratio:1.45} .story-card h3 {font-size:30px;line-height:1.18;margin:13px 0 18px} .story-card p {font-size:14px;line-height:1.8} .story-card .eyebrow {margin-top:19px;font-size:9px} .industry-grid {grid-template-columns:1fr;gap:33px} .industry-grid>.story-card h3 {font-size:34px} .industry-grid>.story-card p {font-size:14px} .industry-reads .result-row {display:grid;grid-template-columns:86px minmax(0,1fr);gap:18px;padding:23px 0} .industry-reads .result-row:first-child {border-top:1px solid var(--rule);padding-top:23px} .industry-reads .result-row>a {display:block} .industry-reads .result-row h2 {font-size:25px;line-height:1.17;margin:10px 0 13px} .industry-reads .result-row .meta {font-size:8px;gap:7px} .industry-reads .result-row .meta>span+span::before {padding-right:7px} .trade-panel {grid-template-columns:1fr;min-height:0;margin:50px 0} .trade-copy {padding:39px 29px} .trade-copy h2 {font-size:46px;line-height:1.04} .trade-copy .eyebrow {font-size:8px;margin-bottom:23px} .trade-copy p {font-size:14px;line-height:1.8;margin:25px 0} .trade-copy a.cta {font-size:11px;margin-bottom:29px} .trade-visual .photo-wrap {aspect-ratio:1.55;height:auto;min-height:0} .trade-visual .image-credit {font-size:7px;padding:24px 16px 14px} .split-section {grid-template-columns:1fr;gap:33px} .warehouse-feature .photo-wrap {aspect-ratio:1.45} .warehouse-feature h3 {font-size:36px} .warehouse-feature p {font-size:14px} .compact-list {border:0;padding:0;display:block} .compact-story,.compact-story:first-child {padding:23px 0;border-top:1px solid var(--rule);border-bottom:0} .compact-story h3 {font-size:28px} .regions {grid-template-columns:1fr;gap:31px} .region,.region:last-child {padding:0;border:0} .region-header {padding:0 0 18px;gap:13px} .region-header h3 {font-size:45px} .region-header>span:last-child {width:auto;margin:0;font-size:10px} .region-story {padding:21px 0} .region-story h4 {font-size:28px;line-height:1.2} .region>.text-link {margin-top:15px} .desk-teaser {grid-template-columns:1fr;padding:36px 29px;gap:30px;margin:50px 0} .desk-teaser h2 {font-size:41px;margin:20px 0} .desk-teaser p {font-size:14px;margin-bottom:25px} .desk-teaser-links>a {padding:23px 0} .desk-teaser-links>a>span:first-child {font-size:28px} .event-home-intro {display:block;margin-bottom:26px} .event-home-intro>p {font-size:32px} .event-home-intro>span {display:block;text-align:left;font-size:10px;margin-top:18px} .event-home-grid .event-card {grid-template-columns:75px minmax(0,1fr);gap:20px;padding:26px 0} .event-home-grid .event-date-tile.compact {padding:13px 0;gap:8px} .event-home-grid .event-date-tile.compact strong {font-size:28px} .event-home-grid .event-card h3 {font-size:28px;line-height:1.17} .event-card p {font-size:13px} .event-card .text-link {margin-top:19px} .archive-invite {grid-template-columns:1fr;padding:33px 28px;gap:30px;margin:50px 0} .archive-invite h2 {font-size:38px;margin-top:18px} .archive-invite p {font-size:14px} .archive-search input {font-size:15px;padding:17px 0} .archive-search button {padding:12px 0 12px 12px;min-width:35px} .search-suggestions {gap:7px} .tag {font-size:10px;padding:6px 9px} .topic-grid {grid-template-columns:1fr;gap:0} .topic-tile {min-height:106px;padding:25px 0;gap:21px} .topic-number {font-size:16px} .topic-name {font-size:30px} .topic-count {font-size:10px} .page-heading {padding:37px 0 32px} .page-heading h1 {font-size:47px;line-height:1.04;margin:20px 0 25px} .page-heading .standfirst {font-size:16px;line-height:1.8} .page-heading .eyebrow {font-size:9px} .breadcrumbs {font-size:9px;line-height:1.6;margin:26px 0 15px;gap:9px} .article-head {padding:13px 0 30px;text-align:left} .article-head h1 {font-size:44px;line-height:1.07;max-width:24ch;margin:19px 0 24px} .article-head .eyebrow {font-size:9px;gap:13px} .article-head .standfirst {font-size:17px;line-height:1.75} .article-head .meta {font-size:8px;gap:9px;margin-top:25px} .article-head .meta>span+span::before {padding-right:9px} .article-image {margin:0 0 30px} .article-image .photo-wrap {aspect-ratio:1.35} .article-image .image-credit {padding:9px 0;font-size:8px} .reading-layout {gap:26px} .article-sidebar {padding:6px 0;gap:17px;flex-wrap:wrap} .share-tools {gap:24px} .share-tools button {font-size:10px} .share-feedback {font-size:10px} .article-body {font-size:20px;line-height:1.85} .article-body>p:first-child:first-letter {font-size:67px;padding-top:14px} .article-body h2 {font-size:31px;margin:35px 0 23px;line-height:1.15} .article-body p {margin-bottom:24px} .source-notes h2 {font-size:28px} .source-notes ol {font-size:12px} .editorial-disclosure {font-size:11px;padding:20px;line-height:1.9} .topic-intro {grid-template-columns:1fr;gap:28px;padding:36px 0} .topic-intro h1 {font-size:49px;margin:21px 0} .topic-intro p {font-size:16px;line-height:1.8} .topic-intro .photo-wrap {aspect-ratio:1.4} .topic-intro p.draft-scope {font-size:10px} .full-topic {grid-template-columns:1fr;gap:28px;padding:35px 0} .full-topic h2 {font-size:35px} .topic-links {gap:22px;grid-template-columns:1fr} .topic-links article {border:0;border-top:1px solid var(--rule);padding:22px 0 0} .topic-links h3 {font-size:29px} .reading-page {margin:37px 0 50px;font-size:18px;line-height:1.85} .reading-page h1 {font-size:45px;margin:22px 0 31px} .reading-page h2 {font-size:31px} .filter-layout {display:block;margin:28px 0 45px} .mobile-filter-toggle {display:flex;border:1px solid var(--rule);background:var(--wash);padding:14px 18px;min-height:47px;font-size:11px} .filter-panel {display:none;padding:22px;margin-bottom:26px} .filter-panel.is-open {display:block} .filter-panel form {grid-template-columns:1fr;gap:16px} .field input,.field select,.field textarea {font-size:16px;min-height:48px} .filter-panel .field input,.filter-panel .field select {font-size:16px} .filter-panel .field {margin:0} .field label {font-size:11px} .result-toolbar {padding-bottom:19px;font-size:10px;gap:15px} .result-toolbar select {font-size:11px;max-width:130px} .result-toolbar label {display:none} .result-row {grid-template-columns:84px minmax(0,1fr);gap:18px;padding:25px 0} .result-photo {aspect-ratio:.85} .result-row h2 {font-size:25px;line-height:1.18;margin:11px 0 15px} .result-row p {font-size:12px;line-height:1.75} .result-row .meta {font-size:8px;line-height:1.7;margin-top:14px;gap:7px} .result-row .meta>span+span::before {padding-right:7px} .result-row .image-credit {font-size:7px} .pagination {gap:7px} .pagination .page-info {font-size:10px;width:100%;margin:12px 0 0} .empty-state {padding:37px 23px} .empty-state h2 {font-size:32px} .search-page-form .archive-search input {font-size:16px} .search-page-form .archive-search button {font-size:0;min-width:32px;padding:13px 0 13px 10px} .desk-card-grid {grid-template-columns:1fr;padding:30px 0 45px;gap:25px} .desk-tool-card {padding:32px 27px} .desk-tool-card::before {font-size:47px;margin-bottom:28px} .desk-tool-card h2 {font-size:40px;line-height:1.09} .desk-tool-card p {font-size:14px} .desk-next {grid-template-columns:1fr;gap:23px;padding:29px 0} .desk-next h2 {font-size:33px} .desk-workspace {padding:29px 0 40px;gap:25px} .desk-input-panel,.desk-output-panel {padding:23px} .desk-panel-title {gap:15px;align-items:start} .desk-panel-title h2 {font-size:25px} .desk-text-button {font-size:10px;line-height:1.5;min-width:77px} .desk-input-grid,.desk-input-panel fieldset .desk-input-grid {grid-template-columns:1fr;gap:0} .desk-input-panel .field input,.desk-input-panel .field select {font-size:16px} .desk-result-heading h2 {font-size:31px} .desk-metrics {grid-template-columns:1fr;gap:23px;padding:25px 0} .desk-metrics strong {font-size:33px;margin:9px 0} .desk-metrics small {font-size:11px} .desk-lane>div:first-child {font-size:10px;gap:10px} .desk-table {font-size:11px} .desk-table th,.desk-table td {padding:13px 8px} .desk-table thead th {font-size:9px} .desk-action-note {padding:19px 16px} .desk-output-actions {gap:11px} .desk-output-actions .button {font-size:10px;width:100%;justify-content:center} .desk-quote-toolbar {flex-direction:column;align-items:flex-start;gap:19px} .desk-quote-toolbar p {font-size:13px} .desk-quote-card {padding:24px} .desk-quote-card .field input,.desk-quote-card .field textarea {font-size:16px;line-height:1.7} .desk-quote-card textarea {min-height:300px} .nl-heading h1 {font-size:53px} .nl-workspace {padding-top:27px} .nl-form-panel,.nl-preview-panel {padding:26px} .nl-form-intro h2 {font-size:32px} .nl-contact-fields {grid-template-columns:1fr;gap:0} .nl-contact-fields .field input {font-size:16px} .nl-choice-grid {grid-template-columns:1fr;gap:10px} .nl-choice {font-size:13px;min-height:54px;padding:14px} .nl-step-nav {margin:27px 0} .nl-step-nav button {font-size:10px;gap:6px;padding-right:6px;white-space:normal;line-height:1.5} .nl-step-nav button span {width:23px;height:23px} .nl-preview-panel h2 {font-size:40px} .nl-preview-panel .nl-edition-preview h4 {font-size:27px} .nl-consent {font-size:12px} .nl-teaser {grid-template-columns:1fr;gap:27px;padding:37px 28px;margin:50px 0} .nl-teaser::before {left:28px;right:28px} .nl-teaser h2 {font-size:42px} .nl-teaser>div:last-child {justify-self:start} .nl-teaser .button {min-width:230px} .nl-flow,.nl-management {padding:27px;margin:30px auto} .nl-flow h2,.nl-management h2 {font-size:36px} .nl-email-preview {padding:24px} .nl-email-preview h3 {font-size:29px} .event-directory-top {display:block;padding:23px 0} .event-directory-top>p {margin-top:20px;font-size:10px} .event-status-tabs {gap:25px} .event-status-tabs a {font-size:11px} .event-filters {grid-template-columns:1fr;padding:23px;gap:20px} .event-search-field {grid-column:auto} .event-filters .field input,.event-filters .field select {font-size:16px} .event-filters .event-filter-actions {grid-column:auto;grid-row:auto;flex-direction:row;align-items:center;gap:24px} .event-month-heading {font-size:29px;margin-top:31px} .event-directory-list .event-card {grid-template-columns:78px minmax(0,1fr);gap:22px;padding:27px 0} .event-directory-list .event-date-tile.compact {padding:15px 0} .event-directory-list .event-date-tile.compact strong {font-size:29px} .event-directory-list .event-card h3 {font-size:29px;line-height:1.17} .event-single-hero {grid-template-columns:1fr;gap:29px;padding:16px 0 33px} .event-single-hero h1 {font-size:48px;line-height:1.04;max-width:20ch;margin:21px 0 25px} .event-single-hero .standfirst {font-size:16px;line-height:1.8} .event-single-hero .event-date-tile {display:flex;flex-direction:row;align-items:center;gap:19px;padding:25px;min-height:0;width:100%;flex-wrap:wrap} .event-single-hero .event-date-tile strong {font-size:44px;margin:0;white-space:nowrap} .event-single-hero .event-date-tile>span {font-size:10px} .event-single-hero .event-date-tile small {font-size:10px;max-width:16ch} .event-single-layout {padding-top:31px;gap:25px} .event-visit-card {padding:27px} .event-visit-card dl {grid-template-columns:1fr;gap:0} .event-visit-card .button {width:100%;margin-right:0;font-size:11px} .event-detail-copy {font-size:20px;line-height:1.85} .event-detail-copy h2 {font-size:32px} .event-detail-copy section {margin-bottom:35px} .event-editorial-insight {padding:23px} .event-editorial-insight h2 {font-size:30px} .event-reading-grid h3 {font-size:29px} .event-more-grid {grid-template-columns:1fr;gap:0} .event-more-grid .event-card {grid-template-columns:75px minmax(0,1fr);gap:21px} .event-more-grid .event-card h3 {font-size:28px} .event-more-grid .event-date-tile.compact {padding:14px 0} .event-more-grid .event-date-tile.compact strong {font-size:28px} .footer {padding:43px 0 25px;margin-top:55px} .footer-motto {grid-template-columns:1fr;gap:22px;padding-bottom:33px;margin-bottom:34px} .footer-motto .eyebrow {font-size:8px;grid-column:auto;padding:0} .footer .footer-motto>p {font-size:36px;line-height:1.13;max-width:none;margin:0} .footer-motto>a {justify-self:start;margin-top:5px;font-size:10px} .footer-top {grid-template-columns:1fr 1fr;gap:37px 25px;padding-bottom:31px} .footer-top>div:first-child {grid-column:1/-1} .footer-brand {font-size:32px} .footer p {font-size:12px;line-height:1.85;max-width:38ch;margin-top:17px} .footer-geographies {margin-top:20px} .footer h2 {font-size:8px;letter-spacing:.1em;margin-bottom:20px} .footer-links a {font-size:11px} .footer-bottom {flex-direction:column;align-items:flex-start;gap:13px;font-size:8px;line-height:1.8} } @media(max-width:370px) { .wrap {padding:0 17px} .brand-name {font-size:23px} .brand-seal {width:31px;height:31px;font-size:18px} .brand {gap:10px} .menu-toggle {padding-left:7px} .menu-toggle>span {display:none} .edition-bar p {max-width:118px;font-size:7px} .edition-links {gap:11px;font-size:8px} .lead-title {font-size:42px} .cover-copy .eyebrow {font-size:8px} .section-heading h2 {font-size:28px} .section-heading a {max-width:105px;font-size:8px} .trade-copy h2 {font-size:40px} .trade-copy,.desk-teaser,.archive-invite,.nl-teaser {padding-left:23px;padding-right:23px} .result-row {grid-template-columns:70px minmax(0,1fr);gap:15px} .result-row h2 {font-size:23px} .result-photo {display:block} .industry-reads .result-row {grid-template-columns:70px minmax(0,1fr);gap:16px} .industry-reads .result-row h2 {font-size:24px} .article-head h1 {font-size:39px} .page-heading h1 {font-size:43px} .nl-heading h1 {font-size:47px} .nl-form-panel,.nl-preview-panel,.desk-input-panel,.desk-output-panel {padding:21px} .nl-step-nav button {font-size:9px;gap:4px} .nl-step-nav button span {width:20px;height:20px} .event-home-grid .event-card,.event-directory-list .event-card {grid-template-columns:65px minmax(0,1fr);gap:18px} .event-home-grid .event-card h3,.event-directory-list .event-card h3 {font-size:26px} .event-home-grid .event-date-tile.compact strong,.event-directory-list .event-date-tile.compact strong {font-size:25px} .event-single-hero h1 {font-size:43px} .event-single-hero .event-date-tile {padding:22px;gap:13px} .event-single-hero .event-date-tile strong {font-size:38px} } /* Single posts: one aligned header and image column, a right reading desk, and a separate slim share rail beside the copy. */ .post-shell {width:100%;max-width:1120px;margin:0 auto} .post-shell .breadcrumbs {margin:30px 0 19px} .post-shell .article-head {max-width:none;width:100%;margin:0;padding:18px 0 30px;text-align:left;border-bottom:1px solid var(--rule)} .post-shell .article-head h1 {font-size:clamp(43px,4.5vw,62px);max-width:28ch;margin:20px 0 24px;line-height:1.08;letter-spacing:-.045em} .post-shell .article-head .standfirst {font-size:18px;line-height:1.75;max-width:92ch} .post-shell .article-head .meta {margin:24px 0 0;font-size:10px;gap:15px} .post-layout {display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;align-items:start;margin-top:29px} .post-layout>* {min-width:0} .post-shell .article-image {width:100%;max-width:none;margin:0 0 29px} .post-shell .article-image .photo-wrap {aspect-ratio:16/9} .post-shell .article-image img {width:100%;height:100%;object-fit:cover} .post-shell .article-image .image-credit {text-align:left;padding:9px 0 0;font-size:9px} .post-reading {display:grid;grid-template-columns:44px minmax(0,1fr);gap:24px;align-items:start} .post-share {position:sticky;top:24px;display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:3px} .post-share-label {font:500 8px/1.4 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg);margin:0 0 9px} .post-share button {display:grid;place-items:center;width:44px;min-height:44px;padding:0;border:1px solid var(--rule);border-radius:50%;background:var(--white);color:var(--ink)} .post-share button:hover {background:var(--ink);border-color:var(--ink);color:var(--white)} .post-share button .icon {width:17px;height:17px} .social-mark {display:grid;place-items:center;font:600 16px/1 Arial,sans-serif;letter-spacing:-.025em} .post-share [data-article-share=facebook] .social-mark {font-size:19px} .post-shell .article-body {max-width:none;min-width:0;font-size:20px;line-height:1.8} .post-shell .article-body>p:first-child:first-letter {float:none;font:inherit;line-height:inherit;padding:0;color:inherit} .post-shell .article-body .share-feedback {font:400 11px/1.7 var(--sans);color:var(--oxide);background:var(--wash);padding:12px 15px;margin:0 0 22px} .post-shell .article-body .share-feedback:empty {display:none} .post-shell .article-body h2 {font-size:31px;line-height:1.2;margin:34px 0 20px} .post-shell .article-body p {margin-bottom:23px} .post-shell .source-notes {margin-top:36px;padding-top:24px} .post-sidebar {position:sticky;top:var(--post-sticky-top,calc(var(--header-offset,190px) + 24px));align-self:start;max-height:none;overflow:visible;padding:0} .post-sidebar>section {margin:0 0 22px} .post-sidebar>section:last-child {margin-bottom:0} .post-contents,.post-side-reads {padding:23px;background:var(--white);border:1px solid var(--rule)} .post-sidebar h2 {font:500 9px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.13em;color:var(--oxide);margin-bottom:17px} .post-contents>a {display:block;font-size:12px;line-height:1.6;padding:12px 0;border-top:1px solid var(--rule);color:var(--muted)} .post-contents>a:hover {color:var(--oxide)} .post-contents .post-desk-link {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;color:var(--ink);font-size:11px;padding-bottom:0} .post-side-reads article {display:grid;grid-template-columns:21px minmax(0,1fr);gap:10px;border-top:1px solid var(--rule);padding:17px 0} .post-side-reads article:last-child {padding-bottom:0} .post-side-index {font:400 15px/1.4 var(--serif);color:var(--steel)} .post-side-reads h3 {font-size:20px;font-weight:400;line-height:1.25;letter-spacing:-.02em;margin:0 0 10px} .post-side-reads .card-meta {font-size:8px;letter-spacing:.055em} .post-briefing {background:var(--ink);color:var(--paper);padding:30px} .post-briefing .eyebrow {color:var(--signal);font-size:8px} .post-briefing h2 {font:400 31px/1.08 var(--serif);text-transform:none;letter-spacing:-.035em;color:var(--paper);margin:18px 0 16px} .post-briefing p {font-size:12px;line-height:1.8;color:var(--light-muted);margin-bottom:20px} .post-briefing>a {display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.035em;color:var(--signal);padding-top:15px;border-top:1px solid #4c6580} .post-briefing :focus-visible {outline-color:var(--signal)} .post-shell .post-related {margin:66px 0 0} .post-related .story-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:30px} .post-related .section-heading h2 {font-size:32px} .post-related .story-card h3 {font-size:26px;line-height:1.2} .post-related .story-card p {font-size:12px;line-height:1.75} @media(max-width:1200px) { .post-layout {grid-template-columns:minmax(0,1fr) 260px;gap:30px} .post-reading {gap:19px} .post-shell .article-head h1 {font-size:57px} .post-contents,.post-side-reads {padding:21px} .post-briefing {padding:27px} } @media(max-width:950px) { .post-shell {max-width:760px} .post-layout {grid-template-columns:1fr;gap:34px} .post-shell .article-head h1 {font-size:51px} .post-reading {grid-template-columns:1fr;gap:25px} .post-share {position:static;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;padding:13px 0;gap:9px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)} .post-share-label {writing-mode:horizontal-tb;transform:none;margin:0 10px 0 0} .post-sidebar {position:static;max-height:none;overflow:visible;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px} .post-sidebar>section {margin:0} .post-sidebar .post-contents {grid-column:1/-1} .post-contents>a {padding:13px 0} .post-shell .post-related {margin-top:48px} .post-related .story-grid {gap:24px} .post-related .story-card h3 {font-size:24px} } @media(max-width:650px) { .post-shell .breadcrumbs {font-size:9px;margin:25px 0 17px} .post-shell .article-head {padding:12px 0 27px} .post-shell .article-head h1 {font-size:42px;line-height:1.09;margin:19px 0 23px;max-width:none} .post-shell .article-head .standfirst {font-size:16px;line-height:1.8} .post-shell .article-head .eyebrow {font-size:9px;gap:10px;flex-wrap:wrap} .post-shell .article-head .meta {font-size:8px;gap:9px;margin-top:23px} .post-shell .article-head .meta>span+span::before {padding-right:9px} .post-layout {margin-top:24px;gap:31px} .post-shell .article-image {margin-bottom:23px} .post-shell .article-image .photo-wrap {aspect-ratio:3/2} .post-shell .article-image .image-credit {font-size:8px;line-height:1.7;padding-top:10px} .post-reading {gap:23px} .post-share {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;justify-items:center;padding:13px 0} .post-share-label {grid-column:1/-1;justify-self:start;margin:0 0 3px;font-size:8px} .post-share button {width:100%;max-width:44px;min-height:44px;border-radius:50%} .post-shell .article-body {font-size:19px;line-height:1.85} .post-shell .article-body h2 {font-size:29px;line-height:1.19;margin:31px 0 20px} .post-sidebar {grid-template-columns:1fr;gap:22px} .post-sidebar .post-contents {grid-column:auto} .post-contents,.post-side-reads {padding:24px} .post-sidebar h2 {font-size:10px} .post-contents>a {font-size:13px;line-height:1.7} .post-side-reads h3 {font-size:25px;line-height:1.2} .post-side-reads article {padding:20px 0} .post-briefing {padding:28px} .post-briefing h2 {font-size:36px} .post-briefing p {font-size:13px} .post-briefing>a {font-size:11px} .post-shell .post-related {margin-top:43px} .post-related .story-grid {grid-template-columns:1fr;gap:33px} .post-related .section-heading h2 {font-size:29px} .post-related .story-card h3 {font-size:30px} .post-related .story-card p {font-size:14px} } @media(max-width:370px) { .post-shell .article-head h1 {font-size:38px} .post-share {gap:5px} .post-share button {min-height:40px} .post-share button .icon {width:16px;height:16px} } @media print { .post-share,.post-sidebar,.post-related {display:none} .post-shell {max-width:none} .post-shell .article-head {padding:15px 0 20px} .post-shell .article-head h1 {font-size:32px} .post-shell .article-head .standfirst {font-size:15px} .post-layout,.post-reading {display:block} .post-shell .article-image {max-width:620px;margin:20px 0 25px} .post-shell .article-body {font-size:12pt;line-height:1.65} .post-shell .article-body h2 {font-size:20pt} } @media(prefers-reduced-motion:reduce) { html {scroll-behavior:auto} *,*::before,*::after {transition:none!important;animation:none!important} a:hover>.photo-wrap img {transform:none} } /* Full-width colour bands use the available page width, avoiding viewport widths that include the scrollbar. Reading content retains its own grid. */ @media screen { .wrap.page-layout {display:grid;grid-template-columns:var(--page-columns);max-width:none;width:100%;padding-inline:0;margin-inline:0} .page-layout>* {grid-column:content-start/content-end;min-width:0;margin-bottom:0} .page-layout>.trade-panel, .page-layout>.desk-teaser, .page-layout>.archive-invite, .page-layout>.nl-teaser {grid-column:full-start/full-end;grid-template-columns:var(--page-columns);column-gap:0;padding-inline:0;border-left:0;border-right:0} .page-layout>.trade-panel>.trade-copy {grid-column:content-start/middle;padding-left:0} .page-layout>.trade-panel>.trade-visual {grid-column:middle/full-end;grid-row:1} .page-layout>.desk-teaser>div:first-child, .page-layout>.archive-invite>div:first-child, .page-layout>.nl-teaser>div:first-child {grid-column:content-start/middle;padding-right:45px} .page-layout>.desk-teaser>div:last-child, .page-layout>.archive-invite>div:last-child, .page-layout>.nl-teaser>div:last-child {grid-column:middle/content-end;padding-left:45px} .page-layout>.nl-teaser::before {left:0;right:0} .page-layout+.footer {margin-top:0} } @media screen and (max-width:1200px) { :root {--page-gutter:40px} .page-layout>.desk-teaser>div:first-child, .page-layout>.archive-invite>div:first-child, .page-layout>.nl-teaser>div:first-child {padding-right:28px} .page-layout>.desk-teaser>div:last-child, .page-layout>.archive-invite>div:last-child, .page-layout>.nl-teaser>div:last-child {padding-left:28px} } @media screen and (max-width:900px) { :root {--page-gutter:30px} .page-layout>.desk-teaser>div:first-child, .page-layout>.archive-invite>div:first-child, .page-layout>.nl-teaser>div:first-child {padding-right:20px} .page-layout>.desk-teaser>div:last-child, .page-layout>.archive-invite>div:last-child, .page-layout>.nl-teaser>div:last-child {padding-left:20px} } @media screen and (max-width:650px) { :root {--page-gutter:22px} .page-layout>.trade-panel>.trade-copy, .page-layout>.desk-teaser>div, .page-layout>.archive-invite>div, .page-layout>.nl-teaser>div {grid-column:content-start/content-end!important;padding-left:0!important;padding-right:0!important} .page-layout>.trade-panel>.trade-visual {grid-column:full-start/full-end;grid-row:auto} } @media screen and (max-width:370px) { :root {--page-gutter:17px} } /* Screenshot refinements: stronger footer, balanced ad space and a compact sticky masthead. Reading panels never create their own scroll area. */ .industry-reads {display:flex;flex-direction:column} .industry-reads .result-row {flex-shrink:0} .ad-placement {display:flex;flex-direction:column;gap:20px;flex:1;margin-top:30px;padding:26px;background:var(--wash);border:1px solid var(--rule);border-left:3px solid var(--oxide);min-height:200px} .ad-placement-label {display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px;line-height:1.5;letter-spacing:.12em;color:var(--muted)} .ad-placement-label>span:last-child {letter-spacing:.03em;text-align:right} .ad-placement-content {display:grid;grid-template-columns:54px minmax(0,1fr);gap:22px;align-items:center;flex:1} .ad-placement-mark {display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--steel);font:400 36px/1 var(--sans);color:var(--steel)} .ad-placement-title {font:400 31px/1.14 var(--serif);letter-spacing:-.025em;color:var(--ink)} .ad-placement-copy {font-size:11px;line-height:1.7;color:var(--muted);margin-top:13px} .ad-placement-link {display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;align-self:flex-end;font-size:11px;color:var(--oxide);padding-top:9px} .post-share.is-tall,.nl-preview-panel.is-tall,.event-visit-card.is-tall {position:static} .post-briefing>a {padding-top:18px;min-height:46px;line-height:1.6} .footer {position:relative;isolation:isolate;overflow:hidden;background-color:var(--ink);background-image:radial-gradient(ellipse at 95% 0%,rgba(62,111,146,.23),transparent 52%),linear-gradient(130deg,#0b233b,var(--ink));border-top:3px solid var(--signal);padding-top:58px} .footer::before {content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(195,210,224,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(195,210,224,.035) 1px,transparent 1px);background-size:76px 76px;pointer-events:none} .footer .footer-motto {grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:85px;align-items:center;padding-bottom:49px;margin-bottom:42px} .footer-statement {min-width:0} .footer-statement>.eyebrow {display:block;font-size:10px;padding:0;color:var(--signal)} .footer .footer-statement>p {font:400 clamp(40px,4.2vw,58px)/1.1 var(--serif);letter-spacing:-.04em;color:var(--paper);max-width:none;margin:24px 0 29px} .footer .footer-briefing-button {display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 21px;min-height:49px;background:var(--signal);border:1px solid var(--signal);color:var(--ink);font-size:11px;letter-spacing:.035em} .footer .footer-briefing-button:hover {background:var(--white);border-color:var(--white);color:var(--ink)} .footer-destinations {display:flex;flex-direction:column;gap:0;min-width:0} .footer-destinations>a {display:grid;grid-template-columns:25px minmax(0,1fr) 36px;gap:18px;align-items:center;padding:23px 0;border-top:1px solid #4c6580;color:var(--paper)} .footer-destinations>a:last-child {border-bottom:1px solid #4c6580} .footer-destination-number {font:400 15px/1.3 var(--serif);color:var(--signal);align-self:start;padding-top:3px} .footer-destinations strong {font:400 29px/1.13 var(--serif);letter-spacing:-.025em;display:block} .footer-destinations small {display:block;color:var(--light-muted);font-size:11px;line-height:1.7;margin-top:8px} .footer-destinations>a>.icon {color:var(--signal);height:36px;width:36px;padding:8px;border:1px solid #4c6580;border-radius:50%} .footer-destinations>a:hover strong {color:var(--signal)} .footer .footer-top {grid-template-columns:1.35fr 1fr .9fr;gap:80px;padding-bottom:38px} .footer .footer-brand {display:inline-block;font:400 43px/1.1 var(--serif);letter-spacing:-.05em} .footer-brand-the {display:block;font:500 8px/1.3 var(--sans);letter-spacing:.22em;margin-bottom:8px;color:var(--signal)} .footer-brand-dot {color:var(--signal)} .footer .footer-top p {font-size:13px;line-height:1.8;max-width:39ch;margin-top:20px} .footer .footer-geographies {display:inline-flex;align-items:center;border:1px solid #4c6580;padding:10px 14px;margin-top:23px;font-size:9px;letter-spacing:.12em} .footer .footer-top h2 {font-size:10px;margin-bottom:19px;letter-spacing:.1em} .footer .footer-links {gap:4px} .footer .footer-links>a {font-size:12px;line-height:1.6;min-height:0;padding:6px 0;display:block} .footer .footer-bottom {padding-top:22px;font-size:9px} @media screen { html {scroll-padding-top:calc(var(--header-offset,190px) + 24px)} .skip-link {z-index:100} .site-header {position:sticky;top:0;z-index:60;border-bottom:1px solid var(--rule);box-shadow:0 6px 18px rgba(16,43,70,.06)} .site-header .utility {padding-top:10px;padding-bottom:10px} .site-header .masthead {padding-top:18px;padding-bottom:18px} .site-header .brand-seal {width:42px;height:42px;font-size:24px} .site-header .brand-name {font-size:31px} .site-header .mast-side {font-size:13px;line-height:1.45} .site-header .primary-nav {min-height:48px} .site-header .primary-nav>a {min-height:46px;padding-top:13px;padding-bottom:13px} .site-header .edition-bar {padding-top:9px;padding-bottom:9px} .post-share,.nl-preview-panel,.event-visit-card {top:calc(var(--header-offset,190px) + 24px)} } @media(max-width:1200px) { .footer .footer-motto {gap:55px} .footer .footer-statement>p {font-size:48px} .footer-destinations strong {font-size:25px} .footer .footer-top {gap:50px} .footer .footer-brand {font-size:37px} } @media(max-width:900px) { .ad-placement {padding:22px;gap:18px;min-height:200px} .ad-placement-content {grid-template-columns:1fr;gap:17px} .ad-placement-mark {width:42px;height:42px;font-size:28px} .ad-placement-title {font-size:29px} .footer .footer-motto {gap:35px;grid-template-columns:1.1fr 1fr} .footer .footer-statement>p {font-size:39px} .footer-destinations>a {grid-template-columns:20px minmax(0,1fr) 30px;gap:13px;padding:20px 0} .footer-destinations>a>.icon {width:30px;height:30px;padding:6px} .footer-destinations strong {font-size:25px} .footer-destinations small {font-size:10px} .footer .footer-top {gap:32px} .footer .footer-brand {font-size:32px} .footer .footer-links>a {font-size:11px} } @media(max-width:650px) { .ad-placement {margin-top:26px;padding:23px;min-height:220px;gap:20px} .ad-placement-content {grid-template-columns:40px minmax(0,1fr);gap:18px} .ad-placement-mark {width:40px;height:40px;font-size:27px} .ad-placement-title {font-size:28px} .ad-placement-label {font-size:7px;gap:12px} .ad-placement-copy {font-size:10px;line-height:1.8} .warehouse-feature p {font-size:15px;line-height:1.85} .trade-copy a.cta {padding:14px 21px;min-height:49px;font-size:11px;gap:26px;margin-bottom:27px} .post-briefing {padding:29px} .post-briefing>a {padding-top:18px;min-height:47px} .footer {padding-top:42px} .footer .footer-motto {grid-template-columns:1fr;gap:34px;padding-bottom:33px;margin-bottom:32px} .footer-statement>.eyebrow {font-size:9px} .footer .footer-statement>p {font-size:39px;line-height:1.12;margin:21px 0 26px} .footer-destinations>a {grid-template-columns:23px minmax(0,1fr) 34px;gap:17px;padding:21px 0} .footer-destinations>a>.icon {width:34px;height:34px;padding:8px} .footer-destinations strong {font-size:26px} .footer-destinations small {font-size:11px} .footer .footer-top {grid-template-columns:1fr 1fr;gap:33px 27px;padding-bottom:32px} .footer .footer-brand {font-size:38px} .footer .footer-top p {font-size:12px;line-height:1.8} .footer .footer-geographies {font-size:8px;margin-top:21px;padding:9px 13px} .footer .footer-top h2 {font-size:9px} .footer .footer-links>a {font-size:12px;line-height:1.6;padding:6px 0} .footer .footer-bottom {font-size:8px;padding-top:20px} } @media screen and (max-width:650px) { .site-header .masthead {padding-top:14px;padding-bottom:14px} .site-header .brand-seal {width:36px;height:36px;font-size:21px} .site-header .brand-name {font-size:27px} .site-header .utility {padding-top:8px;padding-bottom:8px} .site-header .edition-bar {padding-top:8px;padding-bottom:8px} } @media(max-width:370px) { .ad-placement {padding:21px} .ad-placement-content {grid-template-columns:1fr;gap:16px} .ad-placement-title {font-size:30px} .footer .footer-statement>p {font-size:36px} .footer-destinations strong {font-size:24px} .footer .footer-brand {font-size:34px} .footer .footer-top {gap:30px 22px} .footer .footer-links>a {font-size:11px} } @media screen and (max-width:370px) { .site-header .brand-seal {width:31px;height:31px;font-size:18px} .site-header .brand-name {font-size:23px} } @media print { .site-header {position:static;box-shadow:none;border:0} .ad-placement {display:none} body {background:white;color:#18354f} .utility,.mast-actions,.primary-nav,.edition-bar,.footer,.cover-read,.cover-topline,.article-sidebar,.related,.nl-teaser,.event-filters,.event-status-tabs,.event-visit-card .button {display:none} .wrap {max-width:none;padding:0} .masthead {display:block;padding:12px 0;border-bottom:1px solid var(--rule)} .brand {justify-content:flex-start} .brand-seal {width:32px;height:32px;font-size:19px;outline:none} .brand-name {font-size:28px} .article-head {padding:20px 0} .article-head h1,.page-heading h1,.event-single-hero h1 {font-size:34px} .article-head .standfirst {font-size:16px} .article-image {max-width:600px;margin-bottom:25px} .reading-layout,.event-single-layout,.desk-workspace {display:block} .article-body,.event-detail-copy {font-size:12pt;line-height:1.65;max-width:none;color:#18354f} .article-body h2,.event-detail-copy h2 {font-size:22pt;break-after:avoid} .source-notes,.editorial-disclosure {break-inside:avoid} .desk-output-panel {padding:20px;border:1px solid #71879c} .desk-metrics {grid-template-columns:repeat(3,minmax(0,1fr))} .event-date-tile {background:white;color:#18354f;border:1px solid #71879c;min-height:0;padding:20px} .event-date-tile>span,.event-date-tile small {color:#596879} .event-single-hero {grid-template-columns:1fr auto} .event-single-hero .event-date-tile strong {font-size:35px} .event-visit-card {position:static;break-inside:avoid} } /* Pinterest logistics reference adapted for an editorial publication. The established cargo-orange colours are retained exactly. */ :root { --paper:#ffffff; --white:#ffffff; --ink:#102b46; --muted:#596879; --oxide:#b24816; --rule:#dce2e5; --wash:#f2f4f3; --signal:#f69b4e; --steel:#3e6f92; --light-muted:#c3d2e0; --body:#283d50; --serif:'IBM Plex Sans',Arial,sans-serif; --sans:'IBM Plex Sans',Arial,sans-serif; --site-gutter:clamp(22px,3.4vw,64px); } body {background:var(--paper);color:var(--ink);font-family:var(--sans)} h1,h2,h3,h4 {font-family:var(--sans);font-weight:400;letter-spacing:-.045em} ::selection {background:#ffdfc2;color:var(--ink)} .photo-wrap img {filter:none} .eyebrow {font-size:9px;font-weight:500;letter-spacing:.06em} .standfirst {font-size:17px;line-height:1.8} .site-header {background:rgba(255,255,255,.98);box-shadow:0 3px 16px rgba(16,43,70,.035)} .site-header .utility {padding-top:8px;padding-bottom:8px;font-size:8px;letter-spacing:.025em} .site-header .preview-label {letter-spacing:.06em} .site-header .masthead {grid-template-columns:1fr auto 1fr;padding-top:15px;padding-bottom:15px;gap:25px} .site-header .brand {gap:11px} .site-header .brand-seal {height:34px;width:40px;background:var(--signal);color:var(--ink);border:0;outline:0;border-radius:3px;font:500 19px/1 var(--sans);letter-spacing:-.05em} .site-header .brand-the {font-size:7px;letter-spacing:.14em} .site-header .brand-name {font:400 25px/1 var(--sans);letter-spacing:-.055em} .site-header .mast-side {font:400 11px/1.5 var(--sans);text-align:left} .site-header .mast-actions {gap:16px} .mast-search {width:168px;border:1px solid var(--rule);background:var(--wash);border-radius:999px;padding:0 13px} .mast-search input {font-size:10px} .mast-search button {min-height:35px} .mast-briefing {padding:10px 16px;gap:18px;min-height:38px;background:var(--signal);border-color:var(--signal);color:var(--ink);border-radius:999px;font-size:10px;letter-spacing:0} .mast-briefing:hover {background:var(--ink);border-color:var(--ink);color:var(--paper)} .site-header .primary-nav {min-height:44px;gap:12px;font-size:10px} .site-header .primary-nav>a {min-height:42px;padding-top:11px;padding-bottom:11px} .site-header .edition-bar {padding-top:7px;padding-bottom:7px} .edition-bar p,.edition-links {font-size:8px;letter-spacing:.025em} .edition-links {gap:20px} .button,.trade-copy a.cta,.footer .footer-briefing-button {border-radius:999px;min-height:44px;padding:12px 18px;gap:23px;font-size:11px;line-height:1.5;letter-spacing:0;font-weight:400} .button {background:var(--signal);border-color:var(--signal);color:var(--ink)} .button:hover,a.button:hover {background:var(--ink);border-color:var(--ink);color:var(--paper)} .button.secondary-button {background:transparent;border-color:var(--ink);color:var(--ink)} .button.secondary-button:hover {background:var(--ink);color:var(--paper)} .text-link {font-size:11px;font-weight:400;letter-spacing:0;gap:16px} .tag {border-radius:999px;padding:7px 12px;font-size:10px;background:var(--wash)} .tag:hover {background:var(--signal);border-color:var(--signal);color:var(--ink)} /* The scene remains illustrative; panels expose editorial desks, not live data. */ @media screen {.page-layout>.network-hero {grid-column:full-start/full-end}} .network-hero-inner {width:100%;max-width:none;margin:0;padding:0} .network-stage {position:relative;isolation:isolate;min-height:clamp(650px,45vw,820px);border-radius:0;overflow:hidden;background:#e8edeb;display:grid;grid-template-columns:minmax(0,355px) minmax(0,290px);justify-content:space-between;align-items:end;gap:50px;padding:175px var(--site-gutter) 83px} .network-illustration {position:absolute;inset:0;z-index:-2;background-image:none;background-size:cover;background-position:center} .network-stage::before {content:"";position:absolute;inset:0;z-index:-1;border:1px solid rgba(255,255,255,.6);border-radius:inherit;pointer-events:none} .network-intro {min-width:0;padding:24px;background:rgba(255,255,255,.97);border-radius:4px;box-shadow:0 7px 35px rgba(16,43,70,.05)} .network-intro .eyebrow {display:block;font-size:8px;line-height:1.8;letter-spacing:.045em} .network-intro h1 {font:400 39px/1.05 var(--sans);letter-spacing:-.055em;margin:15px 0 19px;color:var(--ink)} .network-intro>p {font-size:12px;line-height:1.8;color:var(--body);max-width:43ch;margin:0 0 22px} .network-intro-actions {display:flex;align-items:center;flex-wrap:wrap;gap:12px 17px} .network-intro-actions .button {font-size:10px;min-height:37px;padding:10px 14px;gap:17px} .network-intro-actions .text-link {font-size:10px;min-height:35px;gap:10px} .network-intro-actions .icon {height:14px;width:14px} .network-card {min-width:0;background:rgba(255,255,255,.98);padding:23px;border-radius:4px;align-self:start;box-shadow:0 9px 35px rgba(16,43,70,.06);margin-top:-65px;margin-bottom:35px} .network-card>.eyebrow {font-size:7px;letter-spacing:.04em} .network-card h2 {font:400 25px/1.1 var(--sans);letter-spacing:-.04em;margin:15px 0 15px} .network-card>p {font-size:11px;line-height:1.8;color:var(--body);margin:0 0 20px} .network-card dl {margin:0 0 17px} .network-card dl>div {display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;border-top:1px solid var(--rule);padding:10px 0} .network-card dt {font-size:8px;color:var(--muted);line-height:1.8} .network-card dd {font-size:9px;line-height:1.7;margin:0;text-align:right;color:var(--ink)} .network-card-link {display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:10px;min-height:36px;color:var(--ink)} .network-card-link>span {width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--signal)} .network-card-link .icon {width:14px;height:14px} .network-hotspots {position:absolute;inset:0;pointer-events:none} .network-hotspot {position:absolute;z-index:2;display:grid;place-items:center;border:1px solid rgba(16,43,70,.09);border-radius:50%;width:33px;height:33px;background:var(--white);color:var(--ink);box-shadow:0 5px 15px rgba(16,43,70,.12);font:400 23px/1 var(--sans);padding:0;pointer-events:auto} .network-hotspot:hover,.network-hotspot[aria-pressed=true] {background:var(--signal);border-color:var(--signal)} .network-hotspot:focus-visible {outline:3px solid var(--ink);outline-offset:4px} .hotspot-0 {left:36%;top:26%} .hotspot-1 {left:61%;top:20%} .hotspot-2 {left:56%;top:61%} .network-tabs {position:absolute;bottom:15px;left:var(--site-gutter);right:var(--site-gutter);display:flex;gap:7px;align-items:center;border-top:1px solid rgba(255,255,255,.8);padding-top:11px;flex-wrap:wrap} .network-tabs button {display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:9px 12px;border-radius:999px;border:1px solid rgba(16,43,70,.08);background:rgba(255,255,255,.96);color:var(--ink);font:400 9px/1.4 var(--sans)} .network-tabs button>span {font-size:7px;color:var(--muted)} .network-tabs button:hover,.network-tabs button[aria-pressed=true] {background:var(--signal);border-color:var(--signal)} .network-tabs button[aria-pressed=true]>span {color:var(--ink)} .network-hero-caption {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px var(--site-gutter);font-size:7px;line-height:1.8;color:var(--muted)} .network-hero-caption>span:first-child {font-size:8px;color:var(--ink);letter-spacing:.08em} .network-desks.section {margin-top:48px;margin-bottom:80px} .topic-grid.illustrated-desks {grid-template-columns:repeat(3,minmax(0,1fr));gap:2px} .illustrated-desks .topic-tile {display:flex;flex-direction:column;position:relative;padding:25px;min-height:300px;background:var(--wash);border:0;border-radius:2px;gap:0;overflow:hidden;color:var(--ink)} .illustrated-desks .topic-tile:nth-child(2) {background:var(--signal)} .illustrated-desks .topic-number {position:absolute;top:20px;left:22px;font:400 8px/1 var(--sans);color:var(--muted)} .desk-art {display:block;flex-shrink:0;width:min(100%,210px);aspect-ratio:1;margin:0 auto 14px;background-image:none;background-size:300% 200%;background-repeat:no-repeat} .desk-art-0 {background-position:0 0}.desk-art-1 {background-position:50% 0}.desk-art-2 {background-position:100% 0} .desk-art-3 {background-position:0 100%}.desk-art-4 {background-position:50% 100%}.desk-art-5 {background-position:100% 100%} .illustrated-desks .topic-copy {display:block;margin-top:auto;padding-right:28px} .illustrated-desks .topic-name {font:400 20px/1.2 var(--sans);letter-spacing:-.025em} .illustrated-desks .topic-count {font-size:9px;line-height:1.6;letter-spacing:0;margin-top:7px} .illustrated-desks .topic-tile>.icon {position:absolute;bottom:27px;right:24px;width:17px;height:17px;color:var(--ink)} .illustrated-desks .topic-tile:hover {background:var(--signal);color:var(--ink)} .illustrated-desks .topic-tile:nth-child(2) .topic-count,.illustrated-desks .topic-tile:nth-child(2) .topic-number {color:var(--ink)} /* The magazine, tools and supporting pages share the reference's light finish. */ .cover {padding-top:18px} .cover-topline {font-size:8px;letter-spacing:.09em;padding-bottom:25px} .cover-story {grid-template-columns:1fr 1.1fr;gap:50px} .cover-copy {padding-top:8px;padding-bottom:25px} .cover-copy .lead-title {font:400 clamp(37px,4vw,58px)/1.07 var(--sans);letter-spacing:-.05em;max-width:19ch} .cover-copy .eyebrow {margin-bottom:21px} .cover-copy .standfirst {font-size:15px;line-height:1.85;max-width:52ch} .cover-visual .lead-photo {aspect-ratio:1.28;border-radius:3px} .cover-read {margin-top:23px;font-size:11px;letter-spacing:0;gap:20px} .cover-read>span {width:33px;height:33px;background:var(--signal);color:var(--ink);border:0} .cover-copy .meta {margin-top:25px;font-size:8px} .cover-caption {border:0;font-size:7px} .journal-selection {grid-template-columns:175px minmax(0,1fr);gap:34px;padding:28px 0;margin-top:30px;border:0} .selection-label>p {font:400 31px/1.08 var(--sans);letter-spacing:-.04em;margin:15px 0 23px} .selection-stories {gap:2px} .selection-stories .secondary-story,.selection-stories .secondary-story:last-child {display:block;padding:25px;background:var(--wash);border:0;border-radius:2px} .selection-number {font:400 10px/1 var(--sans);color:var(--oxide);display:block;margin-bottom:22px} .selection-stories .headline {font:400 25px/1.18 var(--sans);letter-spacing:-.035em;margin:14px 0 24px} .selection-stories .eyebrow {font-size:8px;letter-spacing:.035em} .section {margin-top:67px;margin-bottom:67px} .section-heading {padding:0 0 27px;border:0;align-items:center} .section-heading h2 {font:400 40px/1.1 var(--sans);letter-spacing:-.045em} .section-heading>a {font-size:10px;letter-spacing:0;gap:14px;background:var(--signal);color:var(--ink);padding:10px 15px;min-height:38px;border-radius:999px;display:inline-flex;align-items:center} .section-heading>a:hover {background:var(--ink);color:var(--white)} .story-card,.story-card:not(:last-child) {background:var(--wash);border:0;padding:23px;border-radius:3px} .card-photo {border-radius:2px;aspect-ratio:1.5} .story-card h3 {font:400 28px/1.18 var(--sans);letter-spacing:-.035em} .story-card p {font-size:13px;line-height:1.8} .story-card .eyebrow {font-size:8px;margin-top:19px} .story-card .card-meta {font-size:8px;letter-spacing:.02em} .industry-grid {grid-template-columns:1fr 1fr;gap:27px} .industry-grid>.story-card h3 {font-size:36px;line-height:1.13} .industry-reads .result-row,.industry-reads .result-row:first-child {background:var(--wash);border:0;margin-bottom:3px;padding:22px;gap:22px;grid-template-columns:110px minmax(0,1fr)} .industry-reads .result-photo {border-radius:2px} .industry-reads .result-row h2 {font:400 25px/1.18 var(--sans);letter-spacing:-.035em} .industry-reads .result-row .meta {font-size:8px} .ad-placement {margin-top:20px;border:0;background:var(--wash);border-radius:3px;padding:25px} .ad-placement-title {font:400 31px/1.1 var(--sans);letter-spacing:-.04em} .ad-placement-mark {background:var(--signal);border:0;color:var(--ink);border-radius:50%} .trade-panel {background:var(--signal);color:var(--ink);min-height:515px;margin:67px 0} .trade-copy .eyebrow,.trade-signature {color:var(--ink)} .trade-copy h2 {font:400 52px/1.06 var(--sans);letter-spacing:-.05em;color:var(--ink)} .trade-copy h2 em {font-style:normal;color:var(--ink)} .trade-copy p {font-size:14px;line-height:1.85;color:var(--ink)} .trade-copy a.cta {background:var(--white);border-color:var(--white);color:var(--ink);gap:30px} .trade-copy a.cta:hover {background:var(--ink);border-color:var(--ink);color:var(--white)} .trade-visual .image-credit {background:linear-gradient(transparent,rgba(16,43,70,.9));color:var(--light-muted)} .warehouse-feature {background:var(--wash);padding:24px;border-radius:3px} .warehouse-feature .photo-wrap {aspect-ratio:1.65;border-radius:2px} .warehouse-feature h3 {font:400 38px/1.14 var(--sans);letter-spacing:-.04em;max-width:none} .warehouse-feature p {font-size:15px;line-height:1.85;max-width:none} .split-section {gap:26px;grid-template-columns:1.65fr 1fr} .compact-list {padding:0;border:0;display:flex;flex-direction:column;gap:0;align-self:start} .compact-story,.compact-story:first-child,.compact-story:last-child {padding:22px 0;border:0;border-bottom:1px solid var(--rule);background:transparent;flex:0 0 auto;min-height:0} .compact-story h3 {font:400 26px/1.2 var(--sans);letter-spacing:-.035em} .regions {gap:3px} .region,.region:last-child {background:var(--wash);padding:27px;border:0} .region-header h3 {font:400 48px/1 var(--sans);letter-spacing:-.055em} .region-story h4 {font:400 25px/1.2 var(--sans);letter-spacing:-.035em} .region-index {font:400 10px/1 var(--sans);color:var(--oxide)} .archive-invite {background:var(--wash);border:0;margin:67px 0} .archive-invite h2 {font:400 45px/1.07 var(--sans);letter-spacing:-.045em} .archive-invite p {font-size:14px;line-height:1.85} .archive-search {background:var(--white);border:1px solid var(--rule);border-radius:999px;padding:4px;align-items:center} .archive-search input {background:transparent;border:0;padding:13px 17px;font-size:14px;min-width:0} .archive-search button {border-radius:50%;width:40px;height:40px;min-width:40px;min-height:40px;background:var(--signal);color:var(--ink);display:grid;place-items:center;padding:10px} .page-heading h1,.topic-intro h1,.reading-page h1 {font:400 clamp(42px,5vw,70px)/1.04 var(--sans);letter-spacing:-.055em} .page-heading,.topic-intro {border-color:var(--rule)} .topic-intro .photo-wrap {border-radius:3px} .topic-intro p {font-size:17px;line-height:1.8} .full-topic h2 {font:400 37px/1.12 var(--sans);letter-spacing:-.04em} .topic-links h3 {font:400 27px/1.2 var(--sans);letter-spacing:-.03em} .filter-panel {padding:25px;background:var(--wash);border:0;border-radius:3px} .filter-panel h2 {font:400 24px/1.2 var(--sans);letter-spacing:-.03em} .field input:not([type=range]),.field select,.field textarea {border-radius:999px;padding:12px 16px;min-height:46px;background:var(--white);border-color:#71879c;line-height:1.6} .field textarea {border-radius:7px} .field select {appearance:none;padding-right:41px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23102b46' stroke-width='1.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px} .result-toolbar select {border:1px solid var(--rule);border-radius:999px;background:var(--white);font-size:11px;padding:10px 13px;min-height:39px} .result-row h2 {font:400 30px/1.18 var(--sans);letter-spacing:-.035em} .result-row p {font-size:14px;line-height:1.8} .result-photo {border-radius:3px} .pagination a {border-radius:50%} .pagination .current {background:var(--signal);color:var(--ink);border-color:var(--signal)} .reading-page {font-family:var(--sans);font-size:18px;line-height:1.85} .reading-page h2 {font-size:31px;letter-spacing:-.035em} .form-demo {background:var(--wash);border:0;border-radius:3px} .post-shell .article-head h1 {font:400 clamp(42px,4.6vw,63px)/1.08 var(--sans);letter-spacing:-.045em;max-width:30ch} .post-shell .article-body {font:400 19px/1.85 var(--sans);color:var(--body)} .post-shell .article-body h2 {font:400 31px/1.2 var(--sans);letter-spacing:-.035em} .post-shell .article-body h3 {font:400 25px/1.2 var(--sans);letter-spacing:-.025em} .post-contents,.post-side-reads {background:var(--wash);border:0;border-radius:3px;padding:25px} .post-side-reads h3 {font:400 21px/1.25 var(--sans);letter-spacing:-.025em} .post-briefing {background:var(--wash);color:var(--ink);border-radius:3px;padding:29px} .post-briefing .eyebrow {color:var(--oxide)} .post-briefing h2 {font:400 31px/1.07 var(--sans);color:var(--ink);letter-spacing:-.04em} .post-briefing p {color:var(--muted)} .post-briefing>a {color:var(--oxide);border-color:var(--rule)} .post-share button {background:var(--white);border-color:var(--rule)} .post-share button:hover {background:var(--signal);border-color:var(--signal);color:var(--ink)} .desk-tool-card {background:var(--wash);border:0;border-radius:3px;padding:34px} .desk-tool-card::before {font:400 44px/1 var(--sans);color:var(--oxide)} .desk-tool-card h2 {font:400 40px/1.08 var(--sans);letter-spacing:-.045em} .desk-teaser {background:var(--wash);color:var(--ink);margin:67px 0} .desk-teaser h2 {font:400 46px/1.07 var(--sans);letter-spacing:-.045em} .desk-teaser p,.desk-teaser-links small {color:var(--muted)} .desk-teaser .eyebrow,.desk-teaser .text-link {color:var(--oxide)} .desk-teaser a {color:var(--ink)} .desk-teaser-links>a,.desk-teaser-links>a:last-child {border-color:var(--rule)} .desk-teaser-links>a>span:first-child {font:400 29px/1.2 var(--sans);letter-spacing:-.035em} .desk-teaser-links>a>span:last-child {color:var(--oxide)} .desk-input-panel {background:var(--wash);border:0;border-radius:3px;padding:28px} .desk-output-panel {background:var(--white);border:1px solid var(--rule);border-radius:3px;padding:28px} .desk-panel-title h2 {font:400 25px/1.2 var(--sans);letter-spacing:-.03em} .desk-result-heading h2 {font:400 33px/1.15 var(--sans);letter-spacing:-.035em} .desk-metrics {gap:9px;padding:0;border:0} .desk-metrics>div {background:var(--wash);padding:17px;border-radius:3px} .desk-metrics strong {font:400 27px/1.15 var(--sans);letter-spacing:-.04em} .desk-table thead th {background:var(--wash);color:var(--ink)} .desk-quote-card {background:var(--wash);border:0;border-radius:3px;padding:29px} .desk-quote-card legend {font:400 25px/1.2 var(--sans);letter-spacing:-.03em} .desk-subhead h3 {font:400 28px/1.2 var(--sans);letter-spacing:-.035em} .nl-form-panel,.nl-preview-panel,.nl-flow,.nl-management {background:var(--wash);border:0;border-radius:3px} .nl-preview-panel {border-top:3px solid var(--signal)} .nl-form-intro h2 {font:400 31px/1.15 var(--sans);letter-spacing:-.035em} .nl-preview-panel h2 {font:400 39px/1.06 var(--sans);letter-spacing:-.045em} .nl-choice {border-radius:7px;background:var(--white)} .nl-choice:has(input:checked) {border-color:var(--oxide);background:#ffead8} .nl-choice input,.nl-consent input {accent-color:var(--oxide)} .nl-step-nav button[aria-current=step] span {background:var(--signal);border-color:var(--signal);color:var(--ink)} .nl-summary-tags span {border:1px solid var(--rule);border-radius:999px;padding:5px 10px;margin:0;background:var(--white)} .nl-edition-preview h4 {font:400 25px/1.2 var(--sans);letter-spacing:-.03em} .nl-teaser {background:var(--signal);color:var(--ink);border:0;margin:67px 0} .nl-teaser::before {display:none} .nl-teaser h2 {font:400 49px/1.05 var(--sans);letter-spacing:-.05em} .nl-teaser .eyebrow,.nl-teaser p,.nl-teaser>div:last-child p {color:var(--ink)} .nl-teaser .button {background:var(--white);border-color:var(--white);color:var(--ink)} .nl-flow h2,.nl-management h2 {font:400 39px/1.1 var(--sans);letter-spacing:-.04em} .nl-email-preview h3 {font:400 30px/1.15 var(--sans);letter-spacing:-.04em} .event-home-intro>p {font:400 40px/1.1 var(--sans);letter-spacing:-.045em} .event-home-grid {gap:3px} .event-card {background:var(--wash);border:0;border-radius:3px;padding:25px;gap:20px} .event-card h3,.event-home-grid .event-card h3 {font:400 28px/1.17 var(--sans);letter-spacing:-.035em} .event-date-tile {background:var(--signal);color:var(--ink);border:0;border-radius:3px} .event-date-tile>span,.event-date-tile small {color:var(--ink)} .event-date-tile strong {font:400 61px/1 var(--sans);letter-spacing:-.065em} .event-date-tile.compact,.event-home-grid .event-date-tile.compact {background:var(--white);border:0;padding:15px 10px;color:var(--ink);border-radius:3px} .event-date-tile.compact>span {color:var(--oxide)} .event-date-tile.compact small {color:var(--muted)} .event-date-tile.compact strong,.event-home-grid .event-date-tile.compact strong {font:400 29px/1 var(--sans);letter-spacing:-.055em} .event-filters {border-radius:3px} .event-status-tabs a {border-radius:999px;font-size:11px;padding:10px 15px} .event-status-tabs a.active {background:var(--signal);border-color:var(--signal);color:var(--ink)} .event-directory-list .event-card {padding:28px;margin-bottom:4px} .event-directory-list .event-card h3 {font-size:34px} .event-single-hero h1 {font:400 clamp(43px,5.1vw,71px)/1.04 var(--sans);letter-spacing:-.05em} .event-detail-copy {font:400 19px/1.85 var(--sans);color:var(--body)} .event-detail-copy h2 {font:400 33px/1.17 var(--sans);letter-spacing:-.035em} .event-visit-card {background:var(--wash);border:0;border-radius:3px;padding:30px} .event-visit-card h2 {font:400 36px/1.1 var(--sans);letter-spacing:-.04em} .event-visit-card .button {font-size:10px;padding:13px 16px} .event-reading-grid h3 {font:400 27px/1.2 var(--sans);letter-spacing:-.035em} .event-reading-grid article {background:var(--wash);border:0;border-radius:3px;padding:24px} .event-more-grid {gap:4px} .footer {background:var(--ink);background-image:none;border-top:0} .footer::before {display:none} .footer .footer-statement>p {font:400 clamp(40px,4.2vw,60px)/1.05 var(--sans);letter-spacing:-.05em} .footer .footer-briefing-button {border-radius:999px} .footer-destinations strong {font:400 30px/1.15 var(--sans);letter-spacing:-.035em} .footer .footer-brand {font:400 42px/1 var(--sans);letter-spacing:-.055em} .footer .footer-geographies {border-radius:999px} .footer-destination-number {font:400 11px/1.4 var(--sans)} @media(max-width:1200px) { .site-header .primary-nav {gap:9px 15px;font-size:9px} .network-stage {min-height:610px;grid-template-columns:330px 265px;padding:150px 24px 82px;gap:35px} .network-intro {padding:23px} .network-intro h1 {font-size:36px} .network-card {padding:22px;margin-top:-48px} .network-card h2 {font-size:24px} .network-tabs button {font-size:8px;padding:9px 10px;gap:7px} .desk-art {max-width:180px} .illustrated-desks .topic-tile {min-height:280px;padding:24px} .section-heading h2 {font-size:35px} .cover-story {gap:35px} .cover-copy .lead-title {font-size:47px} .journal-selection {grid-template-columns:150px minmax(0,1fr);gap:25px} .selection-stories .secondary-story,.selection-stories .secondary-story:last-child {padding:23px} .selection-stories .headline {font-size:23px} .industry-reads .result-row,.industry-reads .result-row:first-child {grid-template-columns:85px minmax(0,1fr);gap:18px;padding:20px} .industry-reads .result-row h2 {font-size:23px} .industry-grid>.story-card h3 {font-size:32px} .trade-copy h2 {font-size:46px} .warehouse-feature h3 {font-size:33px} .compact-story h3 {font-size:24px} .event-home-grid .event-card {padding:22px;grid-template-columns:1fr} .event-home-grid .event-date-tile.compact {width:max-content;display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px 13px} .event-home-grid .event-date-tile.compact strong {margin:0} .footer .footer-statement>p {font-size:48px} } @media(max-width:950px) { .network-stage {min-height:0;grid-template-columns:1.12fr 1fr;gap:20px;padding:325px 20px 120px;align-items:stretch} .network-illustration {height:400px;background-position:center top} .network-stage {background:#edf0ee} .network-intro h1 {font-size:36px} .network-intro,.network-card {padding:23px;background:var(--white);margin:0;align-self:stretch;box-shadow:none} .network-card dl>div {padding:8px 0} .network-card>p {font-size:11px} .hotspot-0 {left:27%;top:14%}.hotspot-1 {left:65%;top:9%}.hotspot-2 {left:53%;top:30%} .network-tabs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;bottom:15px} .network-tabs button {font-size:8px;min-height:33px} .illustrated-desks .topic-name {font-size:18px} .illustrated-desks .topic-tile {padding:21px;min-height:250px} .desk-art {max-width:160px} .illustrated-desks .topic-count {font-size:8px} .cover-copy .lead-title {font-size:40px} .journal-selection {grid-template-columns:1fr;gap:22px} .selection-label>p {font-size:32px;margin-top:12px} .selection-stories .headline {font-size:24px} .industry-reads .result-row,.industry-reads .result-row:first-child {display:block} .industry-reads .result-row>a {display:none} .event-home-grid {grid-template-columns:1fr} .event-home-grid .event-card {grid-template-columns:90px minmax(0,1fr);gap:25px} .event-home-grid .event-date-tile.compact {width:auto;flex-direction:column;align-items:flex-start;padding:16px 12px} .event-home-grid .event-card h3 {font-size:29px} .warehouse-feature h3 {font-size:31px} .compact-story,.compact-story:first-child,.compact-story:last-child {padding:20px 0} .compact-story h3 {font-size:23px} .desk-teaser h2 {font-size:39px} .nl-teaser h2 {font-size:42px} .footer .footer-statement>p {font-size:41px} } @media(max-width:650px) { .site-header .brand-name {font-size:24px} .site-header .brand-seal {width:34px;height:30px;font-size:18px} .site-header .masthead {padding-top:13px;padding-bottom:13px} .site-header .primary-nav {font-size:12px;gap:0 20px} .site-header .primary-nav>a {font-size:12px;min-height:43px} .edition-bar p,.edition-links {font-size:8px} .network-stage {display:flex;flex-direction:column;gap:15px;padding:260px 15px 15px;border-radius:0} .network-illustration {height:310px;background-position:57% top;background-size:cover} .network-intro,.network-card {width:100%;padding:24px;border-radius:3px} .network-intro h1 {font-size:40px;margin:16px 0 20px} .network-intro>p {font-size:13px;line-height:1.85;max-width:none} .network-intro .eyebrow {font-size:8px} .network-intro-actions {gap:12px 20px} .network-intro-actions .button {font-size:11px;min-height:42px} .network-intro-actions .text-link {font-size:11px} .network-card h2 {font-size:29px} .network-card>.eyebrow {font-size:8px} .network-card>p {font-size:13px;line-height:1.8} .network-card dl>div {padding:10px 0;grid-template-columns:65px minmax(0,1fr)} .network-card dt {font-size:10px}.network-card dd {font-size:11px} .network-card-link {font-size:12px;min-height:42px} .network-card-link>span {height:32px;width:32px} .network-hotspot {width:30px;height:30px;font-size:21px} .hotspot-0 {left:21%;top:125px}.hotspot-1 {left:68%;top:66px}.hotspot-2 {left:50%;top:210px} .network-tabs {position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border:0;padding:0;order:0;width:100%} .network-tabs button {justify-content:flex-start;text-align:left;font-size:10px;min-height:42px;padding:10px 12px;gap:10px;border:0;border-radius:3px} .network-tabs button>span {font-size:8px} .network-hero-caption {font-size:6px;gap:18px;align-items:start;padding-top:10px} .network-hero-caption>span:first-child {font-size:7px;flex-shrink:0} .network-hero-caption>span:last-child {text-align:right;max-width:180px} .network-desks.section {margin-top:44px;margin-bottom:48px} .topic-grid.illustrated-desks {grid-template-columns:repeat(2,minmax(0,1fr));gap:2px} .illustrated-desks .topic-tile {padding:18px;min-height:230px} .illustrated-desks .topic-number {top:16px;left:16px;font-size:7px} .desk-art {max-width:150px;margin-bottom:9px} .illustrated-desks .topic-copy {padding-right:11px} .illustrated-desks .topic-name {font-size:18px;line-height:1.15} .illustrated-desks .topic-count {font-size:8px;margin-top:8px} .illustrated-desks .topic-tile>.icon {bottom:20px;right:15px;width:12px;height:12px} .cover {padding-top:6px} .cover-topline {font-size:7px;letter-spacing:.05em;gap:18px;padding-bottom:21px} .cover-story {grid-template-columns:1fr;gap:22px} .cover-copy {padding:0} .cover-copy .lead-title {font-size:39px;line-height:1.1;max-width:none;margin-bottom:22px} .cover-copy .standfirst {font-size:15px;max-width:none} .cover-visual .lead-photo {aspect-ratio:1.4} .cover-caption>span,.cover-caption .image-credit {font-size:7px} .journal-selection {margin-top:30px;padding:10px 0;gap:23px} .selection-stories {grid-template-columns:1fr;gap:3px} .selection-stories .secondary-story,.selection-stories .secondary-story:last-child {display:grid;grid-template-columns:20px minmax(0,1fr);gap:14px;padding:24px} .selection-number {margin:3px 0 0} .selection-stories .headline {font-size:27px;line-height:1.17;margin-bottom:22px} .section {margin-top:48px;margin-bottom:48px} .section-heading {gap:15px;align-items:start;padding-bottom:24px} .section-heading h2 {font-size:31px;line-height:1.12;max-width:16ch} .section-heading>a {font-size:9px;line-height:1.4;min-height:36px;padding:10px 13px;gap:10px;max-width:140px;flex-shrink:0} .section-heading>a>.icon {width:14px;height:14px;flex-shrink:0} .story-card,.story-card:not(:last-child) {padding:22px} .story-card h3 {font-size:29px;line-height:1.18} .story-card p {font-size:14px;line-height:1.85} .industry-grid {grid-template-columns:1fr;gap:20px} .industry-grid>.story-card h3 {font-size:33px} .industry-reads .result-row,.industry-reads .result-row:first-child {display:grid;grid-template-columns:80px minmax(0,1fr);gap:18px;padding:21px} .industry-reads .result-row>a {display:block} .industry-reads .result-row h2 {font-size:24px;line-height:1.2} .trade-panel {margin:48px 0;min-height:0} .trade-copy h2 {font-size:44px;line-height:1.07} .trade-copy p {font-size:14px;line-height:1.85;max-width:none} .trade-copy a.cta {padding:13px 19px;font-size:11px} .split-section {grid-template-columns:1fr;gap:21px} .warehouse-feature {padding:23px} .warehouse-feature h3 {font-size:34px;line-height:1.16} .warehouse-feature p {font-size:15px;line-height:1.85} .compact-story h3 {font-size:27px} .regions {grid-template-columns:1fr;gap:3px} .region,.region:last-child {padding:27px} .region-header h3 {font-size:48px} .region-story h4 {font-size:27px;line-height:1.2} .archive-invite {margin:48px 0} .archive-invite h2 {font-size:39px} .archive-search input {font-size:14px;padding:12px 15px} .page-heading h1,.topic-intro h1,.reading-page h1 {font-size:45px} .page-heading .standfirst,.topic-intro p {font-size:16px;line-height:1.85} .field input:not([type=range]),.field select,.field textarea {font-size:16px;min-height:48px} .mobile-filter-toggle {background:var(--wash);border:0;border-radius:999px;padding:13px 18px;font-weight:400} .filter-panel {padding:24px} .result-row h2 {font-size:27px;line-height:1.18} .result-row p {font-size:13px} .post-shell .article-head h1 {font-size:42px;line-height:1.1} .post-shell .article-body {font-size:18px;line-height:1.9} .post-shell .article-body h2 {font-size:29px;line-height:1.2} .post-side-reads h3 {font-size:25px} .post-contents,.post-side-reads {padding:25px} .post-briefing h2 {font-size:35px} .desk-tool-card {padding:30px 26px} .desk-tool-card h2 {font-size:37px} .desk-teaser {margin:48px 0} .desk-teaser h2 {font-size:40px} .desk-teaser-links>a>span:first-child {font-size:27px} .desk-input-panel,.desk-output-panel,.desk-quote-card {padding:24px} .desk-result-heading h2 {font-size:31px} .desk-metrics strong {font-size:32px} .nl-heading h1 {font-size:46px} .nl-form-panel,.nl-preview-panel,.nl-flow,.nl-management {padding:26px} .nl-preview-panel h2 {font-size:37px} .nl-form-intro h2 {font-size:31px} .nl-choice {padding:14px;font-size:13px} .nl-teaser {margin:48px 0} .nl-teaser h2 {font-size:42px} .nl-flow h2,.nl-management h2 {font-size:35px} .event-home-intro>p {font-size:34px} .event-home-grid .event-card {padding:24px;grid-template-columns:72px minmax(0,1fr);gap:21px} .event-home-grid .event-card h3 {font-size:28px} .event-home-grid .event-date-tile.compact {padding:15px 10px} .event-home-grid .event-date-tile.compact strong {font-size:26px} .event-directory-list .event-card {padding:24px;grid-template-columns:75px minmax(0,1fr);gap:22px} .event-directory-list .event-card h3 {font-size:29px} .event-directory-list .event-date-tile.compact {padding:16px 10px} .event-directory-list .event-date-tile.compact strong {font-size:27px} .event-single-hero h1 {font-size:46px} .event-single-hero .event-date-tile {padding:24px;gap:19px} .event-single-hero .event-date-tile strong {font-size:42px} .event-detail-copy {font-size:18px;line-height:1.9} .event-detail-copy h2 {font-size:31px} .event-visit-card {padding:28px} .event-visit-card h2 {font-size:34px} .event-reading-grid h3 {font-size:28px} .event-more-grid .event-card {padding:23px;grid-template-columns:70px minmax(0,1fr);gap:19px} .event-more-grid .event-card h3 {font-size:27px} .footer .footer-statement>p {font-size:41px;line-height:1.1} .footer-destinations strong {font-size:28px} .footer .footer-brand {font-size:36px} } @media(max-width:370px) { .network-intro,.network-card {padding:21px} .network-intro h1 {font-size:37px} .network-intro-actions .button {font-size:10px} .illustrated-desks .topic-tile {padding:16px;min-height:210px} .illustrated-desks .topic-name {font-size:16px} .desk-art {max-width:120px} .section-heading h2 {font-size:28px} .section-heading>a {font-size:8px;max-width:117px;padding:10px 11px} .cover-copy .lead-title {font-size:35px} .industry-reads .result-row,.industry-reads .result-row:first-child {grid-template-columns:65px minmax(0,1fr);padding:19px;gap:15px} .industry-reads .result-row h2 {font-size:22px} .post-shell .article-head h1 {font-size:37px} .footer .footer-statement>p {font-size:37px} } /* The masthead scrolls normally. A separate single-row bar takes over only after it leaves the viewport, without changing the document height. */ .compact-header[hidden],.compact-menu[hidden] {display:none} .skip-link {z-index:100} @media screen { .site-header {position:relative;top:auto;z-index:60} .site-header>.wrap {width:100%;max-width:none;padding-inline:var(--site-gutter)} .site-header .masthead {grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)} .compact-header {position:fixed;inset:0 0 auto;z-index:70;background:rgba(255,255,255,.98);border-bottom:1px solid var(--rule);box-shadow:0 5px 24px rgba(16,43,70,.08)} .compact-bar {display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:70px;padding:10px var(--site-gutter)} .compact-header .brand {flex-shrink:0;gap:9px} .compact-header .brand-seal {height:31px;width:35px;font-size:18px} .compact-header .brand-name {font-size:22px} .compact-header .brand-the {font-size:6px} .compact-nav {display:flex;align-items:center;justify-content:center;gap:clamp(18px,2vw,32px)} .compact-nav a {display:flex;align-items:center;min-height:44px;font-size:11px;white-space:nowrap} .compact-nav a.active,.compact-menu a.active {color:var(--oxide)} .compact-actions {display:flex;align-items:center;gap:12px;flex-shrink:0} .compact-search {display:grid;place-items:center;min-width:38px;min-height:44px} .compact-menu-toggle {display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 10px;border:1px solid var(--rule);border-radius:999px;font-size:10px} .compact-menu-toggle:hover,.compact-menu-toggle[aria-expanded=true] {background:var(--wash)} .compact-menu {position:absolute;top:100%;right:var(--site-gutter);display:grid;grid-template-columns:1.3fr 1fr;gap:36px;width:min(720px,calc(100% - 2 * var(--site-gutter)));max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;background:var(--white);padding:28px;box-shadow:0 16px 30px rgba(16,43,70,.1);border:1px solid var(--rule);border-top:3px solid var(--signal);border-radius:0 0 5px 5px} .compact-menu .eyebrow {display:block;margin-bottom:14px;font-size:8px} .compact-menu a {display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;font-size:12px;border-top:1px solid var(--rule);padding:10px 0} .compact-menu a .icon {width:14px;height:14px} .compact-menu-more {border-left:1px solid var(--rule);padding-left:30px} } @media screen and (max-width:1200px) { .site-header .masthead {grid-template-columns:minmax(0,1fr) auto} .compact-bar {gap:20px} .compact-nav {gap:20px} .compact-nav>a:last-child {display:none} .compact-header .mast-briefing {display:none} } @media screen and (max-width:800px) { .compact-nav {display:none} .compact-header .mast-briefing {display:inline-flex} } @media screen and (max-width:650px) { .site-header .masthead {grid-template-columns:minmax(0,1fr) auto} .site-header .brand-name {font-size:clamp(20px,5.5vw,24px)} .compact-bar {min-height:64px;gap:12px;padding-block:9px} .compact-header .brand-name {font-size:20px} .compact-header .brand-seal {height:29px;width:31px;font-size:16px} .compact-header .mast-briefing {display:none} .compact-actions {gap:5px} .compact-menu-toggle {min-width:38px;padding:8px} .compact-menu-toggle>span {display:none} .compact-menu {max-height:calc(100dvh - 84px);padding:22px;grid-template-columns:1fr;gap:20px} .compact-menu-more {padding:0;border:0} .compact-menu a {font-size:13px} } @media print { body {background:white;color:var(--ink)} .network-hero,.network-desks,.compact-header {display:none!important} .site-header {position:static;box-shadow:none;background:white} .post-shell .article-head h1,.page-heading h1,.event-single-hero h1 {font-size:32px} .post-shell .article-body,.event-detail-copy {font-size:12pt;line-height:1.65} .trade-panel {background:white;color:var(--ink)} } /* Partner campaign concepts use original artwork and editable, accessible copy. Labels stay visible at every size. Ad dimensions reserve their own space. */ .partner-ad {min-width:0;width:100%;margin:48px 0} .partner-ad-label {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 10px;font:400 9px/1.5 var(--sans);color:var(--muted)} .partner-ad-label>span:first-child {letter-spacing:.12em;font-size:8px} .partner-creative {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:280px;overflow:hidden;border-radius:4px;background:var(--ink);color:var(--white)} .partner-creative:hover {color:var(--white)} .partner-creative:focus-visible {outline-color:var(--oxide);outline-offset:5px} .partner-copy {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:32px 36px} .partner-kicker {font:500 9px/1.6 var(--sans);letter-spacing:.12em;color:var(--signal)} .partner-title {font:400 clamp(30px,3vw,41px)/1.1 var(--sans);letter-spacing:-.04em;max-width:17ch;margin:17px 0 15px;text-wrap:balance} .partner-description {font:400 12px/1.75 var(--sans);color:var(--light-muted);max-width:36ch} .partner-cta {display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:44px;padding:11px 16px;margin-top:23px;background:var(--signal);color:var(--ink);border-radius:999px;font:400 11px/1.5 var(--sans)} .partner-cta .icon {width:16px;height:16px;transition:transform .2s ease} .partner-creative:hover .partner-cta {background:var(--white);color:var(--ink)} .partner-creative:hover .partner-cta .icon {transform:translateX(3px)} .partner-art {min-width:0;min-height:280px;background-color:#d8dedf;background-size:cover;background-repeat:no-repeat} .partner-art--warehouse {background-image:none;background-position:35% 50%} .partner-art--freight {background-image:none;background-position:45% 50%} .partner-ad--strip .partner-creative {grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);background:var(--wash);color:var(--ink);min-height:215px;border:1px solid var(--rule)} .partner-ad--strip .partner-copy {padding:28px 34px} .partner-ad--strip .partner-kicker {color:var(--oxide)} .partner-ad--strip .partner-title {font-size:34px;max-width:24ch;margin:12px 0} .partner-ad--strip .partner-description {color:var(--muted);max-width:none} .partner-ad--strip .partner-cta {margin-top:17px;background:var(--ink);color:var(--white)} .partner-ad--strip .partner-creative:hover .partner-cta {background:var(--signal);color:var(--ink)} .partner-ad--strip .partner-art {min-height:215px;background-position:50% 61%} .partner-ad--sidebar,.partner-ad--rail {margin:0} .partner-ad--sidebar .partner-ad-label,.partner-ad--rail .partner-ad-label {font-size:8px;gap:10px;flex-wrap:wrap;padding-bottom:9px} .partner-ad--sidebar .partner-creative,.partner-ad--rail .partner-creative {display:flex;flex-direction:column;min-height:0} .partner-ad--sidebar .partner-art,.partner-ad--rail .partner-art {order:-1;width:100%;aspect-ratio:5/4;min-height:0;flex:none} .partner-ad--sidebar .partner-art--freight {background-position:50% 65%} .partner-ad--sidebar .partner-copy {padding:24px} .partner-ad--sidebar .partner-title {font-size:29px;line-height:1.13;max-width:16ch;margin:13px 0 12px} .partner-ad--sidebar .partner-description {font-size:11px} .partner-ad--sidebar .partner-cta {font-size:10px;padding:10px 14px;gap:13px;margin-top:19px} .partner-ad--rail {margin-top:28px} .partner-ad--rail .partner-copy {padding:22px} .partner-ad--rail .partner-title {font-size:25px;line-height:1.13;margin:13px 0 12px} .partner-ad--rail .partner-kicker {font-size:8px;letter-spacing:.07em} .partner-ad--rail .partner-description {font-size:11px} .partner-ad--rail .partner-cta {font-size:10px;gap:10px;padding:10px 12px;margin-top:18px} /* Shared alignment: keep card copy on a common edge, let text wrap without squeezing actions, and distribute content within equal-height card rows. */ .section-heading {flex-wrap:wrap;gap:16px 28px} .section-heading h2 {flex:1 1 280px;min-width:0;max-width:none} .section-heading>a {flex:0 0 auto;max-width:none;min-height:44px} .illustrated-desks .topic-tile {align-items:stretch} .illustrated-desks .topic-copy {width:100%} .illustrated-desks .topic-name {min-height:2.4em} .selection-stories .secondary-story,.selection-stories .secondary-story:last-child {display:flex;flex-direction:column} .selection-stories .secondary-story>div {display:flex;flex-direction:column;flex:1;min-width:0} .selection-stories .card-meta {margin-top:auto;padding-top:3px} .story-card {display:flex;flex-direction:column;align-items:stretch} .story-card h3 {overflow-wrap:break-word} .story-card .card-meta {margin-top:auto;padding-top:20px} .story-card .image-credit {margin:0;padding-top:10px;text-align:left} .story-card .eyebrow {min-height:16px} .industry-grid {align-items:stretch} .industry-reads {gap:3px;min-width:0} .industry-reads .result-row,.industry-reads .result-row:first-child,.industry-reads .result-row:last-child {flex:1;margin:0;padding:24px;align-items:start} .industry-reads .result-row>div {min-width:0} .region-header {display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:baseline} .region-header h3 {min-width:0} .region-header>span:last-child {font-size:9px;white-space:nowrap} .regions .region {display:flex;flex-direction:column} .regions .region>.text-link {align-self:flex-start;margin-top:auto} .event-home-grid .event-card>div:last-child {display:flex;flex-direction:column;align-items:flex-start} .event-home-grid .event-card .text-link {margin-top:auto;padding-top:18px} .event-home-grid .event-card .event-date-tile {align-self:start} .archive-rail {min-width:0;align-self:start} .filter-layout>section {min-width:0} .filter-panel .field {min-width:0} .result-toolbar {flex-wrap:wrap;gap:12px 20px} .result-row>div {min-width:0} .result-row h2 {overflow-wrap:break-word} .post-layout {grid-template-columns:minmax(0,1fr) 300px;gap:36px} .post-sidebar {max-height:none;overflow:visible} .post-sidebar>.partner-ad {margin:24px 0 0} .post-mobile-contents {display:none} .post-shell .post-related .section-heading h2 {max-width:none} .page-layout>.nl-teaser>div:last-child {justify-self:start} @media screen and (min-width:951px) { .site-header .primary-nav {justify-content:space-between;flex-wrap:nowrap;gap:12px} .network-stage {padding-inline:var(--site-gutter)} .network-card {align-self:end;margin:0} } @media(max-width:1200px) { .post-layout {grid-template-columns:minmax(0,1fr) 260px;gap:28px} .partner-ad--sidebar .partner-copy {padding:22px} .partner-ad--sidebar .partner-title {font-size:27px} .partner-copy {padding:29px} .partner-title {font-size:34px} } @media(max-width:950px) { .site-header .menu-toggle {display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;border:1px solid var(--rule);border-radius:999px;font-size:11px} .site-header .primary-nav {display:none;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 0;gap:0 24px} .site-header .primary-nav.is-open {display:grid} .site-header .primary-nav>a {font-size:12px;white-space:normal;padding:12px 0} .site-header .primary-nav .nav-special {grid-column:1/-1;justify-content:space-between;border-top:1px solid var(--rule)} .partner-ad {margin-top:38px;margin-bottom:38px} .partner-copy {padding:27px} .partner-title {font-size:31px} .partner-ad--strip .partner-title {font-size:30px} .partner-art {min-height:270px} .archive-rail>.partner-ad {display:none} .post-layout {grid-template-columns:1fr;gap:30px} .post-sidebar {display:block;position:static} .post-sidebar .post-contents {display:none} .post-sidebar>.partner-ad {margin:0} .post-sidebar .partner-creative {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)} .post-sidebar .partner-art {order:0;aspect-ratio:auto;min-height:260px} .post-sidebar .partner-copy {padding:28px} .post-sidebar .partner-title {font-size:32px;max-width:18ch} .post-mobile-contents {display:block;background:var(--wash);border:1px solid var(--rule);border-radius:3px;margin:24px 0 0;padding:0 20px} .post-mobile-contents summary {cursor:pointer;padding:17px 0;min-height:52px;font-size:12px} .post-mobile-contents summary>span {float:right;font-size:10px;color:var(--muted)} .post-mobile-contents nav {padding:0 0 14px} .post-mobile-contents a {display:block;padding:12px 0;border-top:1px solid var(--rule);font-size:13px;line-height:1.6} .industry-reads .result-row,.industry-reads .result-row:first-child,.industry-reads .result-row:last-child {padding:23px} } @media(max-width:650px) { .partner-ad {margin-top:36px;margin-bottom:36px} .partner-ad-label {font-size:8px;gap:12px} .partner-ad-label>span:first-child {font-size:7px} .partner-creative,.partner-ad--strip .partner-creative {display:flex;flex-direction:column;min-height:0} .partner-art,.partner-ad--strip .partner-art {order:-1;aspect-ratio:16/9;min-height:0;width:100%;flex:none} .partner-copy,.partner-ad--strip .partner-copy {padding:26px} .partner-title,.partner-ad--strip .partner-title {font-size:32px;max-width:18ch;margin:13px 0} .partner-description {font-size:12px} .partner-cta {margin-top:20px;font-size:11px} .partner-ad--strip .partner-art {background-position:50% 59%} .section-heading {gap:17px;padding-bottom:24px;align-items:flex-start} .section-heading h2 {flex-basis:100%;max-width:none} .section-heading>a {max-width:none;font-size:10px;min-height:42px;padding:11px 16px} .illustrated-desks .topic-name {font-size:18px;min-height:2.5em;line-height:1.25} .illustrated-desks .topic-count {font-size:9px} .illustrated-desks .topic-copy {padding-right:13px} .selection-stories .secondary-story,.selection-stories .secondary-story:last-child {display:grid;grid-template-columns:20px minmax(0,1fr);gap:14px} .selection-stories .card-meta {padding-top:0} .story-card .eyebrow {margin-top:14px} .industry-reads .result-row,.industry-reads .result-row:first-child,.industry-reads .result-row:last-child {padding:22px;grid-template-columns:78px minmax(0,1fr);gap:17px} .region-header {gap:13px} .post-sidebar>.partner-ad {margin:0} .post-sidebar .partner-creative {display:flex;max-width:420px;margin:auto} .post-sidebar .partner-art {order:-1;aspect-ratio:5/4;min-height:0} .post-sidebar .partner-copy {padding:26px} .post-sidebar .partner-title {font-size:32px} .post-sidebar .partner-ad-label {max-width:420px;margin:auto} .post-mobile-contents {padding:0 18px;margin-top:20px} } @media(max-width:370px) { .partner-copy,.partner-ad--strip .partner-copy,.post-sidebar .partner-copy {padding:22px} .partner-title,.partner-ad--strip .partner-title,.post-sidebar .partner-title {font-size:29px} .illustrated-desks .topic-name {font-size:16px;min-height:3.75em} .illustrated-desks .topic-count {font-size:8px} .industry-reads .result-row,.industry-reads .result-row:first-child,.industry-reads .result-row:last-child {padding:19px;grid-template-columns:65px minmax(0,1fr);gap:15px} } @media(prefers-reduced-motion:reduce) { .partner-cta .icon {transition:none} .partner-creative:hover .partner-cta .icon {transform:none} } @media print { .partner-ad,.post-mobile-contents {display:none!important} } /* All content is visible by default. JavaScript enhances only what is below the viewport, and readers can pause the decorative motion at any time. */ .network-visual {position:absolute;inset:0;z-index:-2;pointer-events:none} .network-visual .network-illustration {z-index:auto} .network-routes {position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;fill:none} .network-route-base {stroke:rgba(255,255,255,.7);stroke-width:1.5;stroke-dasharray:3 5} .network-route-flow {stroke:var(--signal);stroke-width:3;stroke-linecap:round;stroke-dasharray:5 95;filter:drop-shadow(0 0 4px rgba(16,43,70,.15))} .network-routes circle {fill:var(--white);stroke:var(--signal);stroke-width:2} .network-motion-toggle {position:absolute;top:20px;right:var(--site-gutter);z-index:4;display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:10px 14px;background:rgba(255,255,255,.95);border:1px solid rgba(16,43,70,.1);border-radius:999px;color:var(--ink);font:400 10px/1.5 var(--sans);box-shadow:0 3px 15px rgba(16,43,70,.06)} .network-motion-toggle[hidden] {display:none} .network-motion-toggle:hover {background:var(--ink);border-color:var(--ink);color:var(--white)} .motion-symbol {display:flex;gap:3px;align-items:center;justify-content:center;width:12px;height:13px} .motion-symbol::before,.motion-symbol::after {content:"";display:block;background:currentColor;width:3px;height:10px;border-radius:1px} .is-paused .motion-symbol::before {width:0;height:0;background:none;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;border-radius:0} .is-paused .motion-symbol::after {display:none} .network-scroll-cue {display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:9px;min-height:36px;white-space:nowrap;color:var(--ink)} .network-scroll-cue .icon {width:15px;height:15px;transform:rotate(90deg)} .network-hero-caption {padding-block:7px} .network-hotspot::before {content:"";position:absolute;inset:-6px;border:1px solid var(--signal);border-radius:50%;opacity:0;pointer-events:none} @media(prefers-reduced-motion:no-preference) { .motion-enabled .network-visual {transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) scale(1.025);transition:transform 1s cubic-bezier(.2,.7,.2,1)} .motion-enabled .network-illustration {animation:scene-drift 20s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:55% 45%} .motion-enabled .network-route-flow {animation:route-travel 7s linear infinite;animation-play-state:paused} .network-route-flow.route-two {animation-duration:9s;animation-delay:-3s} .network-route-flow.route-three {animation-duration:11s;animation-delay:-6s} .motion-enabled .network-hotspot::before {animation:hotspot-ring 3s ease-out infinite;animation-play-state:paused} .network-hotspot.hotspot-1::before {animation-delay:.9s} .network-hotspot.hotspot-2::before {animation-delay:1.8s} .motion-enabled .motion-active .network-illustration, .motion-enabled .motion-active .network-route-flow, .motion-enabled .motion-active .network-hotspot::before {animation-play-state:running} .hero-enter .network-intro {animation:panel-arrive .75s cubic-bezier(.2,.75,.25,1) both} .hero-enter .network-intro>.eyebrow {animation:copy-arrive .65s .1s cubic-bezier(.2,.75,.25,1) both} .hero-enter .network-intro>h1 {animation:copy-arrive .7s .17s cubic-bezier(.2,.75,.25,1) both} .hero-enter .network-intro>p {animation:copy-arrive .7s .24s cubic-bezier(.2,.75,.25,1) both} .hero-enter .network-intro-actions {animation:copy-arrive .7s .31s cubic-bezier(.2,.75,.25,1) both} .hero-enter .network-card {animation:panel-arrive .8s .16s cubic-bezier(.2,.75,.25,1) both} .hero-enter .network-tabs {animation:copy-arrive .7s .4s cubic-bezier(.2,.75,.25,1) both} .motion-reveal {transition:opacity .7s cubic-bezier(.2,.75,.25,1),transform .7s cubic-bezier(.2,.75,.25,1),box-shadow .25s ease;transition-delay:var(--reveal-delay,0ms),var(--reveal-delay,0ms),0ms} .motion-reveal.is-waiting {opacity:0;transform:translate3d(0,23px,0)} .motion-reveal:focus-within {opacity:1;transform:none;transition-delay:0ms} .motion-enabled .compact-header:not([hidden]) {animation:compact-arrive .3s cubic-bezier(.2,.75,.25,1)} .motion-enabled .compact-header::after {content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--signal);transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none} .button,.mast-briefing,.trade-copy a.cta,.footer-briefing-button {transition:transform .25s ease,background-color .2s ease,color .2s ease,box-shadow .25s ease} .button>.icon,.text-link>.icon,.section-heading>a>.icon,.network-card-link .icon,.footer-destinations>a>.icon {transition:transform .25s ease} .network-hotspot {transition:transform .25s ease,background-color .2s ease,box-shadow .25s ease} .network-tabs button {transition:transform .25s ease,background-color .2s ease,box-shadow .25s ease} .photo-wrap img {transition:transform .7s cubic-bezier(.2,.75,.25,1)} } @media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine) { .story-card,.event-card,.illustrated-desks .topic-tile {transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s ease,background-color .2s ease,opacity .7s ease} .story-card:hover,.event-card:hover,.illustrated-desks .topic-tile:hover {transform:translateY(-4px);box-shadow:0 14px 28px rgba(16,43,70,.07)} .story-card.is-waiting,.event-card.is-waiting,.illustrated-desks .topic-tile.is-waiting {transform:translateY(23px)} a:hover>.photo-wrap img {transform:scale(1.045)} .button:hover,.mast-briefing:hover,.trade-copy a.cta:hover,.footer-briefing-button:hover {transform:translateY(-2px);box-shadow:0 5px 16px rgba(16,43,70,.09)} .button:hover>.icon,.text-link:hover>.icon,.section-heading>a:hover>.icon,.network-card-link:hover .icon {transform:translateX(4px)} .network-hotspot:hover {transform:scale(1.12);box-shadow:0 7px 22px rgba(16,43,70,.18)} .network-tabs button:hover {transform:translateY(-2px)} .footer-destinations>a:hover>.icon {transform:rotate(-35deg)} .illustrated-desks .desk-art {transition:transform .55s cubic-bezier(.2,.75,.25,1)} .illustrated-desks .topic-tile:hover .desk-art {transform:translateY(-5px) scale(1.04)} } .motion-paused .network-illustration,.motion-paused .network-route-flow,.motion-paused .network-hotspot::before {animation-play-state:paused!important} .motion-paused .hero-enter .network-intro,.motion-paused .hero-enter .network-intro>*,.motion-paused .hero-enter .network-card,.motion-paused .hero-enter .network-tabs {animation:none!important;opacity:1;transform:none} .motion-paused .motion-reveal {opacity:1;transform:none;transition:none} .motion-paused .network-visual {transform:scale(1.025);transition:none} .motion-paused .compact-header {animation:none!important} .motion-paused .network-route-flow {opacity:.65} @keyframes scene-drift {from{transform:scale(1.005)}to{transform:scale(1.055)}} @keyframes route-travel {from{stroke-dashoffset:0}to{stroke-dashoffset:-100}} @keyframes hotspot-ring {0%{opacity:.7;transform:scale(.8)}75%,100%{opacity:0;transform:scale(1.8)}} @keyframes panel-arrive {from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}} @keyframes copy-arrive {from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}} @keyframes compact-arrive {from{opacity:.6;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}} @media(max-width:950px) { .network-visual {height:400px} .network-routes {display:none} .network-motion-toggle {top:16px;right:20px} } @media(max-width:650px) { .network-visual {height:310px} .network-motion-toggle {top:14px;right:15px;font-size:9px;min-height:36px;padding:8px 11px} .network-hero-caption {flex-wrap:wrap;gap:0 15px;padding-block:8px} .network-hero-caption>span:last-child {margin-left:auto} .network-scroll-cue {order:3;width:100%;font-size:10px;margin-top:4px} } @media(prefers-reduced-motion:reduce) { .network-visual,.network-illustration,.hero-enter .network-intro,.hero-enter .network-intro>*,.hero-enter .network-card,.hero-enter .network-tabs,.motion-reveal {animation:none!important;transition:none!important;opacity:1!important;transform:none!important} .network-route-flow {animation:none!important;opacity:.65} .network-hotspot::before {display:none} .network-motion-toggle {display:none} .motion-reveal.is-waiting {opacity:1!important;transform:none!important} .compact-header {animation:none!important} } @media print { .network-motion-toggle,.network-routes,.network-scroll-cue {display:none!important} .motion-reveal,.motion-reveal.is-waiting {opacity:1!important;transform:none!important;transition:none!important} } /* A story-led magazine front page. The publication's existing palette, partner placements and inner-page reading layouts are retained. */ @media screen {.page-layout>.magazine-hero {grid-column:full-start/full-end}} .magazine-hero {padding:22px var(--site-gutter) 0;background:var(--white);border-bottom:1px solid var(--rule)} .magazine-topline {display:flex;align-items:center;gap:22px;padding:0 0 20px;min-width:0} .magazine-topline>.eyebrow {flex-shrink:0;font-size:9px;letter-spacing:.1em} .magazine-topline>p {font-size:12px;line-height:1.6;color:var(--muted);border-left:1px solid var(--rule);padding-left:22px} .magazine-markets {margin-left:auto;white-space:nowrap;font-size:9px;letter-spacing:.1em;color:var(--muted)} .magazine-opening {display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);gap:34px;align-items:stretch} .magazine-opening>* {min-width:0} .magazine-lead {position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:520px;background:var(--ink);color:var(--white);overflow:hidden;border-radius:3px} .magazine-lead::after {content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(16,43,70,.02) 0%,rgba(16,43,70,.22) 23%,rgba(16,43,70,.9) 57%,#102b46 100%);pointer-events:none} .magazine-lead-visual {position:absolute;inset:0;margin:0} .magazine-lead-photo {width:100%;height:100%;aspect-ratio:auto} .magazine-lead-photo img {height:100%;width:100%;object-fit:cover;object-position:center 35%;filter:none} .magazine-lead-credit {position:absolute;bottom:12px;right:19px;left:19px;z-index:3;text-align:right;font-size:8px;line-height:1.5;color:var(--light-muted)} .magazine-lead-credit a {text-decoration:underline;text-underline-offset:2px} .magazine-lead-credit a:hover {color:var(--white)} .magazine-lead-copy {position:relative;z-index:2;width:100%;padding:135px 36px 44px} .magazine-lead-eyebrow {display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:9px;letter-spacing:.08em;line-height:1.6} .magazine-lead-eyebrow>span {background:var(--signal);color:var(--ink);padding:5px 9px;border-radius:2px;font-size:8px;font-weight:500;letter-spacing:.08em} .magazine-lead-eyebrow>a {color:var(--light-muted)} .magazine-lead h1 {font:400 clamp(38px,3.5vw,53px)/1.08 var(--sans);letter-spacing:-.045em;max-width:23ch;margin:18px 0} .magazine-lead h1 a {color:var(--white)} .magazine-lead h1 a:hover {color:var(--white);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px} .magazine-lead-deck {font-size:14px;line-height:1.75;max-width:66ch;color:var(--light-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .magazine-lead-bottom {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px 22px;margin-top:23px} .magazine-read {display:inline-flex;align-items:center;gap:18px;font-size:11px;min-height:42px;color:var(--white)} .magazine-read>span {display:grid;place-items:center;border-radius:50%;height:35px;width:35px;background:var(--signal);color:var(--ink)} .magazine-read:hover {color:var(--signal)} .magazine-lead-meta {font-size:9px;line-height:1.7;color:var(--light-muted)} .magazine-agenda {display:flex;flex-direction:column;min-width:0} .magazine-agenda-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:2px solid var(--ink);padding:18px 0 19px} .magazine-agenda-heading .eyebrow {font-size:8px;letter-spacing:.1em} .magazine-agenda-heading h2 {font:400 31px/1.15 var(--sans);letter-spacing:-.04em;margin-top:8px} .magazine-agenda-heading>a {display:grid;place-items:center;min-height:40px;min-width:40px;border:1px solid var(--rule);border-radius:50%} .magazine-agenda-list {display:grid;grid-template-rows:repeat(3,minmax(0,1fr));flex:1;min-width:0} .agenda-story {display:grid;grid-template-columns:86px minmax(0,1fr);gap:0 18px;border-top:1px solid var(--rule);padding:18px 0;align-content:center;min-width:0} .agenda-thumb {align-self:start;display:block;margin-top:3px} .agenda-photo {aspect-ratio:1.12;border-radius:2px} .agenda-photo img {height:100%;width:100%;object-fit:cover} .agenda-copy {min-width:0} .agenda-beat {font-size:9px;line-height:1.5;letter-spacing:.035em;color:var(--oxide)} .agenda-story h2 {font:400 clamp(20px,1.7vw,25px)/1.2 var(--sans);letter-spacing:-.028em;margin:8px 0 10px} .agenda-story h2 a:hover {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} .agenda-meta {font-size:9px;line-height:1.6;color:var(--muted)} .agenda-credit {grid-column:2;font-size:8px;line-height:1.5;color:var(--muted);padding-top:7px} .agenda-credit a {text-decoration:underline;text-underline-offset:2px} .magazine-topic-bar {display:flex;align-items:center;gap:22px;padding:18px 0;margin-top:24px;border-top:1px solid var(--rule);min-width:0} .magazine-topic-bar>span {font-size:8px;letter-spacing:.1em;color:var(--muted);flex-shrink:0} .magazine-topic-bar nav {display:flex;flex:1;align-items:center;justify-content:space-between;gap:14px;min-width:0;flex-wrap:wrap} .magazine-topic-bar nav>a {display:flex;align-items:center;min-height:36px;font-size:11px;line-height:1.5} .magazine-topics-all {display:inline-flex;align-items:center;gap:10px;min-height:36px;font-size:10px;color:var(--oxide);border-left:1px solid var(--rule);padding-left:22px;white-space:nowrap} .magazine-topics-all .icon {width:14px;height:14px} .page-home>.industry-section {margin-top:48px} .editorial-desks.topic-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px} .editorial-desks .topic-tile {display:grid;grid-template-columns:27px minmax(0,1fr) 17px;gap:15px;align-items:start;padding:25px 0;min-height:160px;border-top:1px solid var(--rule)} .editorial-desks .topic-number {font:400 12px/1.5 var(--sans);min-width:0;margin-top:4px} .editorial-desks .topic-name {font:400 24px/1.16 var(--sans);letter-spacing:-.03em} .editorial-desks .topic-focus {display:block;font-size:12px;line-height:1.65;color:var(--muted);margin-top:10px} .editorial-desks .topic-count {font-size:9px;line-height:1.6;color:var(--oxide);margin-top:13px} .editorial-desks .topic-tile>.icon {width:16px;height:16px;margin-top:5px} @media(prefers-reduced-motion:no-preference) { .hero-enter .magazine-lead {animation:panel-arrive .6s cubic-bezier(.2,.75,.25,1) both} .hero-enter .magazine-agenda-heading {animation:copy-arrive .55s .08s cubic-bezier(.2,.75,.25,1) both} .hero-enter .agenda-story {animation:copy-arrive .55s cubic-bezier(.2,.75,.25,1) both} .hero-enter .agenda-story:nth-child(1) {animation-delay:.1s} .hero-enter .agenda-story:nth-child(2) {animation-delay:.16s} .hero-enter .agenda-story:nth-child(3) {animation-delay:.22s} .magazine-read .icon,.magazine-topics-all .icon,.editorial-desks .topic-tile>.icon {transition:transform .25s ease} .magazine-read:hover .icon,.magazine-topics-all:hover .icon,.editorial-desks .topic-tile:hover>.icon {transform:translateX(3px)} } @media(max-width:1200px) { .magazine-opening {grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:27px} .magazine-topline>p {font-size:11px} .magazine-markets {font-size:8px} .magazine-lead {min-height:510px} .magazine-lead-copy {padding:125px 29px 43px} .magazine-lead h1 {font-size:43px} .magazine-lead-deck {font-size:13px} .agenda-story {grid-template-columns:73px minmax(0,1fr);gap:0 15px;padding:16px 0} .agenda-story h2 {font-size:21px} .magazine-topic-bar {gap:17px} .magazine-topic-bar nav {justify-content:flex-start;gap:0 21px} .magazine-topic-bar nav>a {font-size:10px} .magazine-topics-all {padding-left:17px} } @media(max-width:950px) { .magazine-topline {flex-wrap:wrap;gap:8px 18px} .magazine-topline>p {border:0;padding:0;order:3;width:100%;font-size:12px} .magazine-opening {grid-template-columns:1fr;gap:26px} .magazine-lead {min-height:490px} .magazine-lead-copy {padding:130px 32px 44px} .magazine-lead h1 {font-size:49px;max-width:24ch} .magazine-lead-deck {font-size:14px;max-width:70ch} .magazine-agenda-list {grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:24px} .agenda-story {display:block;align-content:start;padding:0;border:0} .agenda-thumb {margin:0 0 14px} .agenda-photo {aspect-ratio:1.6} .agenda-story h2 {font-size:23px;margin-top:9px} .agenda-credit {padding-top:9px} .magazine-topic-bar {align-items:flex-start;flex-wrap:wrap;margin-top:26px;gap:10px 20px} .magazine-topic-bar>span {width:100%} .magazine-topic-bar nav {gap:0 24px} .magazine-topic-bar nav>a {font-size:11px} .editorial-desks.topic-grid {grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:650px) { .magazine-hero {padding-top:19px} .magazine-topline {padding-bottom:19px;gap:9px 15px} .magazine-topline>.eyebrow {font-size:8px;letter-spacing:.06em} .magazine-markets {font-size:7px;letter-spacing:.04em} .magazine-topline>p {font-size:12px;line-height:1.7;max-width:42ch} .magazine-lead {min-height:530px} .magazine-lead-copy {padding:145px 24px 49px} .magazine-lead h1 {font-size:39px;line-height:1.09;max-width:none;margin:17px 0} .magazine-lead-eyebrow {font-size:9px;gap:10px} .magazine-lead-deck {font-size:13px;line-height:1.8;-webkit-line-clamp:3} .magazine-lead-bottom {margin-top:18px;gap:8px;flex-direction:column;align-items:flex-start} .magazine-read {font-size:11px;min-height:42px} .magazine-lead-meta {font-size:8px} .magazine-lead-credit {font-size:7px;left:15px;right:15px;bottom:11px} .magazine-agenda-heading {padding-top:17px;padding-bottom:22px} .magazine-agenda-heading h2 {font-size:32px} .magazine-agenda-list {grid-template-columns:1fr;gap:0} .agenda-story {display:grid;grid-template-columns:86px minmax(0,1fr);gap:0 18px;padding:20px 0;border-top:1px solid var(--rule)} .agenda-thumb {margin:4px 0 0} .agenda-photo {aspect-ratio:1.05} .agenda-story h2 {font-size:23px;line-height:1.2;margin:8px 0 11px} .agenda-beat {font-size:9px} .agenda-meta {font-size:9px} .agenda-credit {font-size:8px;grid-column:2;padding-top:8px} .magazine-topic-bar {margin-top:6px;padding:22px 0;gap:12px} .magazine-topic-bar nav {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex-basis:100%;gap:0 20px} .magazine-topic-bar nav>a {min-height:42px;font-size:12px} .magazine-topics-all {padding-left:0;border:0;font-size:11px} .editorial-desks.topic-grid {grid-template-columns:1fr;gap:0} .editorial-desks .topic-tile {grid-template-columns:26px minmax(0,1fr) 17px;gap:16px;min-height:0;padding:24px 0} .editorial-desks .topic-name {font-size:26px} .editorial-desks .topic-focus {font-size:13px;margin-top:9px} .editorial-desks .topic-count {font-size:10px;margin-top:11px} } @media(max-width:370px) { .magazine-topline>.eyebrow {font-size:7px} .magazine-markets {font-size:6px} .magazine-lead-copy {padding-inline:21px} .magazine-lead h1 {font-size:35px} .agenda-story {grid-template-columns:70px minmax(0,1fr);gap:0 15px} .agenda-story h2 {font-size:21px} } .motion-paused .hero-enter .magazine-lead,.motion-paused .hero-enter .magazine-agenda-heading,.motion-paused .hero-enter .agenda-story {animation:none!important;opacity:1;transform:none} @media(prefers-reduced-motion:reduce) { .hero-enter .magazine-lead,.hero-enter .magazine-agenda-heading,.hero-enter .agenda-story {animation:none!important;opacity:1;transform:none} } @media print { .magazine-hero {padding:20px 0;background:white} .magazine-opening {display:block} .magazine-lead {display:block;min-height:0;background:white;color:var(--ink)} .magazine-lead::after {display:none} .magazine-lead-visual {position:relative} .magazine-lead-photo {height:auto;aspect-ratio:16/9} .magazine-lead-credit {position:static;color:var(--muted)} .magazine-lead-copy {padding:20px 0} .magazine-lead h1,.magazine-lead h1 a {color:var(--ink);font-size:32px} .magazine-lead-deck,.magazine-lead-meta {color:var(--ink)} .magazine-agenda,.magazine-topic-bar,.magazine-read {display:none} } /* Align the masthead, compact header and approved hero to the same reading grid. */ @media screen { .site-header>.wrap {max-width:var(--max);width:100%;padding-inline:var(--page-gutter);margin-inline:auto} .wrap.page-layout>.magazine-hero {grid-column:content-start/content-end;padding:22px 0 0} .compact-bar {max-width:var(--max);width:100%;margin:auto;padding:8px var(--page-gutter);min-height:60px} .compact-header>.compact-nav {display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:12px;width:100%;max-width:var(--max);margin:auto;padding:0 var(--page-gutter);border-top:1px solid var(--rule);min-height:43px} .compact-header>.compact-nav>a {display:flex;min-height:43px;white-space:nowrap;font-size:10px} .compact-header>.compact-nav>a:last-child {display:flex} .compact-menu {right:max(var(--page-gutter),calc((100% - var(--max)) / 2 + var(--page-gutter)))} } /* Date ranges use separate, equal-sized day spans with a stable small connector. */ .event-date-tile .event-date-range {display:flex;align-items:baseline;justify-content:center;gap:4px;white-space:nowrap;line-height:1.1;font-variant-numeric:tabular-nums} .event-date-range .event-day {font-size:1em;line-height:1;letter-spacing:-.055em} .event-date-range .event-date-to {font:400 11px/1 var(--sans);letter-spacing:0;align-self:center} .event-home-grid .event-card {display:flex;flex-direction:column;gap:21px;padding:26px;min-width:0} .event-home-grid .event-card>.event-date-tile.compact {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;width:max-content;max-width:100%;min-height:58px;padding:12px 14px;margin:0;background:var(--white)} .event-home-grid .event-date-tile.compact>span {font-size:9px;letter-spacing:.045em;line-height:1.5} .event-home-grid .event-date-tile.compact strong {font:400 28px/1 var(--sans);margin:0;gap:4px;white-space:nowrap} .event-home-grid .event-date-tile.compact small {font-size:10px;line-height:1.5;white-space:nowrap} .event-home-grid .event-card>div:last-child {display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0} .event-home-grid .event-card h3 {font-size:27px;line-height:1.2;min-height:2.4em;margin:12px 0 17px} .event-home-grid .event-card .event-place {margin-bottom:13px} .event-home-grid .event-card .text-link {margin-top:auto;padding-top:23px} .event-directory-list .event-date-tile.compact {width:100%;align-items:center;text-align:center;padding:19px 10px} .event-directory-list .event-date-tile.compact strong {font-size:30px;gap:4px} .event-date-tile small {overflow-wrap:anywhere} /* Category pages use editorial articles rather than four oversized grey cards. */ .category-story-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px;margin-top:25px} .category-story {display:flex;flex-direction:column;min-width:0;border-bottom:1px solid var(--rule);padding-bottom:23px} .category-photo {aspect-ratio:16/10;border-radius:3px} .category-photo img {width:100%;height:100%;object-fit:cover} .category-story .image-credit {text-align:left;font-size:8px;line-height:1.6;padding-top:8px} .category-copy {display:flex;flex-direction:column;flex:1;padding-top:19px;min-width:0} .category-copy .eyebrow {font-size:9px} .category-copy h2 {font:400 28px/1.17 var(--sans);letter-spacing:-.035em;margin:12px 0 15px;overflow-wrap:break-word} .category-copy h2 a:hover {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px} .category-copy>p {font-size:13px;line-height:1.8;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 18px} .category-story-bottom {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:8px} .category-story-bottom>span {font-size:9px;line-height:1.6;color:var(--muted)} .category-story-bottom>a {display:inline-flex;align-items:center;gap:11px;min-height:36px;font-size:10px;color:var(--oxide)} .category-story-bottom .icon {width:14px;height:14px} .filter-layout {grid-template-columns:270px minmax(0,1fr);gap:38px;align-items:start} .archive-rail {display:flex;align-self:stretch;flex-direction:column;gap:28px;min-width:0} .filter-sticky-region {position:relative;flex:1;min-height:0} .archive-rail>.partner-ad {margin:0} .filter-panel {position:sticky;top:var(--filter-sticky-top,calc(var(--header-offset,100px) + 24px));z-index:20;background:var(--wash);border:1px solid var(--rule);border-radius:7px;padding:24px;overflow:visible;max-height:none} .filter-panel.is-tall {position:static} .filter-panel h2 {font:400 25px/1.15 var(--sans);letter-spacing:-.035em;text-transform:none;margin:0 0 24px} .filter-panel .field {margin-bottom:19px;font-size:12px} .filter-panel .field label {font-size:11px;font-weight:500;margin-bottom:3px} .filter-panel .field input,.filter-panel .field select {border:1px solid #b5c3cf;border-radius:999px;background:var(--white);padding:13px 16px;font-size:13px;min-height:49px;color:var(--ink)} .filter-date-range {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin:7px 0 18px} .filter-date-range>span {grid-column:1/-1;font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:3px} .filter-date-range .field {min-width:0;margin:0} .filter-date-range .field label {font-size:10px;color:var(--muted)} .filter-date-range .field input {font-size:11px;min-width:0;width:100%;padding:10px 9px;min-height:46px} .filter-panel .button {min-height:46px;padding:12px 16px;font-size:11px;font-weight:400} .filter-panel .clear-link {font-size:11px;min-height:39px;margin-top:2px} .filter-panel .draft-scope {font-size:10px;line-height:1.7;margin-top:17px} .lux-select {position:relative;width:100%;min-width:0} .lux-select:has(.lux-select-menu:not([hidden])) {z-index:30} .lux-select>select[hidden] {display:none!important} .lux-select-trigger {display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:49px;text-align:left;padding:13px 16px;border:1px solid #b5c3cf;border-radius:999px;background:var(--white);color:var(--ink);font-size:13px;line-height:1.5} .lux-select-trigger:hover {border-color:var(--steel)} .lux-select-trigger[aria-expanded=true] {border-color:var(--oxide);box-shadow:0 0 0 3px rgba(246,155,78,.17)} .lux-select-value {min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .lux-select-trigger svg {flex-shrink:0;transition:transform .2s ease} .lux-select-trigger[aria-expanded=true] svg {transform:rotate(180deg)} .lux-select-menu {position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:35;max-height:280px;overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid var(--rule);border-radius:15px;background:var(--white);box-shadow:0 12px 30px rgba(16,43,70,.13)} .lux-select-menu[hidden] {display:none} .lux-select-option {position:relative;display:block;width:100%;min-height:41px;padding:10px 30px 10px 12px;text-align:left;border:0;border-radius:9px;font-size:12px;line-height:1.5;color:var(--ink);background:var(--white);white-space:normal} .lux-select-option:hover,.lux-select-option:focus-visible {background:var(--wash);outline-offset:-2px} .lux-select-option[aria-selected=true] {background:#ffead8;color:var(--ink)} .lux-select-option[aria-selected=true]::after {content:"โœ“";position:absolute;right:10px;top:11px;font-size:12px;color:var(--oxide)} .result-toolbar>div {display:flex;align-items:center;gap:10px} .result-toolbar .lux-select {min-width:180px;width:195px} .result-toolbar .lux-select-trigger {min-height:43px;font-size:12px;padding:10px 15px} .result-toolbar label {white-space:nowrap;font-size:10px;color:var(--muted)} /* One complete newsletter section on the homepage. */ @media screen {.page-layout>.home-newsletter {grid-column:full-start/full-end}} .home-newsletter {background:var(--signal);color:var(--ink);margin-top:55px} .home-nl-inner {width:100%;max-width:var(--max);margin:auto;padding:54px var(--page-gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:74px;align-items:center} .home-nl-copy {min-width:0} .home-nl-copy .eyebrow {font-size:9px;color:var(--ink);letter-spacing:.1em} .home-nl-copy h2 {font:400 clamp(43px,4.5vw,64px)/1.05 var(--sans);letter-spacing:-.055em;margin:22px 0} .home-nl-copy>p {font-size:15px;line-height:1.85;max-width:45ch} .home-nl-copy ul {list-style:none;padding:0;margin:24px 0} .home-nl-copy li {position:relative;padding-left:21px;font-size:12px;line-height:1.7;margin:9px 0} .home-nl-copy li::before {content:"โ†—";position:absolute;left:0} .home-nl-audience {display:block;font-size:11px;line-height:1.8;max-width:44ch;border-top:1px solid rgba(16,43,70,.2);padding-top:20px} .home-nl-card {background:var(--white);border-radius:8px;padding:29px;min-width:0;box-shadow:0 10px 35px rgba(16,43,70,.065)} .home-nl-card-heading {display:flex;align-items:center;gap:16px;margin-bottom:26px} .home-nl-mark {display:grid;place-items:center;width:44px;height:44px;border-radius:5px;background:var(--ink);color:var(--signal);font-size:20px;letter-spacing:-.05em;flex-shrink:0} .home-nl-card-heading h3 {font:400 25px/1.15 var(--sans);letter-spacing:-.035em} .home-nl-card-heading p {font-size:11px;color:var(--muted);margin-top:7px} .home-nl-card .field {margin-bottom:23px;font-size:12px} .home-nl-card .field label {font-size:12px} .home-nl-card .field input {min-height:51px;border:1px solid #b5c3cf;border-radius:999px;padding:13px 17px;font-size:14px;background:var(--white)} .home-nl-frequency {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0;padding:0;margin:0 0 22px;min-width:0} .home-nl-frequency legend {font-size:11px;line-height:1.6;margin-bottom:12px;padding:0} .home-nl-frequency label {position:relative;cursor:pointer;min-width:0} .home-nl-frequency input {position:absolute;opacity:0;width:1px;height:1px;margin:0} .home-nl-frequency span {display:flex;justify-content:center;align-items:center;min-height:43px;padding:10px;border:1px solid var(--rule);border-radius:999px;font-size:12px} .home-nl-frequency input:checked+span {background:#ffead8;border-color:var(--oxide);color:var(--ink)} .home-nl-frequency input:focus-visible+span {outline:3px solid var(--oxide);outline-offset:3px} .home-nl-consent {display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.75;margin:0 0 21px} .home-nl-consent input {width:17px;height:17px;flex-shrink:0;accent-color:var(--oxide);margin-top:2px} .home-nl-card .button {width:100%;background:var(--ink);border-color:var(--ink);color:var(--white);min-height:48px;justify-content:space-between;padding:12px 18px} .home-nl-card .button:hover {background:var(--signal);border-color:var(--signal);color:var(--ink)} .home-nl-preferences {display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:43px;font-size:11px;margin-top:7px;color:var(--oxide)} .home-nl-feedback {font-size:12px;line-height:1.7;color:var(--oxide);padding:13px 15px;background:var(--wash);border-radius:5px;margin-top:12px} .home-nl-feedback:empty {display:none} .home-nl-demo {font-size:10px;line-height:1.7;color:var(--muted);border-top:1px solid var(--rule);padding-top:14px;margin-top:9px} /* A stronger editorial close, with a large wordmark and purposeful navigation. */ .footer.footer-editorial {margin:0;padding:0 0 24px;background:#102b46;background-image:radial-gradient(ellipse at 90% 20%,rgba(62,111,146,.24),transparent 58%);color:var(--white);border-top:4px solid var(--signal)} .footer-editorial>.wrap {width:100%;max-width:var(--max);padding-inline:var(--page-gutter)} .footer-editorial::before {display:none} .footer-ribbon {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;border-bottom:1px solid #3b536a;font-size:9px;letter-spacing:.12em} .footer-ribbon>span {color:var(--light-muted)} .footer-ribbon nav {display:flex;align-items:center;gap:23px} .footer-ribbon nav>a {display:inline-flex;align-items:center;gap:11px;font-size:10px;min-height:36px;letter-spacing:.04em} .footer-ribbon .icon {width:13px;height:13px;color:var(--signal)} .footer-feature {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:74px;padding:51px 0 46px} .footer-title {min-width:0} .footer-editorial .footer-title>.eyebrow {font-size:9px;color:var(--signal);letter-spacing:.1em} .footer-editorial .footer-title>p:first-of-type {font:400 clamp(39px,4.2vw,59px)/1.04 var(--sans);letter-spacing:-.05em;color:var(--white);max-width:none;margin:21px 0 23px} .footer-title em {font-style:normal;color:var(--signal)} .footer-editorial .footer-title>.footer-introduction {font-size:13px;line-height:1.8;color:var(--light-muted);max-width:37ch;margin:0} .footer-explore {display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:46px;padding:12px 18px;margin-top:26px;background:var(--signal);border:1px solid var(--signal);border-radius:999px;color:var(--ink);font-size:11px} .footer-editorial .footer-explore:hover {background:var(--white);border-color:var(--white);color:var(--ink)} .footer-navigation {display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:28px;padding-top:5px;min-width:0} .footer-navigation nav {min-width:0} .footer-editorial .footer-navigation h2 {font:500 9px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--signal);margin:0 0 22px} .footer-navigation a {display:block;font-size:12px;line-height:1.6;min-height:42px;padding:7px 0;color:var(--white)} .footer-navigation a:hover {color:var(--signal);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px} .footer-partnership {display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 29px;border:1px solid #3b536a;border-radius:5px;background:rgba(255,255,255,.025)} .footer-partnership .eyebrow {font-size:8px;color:var(--light-muted);letter-spacing:.1em} .footer-editorial .footer-partnership p {font:400 29px/1.1 var(--sans);letter-spacing:-.035em;color:var(--white);max-width:none;margin:11px 0 0} .footer-partnership>a {display:inline-flex;align-items:center;gap:24px;min-height:44px;font-size:12px;white-space:nowrap} .footer-partnership>a>span {display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--signal);color:var(--ink)} .footer-wordmark {display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;padding:37px 0 34px;color:var(--white);font:400 clamp(63px,9vw,133px)/1 var(--sans);letter-spacing:-.075em;white-space:nowrap} .footer-wordmark:hover {color:var(--white)!important} .footer-wordmark-the {display:block;font:500 10px/1 var(--sans);letter-spacing:.18em;color:var(--signal);margin:0} .footer-wordmark-dot {color:var(--signal)} .footer-editorial .footer-bottom {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:13px 24px;border-top:1px solid #3b536a;padding-top:20px;font-size:9px;line-height:1.7;color:var(--light-muted)} .footer-bottom>a {color:var(--white);min-height:32px;display:inline-flex;align-items:center} @media(prefers-reduced-motion:no-preference) { .motion-enabled .magazine-lead-photo img {animation:editorial-scene 18s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:55% 35%} .motion-enabled .magazine-hero.motion-active .magazine-lead-photo img {animation-play-state:running} .lux-select-menu:not([hidden]) {animation:filter-menu-in .16s ease-out} .category-story .category-photo img {transition:transform .65s ease} .category-story:hover .category-photo img {transform:scale(1.035)} .category-story-bottom .icon,.footer-explore .icon,.footer-ribbon .icon,.footer-partnership .icon {transition:transform .25s ease} .category-story-bottom>a:hover .icon,.footer-explore:hover .icon,.footer-ribbon a:hover .icon,.footer-partnership>a:hover .icon {transform:translateX(4px)} .home-nl-frequency span {transition:background-color .2s ease,border-color .2s ease} } @keyframes editorial-scene {from{transform:scale(1)}to{transform:scale(1.045)}} @keyframes filter-menu-in {from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}} .motion-paused .magazine-lead-photo img {animation-play-state:paused!important} .magazine-motion-toggle {position:absolute;top:17px;right:17px;z-index:4;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:9px 12px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(16,43,70,.8);color:var(--white);font-size:9px;line-height:1.5} .magazine-motion-toggle[hidden] {display:none} .magazine-motion-toggle:hover {background:var(--ink);color:var(--white)} @media(max-width:1200px) { .compact-header>.compact-nav {gap:9px} .compact-header>.compact-nav>a {font-size:9px} .filter-layout {grid-template-columns:250px minmax(0,1fr);gap:30px} .filter-panel {padding:22px} .category-story-grid {gap:31px 22px} .category-copy h2 {font-size:25px} .home-nl-inner {gap:45px} .home-nl-copy h2 {font-size:52px} .home-nl-card {padding:26px} .home-nl-card-heading h3 {font-size:23px} .footer-feature {gap:45px;grid-template-columns:1fr 1.5fr} .footer-navigation {gap:22px} .footer-editorial .footer-title>p:first-of-type {font-size:47px} .footer-navigation a {font-size:11px} .footer-wordmark {font-size:9.2vw} .event-home-grid .event-card {padding:24px} } @media(max-width:950px) { .compact-header>.compact-nav {display:none} .compact-bar {min-height:64px} .filter-layout {display:block;margin-top:28px} .archive-rail {display:block} .filter-sticky-region {display:block} .mobile-filter-toggle {display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:48px;padding:12px 18px;border:1px solid var(--rule);border-radius:999px;background:var(--wash);font-size:12px;margin-bottom:23px} .filter-panel {display:none;position:static;top:auto;margin-bottom:26px} .filter-panel.is-open {display:block} .filter-panel form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px} .filter-panel .field {margin:0} .filter-panel h2 {margin-bottom:22px} .filter-date-range {grid-column:1/-1;margin:1px 0 6px} .filter-panel .button,.filter-panel .clear-link {grid-column:1/-1} .filter-panel .field input,.filter-panel .field select {font-size:14px} .category-story-grid {gap:34px 26px} .category-copy h2 {font-size:28px} .home-nl-inner {gap:32px;padding-block:43px} .home-nl-copy h2 {font-size:43px} .home-nl-card-heading {align-items:flex-start;gap:12px} .home-nl-card-heading h3 {font-size:22px} .home-nl-copy>p {font-size:14px} .home-nl-card {padding:24px} .footer-feature {grid-template-columns:1fr;gap:38px;padding-top:40px} .footer-editorial .footer-title>p:first-of-type {font-size:50px} .footer-navigation {gap:30px} .footer-navigation a {font-size:13px} .footer-editorial .footer-title>.footer-introduction {max-width:55ch} .footer-wordmark {font-size:8.7vw} .event-home-grid .event-card {display:grid;grid-template-columns:1fr;gap:18px} .event-home-grid .event-card h3 {min-height:0} } @media(max-width:650px) { .wrap.page-layout>.magazine-hero {padding-top:19px} .site-header>.wrap,.compact-bar {padding-inline:var(--page-gutter)} .compact-menu {right:var(--page-gutter);width:calc(100% - 2 * var(--page-gutter))} .event-home-grid .event-card {padding:25px;gap:18px} .event-home-grid .event-card>.event-date-tile.compact {gap:11px;padding:12px 14px} .event-home-grid .event-card h3 {font-size:29px;margin:12px 0 15px} .event-directory-list .event-date-tile.compact strong {font-size:23px;gap:2px} .event-directory-list .event-date-range .event-date-to {font-size:9px} .event-date-tile.compact small {font-size:9px} .category-story-grid {grid-template-columns:1fr;gap:32px} .category-copy {padding-top:17px} .category-copy h2 {font-size:29px;line-height:1.2} .category-copy>p {font-size:14px} .category-story-bottom>span {font-size:10px} .category-story-bottom>a {font-size:11px;min-height:42px} .filter-panel {padding:24px} .filter-panel form {gap:17px 15px} .filter-panel h2 {display:block;font-size:28px} .filter-panel .field label {font-size:12px} .lux-select-trigger {font-size:14px;min-height:49px} .lux-select-option {font-size:14px;min-height:44px} .filter-date-range .field input {font-size:14px;padding:11px 13px} .result-toolbar {gap:14px} .result-toolbar .lux-select {width:175px;min-width:0} .result-toolbar label {display:none} .home-newsletter {margin-top:42px} .home-nl-inner {grid-template-columns:1fr;gap:29px;padding:37px var(--page-gutter) 41px} .home-nl-copy h2 {font-size:47px;margin:20px 0} .home-nl-copy>p {font-size:15px;max-width:none} .home-nl-copy ul {margin:21px 0} .home-nl-audience {max-width:none;font-size:12px} .home-nl-card {padding:25px} .home-nl-card-heading h3 {font-size:25px} .home-nl-card .field input {font-size:16px} .home-nl-consent {font-size:12px;line-height:1.7} .home-nl-demo {font-size:11px} .footer-ribbon {align-items:flex-start;flex-direction:column;gap:13px;padding:23px 0} .footer-ribbon nav {gap:24px} .footer-ribbon nav>a {font-size:12px} .footer-feature {padding:33px 0;gap:35px} .footer-editorial .footer-title>p:first-of-type {font-size:47px;line-height:1.06} .footer-editorial .footer-title>.footer-introduction {font-size:14px;max-width:none} .footer-navigation {grid-template-columns:1fr 1fr;gap:27px 23px} .footer-navigation nav:first-child {grid-column:1/-1} .footer-navigation nav:first-child {display:grid;grid-template-columns:1fr 1fr;column-gap:22px} .footer-navigation nav:first-child h2 {grid-column:1/-1} .footer-editorial .footer-navigation h2 {margin-bottom:13px;font-size:9px} .footer-navigation a {font-size:12px;line-height:1.7;padding:8px 0;min-height:40px} .footer-partnership {align-items:flex-start;flex-direction:column;gap:19px;padding:24px} .footer-editorial .footer-partnership p {font-size:29px;line-height:1.1} .footer-partnership>a {font-size:12px;gap:20px;justify-content:space-between;width:100%} .footer-wordmark {position:relative;flex-direction:column;align-items:flex-start;gap:0;font-size:clamp(60px,16.6vw,105px);line-height:.97;padding:42px 0 29px;white-space:normal} .footer-wordmark-the {position:absolute;top:19px;left:1px;font-size:8px;margin:0} .footer-editorial .footer-bottom {align-items:flex-start;flex-direction:column;gap:8px;font-size:9px} } @media(max-width:370px) { .home-nl-card {padding:22px} .home-nl-card-heading h3 {font-size:23px} .home-nl-frequency {gap:5px} .home-nl-frequency span {font-size:11px;padding:9px 6px} .event-home-grid .event-card {padding:22px} .event-home-grid .event-date-tile.compact strong {font-size:26px} .event-home-grid .event-card>.event-date-tile.compact {gap:8px;padding:11px 12px} .footer-editorial .footer-title>p:first-of-type {font-size:42px} .footer-navigation a {font-size:11px} } @media(prefers-reduced-motion:reduce) { .magazine-lead-photo img,.lux-select-menu {animation:none!important;transform:none!important} .magazine-motion-toggle {display:none} } @media print { .home-newsletter,.lux-select,.footer-editorial,.magazine-motion-toggle {display:none!important} .filter-panel {display:none} .category-story-grid {grid-template-columns:repeat(2,minmax(0,1fr))} } /* A digital trade magazine: editorial type, clear departments and an actual reading edition. Existing cargo colours and the approved lead layout stay. */ :root {--editorial:'Source Serif 4',Georgia,serif;--serif:var(--editorial)} .site-header {box-shadow:none;background:var(--paper)} .site-header .masthead {grid-template-columns:minmax(150px,1fr) auto minmax(180px,1fr);padding:25px 0 27px;gap:28px} .site-header .masthead>.brand {grid-column:2;grid-row:1;justify-self:center;justify-content:center;text-align:center;gap:0} .site-header .masthead .brand-seal {display:none} .site-header .masthead .brand-lockup {display:flex;flex-direction:column;align-items:center;gap:6px} .site-header .masthead .brand-the {display:block;font:500 9px/1 var(--sans);writing-mode:horizontal-tb;transform:none;letter-spacing:.24em;padding:0} .site-header .masthead .brand-name {font:600 clamp(40px,4.25vw,64px)/1 var(--editorial);letter-spacing:-.065em;white-space:nowrap} .site-header .mast-side {grid-column:1;grid-row:1;max-width:none;align-self:center;font:400 12px/1.6 var(--sans);color:var(--muted)} .mast-side>span {display:block;font-size:9px;letter-spacing:.1em;color:var(--oxide);margin-bottom:8px} .mast-side>a {display:inline-flex;gap:15px;align-items:center;min-height:34px;color:var(--ink);border-bottom:1px solid var(--rule);margin-top:5px;font-size:11px} .site-header .mast-actions {grid-column:3;grid-row:1;justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:9px} .site-header .mast-search {width:190px;min-height:37px;background:transparent;border-radius:0;border:0;border-bottom:1px solid var(--rule);padding:0} .site-header .mast-search input {font-size:12px} .site-header .mast-briefing {min-height:36px;font-size:11px;border-radius:2px;padding:8px 14px;gap:16px} .site-header .utility {font-size:10px} .site-header .utility-right {gap:20px} .site-header .utility a {display:inline-flex;align-items:center;min-height:28px} .site-header .primary-nav {border-top:3px double var(--ink);border-bottom:1px solid var(--ink);font-size:11px;gap:9px} .site-header .edition-bar {min-height:43px;padding:0} .edition-bar p,.edition-links {font-size:10px} .compact-header .brand-name {font-family:var(--editorial);font-size:27px;font-weight:600;letter-spacing:-.055em} .compact-header .brand-seal {border-radius:0} .compact-actions {align-items:center} .compact-edition {display:inline-flex;align-items:center;gap:10px;min-height:40px;font-size:11px;border-bottom:1px solid var(--rule)} .magazine-topline {padding-bottom:18px} .magazine-topline>.eyebrow {font-size:10px} .magazine-topline>p {font:400 19px/1.3 var(--editorial);color:var(--ink)} .magazine-topline>a {margin-left:auto;display:flex;align-items:center;gap:18px;min-height:36px;font-size:11px;color:var(--oxide)} .magazine-lead {border-radius:0;min-height:530px} .magazine-lead h1 {font:400 clamp(40px,3.65vw,56px)/1.07 var(--editorial);letter-spacing:-.04em;max-width:20ch;text-wrap:balance} .magazine-lead-deck {font-size:15px;line-height:1.65;-webkit-line-clamp:unset;display:block;max-width:58ch} .magazine-lead-copy {padding:140px 34px 45px} .magazine-lead-eyebrow {font-size:11px;letter-spacing:.04em} .magazine-lead-eyebrow>span {font-size:10px;border-radius:0} .magazine-lead-meta,.magazine-read {font-size:11px} .magazine-lead-credit {font-size:10px;bottom:11px} .magazine-agenda-heading h2 {font:400 33px/1.1 var(--editorial);letter-spacing:-.03em} .agenda-story {grid-template-columns:80px minmax(0,1fr)} .agenda-story h2 {font:400 25px/1.16 var(--editorial);letter-spacing:-.02em} .agenda-beat,.agenda-meta {font-size:11px;line-height:1.5} .agenda-credit {font-size:9px} .agenda-photo {border-radius:0} .edition-contents {display:grid;grid-template-columns:1.3fr repeat(4,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--rule);margin-top:26px;min-width:0} .edition-contents>div,.edition-contents>a {padding:21px 22px;min-width:0;border-right:1px solid var(--rule)} .edition-contents>div {padding-left:0} .edition-contents>div>a {display:flex;gap:20px;align-items:center;font:400 23px/1.2 var(--editorial);margin-top:8px;min-height:35px} .edition-contents>a {display:flex;flex-direction:column;justify-content:center;gap:7px} .edition-contents>a:last-child {border-right:0} .edition-contents small {font:400 11px/1.4 var(--sans);color:var(--oxide)} .edition-contents>a>span {font:400 22px/1.2 var(--editorial);letter-spacing:-.025em} .edition-contents .eyebrow {font-size:9px;color:var(--muted)} .edition-contents a:hover>span {text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px} .page-home>.industry-section {margin-top:42px} .issue-section-heading h2 {display:flex;align-items:baseline;gap:20px} .issue-section-heading h2>span {font:400 12px/1 var(--sans);letter-spacing:0;color:var(--oxide)} .section-heading h2 {font:400 36px/1.1 var(--editorial);letter-spacing:-.035em;text-transform:none} .section-heading>a {font-size:12px} .story-card h3,.warehouse-feature h3 {font-family:var(--editorial);letter-spacing:-.025em;line-height:1.13} .story-card h3 {font-size:32px} .industry-reads .result-row h2 {font:400 28px/1.14 var(--editorial);letter-spacing:-.025em} .story-card p,.industry-reads .result-row p,.warehouse-feature p {font-size:14px;line-height:1.75} .compact-story h3 {font:400 26px/1.18 var(--editorial);letter-spacing:-.02em} .compact-story {background:transparent;padding-inline:0;border-radius:0} .region-story h4 {font:400 27px/1.16 var(--editorial);letter-spacing:-.02em} .card-meta,.category-story-bottom>span {font-size:11px} .eyebrow {font-size:10px} .issue-report {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(38px,6vw,100px);padding:64px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:34px 0 28px;align-items:start;min-width:0} .issue-report>* {min-width:0} .issue-report-cover {padding:25px;background:var(--wash)} .edition-cover {position:relative;isolation:isolate;background:var(--ink);color:var(--white);aspect-ratio:3/4;display:flex;flex-direction:column;overflow:hidden;padding:22px 23px;min-width:0} .edition-cover:after {content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(16,43,70,.93),rgba(16,43,70,.07) 34%,rgba(16,43,70,.7) 58%,#102b46 100%)} .edition-cover .edition-cover-photo {position:absolute;inset:0;width:100%;height:100%;margin:0;pointer-events:none} .edition-cover-photo img {position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover} .edition-cover .edition-cover-photo figcaption {position:absolute;z-index:2;right:23px;left:23px;bottom:41px;font:400 8px/1.5 var(--sans);color:var(--light-muted);pointer-events:auto} .edition-cover-photo figcaption a {text-decoration:underline;text-underline-offset:2px} .edition-cover-mast {text-align:center;font:600 clamp(20px,2.45vw,36px)/1 var(--editorial);letter-spacing:-.05em;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:14px} .edition-cover-mast>span {display:block;font:400 8px/1.5 var(--sans);letter-spacing:.2em;margin-bottom:4px} .edition-cover-date,.edition-cover-foot {display:flex;justify-content:space-between;gap:14px;font:400 8px/1.5 var(--sans);letter-spacing:.06em} .edition-cover-date {margin-top:10px} .edition-cover-lines {margin:auto 0 42px;padding-top:25px} .edition-cover-lines>span {font:400 9px/1.5 var(--sans);letter-spacing:.05em;color:var(--light-muted)} .edition-cover-lines>p {font:400 clamp(41px,4.6vw,67px)/.93 var(--editorial);letter-spacing:-.055em;margin:13px 0 18px;color:white;text-wrap:initial} .edition-cover-lines em {font-style:normal;color:var(--signal)} .edition-cover-deck {font:400 11px/1.6 var(--sans);color:var(--light-muted)} .edition-cover-foot {margin-top:auto;font-size:7px} .issue-report-copy {padding-top:9px} .issue-report-copy>.eyebrow {color:var(--oxide)} .issue-report h2 {font:400 clamp(46px,5.5vw,78px)/.98 var(--editorial);letter-spacing:-.05em;margin:22px 0 25px} .issue-report h2 em {font-style:normal;color:var(--oxide)} .report-deck {font:400 23px/1.5 var(--editorial);max-width:43ch} .report-introduction {font:400 14px/1.8 var(--sans);color:var(--muted);margin-top:18px;max-width:58ch} .report-read {display:inline-flex;align-items:center;gap:26px;min-height:48px;border-bottom:1px solid var(--ink);font-size:12px;margin-top:17px} .report-related {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px;border-top:1px solid var(--rule);padding-top:24px} .report-related article {display:flex;flex-direction:column;gap:12px;min-width:0} .report-related article>span {font:400 11px/1.5 var(--sans);color:var(--oxide)} .report-related small {font:400 9px/1.5 var(--sans);color:var(--muted)} .report-related h3 {font:400 22px/1.16 var(--editorial);margin-top:8px;letter-spacing:-.02em} .issue-preview-note {font:400 11px/1.7 var(--sans);color:var(--muted);margin-top:23px;max-width:70ch} .editorial-desks .topic-name {font:400 28px/1.16 var(--editorial)} .desk-teaser h2,.event-home .section-heading h2,.nl-teaser h2 {font-family:var(--editorial)} .desk-teaser {margin-top:0} .desk-teaser h2 {font-size:clamp(38px,4vw,58px)} .home-nl-copy h2 {font-family:var(--editorial)} .event-home-intro>p {font-family:var(--editorial);font-size:35px;line-height:1.2} .event-home-grid .event-card {background:var(--wash);border-radius:0;border-top:2px solid var(--ink)} .event-home-grid .event-card h3 {font-family:var(--editorial);font-size:29px} .event-home-grid .event-date-tile.compact {border-radius:0} .footer-title>p:not(.footer-introduction) {font-family:var(--editorial);letter-spacing:-.055em} .footer-wordmark {font-family:var(--editorial);letter-spacing:-.07em} .footer-partnership p {font-family:var(--editorial)} /* Reading is the centre of the publication. Utilities remain in the sans face. */ .post-shell .article-head h1 {font:400 clamp(43px,4.8vw,69px)/1.06 var(--editorial);letter-spacing:-.045em;max-width:100%} .post-shell .article-head .standfirst {font:400 21px/1.6 var(--editorial);max-width:100%} .post-shell .article-body {font:400 21px/1.75 var(--editorial);letter-spacing:0} .post-shell .article-body h2 {font:400 34px/1.16 var(--editorial);letter-spacing:-.025em} .post-shell .article-body .editorial-disclosure,.post-shell .article-body .article-tags,.post-shell .article-body .source-notes {font-family:var(--sans)} .post-shell .article-body .source-notes h2 {font:400 25px/1.2 var(--editorial)} .business-read {font-family:var(--sans);font-size:13px;line-height:1.7;border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);padding:21px 0;margin:5px 0 30px} .business-read-label {font-size:10px;letter-spacing:.07em;color:var(--oxide)} .business-read-label>span {display:block;font-size:12px;color:var(--muted);text-transform:none;letter-spacing:0;margin-top:7px} .business-read dl {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:20px 0 0} .business-read dl>div {min-width:0} .business-read dt {font-size:12px;font-weight:500;margin-bottom:7px;color:var(--ink)} .business-read dd {margin:0;color:var(--muted);font-size:13px;line-height:1.7} .article-edition-link {display:inline-flex;gap:13px;align-items:center;min-height:44px;font:400 12px/1.5 var(--sans);color:var(--oxide);margin-top:12px} .topic-intro {border-top:1px solid var(--ink);padding:32px 0 34px;gap:45px;margin-top:28px;grid-template-columns:minmax(0,1fr) 220px;align-items:center} .topic-intro h1 {font:400 clamp(45px,4.6vw,64px)/1.07 var(--editorial);letter-spacing:-.045em;margin:15px 0 18px;max-width:25ch} .topic-intro>div>p:not(.draft-scope) {font-size:16px;line-height:1.75;max-width:74ch} .topic-intro>figure {width:220px;align-self:center} .topic-intro>figure .photo-wrap {aspect-ratio:1.15;border-radius:0} .topic-intro .draft-scope {font-size:11px;line-height:1.7} .topic-reader {display:block;margin-top:15px;font-size:11px;color:var(--oxide)} .category-copy h2 {font:400 31px/1.14 var(--editorial);letter-spacing:-.03em} .category-copy>p {font-size:14px;line-height:1.7} .category-photo {aspect-ratio:1.8;border-radius:0} .category-story-bottom>a {font-size:11px} .filter-panel {border-radius:0;background:var(--white);border-top:2px solid var(--ink)} .filter-panel h2 {font-family:var(--editorial);font-size:26px} .lux-select-trigger {border-radius:3px;font-size:13px} .lux-select-menu {border-radius:3px} .page-heading h1,.reading-page h1,.topics-intro h1,.full-topic h2,.event-single-hero h1 {font-family:var(--editorial)} .result-row h2 {font-family:var(--editorial)} /* The digital edition and contents are readable HTML, with no page-turn gate. */ .edition-opening {display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.25fr);gap:clamp(38px,7vw,110px);padding:54px 0 60px;border-bottom:1px solid var(--ink);align-items:center} .edition-opening-cover {max-width:440px;min-width:0} .edition-opening-cover .edition-cover {box-shadow:12px 16px 0 var(--wash)} .edition-opening-copy h1 {font:400 clamp(60px,7vw,100px)/.98 var(--editorial);letter-spacing:-.055em;margin:22px 0 27px} .edition-opening-copy h1 em {font-style:normal;color:var(--oxide)} .edition-deck {font:400 25px/1.45 var(--editorial);max-width:36ch} .edition-note {border-top:1px solid var(--rule);margin:30px 0 25px;padding-top:23px} .edition-note h2 {font:400 27px/1.2 var(--editorial);letter-spacing:-.025em;margin-bottom:17px} .edition-note p {font:400 14px/1.8 var(--sans);color:var(--muted);max-width:64ch;margin-top:14px} .edition-toc {padding-bottom:40px} .edition-toc>.section-heading {padding-top:30px} .edition-toc>.section-heading>span,.media-formats>.section-heading>span {font-size:10px;color:var(--muted);letter-spacing:.07em} .edition-department {display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:70px;border-top:1px solid var(--rule);padding:35px 0} .edition-department>div:first-child>h2 {font:400 39px/1.08 var(--editorial);letter-spacing:-.035em;margin:15px 0} .edition-department>div:first-child>p {font-size:14px;line-height:1.7;color:var(--muted);max-width:40ch} .edition-department article {padding:22px 0;border-bottom:1px solid var(--rule)} .edition-department article:first-child {padding-top:0} .edition-department article:last-child {border:0;padding-bottom:0} .edition-department article>span {font-size:10px;color:var(--oxide)} .edition-department article h3 {font:400 29px/1.16 var(--editorial);letter-spacing:-.025em;margin:9px 0 12px} .edition-department article p {font:400 14px/1.75 var(--sans);color:var(--muted)} .edition-department article small {display:block;font-size:11px;color:var(--muted);margin-top:13px} .report-shell .article-image {position:relative} .report-shell .article-image img {width:100%;height:auto;aspect-ratio:1.9;object-fit:cover} .report-shell .article-image figcaption {font:400 10px/1.6 var(--sans);color:var(--muted);margin-top:10px} .report-body .report-opening {font-size:27px;line-height:1.5;color:var(--ink)} .handover-table {margin:30px 0;font-family:var(--sans)} .handover-table>p {font:400 13px/1.75 var(--sans)} .handover-table-scroll {overflow-x:auto;border-top:2px solid var(--ink)} .handover-table table {border-collapse:collapse;min-width:520px;font:400 12px/1.7 var(--sans);text-align:left;width:100%} .handover-table th,.handover-table td {padding:15px 13px;border-bottom:1px solid var(--rule);vertical-align:top;font-weight:400} .handover-table thead {background:var(--wash)} .handover-table th {font-weight:500;color:var(--ink)} .report-reading-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px} .report-reading-grid article {min-width:0;border-top:1px solid var(--rule);padding-top:20px} .report-reading-grid h3 {font:400 29px/1.16 var(--editorial);letter-spacing:-.02em;margin:14px 0} .report-reading-grid p {font-size:14px;line-height:1.7;color:var(--muted)} .report-reading-grid small {display:block;font-size:11px;color:var(--muted);margin-top:15px} /* A commercial proposition with no invented reach, client logos or pricing. */ .media-opening {padding:60px 0 43px;border-bottom:1px solid var(--ink)} .media-opening h1 {font:400 clamp(49px,6vw,83px)/1.04 var(--editorial);letter-spacing:-.05em;margin:22px 0 27px} .media-opening .standfirst {font-size:23px;max-width:56ch} .media-audience {display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:45px 0;border-bottom:1px solid var(--rule)} .media-audience h2,.media-principles h2 {font:400 42px/1.1 var(--editorial);letter-spacing:-.04em;margin-top:15px} .media-audience ul {list-style:none;padding:0;margin:0;font:400 16px/1.6 var(--sans)} .media-audience li {border-bottom:1px solid var(--rule);padding:13px 0} .media-formats {padding:15px 0 45px} .media-format-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px} .media-format-grid article {min-width:0} .media-format-grid h3 {font:400 29px/1.12 var(--editorial);letter-spacing:-.025em;margin:13px 0} .media-format-grid p {font-size:14px;line-height:1.75;color:var(--muted)} .media-diagram {height:142px;background:var(--wash);border:1px solid var(--rule);padding:22px;display:grid;gap:9px;margin-bottom:22px} .media-diagram span {display:block;background:#c3d2e0} .media-diagram--display {grid-template-columns:2fr 1fr;grid-template-rows:20px 1fr} .media-diagram--display span:first-child {grid-column:1/-1;background:var(--signal)} .media-diagram--briefing {grid-template-rows:12px 22px 1fr} .media-diagram--briefing span:nth-child(2) {background:var(--signal)} .media-diagram--perspective {grid-template-columns:1fr 1fr;grid-template-rows:15px 1fr} .media-diagram--perspective span:first-child {grid-column:1/-1;width:55%;background:var(--signal)} .media-diagram--discussion {grid-template-columns:1fr 1fr 1fr;align-items:center} .media-diagram--discussion span {border-radius:50%;aspect-ratio:1} .media-diagram--discussion span:nth-child(2) {background:var(--signal)} .media-principles {padding:35px 0 45px;border-top:1px solid var(--ink)} .media-principles p {font-size:16px;line-height:1.8;max-width:74ch;color:var(--muted);margin:21px 0} .media-enquiry {display:flex;justify-content:space-between;align-items:center;gap:35px;background:var(--wash);padding:35px;margin-bottom:50px} .media-enquiry h2 {font:400 38px/1.08 var(--editorial);letter-spacing:-.03em;margin:14px 0} .media-enquiry p {font-size:14px;color:var(--muted);line-height:1.7} .news-briefing-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px;margin-bottom:28px} .news-brief-card {display:flex;flex-direction:column;min-width:0;border-top:2px solid var(--ink);padding:22px 0 0} .news-brief-top {display:flex;align-items:baseline;justify-content:space-between;gap:20px;font-size:10px;line-height:1.6;color:var(--oxide)} .news-brief-top time {font-size:11px;white-space:nowrap;color:var(--muted)} .news-brief-card h3 {font:400 34px/1.12 var(--editorial);letter-spacing:-.03em;margin:19px 0 17px;max-width:27ch} .news-brief-card>p {font:400 15px/1.75 var(--sans);color:var(--muted);max-width:60ch} .news-brief-bottom {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:13px;margin-top:auto;padding-top:23px;font:400 11px/1.6 var(--sans)} .news-brief-bottom>span {color:var(--muted)} .news-brief-bottom>a {display:inline-flex;align-items:center;gap:17px;min-height:40px;border-bottom:1px solid var(--rule)} .page-home>.news-briefing {padding-bottom:33px;margin-top:23px} .page-home>.news-briefing .section-heading {border-top:0} .news-shell .news-brief-body>h2:first-child {margin-top:0} .shipment-question {border-left:3px solid var(--signal);padding:4px 0 4px 23px;margin:30px 0} .shipment-question>span {font:500 10px/1.5 var(--sans);letter-spacing:.06em;color:var(--oxide)} .post-shell .article-body .shipment-question>p {font:400 25px/1.45 var(--editorial);color:var(--ink);margin:13px 0 0} /* Shared layout corrections identified in the supplied screenshots. */ .page-article>.post-shell,.page-report>.post-shell,.page-news-item>.post-shell {max-width:none;width:100%} .post-shell .post-related {border-bottom:0} .page-layout>.nl-teaser:last-child {margin-bottom:0} .post-shell .post-layout {grid-template-columns:minmax(0,1fr) 300px;gap:44px} .compact-list>.compact-story:first-child {padding-top:0} .compact-list>.compact-story:last-child {border-bottom:0;padding-bottom:0} .compact-list>.compact-story h3 {margin:10px 0 0} .compact-list>.compact-story .card-meta {margin-top:15px} /* A contextual partner placement uses the space beneath the warehouse reads. Natural heights keep the column useful without stretching its story rows. */ .operations-reading {display:flex;flex-direction:column;gap:30px;min-width:0;align-self:start} .operations-reading>.compact-list {width:100%} .operations-reading>.partner-ad {margin:0} .partner-ad--inset .partner-ad-label {flex-wrap:wrap;gap:4px 12px} .partner-ad--inset .partner-creative {position:relative;isolation:isolate;display:flex;min-height:320px;border-radius:3px} .partner-ad--inset .partner-art {position:absolute;inset:0;min-height:0;aspect-ratio:auto;background-position:70% 50%} .partner-ad--inset .partner-art:after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,43,70,.99),rgba(16,43,70,.94) 52%,rgba(16,43,70,.42))} .partner-ad--inset .partner-copy {position:relative;z-index:1;width:100%;max-width:340px;padding:28px} .partner-ad--inset .partner-title {font:400 clamp(27px,2.4vw,32px)/1.12 var(--editorial);letter-spacing:-.025em;max-width:16ch;margin:14px 0 12px} .partner-ad--inset .partner-description {max-width:25ch;font-size:12px;line-height:1.7} .partner-ad--inset .partner-cta {margin-top:21px;border-radius:3px;gap:16px} .footer-wordmark-name {display:inline-flex;align-items:baseline;gap:.2em;max-width:100%} .footer-wordmark-name>span {display:block} .footer-wordmark-name .footer-logo-word {display:inline-block;position:relative;white-space:nowrap} .footer-logo-base {display:block} .footer-logo-shuffle {position:absolute;inset:0;display:block;visibility:hidden;white-space:nowrap;pointer-events:none} .footer-logo-word.is-shuffling>.footer-logo-base {visibility:hidden} .footer-logo-word.is-shuffling>.footer-logo-shuffle {visibility:visible} .motion-paused .footer-logo-word>.footer-logo-base {visibility:visible} .motion-paused .footer-logo-word>.footer-logo-shuffle {visibility:hidden} .footer-logo-times {white-space:nowrap} .site-header .mast-mobile-search {display:none} .edition-department {align-items:start;overflow:visible} .edition-department-intro {position:sticky;top:calc(var(--header-offset,104px) + 24px);align-self:start;min-width:0} .edition-department-intro.is-tall {position:static} .edition-department-stories {min-width:0} /* One newsletter CTA treatment across teasers, forms and confirmation pages. */ :is(.nl-teaser,.home-nl-card,.nl-form-panel,.nl-flow,.nl-management,.nl-confirm-page) .button {display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;max-width:100%;min-height:52px;padding:14px 22px;border:1px solid var(--ink);border-radius:4px;background:var(--ink);color:var(--white);font:400 14px/1.5 var(--sans);letter-spacing:0;text-align:left;white-space:normal} :is(.nl-teaser,.home-nl-card,.nl-form-panel,.nl-flow,.nl-management,.nl-confirm-page) .button:hover {background:var(--steel);border-color:var(--steel);color:var(--white)} :is(.nl-teaser,.home-nl-card,.nl-form-panel,.nl-flow,.nl-management,.nl-confirm-page) .button>span {flex-shrink:0;line-height:1} :is(.nl-teaser,.home-nl-card,.nl-form-panel,.nl-flow,.nl-management,.nl-confirm-page) .button:focus-visible {outline:3px solid var(--steel);outline-offset:4px} .page-layout>.nl-teaser>.nl-teaser-action {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;justify-self:stretch;gap:22px;min-width:0} .page-layout>.nl-teaser>.nl-teaser-action>p {font:400 14px/1.8 var(--sans);letter-spacing:0;max-width:36ch;margin:0} .nl-teaser .nl-teaser-action>.button {width:max-content;min-width:220px;max-width:100%;margin:0} .nl-teaser .nl-teaser-copy>p {max-width:52ch;font-size:15px} .nl-teaser .nl-teaser-copy h2 {font-size:clamp(36px,3.6vw,51px);line-height:1.08} .nl-form-actions .button,.nl-step>.button {flex-shrink:1} /* A single, readable event heading with one supporting sentence. */ .event-home-heading {display:flex;align-items:center;justify-content:space-between;gap:34px;padding:27px 0 30px;border-top:1px solid var(--ink)} .event-home-heading>div {min-width:0;max-width:650px} .event-home-heading .eyebrow {color:var(--oxide);font-size:10px} .event-home-heading h2 {font:400 42px/1.12 var(--editorial);letter-spacing:-.035em;margin:12px 0 15px} .event-home-heading p {font:400 15px/1.75 var(--sans);color:var(--muted);max-width:58ch} .event-calendar-link {display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:12px 0;border-bottom:1px solid var(--ink);font:400 13px/1.5 var(--sans);white-space:nowrap;flex-shrink:0} .event-calendar-link>span {font-size:20px;color:var(--oxide)} /* Text and icon stay together inside the journal search button. */ .search-page-form .archive-search {display:flex;align-items:stretch;gap:6px;min-height:62px;padding:6px;border:1px solid #b5c3cf;border-radius:5px;background:var(--white)} .search-page-form .archive-search input {flex:1 1 0;width:0;min-width:0;min-height:48px;padding:12px 15px;border:0;border-radius:2px;background:transparent;font:400 16px/1.5 var(--sans);color:var(--ink)} .search-page-form .archive-search button {display:inline-flex;align-items:center;justify-content:center;gap:13px;flex:0 0 auto;min-width:112px;width:auto;height:auto;min-height:48px;padding:12px 19px;border:1px solid var(--ink);border-radius:3px;background:var(--ink);color:var(--white);font:400 14px/1.5 var(--sans);white-space:nowrap} .search-page-form .archive-search button .icon {display:block;width:18px;height:18px;flex-shrink:0} .search-page-form .archive-search button:hover {background:var(--steel);border-color:var(--steel)} .search-page-form .archive-search:focus-within {border-color:var(--steel);box-shadow:0 0 0 2px rgba(62,111,146,.16)} .search-page-form .archive-search input:focus,.search-page-form .archive-search input:focus-visible {outline:0;box-shadow:none} .search-page-form .archive-search button:focus-visible {outline:3px solid var(--steel);outline-offset:3px} .site-header .mast-search input:focus,.site-header .mast-search input:focus-visible {outline:0;border:0;box-shadow:none} .site-header .mast-search:focus-within {border-bottom-color:var(--ink);box-shadow:0 2px 0 var(--ink);background:var(--wash)} .site-header .mast-search button:focus-visible {outline:2px solid var(--ink);outline-offset:2px} /* A short draw-and-return on the wordmark, with no perpetual motion. */ .site-header .brand-name {position:relative;display:inline-block} .site-header .brand-name::after {content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--signal);transform:scaleX(.08);transform-origin:left;pointer-events:none} .compact-header .brand-name::after {bottom:-5px} @media(prefers-reduced-motion:no-preference) { html:not(.motion-paused) .site-header .brand-name::after {animation:logo-route-draw 2.6s cubic-bezier(.2,.7,.2,1) both} html:not(.motion-paused) .masthead .brand-name {animation:logo-name-arrive .7s ease-out both} html:not(.motion-paused) .site-header .brand:hover .brand-name::after, html:not(.motion-paused) .site-header .brand:focus-visible .brand-name::after {animation:logo-route-hover 1.2s ease-out both} @keyframes logo-route-draw {0%,10% {transform:scaleX(.08);opacity:.5}45%,65% {transform:scaleX(1);opacity:1}100% {transform:scaleX(.08);opacity:1}} @keyframes logo-route-hover {0% {transform:scaleX(.08)}55% {transform:scaleX(1)}100% {transform:scaleX(.08)}} @keyframes logo-name-arrive {from {opacity:.35;transform:translateY(3px)}to {opacity:1;transform:none}} } .motion-paused .site-header .brand-name {animation:none!important;opacity:1;transform:none} .motion-paused .site-header .brand-name::after {animation:none!important;transform:scaleX(.08);opacity:1} @media(prefers-reduced-motion:no-preference) { .edition-cover {transition:transform .35s ease,box-shadow .35s ease} .issue-report-cover:hover .edition-cover {transform:translateY(-4px);box-shadow:0 12px 20px rgba(16,43,70,.12)} .report-read>span,.edition-contents a>span,.compact-edition>span {transition:transform .2s ease} .report-read:hover>span,.compact-edition:hover>span {transform:translate(2px,-2px)} } @media(max-width:1200px) { .post-shell .post-layout {grid-template-columns:minmax(0,1fr) 270px;gap:32px} .site-header .masthead {grid-template-columns:minmax(110px,1fr) auto minmax(150px,1fr);gap:20px} .site-header .masthead .brand-name {font-size:clamp(42px,4.5vw,51px)} .site-header .primary-nav {font-size:10px;gap:7px} .site-header .mast-search {width:160px} .magazine-opening {grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr)} .magazine-lead h1 {font-size:46px} .magazine-lead-copy {padding-inline:26px} .agenda-story h2 {font-size:24px} .magazine-lead-deck {font-size:14px} .issue-report {gap:40px} .report-related {gap:15px} .report-related h3 {font-size:21px} .edition-cover {padding:20px} .edition-cover-mast {font-size:28px} .edition-cover-lines>p {font-size:51px} .edition-cover-lines {margin-bottom:44px} .edition-cover-deck {font-size:10px} .media-format-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:32px} } @media(max-width:950px) { .site-header .mast-mobile-search {display:grid;place-items:center;min-width:40px;min-height:40px;border:1px solid var(--rule);border-radius:3px} .post-shell .post-layout {grid-template-columns:minmax(0,1fr);gap:28px} .event-home-heading {align-items:flex-start;gap:25px} .event-home-heading h2 {font-size:37px} .event-home-heading p {font-size:14px} .site-header .masthead {grid-template-columns:minmax(0,1fr) auto;padding:22px 0} .site-header .masthead>.brand {grid-column:1;justify-self:start} .site-header .masthead .brand-lockup {align-items:flex-start;gap:5px} .site-header .masthead .brand-name {font-size:46px} .site-header .mast-side {display:none} .site-header .mast-actions {grid-column:2;flex-direction:row;align-items:center;gap:16px} .site-header .mast-search {display:none} .site-header .menu-toggle {display:flex;border-radius:0;min-height:40px;padding:8px 11px} .site-header .primary-nav {display:none;font-size:13px} .site-header .primary-nav.is-open {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding:12px 0} .site-header .primary-nav>a {white-space:normal;min-height:44px} .site-header .primary-nav .nav-special {margin-left:0;padding-left:3px!important;border-left:0} .site-header .utility {font-size:9px} .utility-left .prepared-date {display:none} .magazine-opening {grid-template-columns:1fr} .magazine-lead h1 {font-size:54px;max-width:24ch} .magazine-lead-copy {padding:140px 33px 48px} .magazine-lead-deck {font-size:16px} .magazine-agenda-list {grid-template-columns:repeat(3,minmax(0,1fr))} .agenda-story {display:block} .agenda-story h2 {font-size:25px} .edition-contents {grid-template-columns:1.2fr repeat(4,minmax(0,1fr))} .edition-contents>div,.edition-contents>a {padding:19px 14px} .edition-contents>div {padding-left:0} .edition-contents>a>span {font-size:19px} .edition-contents>div>a {font-size:21px} .issue-report {grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px;padding:40px 0} .issue-report-cover {padding:15px} .edition-cover {padding:17px;aspect-ratio:3/4.6} .edition-cover-mast {font-size:24px} .edition-cover-date {font-size:7px} .edition-cover-lines>p {font-size:46px} .edition-cover-lines>span {font-size:7px} .edition-cover-deck {font-size:9px} .edition-cover-foot {font-size:6px} .issue-report h2 {font-size:55px} .report-deck {font-size:22px} .report-introduction {font-size:13px} .report-related {grid-template-columns:1fr;gap:16px} .report-related article {flex-direction:row;align-items:baseline;gap:16px} .report-related article>div {min-width:0} .report-related h3 {font-size:23px;margin-top:3px} .edition-opening {gap:40px;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);padding-top:40px;align-items:start} .edition-opening-copy h1 {font-size:66px} .edition-deck {font-size:24px} .edition-department {gap:40px} .report-reading-grid {grid-template-columns:repeat(2,minmax(0,1fr))} .topic-intro {grid-template-columns:minmax(0,1fr) 180px;gap:30px} .topic-intro>figure {width:180px} .media-audience {gap:35px} } @media(max-width:650px) { .site-header .mast-actions {gap:8px} .edition-department-intro {position:static} .footer-wordmark-name {flex-direction:column;align-items:flex-start;gap:0} .nl-teaser .nl-teaser-action {gap:19px;width:100%} .nl-teaser .nl-teaser-action>.button {width:100%;min-width:0} .nl-teaser .nl-teaser-copy h2 {font-size:40px} .event-home-heading {flex-direction:column;gap:19px;padding:24px 0 28px} .event-home-heading h2 {font-size:36px;margin-bottom:13px} .event-calendar-link {min-height:44px;font-size:12px;gap:24px} .search-page-form .archive-search {gap:4px;padding:5px;min-height:60px} .search-page-form .archive-search input {font-size:16px;padding:11px 9px} .search-page-form .archive-search button {min-width:92px;font-size:13px;gap:9px;padding:11px 12px} .site-header .masthead {padding:20px 0;gap:12px} .site-header .masthead .brand-name {font-size:clamp(29px,7.2vw,44px)} .site-header .masthead .brand-the {font-size:7px;letter-spacing:.18em} .site-header .mast-actions {gap:0} .site-header .masthead .mast-briefing {display:none} .site-header .menu-toggle {font-size:11px;gap:6px;min-height:42px;padding:8px 10px} .site-header .utility {font-size:9px;gap:10px;min-height:43px;padding:4px 0} .site-header .utility-right {display:flex;gap:14px} .site-header .utility-right a:last-child {display:none} .site-header .utility-right a:nth-child(3) {display:none} .site-header .edition-bar {gap:10px;min-height:39px} .edition-bar p {font-size:8px;max-width:22ch;line-height:1.5} .edition-links {font-size:10px;gap:14px} .edition-links>a:last-child {display:none} .compact-header .brand-name {font-size:23px} .compact-header .brand-seal {display:none} .compact-actions {gap:10px} .compact-edition {font-size:10px;gap:5px} .compact-actions .mast-briefing {display:none} .magazine-topline {gap:8px 12px;align-items:center} .magazine-topline>.eyebrow {font-size:9px;max-width:23ch} .magazine-topline>p {order:3;font-size:21px;flex-basis:100%;margin-top:2px} .magazine-topline>a {font-size:11px;gap:8px} .magazine-lead {min-height:510px} .magazine-lead-copy {padding:130px 23px 49px} .magazine-lead h1 {font-size:43px;line-height:1.05;max-width:none} .magazine-lead-deck {font-size:14px;line-height:1.7} .magazine-lead-eyebrow {font-size:10px;gap:9px} .magazine-lead-eyebrow>span {font-size:9px} .magazine-lead-meta {font-size:10px} .magazine-lead-credit {font-size:8px} .magazine-agenda-list {grid-template-columns:1fr} .agenda-story {display:grid;grid-template-columns:82px minmax(0,1fr);gap:0 16px} .agenda-story h2 {font-size:26px;line-height:1.13} .agenda-beat,.agenda-meta {font-size:10px} .edition-contents {grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px} .edition-contents>div {grid-column:1/-1;border:0;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;padding:16px 0} .edition-contents>div>a {font-size:22px;margin:0;gap:15px} .edition-contents>a {flex-direction:row;justify-content:flex-start;align-items:baseline;gap:14px;padding:16px 12px;border-bottom:1px solid var(--rule);min-height:59px} .edition-contents>a:nth-child(odd) {border-right:0} .edition-contents>a:nth-child(even) {padding-left:0} .edition-contents>a>span {font-size:22px} .page-home>.industry-section {margin-top:28px} .section-heading h2 {font-size:32px} .issue-section-heading h2 {gap:12px} .issue-section-heading h2>span {font-size:10px} .section-heading>a {font-size:10px;max-width:115px} .story-card h3 {font-size:33px} .industry-reads .result-row h2 {font-size:28px} .compact-story h3 {font-size:27px} .warehouse-feature h3 {font-size:35px} .region-story h4 {font-size:28px} .issue-report {grid-template-columns:1fr;gap:31px;padding:32px 0;margin-top:20px} .issue-report-cover {max-width:430px;width:100%;padding:22px;margin:auto} .edition-cover {padding:22px;aspect-ratio:3/4} .edition-cover-mast {font-size:32px} .edition-cover-date {font-size:8px} .edition-cover-lines>p {font-size:clamp(55px,14vw,74px)} .edition-cover-lines>span {font-size:8px} .edition-cover-deck {font-size:11px} .edition-cover-foot {font-size:7px} .issue-report-copy {padding-top:0} .issue-report h2 {font-size:61px;margin-top:18px} .report-deck {font-size:25px} .report-introduction {font-size:14px} .report-related {grid-template-columns:1fr;gap:0;margin-top:26px;padding-top:0} .report-related article {padding:18px 0;border-bottom:1px solid var(--rule);gap:19px} .report-related h3 {font-size:27px} .report-related small {font-size:10px} .event-home-intro>p {font-size:31px} .event-home-grid .event-card h3 {font-size:30px} .post-shell .article-head h1 {font-size:43px;letter-spacing:-.04em} .post-shell .article-head .standfirst {font-size:20px;line-height:1.6} .post-shell .article-body {font-size:20px;line-height:1.75} .post-shell .article-body h2 {font-size:31px} .business-read dl {grid-template-columns:1fr;gap:20px;margin-top:17px} .business-read dd {font-size:14px} .topic-intro {display:block;padding:27px 0;margin-top:20px} .topic-intro>figure {display:none} .topic-intro h1 {font-size:43px} .topic-intro>div>p:not(.draft-scope) {font-size:15px;line-height:1.7} .category-copy h2 {font-size:33px} .category-copy>p {font-size:15px} .edition-opening {grid-template-columns:1fr;gap:32px;padding-top:30px} .edition-opening-copy {grid-row:1} .edition-opening-copy h1 {font-size:73px} .edition-opening-cover {max-width:400px;width:calc(100% - 12px);margin:auto} .edition-deck {font-size:25px} .edition-department {grid-template-columns:1fr;gap:28px;padding:30px 0} .edition-department>div:first-child>h2 {font-size:35px} .edition-department article h3 {font-size:29px} .report-body .report-opening {font-size:26px} .report-reading-grid {grid-template-columns:1fr;gap:27px} .report-reading-grid h3 {font-size:31px} .media-opening {padding:35px 0} .media-opening h1 {font-size:50px} .media-opening .standfirst {font-size:22px} .media-audience {grid-template-columns:1fr;gap:25px;padding:30px 0} .media-audience h2,.media-principles h2 {font-size:38px} .media-format-grid {grid-template-columns:1fr;gap:33px} .media-format-grid h3 {font-size:32px} .media-enquiry {display:block;padding:25px;margin-bottom:35px} .media-enquiry h2 {font-size:35px} .media-enquiry .button {margin-top:25px} .news-briefing-grid {grid-template-columns:1fr;gap:30px} .news-brief-card h3 {font-size:33px} .news-brief-top {gap:13px;flex-wrap:wrap} .news-brief-top>span {font-size:9px} .news-brief-card>p {font-size:15px} .post-shell .article-body .shipment-question>p {font-size:24px} } @media(max-width:370px) { .site-header .masthead .brand-name {font-size:28px} .site-header .menu-toggle {padding:8px} .site-header .menu-toggle>span {display:none} .magazine-lead h1 {font-size:39px} .magazine-lead-copy {padding-inline:20px} .magazine-lead {min-height:540px} .compact-search {display:none} .edition-cover-mast {font-size:27px} .edition-cover {padding:18px} .edition-cover-lines>p {font-size:53px} .edition-cover-deck {font-size:10px} .edition-contents>a>span {font-size:20px} .issue-report h2 {font-size:55px} } @media print { .footer-logo-base {visibility:visible!important} .footer-logo-shuffle {display:none!important} .edition-department-intro {position:static} .site-header .brand-name,.site-header .brand-name::after {animation:none!important} .site-header .brand-name::after {display:none} .edition-contents,.report-rail,.media-diagram,.article-edition-link {display:none} .edition-opening,.edition-department,.issue-report,.media-audience,.report-reading-grid {display:block} .edition-cover {max-width:320px;break-inside:avoid;print-color-adjust:exact} .edition-opening-copy h1,.issue-report h2 {font-size:36pt} .post-shell .article-body {font-size:12pt;line-height:1.6} .post-shell .article-head h1 {font-size:32pt} .business-read {break-inside:avoid} .report-body section,.edition-department article {break-inside:avoid} .handover-table-scroll {overflow:visible} .handover-table table {min-width:0} } @media(prefers-reduced-motion:reduce) { .footer-logo-word>.footer-logo-base {visibility:visible!important} .footer-logo-word>.footer-logo-shuffle {display:none!important} } /* Editorial image presentation: photographs have their own space, stable proportions and adjacent credits. Text never obscures an operating scene. */ .photo-wrap {border-radius:0;background:var(--wash)} .photo-wrap img {object-fit:cover;object-position:50% 50%;filter:none;transition:none} .motion-enabled .magazine-lead-photo img, .motion-enabled .magazine-hero.motion-active .magazine-lead-photo img, .category-story:hover .category-photo img, a:hover>.photo-wrap img {animation:none;transform:none} .image-credit {text-align:left;padding-top:9px;font-size:10px;line-height:1.6} .story-figure,.result-figure,.agenda-figure {margin:0;min-width:0} .story-figure>a,.result-figure>a,.magazine-lead-image-link {display:block} .story-figure {margin-bottom:21px} .story-card .card-photo {margin:0;aspect-ratio:3/2} .story-card .story-figure .image-credit {padding-top:9px} .story-card .eyebrow {margin-top:0} .industry-grid>.story-card .card-photo {aspect-ratio:3/2} .warehouse-feature {padding:0;background:transparent;border-radius:0} .warehouse-feature .photo-wrap {aspect-ratio:3/2;border-radius:0} .warehouse-feature>div {padding-top:24px} .result-row .result-photo {aspect-ratio:4/3;border-radius:0} .result-row .result-figure .image-credit {margin-top:0;font-size:9px;line-height:1.55;padding-top:8px} .industry-reads {background:transparent;gap:0} .industry-reads .result-row, .industry-reads .result-row:first-child, .industry-reads .result-row:last-child {display:grid;grid-template-columns:minmax(110px,32%) minmax(0,1fr);gap:22px;background:transparent;padding:24px 0;border-bottom:1px solid var(--rule);margin:0;align-items:start} .industry-reads .result-row:first-child {padding-top:0} .industry-reads .result-row:last-child {border-bottom:0;padding-bottom:0} .industry-reads .result-photo {aspect-ratio:4/3} .industry-reads .result-row h2 {font-size:26px;line-height:1.18;margin-top:8px} .industry-reads .image-credit {display:block} .category-photo {aspect-ratio:3/2;border-radius:0} .category-story .image-credit {font-size:10px;line-height:1.6;padding-top:9px} .category-story-grid {row-gap:40px} .topic-intro {grid-template-columns:minmax(0,1fr) minmax(240px,32%)} .topic-intro>figure {width:100%;min-width:0} .topic-intro>figure .photo-wrap {aspect-ratio:3/2} .post-shell .article-image .photo-wrap {aspect-ratio:3/2;border-radius:0} .post-shell .article-image .image-credit {font-size:11px;line-height:1.6;padding-top:11px} .report-shell .article-image img {height:auto;aspect-ratio:3/2;object-fit:cover} /* The cover photograph and the headline now occupy separate editorial rows. */ .magazine-opening {align-items:start} .magazine-lead {display:flex;flex-direction:column;align-items:stretch;min-height:0;background:transparent;color:var(--ink);overflow:visible;isolation:auto;border-radius:0} .magazine-lead::after {display:none} .magazine-lead-visual {position:static;inset:auto;flex:none;width:100%} .magazine-lead-photo {height:auto;aspect-ratio:16/9} .magazine-lead-photo img {object-position:42% 38%} .magazine-lead-credit {position:static;inset:auto;color:var(--muted);text-align:left;padding-top:9px;font-size:10px;line-height:1.6} .magazine-lead-credit a:hover {color:var(--oxide)} .magazine-lead-copy {padding:22px 0 0;width:100%} .magazine-lead-eyebrow {font-size:10px;gap:12px} .magazine-lead-eyebrow>span {background:transparent;padding:0;color:var(--oxide);letter-spacing:.09em} .magazine-lead-eyebrow>a {color:var(--muted)} .magazine-lead h1 {font-size:clamp(36px,3.25vw,49px);max-width:26ch;line-height:1.08;margin:15px 0 16px} .magazine-lead h1 a,.magazine-lead h1 a:hover {color:var(--ink)} .magazine-lead-deck {color:var(--muted);font-size:15px;line-height:1.7;max-width:65ch;display:block;overflow:visible} .magazine-lead-bottom {margin-top:19px;gap:10px 22px} .magazine-read {color:var(--ink);font-size:12px} .magazine-read:hover {color:var(--oxide)} .magazine-lead-meta {color:var(--muted);font-size:10px} .magazine-agenda-list {grid-template-rows:none} .agenda-story {grid-template-columns:minmax(100px,36%) minmax(0,1fr);gap:18px;padding:23px 0;align-content:start} .agenda-thumb {margin:0} .agenda-photo {aspect-ratio:4/3;border-radius:0} .agenda-credit {grid-column:auto;padding-top:8px;font-size:9px;line-height:1.55;overflow-wrap:anywhere} .agenda-story h2 {font-size:25px;line-height:1.16;margin:8px 0 10px} /* Ad photography remains visible in a dedicated panel at every placement. */ .partner-creative {border-radius:0;min-height:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)} .partner-art {min-height:0;aspect-ratio:3/2;background-position:center;background-size:cover} .partner-copy {padding:30px;min-width:0} .partner-ad--strip .partner-creative {min-height:0;border-radius:0} .partner-ad--strip .partner-art {min-height:0;aspect-ratio:16/10;background-position:center} .partner-ad--sidebar .partner-art,.partner-ad--rail .partner-art {aspect-ratio:3/2;background-position:center} .partner-ad--inset .partner-creative {position:static;display:flex;flex-direction:column;min-height:0;isolation:auto;border-radius:0} .partner-ad--inset .partner-art {position:static;inset:auto;order:-1;aspect-ratio:16/9;width:100%;min-height:0;background-position:40% 45%} .partner-ad--inset .partner-art::after {display:none} .partner-ad--inset .partner-copy {position:static;width:100%;max-width:none;padding:22px 25px} .partner-ad--inset .partner-title {font-size:29px;max-width:22ch;margin:11px 0} .partner-ad--inset .partner-description {max-width:none} .partner-ad--inset .partner-cta {margin-top:15px} .partner-ad-label {line-height:1.6;gap:8px 20px;flex-wrap:wrap} @media(max-width:1100px) { .magazine-opening {grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:28px} .agenda-story {grid-template-columns:100px minmax(0,1fr);gap:16px} .agenda-story h2 {font-size:23px} .industry-reads .result-row h2 {font-size:24px} } @media(max-width:950px) { .magazine-opening {grid-template-columns:1fr;gap:34px} .magazine-lead h1 {font-size:clamp(36px,5.3vw,48px);max-width:27ch} .magazine-agenda-list {grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} .agenda-story {display:flex;flex-direction:column;gap:15px;padding:0;border:0} .agenda-photo {aspect-ratio:3/2} .agenda-story h2 {font-size:24px} .agenda-beat,.agenda-meta {font-size:10px} .industry-reads .result-row,.industry-reads .result-row:first-child,.industry-reads .result-row:last-child {grid-template-columns:minmax(90px,30%) minmax(0,1fr);gap:18px} .topic-intro {grid-template-columns:minmax(0,1fr) minmax(210px,30%);gap:28px} .post-sidebar .partner-creative {display:flex;max-width:480px} .post-sidebar .partner-art {order:-1;min-height:0;aspect-ratio:3/2;background-position:center} } @media(max-width:650px) { .magazine-lead-photo {aspect-ratio:3/2} .magazine-lead-copy {padding:20px 0 0} .magazine-lead h1 {font-size:36px;line-height:1.09;margin:14px 0 16px;max-width:none} .magazine-lead-deck {font-size:14px;line-height:1.75} .magazine-lead-bottom {flex-direction:column;align-items:flex-start;gap:9px;margin-top:16px} .magazine-lead-credit {font-size:9px} .magazine-agenda-list {grid-template-columns:1fr;gap:0} .agenda-story {display:grid;grid-template-columns:116px minmax(0,1fr);gap:19px;padding:22px 0;border-top:1px solid var(--rule)} .agenda-story h2 {font-size:23px} .agenda-photo {aspect-ratio:4/3} .agenda-credit {font-size:8px} .industry-reads .result-row,.industry-reads .result-row:first-child,.industry-reads .result-row:last-child {grid-template-columns:112px minmax(0,1fr);gap:19px;padding:24px 0} .industry-reads .result-row h2 {font-size:25px} .industry-reads .result-row .image-credit {font-size:8px} .result-row:not(.text-only) {grid-template-columns:112px minmax(0,1fr);gap:20px} .topic-intro {grid-template-columns:1fr} .topic-intro>figure {display:block;width:100%;margin-top:8px} .category-story-grid {row-gap:32px} .image-credit,.category-story .image-credit {font-size:9px} .partner-creative,.partner-ad--strip .partner-creative {display:flex;flex-direction:column} .partner-art,.partner-ad--strip .partner-art {order:-1;width:100%;min-height:0;aspect-ratio:3/2;background-position:center} .partner-copy,.partner-ad--strip .partner-copy {padding:25px} } @media(max-width:390px) { .magazine-lead h1 {font-size:33px} .agenda-story {grid-template-columns:94px minmax(0,1fr);gap:16px} .agenda-story h2 {font-size:21px} .industry-reads .result-row,.industry-reads .result-row:first-child,.industry-reads .result-row:last-child {grid-template-columns:94px minmax(0,1fr);gap:16px} .result-row:not(.text-only) {grid-template-columns:94px minmax(0,1fr);gap:16px} } @media print { .magazine-lead h1 {font-size:30px} .magazine-lead-photo {aspect-ratio:3/2} } /* Homepage art direction. All rules are scoped to the front page; image credits, article URLs and the shared inner-page layouts are preserved. */ .page-home {--front-gutter:max(var(--page-gutter),calc((100% - var(--max))/2 + var(--page-gutter)))} .page-home>.section {margin:0;padding-block:54px 58px;border-bottom:1px solid var(--rule)} .page-home .section-heading {margin-bottom:30px} .page-home .section-heading h2 {font-size:clamp(34px,3.4vw,48px);line-height:1.08} .page-home .issue-section-heading h2>span {font-family:var(--sans);font-size:11px;color:var(--oxide)} .page-home .magazine-hero {border-bottom:0} .page-home .magazine-topline {border-bottom:1px solid var(--rule);padding-bottom:15px;margin-bottom:24px} .page-home .magazine-topline>p {font-size:20px} .cover-switcher {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px} .cover-switcher>span {font:500 10px/1.5 var(--sans);letter-spacing:.13em;color:var(--oxide)} .cover-switcher>div {display:flex;align-items:center;gap:6px;flex-wrap:wrap} .cover-switcher button {display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 15px;border:1px solid transparent;border-radius:999px;font-size:12px;line-height:1.4;color:var(--muted)} .cover-switcher button:hover {border-color:var(--rule);color:var(--ink)} .cover-switcher button[aria-pressed="true"] {background:var(--ink);border-color:var(--ink);color:var(--white)} .cover-status {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .page-home .magazine-opening {display:block} .page-home .magazine-lead {display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,4vw,64px);min-height:0} .page-home .magazine-lead-copy {padding:8px 0 16px} .page-home .magazine-lead-eyebrow {gap:10px 16px;font-size:11px} .page-home .magazine-lead-eyebrow>span {display:inline-flex;align-items:center;gap:8px} .page-home .magazine-lead-eyebrow>span::before {content:"";width:6px;height:6px;border-radius:50%;background:var(--oxide)} .page-home .magazine-lead h1 {font-size:clamp(43px,4.2vw,64px);line-height:1.02;letter-spacing:-.045em;max-width:20ch;margin:22px 0 23px} .page-home .magazine-lead-deck {font-size:16px;line-height:1.7;max-width:47ch} .page-home .magazine-lead-bottom {margin-top:23px;align-items:flex-start;flex-direction:column;gap:13px} .page-home .magazine-read {gap:20px;min-height:44px;font-size:12px} .page-home .magazine-read>span {width:39px;height:39px} .page-home .magazine-lead-photo {aspect-ratio:3/2} .page-home .magazine-lead-visual {min-width:0} .page-home .magazine-lead-credit {padding-top:11px;font-size:10px} .page-home .magazine-agenda {margin-top:35px;border-top:1px solid var(--ink)} .page-home .magazine-agenda-heading {border:0;padding:18px 0 20px} .page-home .magazine-agenda-heading>div {display:flex;align-items:baseline;gap:18px} .page-home .magazine-agenda-heading .eyebrow {font-size:9px} .page-home .magazine-agenda-heading h2 {font-size:28px;margin:0} .page-home .magazine-agenda-heading>a {width:34px;min-height:34px;min-width:34px} .page-home .magazine-agenda-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;grid-template-rows:auto} .page-home .agenda-story {display:grid;grid-template-columns:108px minmax(0,1fr);gap:18px;padding:0;border:0;align-content:start} .page-home .agenda-story+.agenda-story {border-left:1px solid var(--rule);padding-left:25px} .page-home .agenda-story h2 {font-size:25px;line-height:1.16;margin:7px 0 10px} .page-home .agenda-photo {aspect-ratio:4/3} .page-home .agenda-beat {font-size:10px} .page-home .agenda-meta {font-size:10px} .page-home .agenda-credit {font-size:8px;line-height:1.5} .page-home .edition-contents {background:var(--ink);color:var(--white);border:0;margin-top:34px;grid-template-columns:1.18fr repeat(4,minmax(0,1fr))} .page-home .edition-contents>div,.page-home .edition-contents>a {padding:23px;border-color:#3b536a} .page-home .edition-contents .eyebrow {color:var(--light-muted)} .page-home .edition-contents>div>a {font-size:25px;gap:15px} .page-home .edition-contents small {color:var(--signal);font-size:10px} .page-home .edition-contents>a>span {font-size:24px} .page-home .edition-contents a:hover {color:var(--signal)} /* The briefing is a compact newspaper strip, followed by a visual reading spread. */ .page-home>.news-briefing {display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,2fr);gap:18px 48px;padding-block:45px;border-bottom:1px solid var(--ink)} .page-home .news-briefing>.section-heading {display:block;grid-row:1/3;margin:0} .page-home .news-briefing .section-heading h2 {display:block;max-width:9ch;font-size:43px;margin:0 0 20px} .page-home .news-briefing .section-heading h2>span {display:block;margin-bottom:14px} .page-home .news-briefing .section-heading>a {width:max-content;font-size:11px} .page-home .news-briefing-grid {gap:28px} .page-home .news-brief-card {padding:0 0 0 24px;border:0;border-left:1px solid var(--rule);background:transparent;min-width:0} .page-home .news-brief-card h3 {font-size:26px;line-height:1.18;margin:16px 0 13px} .page-home .news-brief-card p {font-size:13px;line-height:1.75} .page-home .news-brief-top {font-size:9px;gap:12px;flex-wrap:wrap} .page-home .news-brief-bottom {font-size:10px;gap:12px;padding-top:19px} .page-home .news-briefing>.issue-preview-note {grid-column:2;font-size:10px;margin:0;color:var(--muted)} .page-home>.industry-section {margin-top:0} .page-home .industry-grid {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:50px;align-items:start} .page-home .industry-grid>.story-card {padding:0;border:0} .page-home .industry-grid>.story-card h3 {font-size:clamp(32px,3.1vw,44px);line-height:1.09;margin-top:13px} .page-home .industry-grid>.story-card .card-photo {aspect-ratio:16/10} .page-home .industry-grid>.story-card .card-meta {padding-top:24px} .page-home .industry-reads .result-row {grid-template-columns:125px minmax(0,1fr);gap:23px;padding-block:23px} .page-home .industry-reads .result-row:first-child {padding-top:0} .page-home .industry-reads .result-row h2 {font-size:28px} .page-home>.partner-ad--billboard {margin:40px 0 50px} .page-home .partner-ad--billboard .partner-creative {grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr)} .page-home .partner-ad--billboard .partner-title {font-size:34px;max-width:24ch} .page-home .partner-ad--billboard .partner-art {aspect-ratio:16/10} /* A full-width special-report feature gives the issue a visible centrepiece. */ .page-home>.issue-report {grid-column:full-start/full-end;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.2fr);gap:clamp(40px,7vw,105px);align-items:center;background:var(--ink);color:var(--white);padding:65px var(--front-gutter);margin:0;border:0;isolation:isolate} .page-home .issue-report-cover {width:100%;max-width:390px;justify-self:center;margin:0;padding:20px;background:#3b536a;transform:rotate(-3deg)} .page-home .issue-report-cover .edition-cover {box-shadow:0 14px 32px rgba(0,0,0,.14);border:1px solid #61798e;transition:transform .3s ease} .page-home .issue-report-copy {padding:0;min-width:0} .page-home .issue-report-copy>.eyebrow {color:var(--signal);font-size:10px;letter-spacing:.1em} .page-home .issue-report h2 {font-size:clamp(53px,6vw,82px);line-height:.98;max-width:14ch;margin:24px 0} .page-home .issue-report h2 em {color:var(--signal)} .page-home .issue-report .report-deck {font-size:22px;line-height:1.5;color:var(--white);max-width:44ch} .page-home .issue-report .report-introduction {font-size:14px;line-height:1.8;color:var(--light-muted);max-width:57ch;margin-top:16px} .page-home .report-read {color:var(--white);border-color:#61798e;font-size:12px;gap:22px;margin-top:17px} .page-home .report-read:hover {color:var(--signal)} .page-home .report-related {border-color:#3b536a;gap:23px;margin-top:27px;padding-top:22px} .page-home .report-related article>span {color:var(--signal);font-size:11px} .page-home .report-related small {color:var(--light-muted);font-size:9px} .page-home .report-related h3 {font-size:23px;line-height:1.18} .page-home .report-related h3 a:hover {color:var(--signal)} .page-home .issue-report .issue-preview-note {color:var(--light-muted);font-size:10px;margin-top:23px} .page-home #operations .split-section {grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:45px} .page-home .warehouse-feature h3 {font-size:clamp(33px,3.2vw,45px);line-height:1.1} .page-home .operations-reading>.compact-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 23px;padding:0;border:0} .page-home .compact-list>.compact-story {padding:0;border:0;min-width:0} .page-home .compact-list>.compact-story h3 {font-size:24px;line-height:1.18} .page-home .compact-list>.compact-story .eyebrow {font-size:9px} .page-home .compact-list>.compact-story .card-meta {font-size:9px;margin-top:12px} .page-home .partner-ad--inset .partner-description {display:none} .page-home .partner-ad--inset .partner-title {font-size:29px;max-width:23ch} .page-home .partner-ad--inset .partner-copy {padding:22px 25px} .page-home .partner-ad--inset .partner-art {aspect-ratio:16/8} .page-home .regions {gap:28px} .page-home .region {border:0;border-top:3px solid var(--ink);padding:25px;background:var(--wash)} .page-home .region:last-child {padding:25px;border-top:3px solid var(--ink)} .page-home .region-header {position:relative;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;gap:8px 15px;margin-bottom:25px} .page-home .region-index {font-size:11px;color:var(--oxide);position:absolute;right:0;top:0} .page-home .region-header h3 {font:400 clamp(42px,4.1vw,62px)/1 var(--editorial);letter-spacing:-.04em;text-transform:none;width:100%;margin:0} .page-home .region-header>span:last-child {font-size:9px;letter-spacing:.09em} .page-home .region-story {padding-top:20px;border-top:1px solid var(--rule);margin:0 0 23px} .page-home .region-story h4 {font-size:26px;line-height:1.17;margin-top:10px} .page-home .region-story .eyebrow {font-size:9px} .page-home .region>.text-link {font-size:11px} .page-home>.partner-ad--strip {margin:40px 0 50px} /* The decision tools are a distinctive cargo-orange department opener. */ .page-home>.desk-teaser {grid-column:full-start/full-end;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;background:var(--signal);color:var(--ink);margin:0;padding:58px var(--front-gutter);align-items:center} .page-home>.desk-teaser>div:first-child,.page-home>.desk-teaser>div:last-child {grid-column:auto;min-width:0;padding-inline:0} .page-home .desk-teaser .eyebrow {color:var(--ink);font-size:10px;letter-spacing:.1em} .page-home .desk-teaser h2 {font-family:var(--editorial);font-size:clamp(43px,4.5vw,64px);line-height:1.01;letter-spacing:-.045em;margin:22px 0} .page-home .desk-teaser p {font-size:16px;line-height:1.75;color:var(--ink);max-width:40ch;margin-bottom:19px} .page-home .desk-teaser .text-link {color:var(--ink);font-size:12px} .page-home .desk-teaser-links {display:grid;gap:16px;width:100%} .page-home .desk-teaser-links>a {display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:10px 20px;padding:27px;background:var(--white);border:0;color:var(--ink);transition:transform .2s ease} .page-home .desk-teaser-links>a:last-child {border:0} .page-home .desk-teaser-links>a>span:first-child {font:400 32px/1.12 var(--editorial);letter-spacing:-.025em} .page-home .desk-teaser-links>a>span:last-child {font-size:27px;color:var(--oxide)} .page-home .desk-teaser-links small {font-size:12px;color:var(--muted)} .page-home .desk-teaser-links>a:hover {transform:translateX(5px);color:var(--ink)} .page-home .editorial-desks.topic-grid {gap:0 35px} .page-home .editorial-desks .topic-tile {padding:28px 0;grid-template-columns:32px minmax(0,1fr) 31px;gap:17px;min-height:175px} .page-home .editorial-desks .topic-number {color:var(--oxide);font-size:12px} .page-home .editorial-desks .topic-name {font-size:29px;line-height:1.1} .page-home .editorial-desks .topic-focus {font-size:13px;line-height:1.7} .page-home .editorial-desks .topic-tile>.icon {padding:7px;width:31px;height:31px;border-radius:50%;background:var(--wash);transition:background-color .2s ease} .page-home .editorial-desks .topic-tile:hover>.icon {background:var(--signal)} .page-home .event-home-heading h2 {font-size:clamp(36px,4vw,52px);line-height:1.05} .page-home .event-home-grid {gap:25px} .page-home .event-home-grid .event-card {padding:27px;background:var(--white);border:1px solid var(--rule);border-top:3px solid var(--ink);border-radius:0;gap:22px} .page-home .event-home-grid .event-card>.event-date-tile.compact {background:var(--wash);border-radius:0;padding:12px 15px} .page-home .event-home-grid .event-date-tile.compact strong {font-family:var(--editorial);font-size:33px} .page-home .event-home-grid .event-card h3 {font-size:29px;line-height:1.15} .page-home .home-newsletter {background:var(--ink);color:var(--white);margin-top:0;border-top:1px solid #3b536a} .page-home .home-nl-inner {padding-block:64px;gap:80px} .page-home .home-nl-copy .eyebrow {color:var(--signal)} .page-home .home-nl-copy h2 {font-size:clamp(44px,4.6vw,64px);line-height:1.04;letter-spacing:-.045em} .page-home .home-nl-copy>p,.page-home .home-nl-copy li {color:var(--light-muted)} .page-home .home-nl-audience {color:var(--light-muted);border-color:#3b536a} .page-home .home-nl-card {color:var(--ink);border-radius:0;box-shadow:none;padding:32px} @media(prefers-reduced-motion:no-preference) { .page-home .magazine-lead-copy {animation:cover-copy-in .4s ease both} .cover-switcher button {transition:background-color .2s ease,color .2s ease,border-color .2s ease} @keyframes cover-copy-in {from {opacity:.2;transform:translateY(9px)}to {opacity:1;transform:none}} } @media(max-width:1200px) { .page-home .magazine-lead {gap:34px;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)} .page-home .magazine-lead h1 {font-size:49px} .page-home .magazine-lead-deck {font-size:15px} .page-home .magazine-agenda-list {gap:20px} .page-home .agenda-story {grid-template-columns:90px minmax(0,1fr);gap:14px} .page-home .agenda-story+.agenda-story {padding-left:18px} .page-home .agenda-story h2 {font-size:23px} .page-home .industry-grid {gap:35px} .page-home .industry-reads .result-row {grid-template-columns:106px minmax(0,1fr);gap:20px} .page-home .industry-reads .result-row h2 {font-size:25px} .page-home>.issue-report {gap:50px} .page-home .report-related {grid-template-columns:1fr;gap:15px} .page-home .report-related article {flex-direction:row;align-items:baseline;gap:15px} .page-home .report-related h3 {font-size:24px;margin-top:5px} .page-home .region {padding:22px} .page-home .region:last-child {padding:22px} .page-home .region-story h4 {font-size:24px} } @media(max-width:950px) { .page-home .magazine-lead {grid-template-columns:1fr;gap:26px;align-items:start} .page-home .magazine-lead h1 {font-size:43px;line-height:1.04;margin-block:17px} .page-home .magazine-lead-photo {aspect-ratio:16/9} .page-home .magazine-lead-photo img {object-position:42% 38%} .page-home .magazine-lead-deck {font-size:14px} .page-home .magazine-agenda-list {gap:22px} .page-home .agenda-story {display:flex;flex-direction:column;gap:14px} .page-home .agenda-story+.agenda-story {padding-left:0;border-left:0} .page-home .agenda-photo {aspect-ratio:3/2} .page-home .agenda-story h2 {font-size:25px} .page-home .edition-contents {grid-template-columns:repeat(4,minmax(0,1fr))} .page-home .edition-contents>div {grid-column:1/-1;border-bottom:1px solid #3b536a;display:flex;align-items:center;justify-content:space-between;gap:20px} .page-home .edition-contents>div>a {margin:0;font-size:25px} .page-home>.news-briefing {grid-template-columns:1fr;gap:25px;padding-block:38px} .page-home .news-briefing>.section-heading {display:flex;grid-row:auto;gap:25px;align-items:flex-end;justify-content:space-between} .page-home .news-briefing .section-heading h2 {max-width:none;font-size:38px;margin:0} .page-home .news-briefing .section-heading h2>span {margin-bottom:10px} .page-home .news-briefing>.issue-preview-note {grid-column:auto} .page-home .news-brief-card {border-left:0;border-top:1px solid var(--rule);padding:20px 0 0} .page-home .industry-grid {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:29px} .page-home .industry-reads .result-row {grid-template-columns:90px minmax(0,1fr);gap:16px} .page-home .industry-reads .result-row h2 {font-size:24px} .page-home>.issue-report {grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding-block:48px;gap:33px} .page-home .issue-report-cover {padding:14px;transform:rotate(-2deg)} .page-home .issue-report h2 {font-size:55px} .page-home .issue-report .report-deck {font-size:20px} .page-home .issue-report .report-introduction {font-size:13px} .page-home #operations .split-section {grid-template-columns:1fr;gap:35px} .page-home .operations-reading {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px} .page-home .operations-reading>.compact-list {grid-template-columns:1fr} .page-home .regions {gap:20px} .page-home .region-header h3 {font-size:43px} .page-home .region-story h4 {font-size:23px} .page-home>.desk-teaser {gap:35px;padding-block:45px} .page-home .desk-teaser h2 {font-size:44px} .page-home .desk-teaser-links>a {padding:23px} .page-home .desk-teaser-links>a>span:first-child {font-size:28px} .page-home .event-home-grid {gap:20px} .page-home .event-home-grid .event-card {padding:23px} .page-home .event-home-grid .event-card h3 {font-size:26px} .page-home .home-nl-inner {gap:40px;padding-block:48px} .page-home .home-nl-card {padding:25px} } @media(max-width:650px) { .page-home>.section {padding-block:37px 41px} .page-home .magazine-topline {margin-bottom:18px} .page-home .magazine-topline>p {font-size:18px} .cover-switcher {display:block;margin-bottom:23px} .cover-switcher>span {display:block;font-size:9px;margin-bottom:11px} .cover-switcher>div {gap:5px} .cover-switcher button {font-size:11px;min-height:38px;padding:8px 12px;border-color:var(--rule)} .page-home .magazine-lead {grid-template-columns:1fr;gap:23px} .page-home .magazine-lead-copy {padding:0} .page-home .magazine-lead h1 {font-size:clamp(38px,10vw,49px);line-height:1.03;max-width:21ch;margin:18px 0} .page-home .magazine-lead-deck {font-size:15px;line-height:1.75} .page-home .magazine-lead-bottom {margin-top:17px} .page-home .magazine-lead-visual {grid-row:auto} .page-home .magazine-lead-photo {aspect-ratio:3/2} .page-home .magazine-agenda {margin-top:26px} .page-home .magazine-agenda-heading>div {display:block} .page-home .magazine-agenda-heading .eyebrow {font-size:8px} .page-home .magazine-agenda-heading h2 {font-size:28px;margin-top:7px} .page-home .magazine-agenda-list {grid-template-columns:1fr;gap:0} .page-home .agenda-story,.page-home .agenda-story+.agenda-story {display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;padding:21px 0;border:0;border-top:1px solid var(--rule)} .page-home .agenda-story h2 {font-size:25px} .page-home .agenda-photo {aspect-ratio:4/3} .page-home .edition-contents {grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px} .page-home .edition-contents>div,.page-home .edition-contents>a {padding:20px} .page-home .edition-contents>div {display:block} .page-home .edition-contents>div>a {margin-top:9px;justify-content:space-between} .page-home .edition-contents>a {border-top:1px solid #3b536a} .page-home .edition-contents>a>span {font-size:24px} .page-home .news-briefing .section-heading h2 {font-size:36px} .page-home .news-briefing-grid {grid-template-columns:1fr;gap:25px} .page-home .news-brief-card h3 {font-size:29px} .page-home .news-brief-card p {font-size:14px} .page-home .industry-grid {grid-template-columns:1fr;gap:32px} .page-home .industry-grid>.story-card h3 {font-size:36px} .page-home .industry-reads .result-row {grid-template-columns:112px minmax(0,1fr);gap:19px;padding-block:23px} .page-home .industry-reads .result-row h2 {font-size:26px} .page-home .partner-ad--billboard .partner-creative {display:flex} .page-home .partner-ad--billboard .partner-title {font-size:32px} .page-home>.partner-ad--billboard,.page-home>.partner-ad--strip {margin:30px 0 37px} .page-home>.issue-report {grid-template-columns:1fr;gap:35px;padding-block:42px} .page-home .issue-report-copy {grid-row:1} .page-home .issue-report h2 {font-size:clamp(53px,13vw,68px)} .page-home .issue-report-cover {max-width:330px;transform:rotate(-2deg);padding:15px} .page-home .report-related article {border-color:#3b536a} .page-home .report-related h3 {font-size:25px} .page-home .operations-reading {display:flex;gap:28px} .page-home .operations-reading>.compact-list {grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 22px} .page-home .compact-list>.compact-story h3 {font-size:23px} .page-home .regions {grid-template-columns:1fr;gap:23px} .page-home .region,.page-home .region:last-child {padding:26px} .page-home .region-header h3 {font-size:57px} .page-home .region-story h4 {font-size:27px} .page-home>.desk-teaser {grid-template-columns:1fr;gap:29px;padding-block:40px} .page-home>.desk-teaser>div:first-child,.page-home>.desk-teaser>div:last-child {grid-column:1/-1!important} .page-home .desk-teaser h2 {font-size:47px} .page-home .desk-teaser-links>a>span:first-child {font-size:30px} .page-home .editorial-desks.topic-grid {grid-template-columns:1fr} .page-home .editorial-desks .topic-tile {min-height:0;padding:24px 0} .page-home .event-home-grid {grid-template-columns:1fr} .page-home .event-home-grid .event-card {padding:27px} .page-home .event-home-grid .event-card h3 {font-size:29px;min-height:0} .page-home .home-nl-inner {gap:30px;padding-block:42px} .page-home .home-nl-copy h2 {font-size:49px} .page-home .home-nl-card {padding:25px} } @media(max-width:370px) { .cover-switcher button {font-size:10px;padding-inline:10px} .page-home .magazine-lead h1 {font-size:36px} .page-home .agenda-story,.page-home .agenda-story+.agenda-story {grid-template-columns:94px minmax(0,1fr);gap:16px} .page-home .agenda-story h2 {font-size:23px} .page-home .industry-reads .result-row {grid-template-columns:94px minmax(0,1fr);gap:16px} .page-home .operations-reading>.compact-list {grid-template-columns:1fr} } @media(prefers-reduced-motion:reduce) { .page-home .desk-teaser-links>a {transition:none} .page-home .desk-teaser-links>a:hover {transform:none} .page-home .issue-report-cover {transform:none} } @media print { .cover-switcher {display:none} .page-home>.issue-report,.page-home>.desk-teaser {display:block;padding:24px 0;background:white;color:var(--ink)} .page-home .issue-report-copy,.page-home .issue-report .report-deck,.page-home .issue-report .report-introduction {color:var(--ink)} .page-home .issue-report-cover {transform:none;max-width:260px} .page-home .magazine-lead h1 {font-size:32px} } /* Responsive alignment contract after the shared styles and homepage rules. These are layout repairs, not a replacement visual direction. */ .page-layout :is(section,article,aside,figure,form,fieldset,nav), .page-layout :is(.category-copy,.agenda-copy,.result-figure,.nl-step,.event-detail-copy,.desk-output-panel), .footer-navigation nav {min-inline-size:0} .page-layout :is(h1,h2,h3,h4),.footer-navigation a {overflow-wrap:break-word} .page-layout input,.page-layout select,.page-layout textarea {max-inline-size:100%;min-inline-size:0} .page-layout fieldset legend {max-inline-size:100%} .page-layout button,.page-layout .button {white-space:normal;overflow-wrap:break-word} .page-layout .desk-table-scroll,.page-layout .handover-table-scroll {min-width:0;max-width:100%;overscroll-behavior-x:contain} .desk-table-scroll:focus-visible,.handover-table-scroll:focus-visible {outline:2px solid var(--steel);outline-offset:4px} /* Existing content columns have no intrinsic minimum that can widen a page. */ .category-story-grid,.news-briefing-grid,.regions,.event-home-grid,.event-reading-grid, .media-format-grid,.nl-contact-fields,.nl-choice-grid,.desk-input-grid {min-width:0} .category-story-grid>*,.news-briefing-grid>*,.regions>*,.event-home-grid>*, .event-reading-grid>*,.media-format-grid>*,.nl-contact-fields>*,.desk-input-grid>* {min-width:0} .page-home>.section {margin-block:0} .page-home .section-heading,.event-home-heading,.result-toolbar,.event-directory-top, .desk-panel-title,.desk-quote-toolbar,.nl-form-actions,.desk-output-actions {min-width:0;flex-wrap:wrap} .section-heading>h2,.event-home-heading>div,.result-toolbar>p {min-width:0} .page-home .industry-reads .result-row {margin-block:0} /* Native dates need the full filter-column width, including their picker. */ .filter-date-range {grid-template-columns:minmax(0,1fr);gap:13px} .filter-date-range .field input {font-size:14px;padding:12px;min-height:48px} .filter-panel .clear-link {min-height:44px} .result-toolbar .lux-select {max-width:100%} .lux-select-trigger {min-height:46px} .lux-select-menu {max-width:100%;max-height:min(300px,55dvh);overscroll-behavior:contain} .lux-select-option {white-space:normal;overflow-wrap:break-word;min-height:44px} /* Sticky elements release into normal page scrolling when taller than the visible reading area. None of the article sidebars scroll internally. */ .post-sidebar {max-height:none;overflow:visible} .post-sidebar.is-tall {position:static} .post-share.is-tall,.nl-preview-panel.is-tall,.event-visit-card.is-tall, .edition-department-intro.is-tall,.filter-panel.is-tall {position:static} .compact-header>.compact-nav,.compact-header>.compact-nav>a {min-height:44px} .compact-menu {max-height:calc(100dvh - var(--header-offset,104px) - 16px);overflow-y:auto;overscroll-behavior:contain} .compact-menu a {min-width:0;overflow-wrap:break-word} .cover-switcher button,.event-status-tabs a {min-height:44px} .page-home .magazine-agenda-heading>a {min-height:44px;min-width:44px;width:44px} .site-header .mast-mobile-search,.site-header .menu-toggle,.compact-search,.compact-menu-toggle {min-width:44px;min-height:44px} /* Content and utility controls can wrap without pushing their neighbours. */ .nl-step-nav button {min-width:0;white-space:normal;line-height:1.45} .nl-preview-panel,.nl-form-panel,.nl-managed-profile,.home-nl-card {min-width:0} .nl-form-actions .button,.desk-output-actions .button {max-width:100%;min-height:48px} .event-date-range {font-variant-numeric:tabular-nums} .event-card h3,.event-visit-card dd,.event-booking-note,.event-calendar-feedback {overflow-wrap:break-word} .event-filter-actions .button {max-width:100%} .event-directory-list .event-card {align-items:start} .footer-wordmark-name {min-width:0} @media(max-width:1100px) { .desk-workspace {grid-template-columns:minmax(0,1fr);gap:30px} .desk-input-panel .desk-input-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px} .desk-input-panel fieldset .desk-input-grid {grid-template-columns:repeat(2,minmax(0,1fr))} .nl-workspace {grid-template-columns:minmax(0,1fr);gap:30px} .nl-preview-panel {position:static} .nl-form-panel,.nl-preview-panel {padding:28px} .home-nl-inner {gap:40px} } @media(max-width:950px) { .page-home .industry-grid {grid-template-columns:minmax(0,1fr);gap:32px} .page-home .industry-reads .result-row {grid-template-columns:128px minmax(0,1fr);gap:24px} .page-home .industry-reads .result-row h2 {font-size:28px} .page-home .home-nl-inner {grid-template-columns:minmax(0,1fr);gap:32px} .page-home .home-nl-card {width:100%;max-width:none} .site-header .primary-nav.is-open {grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px} .site-header .primary-nav.is-open>a {min-width:0;min-height:46px;white-space:normal} .event-filters {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .event-search-field {grid-column:1/-1} .event-filters .event-filter-actions {grid-column:1/-1;grid-row:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:18px} .filter-panel form {grid-template-columns:repeat(2,minmax(0,1fr))} .filter-date-range {grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1} :is(.filter-panel,.event-filters,.desk-input-panel,.desk-quote-card,.nl-form-panel,.nl-managed-profile,.form-demo) .field :is(input,select,textarea) {font-size:16px} .edition-opening {grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:32px} .edition-opening-copy h1 {font-size:clamp(48px,7.5vw,66px)} .edition-department {grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:32px} .page-home .magazine-lead h1 {max-width:25ch} } @media(max-width:700px) { .desk-input-panel .desk-input-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px} .edition-opening {grid-template-columns:minmax(0,1fr);gap:30px} .edition-opening-cover {width:min(100% - 12px,380px);margin-inline:auto} .edition-opening-copy h1 {font-size:clamp(50px,10.5vw,68px);max-width:100%} .edition-department {grid-template-columns:minmax(0,1fr);gap:25px} .edition-department-intro {position:static} .nl-step-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} .nl-step-nav button {flex-direction:column;justify-content:flex-start;align-items:center;gap:7px;min-height:78px;padding:10px 5px 14px;text-align:center;font-size:12px;white-space:normal} .nl-step-nav button span {width:26px;height:26px} .home-nl-frequency {gap:8px} .event-home-heading {flex-direction:column;align-items:flex-start;gap:20px} .event-calendar-link {max-width:100%;white-space:normal} .footer-partnership {flex-wrap:wrap} .footer-partnership>a {max-width:100%;white-space:normal} } @media(max-width:650px) { .page-home .industry-reads .result-row {grid-template-columns:112px minmax(0,1fr);gap:19px} .page-home .industry-reads .result-row h2 {font-size:26px} .event-directory-list .event-card {grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 20px} .event-directory-list .event-card>.event-date-tile.compact {display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:9px 12px;min-height:60px;width:max-content;max-width:100%;padding:12px 14px;text-align:left} .event-directory-list .event-date-tile.compact strong {font-size:25px;margin:0;gap:3px} .event-directory-list .event-date-tile.compact>span {font-size:10px;line-height:1.4} .event-directory-list .event-date-tile.compact small {font-size:10px;line-height:1.5;white-space:normal} .event-directory-list .event-card h3 {font-size:29px;line-height:1.16} .event-home-grid .event-card>.event-date-tile.compact {max-width:100%;flex-wrap:wrap} .event-home-grid .event-date-tile.compact small {white-space:normal} .category-copy h2 {font-size:30px;line-height:1.17} .section-heading {align-items:flex-start;flex-wrap:wrap;gap:15px 22px} .section-heading>a {max-width:100%;min-height:44px} .result-toolbar {align-items:flex-start;gap:14px;flex-wrap:wrap} .result-toolbar .lux-select {width:min(100%,200px);min-width:0} .post-share {display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:8px;justify-items:start} .post-share-label {grid-column:1/-1} .post-share button {width:44px;min-width:44px;min-height:44px;padding:0} .post-shell .article-head h1 {font-size:clamp(34px,8.8vw,43px);line-height:1.08} .post-shell .article-head .standfirst {font-size:19px;line-height:1.6} .post-shell .article-body {font-size:19px;line-height:1.75} .post-shell .article-body h2 {font-size:29px} .post-shell .article-image .image-credit {font-size:10px} .nl-form-panel,.nl-preview-panel {padding:23px} .nl-contact-fields {grid-template-columns:minmax(0,1fr);gap:0} .nl-form-actions {align-items:stretch;gap:14px} .nl-form-actions>.button {width:100%;justify-content:space-between} .desk-output-actions {align-items:stretch;gap:12px} .desk-output-actions>.button {flex:1 1 180px;justify-content:space-between} .event-visit-card .button {width:100%;margin-right:0} .page-layout :is(.image-credit,.magazine-lead-credit,.agenda-credit) {overflow-wrap:break-word} } @media(max-width:480px) { .compact-edition {display:none} .compact-actions .compact-search {display:grid;min-width:44px;min-height:44px} .filter-panel form,.filter-date-range {grid-template-columns:minmax(0,1fr)} .filter-panel .field,.filter-date-range {grid-column:1/-1} .filter-panel {padding:22px} .filter-date-range .field input {font-size:16px} .event-filters {grid-template-columns:minmax(0,1fr);padding:21px} .event-filters>.field,.event-filters .event-filter-actions {grid-column:1/-1} .desk-input-panel .desk-input-grid,.desk-input-panel fieldset .desk-input-grid {grid-template-columns:minmax(0,1fr);gap:0} .nl-form-panel,.nl-preview-panel {padding:20px} .nl-step-nav {gap:4px} .nl-step-nav button {font-size:11px;padding-inline:2px} .nl-choice-grid {grid-template-columns:minmax(0,1fr)} .home-nl-frequency {grid-template-columns:minmax(0,1fr);gap:8px} .home-nl-frequency label>span {min-height:44px;justify-content:flex-start;padding-inline:14px;font-size:12px} .page-home .home-nl-card {padding:23px} .footer-navigation {column-gap:24px} .footer-navigation nav,.footer-navigation nav:first-child {min-width:0} .footer-partnership {padding:22px} .footer-partnership>a {gap:15px} } @media(max-width:370px) { .page-home .industry-reads .result-row {grid-template-columns:94px minmax(0,1fr);gap:16px} .page-home .agenda-story,.page-home .agenda-story+.agenda-story {grid-template-columns:94px minmax(0,1fr);gap:16px} .site-header .masthead {gap:10px} .compact-header .brand-name {font-size:21px} .compact-actions {gap:7px} .compact-edition {font-size:10px;gap:4px} .event-directory-list .event-card {padding-inline:18px} .nl-step-nav button {font-size:11px} } /* Final type system: local editorial faces for reading, Plex for navigation and controls. Keep this after layout repairs so legacy sizes do not return. */ :root { --type-caption:.6875rem; --type-meta:.75rem; --type-label:.8125rem; --type-body:1rem; --type-card:clamp(1.5rem,2.2vw,1.75rem); --type-section:clamp(1.875rem,3vw,2.5rem); --type-title:clamp(2.25rem,4.6vw,3.75rem); } body {font-family:var(--sans);font-size:var(--type-body);line-height:1.65} button,input,select,textarea {font-family:var(--sans)} strong,b {font-weight:600} h1,h2,h3,h4 {letter-spacing:-.02em} /* Consistent editorial hierarchy across the cover, archives and articles. */ :is(.page-heading,.reading-page,.topics-intro,.topic-intro,.nl-heading,.media-opening,.event-single-hero) h1, .edition-opening-copy h1 { font-family:var(--editorial);font-weight:400;font-size:var(--type-title); line-height:1.1;letter-spacing:-.025em;text-wrap:balance; } .page-home .magazine-lead h1 { font-size:clamp(2.125rem,4.2vw,3.75rem);font-weight:400; line-height:1.1;letter-spacing:-.025em; } .page-home .magazine-lead-deck {font-size:1rem;line-height:1.7} .section-heading h2,.page-home .section-heading h2,.event-home-heading h2, .page-home .event-home-heading h2,.media-audience h2,.media-principles h2, .edition-department>div:first-child>h2 { font-family:var(--editorial);font-size:var(--type-section); font-weight:400;line-height:1.18;letter-spacing:-.02em; } .page-home .news-briefing .section-heading h2 {font-size:var(--type-section);line-height:1.18} .story-card h3,.category-copy h2,.result-row h2,.compact-story h3,.topic-links h3, .region-story h4,.news-brief-card h3,.event-card h3,.report-related h3, .report-reading-grid h3,.edition-department article h3,.media-format-grid h3 { font-family:var(--editorial);font-weight:600;font-size:var(--type-card); line-height:1.22;letter-spacing:-.015em; } .page-home .agenda-story h2,.page-home .compact-list>.compact-story h3, .page-home .region-story h4,.page-home .news-brief-card h3, .page-home .event-home-grid .event-card h3,.page-home .report-related h3, .page-home .industry-reads .result-row h2 { font-size:clamp(1.375rem,2vw,1.625rem);font-weight:600; line-height:1.24;letter-spacing:-.015em; } .page-home .industry-grid>.story-card h3,.page-home .warehouse-feature h3 { font-size:clamp(1.875rem,3vw,2.5rem);font-weight:400;line-height:1.17;letter-spacing:-.02em; } .page-home .issue-report h2,.page-home .desk-teaser h2,.page-home .home-nl-copy h2 { font-size:clamp(2.125rem,4vw,3.5rem);line-height:1.12;letter-spacing:-.025em; } .page-home .issue-report .report-deck {font-size:1.25rem;line-height:1.55} .page-home .desk-teaser-links>a>span:first-child { font-size:clamp(1.5rem,2.4vw,1.875rem);line-height:1.22;letter-spacing:-.015em; } .page-home .region-header h3 {font-size:clamp(2.25rem,3.5vw,3rem);line-height:1.12;letter-spacing:-.025em} .page-home .editorial-desks .topic-name {font-size:1.625rem;line-height:1.22;letter-spacing:-.015em} .story-card p,.category-copy>p,.news-brief-card>p,.page-home .news-brief-card p, .edition-department article p,.report-reading-grid p,.media-format-grid p, .page-home .issue-report .report-introduction {font-size:.9375rem;line-height:1.75} /* Long reads have a calmer measure of scale than promotional openers. */ .post-shell .article-head h1 { font-size:clamp(2.125rem,4.4vw,3.875rem);line-height:1.12;letter-spacing:-.025em; } .post-shell .article-head .standfirst { font-family:var(--sans);font-size:clamp(1.125rem,1.6vw,1.3125rem);line-height:1.65; } .post-shell .article-body {font-family:var(--editorial);font-size:1.25rem;line-height:1.8;letter-spacing:0} .post-shell .article-body h2 {font-family:var(--editorial);font-size:clamp(1.75rem,2.5vw,2.125rem);font-weight:600;line-height:1.25;letter-spacing:-.015em} .post-shell .article-body h3 {font-family:var(--editorial);font-size:1.5rem;font-weight:600;line-height:1.3;letter-spacing:-.01em} .post-shell .article-body .source-notes h2 {font-size:1.5rem;line-height:1.3} .post-shell .article-body .source-notes,.source-notes ol {font-family:var(--sans);font-size:.875rem;line-height:1.8} .reading-page p,.reading-page li,.event-detail-copy p {line-height:1.8} /* Metadata stays legible without competing with the story. */ .eyebrow,.page-home .eyebrow,.magazine-lead-eyebrow,.page-home .magazine-lead-eyebrow, .magazine-lead-eyebrow>span,.page-home .magazine-lead-eyebrow>span, .page-home .compact-list>.compact-story .eyebrow,.page-home .region-story .eyebrow, .event-card .eyebrow,.event-home-heading .eyebrow,.page-home .event-home-heading .eyebrow, .page-home .issue-report-copy>.eyebrow,.page-home .desk-teaser .eyebrow, .cover-switcher>span {font-size:var(--type-meta);font-weight:500;line-height:1.6;letter-spacing:.065em} .meta,.card-meta,.agenda-meta,.agenda-beat,.magazine-lead-meta, .page-home .compact-list>.compact-story .card-meta,.news-brief-top,.news-brief-top time, .news-brief-bottom,.page-home .news-brief-top,.page-home .news-brief-bottom, .page-home .report-related small,.page-home .region-header>span:last-child, .category-story-bottom,.breadcrumbs {font-size:var(--type-meta);line-height:1.6;letter-spacing:.015em} .image-credit,.result-row .result-figure .image-credit,.category-story .image-credit, .page-home .industry-reads .result-row .image-credit,.magazine-lead-credit, .page-home .magazine-lead-credit,.agenda-credit,.post-shell .article-image .image-credit { font-family:var(--sans);font-size:var(--type-caption);line-height:1.6;letter-spacing:0; } .draft-scope,.topic-intro .draft-scope,.filter-panel .draft-scope,.issue-preview-note, .page-home .news-briefing>.issue-preview-note,.page-home .issue-report .issue-preview-note, .home-nl-demo {font-size:var(--type-meta);line-height:1.7;letter-spacing:0} /* Plex distinguishes interactive interfaces from editorial reading. */ .filter-panel h2,.desk-panel-title h2,.nl-form-intro h2,.nl-preview-panel h2 { font-family:var(--sans);font-weight:500;line-height:1.3;letter-spacing:-.015em; } .filter-panel h2,.nl-form-intro h2,.nl-preview-panel h2 {font-size:1.5rem} .desk-panel-title h2 {font-size:1rem} .nl-email-preview h3 {font-family:var(--editorial);font-size:1.625rem;font-weight:600;line-height:1.25;letter-spacing:-.015em} .field,.field label,.filter-panel .field,.filter-panel .field label, .filter-date-range>span,.filter-date-range .field label {font-size:var(--type-label);line-height:1.6;letter-spacing:0} .nl-step-nav button,.home-nl-consent,.home-nl-preferences,.event-card .event-place, .event-date-tile.compact>span,.event-date-tile.compact small {font-size:var(--type-meta);line-height:1.6} .event-date-tile strong {font-weight:600;letter-spacing:-.02em} .nl-step-nav button {font-size:var(--type-meta)} .button,.filter-panel .button,.filter-panel .clear-link,.text-link,.section-heading>a, .page-home .section-heading>a,.page-home .magazine-read {font-family:var(--sans);font-size:.875rem;line-height:1.5;letter-spacing:0} /* Preserve the recognisable masthead with less compressed letter spacing. */ .site-header .masthead .brand-name { font-size:clamp(2.625rem,4.25vw,3.75rem);letter-spacing:-.04em;line-height:1.1; } .compact-header .brand-name {letter-spacing:-.035em;line-height:1.15} .site-header .primary-nav,.site-header .primary-nav>a,.compact-header>.compact-nav>a, .site-header .utility,.edition-bar p,.edition-links,.mast-side>span,.mast-side>a, .site-header .mast-briefing,.compact-edition {font-size:var(--type-meta);line-height:1.5;letter-spacing:.01em} .footer-editorial .footer-title>p:first-of-type {font-family:var(--editorial);font-size:clamp(2.125rem,3.4vw,3rem);line-height:1.15;letter-spacing:-.025em} .footer-editorial .footer-navigation h2,.footer-editorial .footer-title>.eyebrow, .footer-partnership .eyebrow,.footer-ribbon,.footer-ribbon nav>a,.footer-editorial .footer-bottom { font-size:var(--type-meta);line-height:1.65;letter-spacing:.035em; } .footer-navigation a,.footer-editorial .footer-title>.footer-introduction {font-size:.875rem;line-height:1.7} .footer-wordmark {font-family:var(--editorial);font-size:clamp(3.25rem,8.5vw,7.5rem);line-height:1.1;letter-spacing:-.035em} .footer-editorial .footer-partnership p {font-family:var(--editorial);font-size:1.625rem;line-height:1.25;letter-spacing:-.015em} /* Older component rules carry their own mobile sizes. Keep captions and utility text on the same scale even inside those more specific templates. */ .page-layout :is(.eyebrow,.meta,.card-meta),.page-home .magazine-agenda-heading .eyebrow, .page-home .agenda-beat,.page-home .agenda-meta,.page-home .edition-contents small, .page-home .magazine-lead-meta,.news-brief-top>span,.industry-reads .result-row .meta, .post-shell .article-head .eyebrow,.post-shell .article-head .meta,.post-shell .breadcrumbs, .draft-note,.post-share-label,.business-read-label,.source-notes small, .post-sidebar h2,.post-mobile-contents summary>span,.topic-intro p.draft-scope, .editorial-desks .topic-count,.result-toolbar,.pagination .page-info,.tag, .edition-department article>span,.edition-toc>.section-heading>span, .media-formats>.section-heading>span,.event-directory-top>p,.event-result-count, .event-home-grid .event-date-tile.compact>span,.event-home-grid .event-date-tile.compact small, .event-focus-tags span,.event-single-hero .event-date-tile>span, .event-single-hero .event-date-tile small,.event-visit-card dt, .nl-step-nav button span,.nl-summary-tags span,.nl-edition-preview h3, .nl-edition-preview small,.site-header .utility-right { font-size:var(--type-meta);line-height:1.6; } .story-card .image-credit,.industry-reads .image-credit,.page-home .agenda-credit, .partner-ad-label,.partner-ad-label>span:first-child,.partner-kicker, .partner-ad--sidebar .partner-ad-label,.partner-ad--rail .partner-ad-label, .partner-ad--rail .partner-kicker {font-size:var(--type-caption);line-height:1.6;letter-spacing:.02em} .partner-ad--rail .partner-cta,.partner-ad--sidebar .partner-cta, .event-card .text-link,.event-visit-card .button {font-size:.875rem;line-height:1.5;letter-spacing:0} .event-directory-list .event-date-range .event-date-to {font-size:var(--type-meta)} .result-toolbar label {font-size:var(--type-label)} .report-shell .article-image figcaption {font-size:var(--type-caption);line-height:1.6} .desk-metrics span,.desk-metrics small,.desk-lane>div:first-child, .desk-table thead th {font-size:var(--type-meta);line-height:1.6} .desk-text-button,.desk-output-actions .button {font-size:.875rem;line-height:1.5;letter-spacing:0} @media(min-width:951px) and (max-width:1199px) { .compact-header>.compact-nav {flex-wrap:wrap;justify-content:center;column-gap:20px;row-gap:0} } @media(max-width:950px) { .site-header .masthead .brand-name {font-size:clamp(2rem,5.5vw,2.875rem)} .page-home .magazine-lead h1 {max-width:25ch} .site-header .primary-nav.is-open>a {font-size:.875rem} } @media(max-width:650px) { .site-header .masthead .brand-name {font-size:clamp(1.5625rem,7vw,2.625rem)} .post-shell .article-body {font-size:1.1875rem;line-height:1.8} .page-home .industry-grid>.story-card h3,.page-home .warehouse-feature h3 {font-size:1.875rem} .page-home .issue-report .report-deck {font-size:1.125rem} .page-home .region-header>span:last-child {max-width:100%;padding-right:24px} .page-home .magazine-agenda-heading>div {flex-wrap:wrap} .event-home-grid .event-date-tile.compact,.event-directory-list .event-date-tile.compact {gap:6px 12px} .event-directory-list .event-date-tile.compact>span,.event-directory-list .event-date-tile.compact small {font-size:var(--type-meta)} } @media(max-width:480px) { .site-header .utility {flex-wrap:wrap} .site-header .utility-right {gap:12px;flex-wrap:wrap} .nl-step-nav button {font-size:var(--type-meta)} } @media print { .post-shell .article-head h1 {font-size:30pt} .post-shell .article-body {font-size:12pt;line-height:1.6} .edition-opening-copy h1,.page-home .issue-report h2 {font-size:32pt} }