:root{--ink:#101010;--paper:#f5f4ef;--line:#cbc9c3;--lime:#d7ff35;--pink:#f2a8be;--red:#f34328;--grey:#dcddd9}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;object-fit:cover}
.ticker{height:28px;background:var(--ink);color:var(--lime);overflow:hidden;white-space:nowrap;display:flex;align-items:center;gap:40px;font-size:10px;font-weight:900;letter-spacing:.16em}
.ticker span{animation:ticker 18s linear infinite}
.masthead{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}
.brand-row{height:92px;padding:0 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.brand{display:inline-grid;grid-template-columns:auto auto;gap:3px;align-items:baseline;font-size:31px;letter-spacing:-2px;font-weight:900}
.brand span{padding:2px 6px;background:var(--ink);color:#fff}
.brand i{grid-column:1/-1;font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase;letter-spacing:.17em}
.menu-button{border:0;background:none;width:28px;padding:0;display:grid;gap:6px;cursor:pointer}
.menu-button span{height:2px;width:24px;background:var(--ink)}
.head-actions{justify-self:end;display:flex;gap:18px;font-size:10px;font-weight:900;letter-spacing:.1em}
.section-nav{display:flex;justify-content:center;gap:28px;padding:17px 24px;border-top:1px solid var(--line);overflow:auto;white-space:nowrap;text-transform:uppercase;font-size:12px;font-weight:900}
.section-nav a:last-child{color:#687200}
.lead-grid{max-width:1600px;margin:auto;display:grid;grid-template-columns:1.45fr .8fr .8fr}
.lead-story{position:relative;min-height:610px;overflow:hidden;color:#fff}
.lead-story img{height:610px}
.lead-story:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.75))}
.lead-story div{position:absolute;z-index:1;left:32px;right:32px;bottom:32px}
.lead-story h1{max-width:650px;margin:10px 0 18px;font-size:clamp(44px,4.4vw,76px);line-height:.9;letter-spacing:-3px}
.lead-story>div>p,.meta{margin:0;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.meta{margin-top:13px}
.meta i{display:inline-block;width:3px;height:3px;margin:0 7px;background:currentColor;border-radius:50%;vertical-align:middle}
.side-story{padding-bottom:24px;background:#fff;border-left:1px solid var(--line)}
.side-story img{height:365px}
.side-story h2{margin:12px 20px 0;font-size:25px;line-height:1.02;letter-spacing:-.8px}
.side-story .meta{margin:18px 20px 0}
.latest{max-width:1540px;margin:auto;padding:72px 32px}
.latest header,.creator-rail header,.carry-list header{display:flex;align-items:flex-end;justify-content:space-between;padding-top:13px;border-top:3px solid var(--ink)}
.latest header p,.creator-rail header p,.carry-list header p,.signal-title>p,.phone-culture>div>p,.app-grid>div>p,.black-prompt p,.section-head>p,.hub-head>p,.search-page>p,.fixed-hero p,.guide-page>div>p{margin:0;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.latest header a,.under{width:max-content;padding-bottom:5px;border-bottom:2px solid var(--red);font-size:11px;font-weight:900}
.latest-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:26px;margin-top:28px}
.story{padding-top:12px;border-top:1px solid var(--ink)}
.story-image img{height:270px}
.story h3{margin:10px 0;font-size:27px;line-height:.98;letter-spacing:-1px}
.story>p:not(.meta){margin:0;color:#444;line-height:1.45}
.story.wide{grid-row:span 2}
.story.wide .story-image img{height:430px}
.signal-map{max-width:1600px;margin:auto;display:grid;grid-template-columns:.8fr 1.35fr .85fr;background:var(--lime)}
.signal-title{padding:58px 34px;display:flex;flex-direction:column;justify-content:space-between}
.signal-title h2{margin:18px 0;font-size:52px;line-height:.88;letter-spacing:-2px}
.signal-visual{position:relative}
.signal-visual img{height:510px}
.signal-visual span{position:absolute;top:20px;left:20px;padding:9px;background:var(--ink);color:#fff;font-size:10px;font-weight:900;letter-spacing:.1em}
.signal-list{padding:36px 25px;display:flex;flex-direction:column;justify-content:center}
.signal-list a{padding:18px 0;border-top:1px solid var(--ink);font-weight:800;line-height:1.05}
.signal-list b{display:block;margin-bottom:7px;font-size:10px}
.creator-rail{padding:72px 0;background:#171717;color:#fff}
.creator-rail header{margin:0 32px;border-color:#fff}
.creator-rail h2{margin:9px 0 0;font-size:47px;line-height:.9;letter-spacing:-2px}
.creator-rail button{width:40px;height:40px;background:none;border:1px solid #777;color:#fff;font-size:20px}
.rail-track{display:flex;gap:18px;overflow:auto;padding:35px 32px 6px;scroll-snap-type:x mandatory}
.rail-track article{min-width:320px;scroll-snap-align:start}
.rail-track img{height:400px}
.rail-track h3{margin:8px 0;font-size:25px;line-height:1}
.phone-culture{max-width:1540px;margin:auto;padding:78px 32px;display:grid;grid-template-columns:.8fr 1fr 1fr;gap:20px}
.phone-culture>div,.app-grid>div{padding-top:18px;border-top:3px solid var(--ink)}
.phone-culture h2,.app-grid h2{margin:12px 0 26px;font-size:47px;line-height:.9;letter-spacing:-2px}
.phone-culture article img{height:420px}
.phone-culture h3{margin:10px 0;font-size:28px;line-height:1}
.carry-list{padding:70px 32px;background:var(--pink)}
.carry-list header,.carry-list>div{max-width:1476px;margin:auto}
.carry-list h2{margin:9px 0;font-size:54px;line-height:.88;letter-spacing:-2px}
.carry-list header>p:last-child{max-width:330px;font-size:13px;line-height:1.4}
.carry-list>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.carry-list img{height:360px}
.carry-list h3{margin:8px 0 20px;font-size:29px;line-height:.98}
.carry-list article>p{margin:13px 0 0;font-size:10px;font-weight:900;letter-spacing:.12em}
.app-grid{max-width:1540px;margin:auto;padding:78px 32px;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:25px}
.app-grid article{padding-top:12px;border-top:1px solid var(--ink)}
.app-grid img{height:285px}
.app-grid h3{margin:9px 0;font-size:30px;line-height:.98}
.black-prompt{max-width:1600px;margin:auto;padding:68px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#111;color:#fff}
.black-prompt h2{margin:10px 0;font-size:53px;line-height:.88;letter-spacing:-2px}
.black-prompt form{align-self:center}
.black-prompt label{display:block;padding-bottom:8px;border-bottom:1px solid #fff}
.black-prompt input{width:65%;padding:12px 0;border:0;background:transparent;color:#fff;font-size:18px}
.black-prompt button{padding:14px;border:0;background:var(--lime);font-size:11px;font-weight:900}
.black-prompt small{display:block;margin-top:12px;color:#aaa}
.section-head{max-width:1600px;margin:auto;padding:78px 32px 0;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.section-head h1{margin:16px 0;font-size:clamp(58px,6vw,104px);line-height:.82;letter-spacing:-4px}
.section-head img{grid-column:1/-1;height:510px}
.section-head.yellow{background:#f4e239}
.section-head.lime{background:var(--lime)}
.section-head.pink{background:var(--pink)}
.section-head.blue{background:#bce4ff}
.section-head.red{background:var(--red)}
.section-head.grey{background:var(--grey)}
.category-feature{max-width:1540px;margin:auto;padding:60px 32px;display:grid;grid-template-columns:1.1fr 1fr .55fr}
.category-feature>img{height:480px}
.category-feature>div{padding:40px;background:#fff}
.category-feature h2{margin:12px 0;font-size:48px;line-height:.88;letter-spacing:-2px}
.category-feature div>p:not(.meta){line-height:1.5}
.category-feature aside{padding:35px;border-left:1px solid var(--line);font-size:13px;line-height:1.45}
.category-feature aside b{font-size:10px;letter-spacing:.1em}
.category-feature aside a{display:block;margin-top:24px;font-weight:900;text-decoration:underline}
.category-stream{max-width:1540px;margin:auto;padding:60px 32px}
.category-stream header{display:flex;justify-content:space-between;padding-top:12px;border-top:3px solid var(--ink);font-size:11px;font-weight:900;letter-spacing:.1em}
.category-stream>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:26px}
.section-tool{max-width:1540px;margin:0 auto 70px;padding:60px 32px;display:flex;align-items:end;gap:70px;border-top:1px solid var(--ink)}
.section-tool h2{max-width:780px;margin:0;font-size:55px;line-height:.86;letter-spacing:-2px}
.article-page{max-width:1100px;margin:auto;padding:70px 32px}
.article-page header{max-width:920px}
.article-category{border-bottom:2px solid var(--red);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.article-page h1{margin:20px 0;font-size:clamp(54px,7vw,110px);line-height:.82;letter-spacing:-4px}
.standfirst{max-width:760px;font:24px/1.25 Georgia,serif}
.article-hero{height:580px;margin:45px 0}
.article-body{display:grid;grid-template-columns:1fr 220px;gap:65px}
.article-body>div{font:20px/1.55 Georgia,serif}
.article-body h2{margin-top:48px;font:800 24px Arial,sans-serif}
.article-body blockquote{margin:36px 0;padding:24px;background:var(--lime);font-family:Arial,sans-serif}
.article-body blockquote b,.article-body aside b{font-size:10px;letter-spacing:.1em}
.article-body blockquote p{margin:12px 0 0;font:500 27px/1 Georgia,serif}
.article-body aside{border-top:3px solid var(--ink);font-size:12px}
.article-body aside a{display:block;padding:15px 0;border-bottom:1px solid var(--line)}
.related{max-width:1540px;margin:auto;padding:0 32px 72px}
.related>p{padding-top:12px;border-top:3px solid var(--ink);font-size:11px;font-weight:900;letter-spacing:.1em}
.related>div,.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.guide-page{max-width:1450px;margin:auto;padding:70px 32px;display:grid;grid-template-columns:1fr 1fr;gap:45px}
.guide-page h1,.hub-head h1,.search-page h1,.fixed-hero h1{margin:14px 0;font-size:clamp(58px,6vw,100px);line-height:.82;letter-spacing:-4px}
.guide-page>div>p:not(:first-child),.hub-head>p:last-child{max-width:570px;font:22px/1.35 Georgia,serif}
.guide-page>img{height:490px}
.guide-page section{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:18px;border-top:3px solid var(--ink)}
.guide-page section article{padding:25px;background:var(--grey);font:21px/1.25 Georgia,serif}
.guide-page section b{font:800 10px Arial,sans-serif;letter-spacing:.1em}
.hub-head{max-width:1450px;margin:auto;padding:75px 32px}
.guide-grid{max-width:1450px;margin:auto;padding:0 32px 75px}
.guide-grid img{height:330px}
.guide-grid h2{margin:10px 0 18px;font-size:31px;line-height:.98}
.guide-grid article>p{margin:13px 0 0;font-size:10px;font-weight:900;letter-spacing:.1em}
.search-page{max-width:1000px;margin:auto;padding:80px 32px}
.search-page input{width:100%;padding:18px;border:2px solid var(--ink);background:#fff;font-size:18px}
.search-page #search-results{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.search-page #search-results article{padding-top:12px;border-top:2px solid var(--ink)}
.search-page #search-results p{font-size:10px;font-weight:900;letter-spacing:.1em}
.search-page #search-results h2{font-size:26px;line-height:.98}
.search-page #search-results span{font-size:14px;line-height:1.4;color:#444}
.fixed-hero{max-width:1450px;margin:auto;display:grid;grid-template-columns:1fr .8fr;background:#111;color:#fff}
.fixed-hero>div{padding:62px}
.fixed-hero>div>p{color:var(--lime)}
.fixed-hero>div>p:last-child{font:20px/1.35 Georgia,serif}
.fixed-hero img{height:420px}
.fixed-copy{max-width:1000px;margin:auto;padding:70px 32px}
.fixed-copy article{padding:26px 0;border-top:1px solid var(--line)}
.fixed-copy h2{margin:0 0 9px;font-size:32px}
.fixed-copy p{max-width:750px;color:#444;line-height:1.6}
.site-footer{padding:60px 32px 20px;background:#111;color:#fff}
.site-footer>section{max-width:1540px;margin:auto;display:grid;grid-template-columns:1.4fr .9fr .9fr 1.25fr;gap:35px}
.site-footer .brand{font-size:28px}
.site-footer p{color:#cfcfcf;line-height:1.45}
.site-footer b{font-size:10px;letter-spacing:.12em}
.site-footer a{display:block;margin:10px 0;font-size:13px}
.site-footer form label{display:flex;margin-top:16px}
.site-footer input{width:100%;min-width:0;padding:13px;border:0;font-size:14px}
.site-footer button{padding:0 14px;border:0;background:var(--lime);font-size:10px;font-weight:900}
.site-footer small{display:block;margin-top:12px;color:#aaa;font-size:10px}
.footer-base{max-width:1540px;margin:50px auto 0;padding-top:18px;border-top:1px solid #444;display:flex;justify-content:space-between;color:#bbb;font-size:10px;letter-spacing:.1em}
@keyframes ticker{to{transform:translateX(-100%)}
}
@media(max-width:900px){.lead-grid{grid-template-columns:1fr 1fr}
.lead-story{grid-column:1/-1}
.latest-grid,.category-stream>div{grid-template-columns:1fr 1fr}
.signal-map{grid-template-columns:1fr 1fr}
.signal-list{grid-column:1/-1}
.phone-culture,.app-grid{grid-template-columns:1fr 1fr}
.phone-culture>div,.app-grid>div{grid-column:1/-1}
.category-feature{grid-template-columns:1fr 1fr}
.category-feature aside{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}
.article-body{grid-template-columns:1fr}
.site-footer>section{grid-template-columns:1fr 1fr}
.site-footer>section>div:first-child,.site-footer form{grid-column:1/-1}
}
@media(max-width:620px){.brand-row{height:76px;padding:0 18px}
.brand{font-size:24px}
.head-actions a:last-child{display:none}
.section-nav{display:none}
.section-nav.open{display:flex;position:absolute;top:104px;left:0;right:0;flex-direction:column;gap:0;padding:0;background:#fff}
.section-nav.open a{padding:15px 20px;border-top:1px solid var(--line)}
.lead-grid{display:block}
.lead-story,.lead-story img{height:500px;min-height:500px}
.lead-story div{left:20px;right:20px;bottom:24px}
.lead-story h1{font-size:42px;letter-spacing:-1.6px;overflow-wrap:anywhere}
.side-story{padding:0 0 22px;border-left:0;border-top:1px solid var(--line)}
.side-story img{height:310px}
.latest,.phone-culture,.app-grid,.category-stream{padding:54px 20px}
.latest-grid,.category-stream>div,.carry-list>div,.related>div,.guide-grid,.search-page #search-results{grid-template-columns:1fr}
.story.wide{grid-row:auto}
.story.wide .story-image img,.story-image img{height:310px}
.signal-map{display:block}
.signal-title{padding:45px 20px}
.signal-visual img{height:360px}
.signal-list{padding:25px 20px}
.creator-rail{padding:55px 0}
.creator-rail header{margin:0 20px}
.creator-rail h2{font-size:40px}
.rail-track{padding-left:20px}
.rail-track article{min-width:280px}
.phone-culture,.app-grid{display:block}
.phone-culture article,.app-grid article{margin-top:28px}
.phone-culture article img{height:330px}
.carry-list{padding:55px 20px}
.carry-list header{display:block}
.carry-list h2{font-size:44px}
.black-prompt{grid-template-columns:1fr;gap:30px;padding:50px 20px}
.black-prompt h2{font-size:44px}
.section-head{display:block;padding:55px 20px 0}
.section-head h1{font-size:62px}
.section-head img{height:330px;margin-top:28px}
.category-feature{display:block;padding:0 20px 54px}
.category-feature>img{height:340px}
.category-feature>div{padding:35px 25px}
.category-feature aside{padding:26px 0}
.section-tool{display:block;margin:0 20px 54px;padding:40px 0}
.section-tool h2{margin:14px 0 24px;font-size:43px}
.article-page{padding:55px 20px}
.article-page h1{font-size:59px;letter-spacing:-2.5px}
.article-hero{height:350px;margin:32px 0}
.article-body>div{font-size:18px}
.article-body aside{display:none}
.related{padding:0 20px 55px}
.guide-page{display:block;padding:55px 20px}
.guide-page h1,.hub-head h1,.search-page h1,.fixed-hero h1{font-size:60px;letter-spacing:-2.5px}
.guide-page>img{height:340px;margin:30px 0}
.guide-page section{grid-template-columns:1fr}
.hub-head{padding:55px 20px}
.guide-grid{padding:0 20px 55px}
.guide-grid img{height:280px}
.search-page{padding:55px 20px}
.fixed-hero{display:block;margin:0 20px}
.fixed-hero>div{padding:42px 25px}
.fixed-hero img{height:300px}
.fixed-copy{padding:55px 20px}
.site-footer{padding:48px 20px 18px}
.site-footer>section{grid-template-columns:1fr}
.footer-base{margin-top:35px}
.footer-base span:last-child{display:none}
}
@media(max-width:620px){
  .lead-story h1{width:280px;max-width:100%;font-size:30px;line-height:.96;letter-spacing:-1px;overflow-wrap:break-word;word-break:normal}
  .lead-story h1 a{display:block;max-width:100%;white-space:normal;overflow-wrap:break-word;word-break:normal}
}