.site-header nav .nav{display:flex;align-items:center;gap:27px;list-style:none;padding:0;margin:0}.site-header nav .nav li{margin:0;padding:0}.story-trigger{text-decoration:none;color:inherit}.pagination-wrap{display:flex;justify-content:center;margin-top:35px}.pagination{display:flex;gap:30px;align-items:center;font-size:12px}.filter-empty{text-align:center;color:var(--muted);padding:35px}.native-post{max-width:1120px;margin:auto;padding-block:65px}.native-post-header{max-width:820px;margin:0 auto 35px}.native-post h1{font-size:clamp(38px,5vw,70px);font-weight:450;line-height:1.05;letter-spacing:-.055em;text-transform:none;margin:24px 0}.post-deck{font-size:19px;line-height:1.65;color:var(--muted);margin-bottom:25px}.post-byline{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}.native-feature{margin:0 auto 38px;max-width:960px}.native-feature img{max-height:620px;object-fit:contain;width:100%;background:var(--panel)}.native-feature figcaption{color:var(--muted);font-size:11px;line-height:1.7;margin-top:10px}.gh-content{max-width:760px;margin-inline:auto;font-size:17px;line-height:1.85;overflow-wrap:break-word}.gh-content>*{margin-block:0 24px}.gh-content h2{font-size:33px;line-height:1.15;letter-spacing:-.045em;font-weight:500;text-transform:none;margin:40px 0 20px}.gh-content h3{font-size:26px;font-weight:500;line-height:1.2;text-transform:none;letter-spacing:-.03em;margin:35px 0 18px}.gh-content a{text-decoration:underline;text-underline-offset:3px}.gh-content figure{margin:30px auto}.gh-content img{height:auto;max-width:100%}.gh-content figcaption{font-size:12px;color:var(--muted);text-align:center}.gh-content table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.7;font-variant-numeric:tabular-nums}.gh-content th,.gh-content td{border-bottom:1px solid var(--line);padding:13px 9px;text-align:left}.gh-content th{font-weight:550;font-size:12px}.gh-content td:nth-child(n+3),.gh-content th:nth-child(n+3){text-align:right}.source-table-scroll{max-width:100%;overflow-x:auto}.gh-content ul,.gh-content ol{padding-left:24px}.gh-content blockquote{border-left:3px solid var(--acid);padding-left:25px;font-family:var(--display);font-style:italic;font-size:25px}.post-end{max-width:760px;margin:40px auto 0;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;gap:20px}.native-page{max-width:1000px;min-height:60vh}.native-page .native-post-header{max-width:760px}.library-page-intro{padding-top:40px;font-size:14px}.native-post .kg-width-wide{max-width:100%;width:100%}.native-post .kg-width-full{max-width:100%;width:100%}.kg-image-card img{margin:auto}.gh-content .kg-gallery-container{display:flex;flex-direction:column;gap:12px}.gh-content .kg-gallery-row{display:flex;gap:12px}.gh-content .kg-gallery-image{flex:1}.gh-content .kg-gallery-image img{width:100%;height:100%;object-fit:cover}.gh-content .kg-bookmark-card{border:1px solid var(--line);padding:15px;font-size:14px}.gh-content iframe{max-width:100%}.native-post+.section{border-top:1px solid var(--line)}.tag-template .section h1,.author-template .section h1{font-size:clamp(38px,5vw,65px);font-weight:450;text-transform:none;letter-spacing:-.055em}.post-byline .button{font-size:11px;min-height:38px;padding:10px 15px}
@media(max-width:850px){.site-header nav .nav{gap:25px;width:100%}.site-header nav .nav li{flex:1}.native-post{padding-block:42px}.post-deck{font-size:17px}}
@media(max-width:600px){.site-header nav .nav{justify-content:space-between;gap:15px}.site-header nav .nav a{font-size:10px}.native-post h1{font-size:39px;line-height:1.05}.native-post{width:90%;padding-block:35px}.post-deck{font-size:16px}.native-post-header{margin-bottom:25px}.gh-content{font-size:16px;line-height:1.85}.gh-content h2{font-size:29px}.gh-content h3{font-size:24px}.gh-content table{font-size:11px}.gh-content th,.gh-content td{padding:10px 7px}.post-byline{gap:15px;align-items:flex-start}.post-end{flex-direction:column;gap:14px}.native-feature img{max-height:500px}.pagination{gap:20px;font-size:11px}}
:root{--sans:var(--gh-font-body,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)}h1,h2,h3{font-family:var(--gh-font-heading,var(--sans))}
.brand-card-link{display:block;color:inherit;text-decoration:none}.brand-card-link:focus-visible{outline:2px solid var(--acid);outline-offset:4px}.brand-page{padding-block:30px 65px}.brand-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted);padding:12px 0 35px}.brand-breadcrumb a{text-decoration:none}.brand-page-header{display:flex;justify-content:space-between;align-items:center;gap:25px}.brand-page-header h1{font-size:clamp(45px,7vw,85px);letter-spacing:-.055em;line-height:1.05;margin:15px 0 20px;font-weight:450}.brand-page-header p{font-size:13px;color:var(--muted)}.brand-page-actions{display:flex;align-items:center;gap:15px}.brand-page-intro{max-width:760px;margin:25px 0 40px;font-size:16px}.brand-page .profile-toolbar{position:sticky;top:0;background:var(--bg,#f7f6f1);z-index:5;padding:20px 0;border-block:1px solid var(--line);gap:20px}.segmented a{display:inline-block;text-decoration:none;color:inherit;font-size:12px;padding:10px 16px;border:1px solid transparent}.segmented a.active{background:var(--ink);color:var(--bg,#f7f6f1)}.capture-heading{font-size:22px;text-transform:none;letter-spacing:-.03em;margin:30px 0 20px}.brand-page [hidden]{display:none!important}.brand-page .site-views.single-view{grid-template-columns:1fr}.brand-page .screen-scroll{max-height:80vh}.brand-page .mobile-only{max-width:450px;margin:auto}.brand-pagination{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);margin-top:40px;padding-top:30px}.brand-pagination a{color:inherit;text-decoration:none;font-size:16px}.brand-pagination small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.brand-pagination a:last-child{text-align:right}@media(max-width:650px){.brand-page-header{align-items:flex-start;flex-direction:column}.brand-page .profile-toolbar{position:static;flex-wrap:wrap}.segmented a{padding:10px 12px}.brand-pagination{gap:14px}.brand-pagination a{font-size:13px}.brand-page .site-views{grid-template-columns:1fr}.brand-page .screen-scroll{max-height:65vh}}

.brand-page-header h1{text-transform:none}.brand-page .site-views.mobile-view{max-width:430px;margin-inline:auto}.brand-card>.brand-card-link{width:100%;height:100%;text-align:left;padding:0}

/* Let archive windows fill the browser below their navigation and heading. */
.brand-page{--brand-viewer-offset:180px}
.brand-page .screen{display:flex;flex-direction:column;height:max(180px,calc(100vh - var(--brand-viewer-offset)))}
@supports(height:100dvh){.brand-page .screen{height:max(180px,calc(100dvh - var(--brand-viewer-offset)))}}
.brand-page .screen-label{flex:none}
.brand-page .screen-scroll{flex:1;min-height:0;height:auto;max-height:none;overflow:auto}
.brand-page .screen-scroll img{display:block}
@media(max-width:650px){.brand-page .profile-toolbar{position:sticky;top:0}.brand-page .screen-scroll{height:auto;max-height:none}}

.brand-page-header{margin-bottom:30px}

/* Portrait editorial cards: four desktop columns, two tablet columns, one phone column. */
.trend-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.trend-grid .post-card .trend-image{width:100%;height:auto;margin:0;aspect-ratio:10/16;object-fit:cover;object-position:center}
.trend-grid .post-card h3{font-size:clamp(22px,1.9vw,30px);line-height:1.08}
@media(max-width:1099px){.trend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-grid .post-card h3{font-size:28px}}
@media(max-width:600px){.trend-grid{grid-template-columns:1fr}.trend-grid .post-card h3{font-size:30px}}
.brand-guide-tab{padding:13px 17px;border:1px solid var(--line);font-size:12px;text-decoration:none;color:inherit;margin-right:auto}.brand-guide-tab.active{background:var(--ink);color:var(--paper)}.category-links a{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.category-page-header{max-width:950px;padding-bottom:30px}.category-page-header h1{font-size:clamp(36px,5vw,64px);font-weight:450;letter-spacing:-.05em;text-transform:none;line-height:1.08;margin:0 0 25px}.category-page-header p{font-size:17px;line-height:1.8;color:var(--muted)}.category-brand-grid .brand-title h2{font-size:24px;font-weight:500;letter-spacing:-.045em;text-transform:none;margin:0}.platform-label{font-size:11px;color:var(--muted);padding-bottom:15px}.category-notes{margin:50px 0 0;max-width:850px}.category-page{padding-top:25px}

/* Website references use landscape previews, independently of portrait article cards. */
.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.brand-grid .brand-preview img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
@media(max-width:850px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.brand-grid{grid-template-columns:1fr}}

/* Homepage: articles first, followed by the complete website directory. */
.home-trends{padding-top:44px;padding-bottom:52px}
.home-trends .section-heading h1{font-size:clamp(38px,4.6vw,64px);font-weight:450;letter-spacing:-.055em;text-transform:none;line-height:1.05;margin:16px 0 0}
.trend-category-links a{display:inline-flex;align-items:center;text-decoration:none;color:inherit}
.home-template #library{border-top:1px solid var(--line);padding-top:52px}
@media(max-width:600px){.home-trends{padding-top:30px}.home-template #library{padding-top:36px}}

.home-trends .section-heading{display:block}
.home-trends .section-heading h1{max-width:1150px;margin-top:0}
.home-trends .section-heading>p{max-width:none;margin-top:20px}
.library-heading{margin-bottom:24px}
.library-heading h1{font-size:clamp(38px,5vw,72px);font-weight:500;letter-spacing:-.065em;text-transform:none;line-height:1.05;margin:20px 0 0}
.library-description{max-width:950px;margin-inline:0;font-size:16px;line-height:1.8;color:var(--muted)}
.capture-warning{flex:none;margin:0;padding:12px 15px;border-bottom:1px solid var(--line);background:var(--paper);color:var(--muted);font-size:12px;line-height:1.6}