/*
Theme Name: Decent Sort Magazine
Theme URI: https://decentsort.co.uk/
Author: Decent Sort Editorial
Description: A bespoke North London neighbourhood magazine theme with an image-led Harringay homepage, dynamic WordPress stories and a Daily Scout page.
Version: 1.0.1
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: decent-sort
License: GNU General Public License v2 or later
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800;900&family=Permanent+Marker&family=Playfair+Display:wght@400;500;600;700;800&display=swap');
:root{--paper:#f4f0e9;--ink:#12110f;--muted:#59544f;--rule:#ccc4ba;--rust:#be4125;--peach:#f0d4c9;--yellow:#ffcf62;--salmon:#ec9a87;--aqua:#7accc4;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace;--hand:'Permanent Marker',cursive;--site-width:1680px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}::selection{background:var(--yellow)}.container{max-width:var(--site-width);margin:0 auto;padding-left:38px;padding-right:38px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:.045em}.hand{font-family:var(--hand);font-weight:400;letter-spacing:.04em}.eyebrow{font:10px var(--mono);text-transform:uppercase;letter-spacing:.15em}.site-header{height:46px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 38px;gap:16px;border-bottom:1px solid #a79c91;background:#f5f1eb}.tagline{font:11px var(--mono);letter-spacing:.08em;white-space:nowrap;color:#45403a}.edition{justify-self:center;font-size:18px;transform:rotate(-5deg);position:relative}.edition:after{content:'';position:absolute;border-bottom:2px solid;bottom:-3px;left:25%;right:15%;transform:rotate(-3deg)}.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:27px}.nav-links a{font:11px var(--mono);text-transform:uppercase;letter-spacing:.03em}.nav-links a:hover{text-decoration:underline;text-underline-offset:5px}.subscribe{background:var(--rust);color:white;padding:12px 18px!important;font:11px var(--mono)!important;letter-spacing:.06em}.subscribe:hover{background:#942e1a}.nav-toggle{display:none;background:none;border:0;font-size:21px}.demo-banner{background:#f7e1b7;border-bottom:1px solid #c4a87e;text-align:center;padding:8px 15px;font:11px var(--mono);letter-spacing:.015em}.demo-banner a{text-decoration:underline}
.hero{height:clamp(350px,27.5vw,455px);position:relative;background:#dfd2bd url('assets/images/hero-cafe.webp') left top / 100% 100% no-repeat;overflow:hidden}.hero picture{display:none}.hero-content{position:absolute;inset:0;display:flex;justify-content:flex-end;align-items:flex-start;padding:16px 30px}.hero-note{position:relative;width:268px;min-height:300px;background:#f4dad0;box-shadow:0 5px 25px #4d261733;padding:22px 22px 16px;transform:rotate(.8deg);z-index:2}.hero-note:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.3;background-image:radial-gradient(#ab746f .4px,transparent .4px);background-size:5px 5px}.hero-note h2{text-align:center;font-size:22px;line-height:1.35;margin:4px 0 19px;transform:rotate(-5deg)}.hero-note h2:after{content:'';display:block;width:70%;border-bottom:2px solid;margin:8px auto 0;transform:rotate(-4deg)}.hero-note ul{list-style:none;margin:0;padding:0}.hero-note li{font:14px/1.4 var(--serif);border-bottom:1px solid #bda7a180;padding:7px 0;display:flex;gap:10px}.hero-note li:last-child{border:0}.hero-note li:before{content:'→';font:18px var(--sans)}.hero-note li a:hover{text-decoration:underline}.hero-small-brand{display:none}
.topic-nav{min-height:46px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:30px;white-space:nowrap;overflow-x:auto;scrollbar-width:thin}.topic-nav a{font:11px var(--mono);padding:13px 0 10px;border-bottom:4px solid transparent;text-transform:uppercase}.topic-nav a:first-child,.topic-nav a:hover{border-bottom-color:var(--rust)}.topic-nav .flourish{font:11px var(--mono);margin-left:auto}.editorial-shell{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:19px;padding-top:12px}.lead-editorial{min-width:0}.top-stories{display:grid;grid-template-columns:minmax(0,2.22fr) repeat(3,minmax(0,.95fr));gap:15px;align-items:start}.story{min-width:0}.story-image{display:block;position:relative;overflow:hidden;background:#d3c6b8;aspect-ratio:1.25 / 1}.story-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}.story:hover .story-image img{transform:scale(1.045)}.story-image .chip{position:absolute;bottom:0;left:0}.story-primary .story-image{aspect-ratio:2.55 / 1}.chip{display:inline-block;font:10px var(--mono);text-transform:uppercase;letter-spacing:.025em;padding:7px 10px;background:var(--yellow);color:#16130f}.chip.food{background:var(--salmon)}.chip.culture{background:#e5a896}.chip.places{background:var(--yellow)}.chip.people{background:#edc5b6}.chip.planning{background:#ffcd67}.chip.homes{background:#e6c687}.chip.walks{background:var(--aqua)}.chip.random{background:#ffd46f}.story h2,.story h3,.story h4{font-family:var(--serif);font-weight:700;letter-spacing:-.035em}.story h2{font-size:30px;line-height:1.03;margin:9px 0}.story h3{font-size:21px;line-height:1.08;margin:8px 0}.story p{font:15px/1.35 Georgia,serif;color:#49423c;margin:8px 0 0}.story-primary .story-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:start;gap:12px}.story-primary h2{font-size:31px}.story-primary .story-info p{padding-top:4px;margin-top:9px}.story-arrow{display:inline-block;margin-top:12px;font-size:25px;line-height:1}.section-heading{font:700 23px var(--serif);letter-spacing:-.035em;border-top:1px solid var(--rule);padding-top:9px;margin:16px 0 10px}.more-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.more-grid .story-image{aspect-ratio:1.65 / 1}.more-grid h3{font:16px/1.17 var(--serif);letter-spacing:-.02em;margin:7px 0}.sidebar{border:1px solid #d3c9bf;background:#efe8df;padding:12px 13px 0;align-self:start}.sidebar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sidebar-top a{font:10px var(--mono);text-decoration:underline}.scout-mini{display:flex;align-items:center;gap:9px;border-top:1px solid #d5c9be;padding:10px 0}.scout-mini img{width:68px;height:48px;object-fit:cover;flex:none}.scout-mini-copy{min-width:0;flex:1}.scout-mini b{font:700 12px var(--serif);display:block}.scout-mini span{font:12px/1.25 Georgia,serif;color:#55504a}.scout-mini .arr{font-size:17px}.newsletter{margin-top:13px;background:#f1d8ce;padding:18px 15px}.newsletter-title{display:flex;justify-content:space-between;align-items:flex-start}.newsletter-title .hand{font-size:17px;line-height:1.5}.newsletter-title .scribble{font-size:14px;transform:rotate(-8deg);text-align:center}.newsletter-link{display:block;text-align:center;background:var(--rust);color:white;margin-top:12px;padding:13px;font:11px var(--mono)}.newsletter p{font:11px var(--sans);color:#555;margin:9px 0 0}.site-footer{margin-top:28px;border-top:1px solid #bdb4aa;padding-top:20px;padding-bottom:34px;display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.footer-brand{font:900 29px/1 var(--sans);letter-spacing:-.07em}.footer-brand span{color:var(--rust)}.footer-links{display:flex;gap:24px}.footer-links a{font:11px var(--mono)}.site-footer small{font:10px var(--mono);color:var(--muted)}
/* The Daily Scout */
.scout-page{padding-top:21px}.scout-columns{display:grid;grid-template-columns:1.03fr .90fr;gap:24px}.scout-poster{position:relative;background:linear-gradient(120deg,#c7653c,#be5b37);height:690px;overflow:hidden}.scout-meta{display:flex;justify-content:space-between;padding:22px 24px 4px;gap:12px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.07em}.scout-headline{font:900 clamp(42px,6.4vw,105px)/.95 var(--sans);letter-spacing:-.085em;white-space:nowrap;margin:14px 20px 1px}.scout-subhead{font:17px var(--mono);letter-spacing:.32em;margin:0 0 0 27px}.scout-photo{position:absolute;bottom:0;width:100%;height:72%;object-fit:cover;object-position:center bottom;mask-image:linear-gradient(to bottom,transparent 0%,black 9%)}.scout-poster-cats{position:absolute;top:178px;left:28px;z-index:2;font:11px/1.6 var(--mono);letter-spacing:.11em;text-transform:uppercase;max-width:135px}.scout-annotation{position:absolute;right:22px;top:180px;z-index:2;transform:rotate(-8deg);font:21px/1.1 var(--hand);text-align:center}.scout-summary{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding-top:15px}.scout-summary h2{font:400 39px/1.03 var(--serif);letter-spacing:-.05em;margin:0 0 15px}.scout-summary p{font:17px/1.4 Georgia,serif;margin:0}.scout-summary img{width:100%;height:212px;object-fit:cover}.scout-list{background:#f1ece5;padding:0 13px}.scout-row{display:grid;grid-template-columns:157px 47px minmax(0,1fr);gap:12px;padding:11px 0;border-bottom:1px solid #d0c6bc;min-height:113px;align-items:start}.scout-row img{width:157px;height:105px;object-fit:cover}.scout-num{font:36px/1 var(--serif)}.scout-details{min-width:0}.scout-row-head{display:flex;justify-content:space-between;gap:10px;align-items:start}.scout-location{font:700 12px var(--sans)}.priority{flex:none;font:9px var(--mono);text-transform:uppercase;letter-spacing:.04em;padding:5px 7px;background:#e3ddd5}.priority.medium{background:#f4d57e}.priority.high{background:#eaa09a}.scout-details h3{font:700 16px/1.15 var(--serif);margin:9px 0 3px}.scout-details p{font:13px/1.24 Georgia,serif;color:#61584f;margin:0 0 6px}.scout-ref{font:11px Georgia,serif;color:#514b46}.scout-caution{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f3d9ce;padding:13px 15px;font:12px Georgia,serif}.scout-bottomline{display:flex;justify-content:space-between;margin-top:12px;padding:12px 4px;border-top:1px solid var(--rule);font:10px var(--mono)}
/* Story and informational pages */
.content-page{max-width:920px;margin:55px auto 80px;padding:0 25px}.content-kicker{font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--rust)}.content-page h1{font:700 clamp(44px,6.8vw,92px)/1.05 var(--serif);letter-spacing:-.06em;margin:15px 0 22px}.content-page .lede{font:22px/1.42 Georgia,serif;color:var(--muted)}.content-page .hero-article-image{width:100%;max-height:550px;object-fit:cover;margin:23px 0 28px}.entry-content{font:19px/1.7 Georgia,serif}.entry-content>*{max-width:750px}.entry-content h2,.entry-content h3{font-family:var(--serif);line-height:1.1}.entry-content a{text-decoration:underline;text-decoration-color:var(--rust)}.entry-content img{height:auto}.entry-content figure{max-width:100%}.article-meta{border-top:1px solid var(--rule);padding-top:12px;font:11px var(--mono);margin:25px 0}.archive-heading{border-bottom:1px solid var(--rule);padding-bottom:20px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:20px}.archive-grid .story-image{aspect-ratio:1.5 / 1}.archive-grid h3{font:27px/1.15 var(--serif);margin:10px 0}.pagination{padding:30px 0;font-family:var(--mono)}.pagination .page-numbers{padding:6px 9px}.pagination .current{background:var(--rust);color:white}.no-posts{font:20px var(--serif);padding:30px 0}.not-found{text-align:center;padding:100px 20px}.not-found h1{font:900 120px var(--sans);margin:0}
@media(max-width:1200px){.container{padding-left:24px;padding-right:24px}.site-header{padding:0 24px}.top-stories{grid-template-columns:1.9fr 1fr 1fr;gap:12px}.top-stories .story:nth-child(4){display:none}.editorial-shell{grid-template-columns:minmax(0,1fr) 270px}.scout-row{grid-template-columns:100px 34px minmax(0,1fr);gap:9px}.scout-row img{width:100px;height:91px}.scout-num{font-size:27px}.priority{font-size:8px;padding:4px}.scout-headline{font-size:6.8vw}}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto 1fr;gap:9px}.tagline{font-size:9px}.edition{font-size:15px}.nav-links{gap:10px}.nav-links a:not(.subscribe){display:none}.nav-toggle{display:block}.nav-links.open{position:absolute;top:45px;right:0;left:0;background:var(--paper);padding:22px;display:flex;z-index:100;box-shadow:0 10px 20px #0002;flex-direction:column;align-items:stretch}.nav-links.open a{display:block!important}.nav-links.open .nav-toggle{position:absolute;top:8px;right:15px}.hero{height:310px}.hero-note{width:235px;min-height:270px}.hero-note h2{font-size:18px}.hero-note li{font-size:12px;padding:6px 0}.editorial-shell{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.sidebar-top{grid-column:1}.sidebar .scout-mini{grid-column:1}.newsletter{grid-column:2;grid-row:1 / span 7;margin:0;align-self:start}.more-grid{grid-template-columns:repeat(3,1fr)}.scout-columns{grid-template-columns:1fr}.scout-poster{height:620px}.scout-headline{font-size:clamp(58px,11vw,105px)}.scout-row{grid-template-columns:140px 50px 1fr}.scout-row img{width:140px;height:100px}}
@media(max-width:640px){.container{padding-left:16px;padding-right:16px}.site-header{padding:0 16px}.tagline{font-size:8px;max-width:118px;white-space:normal}.edition{font-size:14px}.subscribe{padding:9px 10px!important;font-size:9px!important}.hero{height:560px;background-size:auto 100%;background-position:63% center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#ece3d3ea 0%,#ece3d3c0 20%,transparent 44%,transparent 100%)}.hero-content{justify-content:flex-end;align-items:flex-end;padding:0 15px 13px}.hero-small-brand{display:block;position:absolute;top:17px;left:17px;right:17px;z-index:2;font:900 clamp(51px,13vw,91px)/.89 var(--sans);letter-spacing:-.075em}.hero-small-brand b{color:var(--rust)}.hero-small-brand span{display:block;font:16px var(--mono);letter-spacing:.25em;margin-top:10px}.hero-note{width:225px;min-height:0;padding:12px 18px;transform:rotate(1deg)}.hero-note h2{font-size:17px;margin:0 0 9px}.hero-note li{font-size:11px;padding:4px 0}.hero-note li:nth-child(n+5){display:none}.topic-nav{gap:24px}.topic-nav .flourish{display:none}.top-stories{grid-template-columns:repeat(2,1fr);gap:16px 11px}.story-primary{grid-column:1/-1}.story-primary .story-image{aspect-ratio:1.7 / 1}.story-primary .story-info{grid-template-columns:1fr}.story-primary h2{font-size:34px}.story-primary .story-info p{padding-top:0}.top-stories .story:nth-child(4){display:block}.story h3{font-size:20px}.story p{font-size:13px}.more-grid{grid-template-columns:repeat(2,1fr);gap:13px}.more-grid h3{font-size:17px}.sidebar{display:block}.newsletter{margin-top:12px}.site-footer{display:block}.footer-links{margin:18px 0}.scout-page{padding-top:12px}.scout-poster{height:520px}.scout-meta{font-size:8px;padding:15px 15px}.scout-headline{font-size:clamp(49px,12vw,82px);margin:12px 12px 0}.scout-subhead{margin-left:17px;font-size:12px}.scout-poster-cats{top:150px;left:18px;font-size:9px}.scout-annotation{font-size:15px;top:152px;right:12px}.scout-photo{height:69%}.scout-summary{display:block}.scout-summary h2{font-size:33px}.scout-summary img{margin-top:15px}.scout-list{padding:0 9px}.scout-row{grid-template-columns:82px 29px 1fr;gap:7px;padding:12px 0}.scout-row img{width:82px;height:90px}.scout-num{font-size:27px}.scout-location{font-size:10px}.scout-details h3{font-size:15px}.scout-details p{font-size:12px}.priority{font-size:7px}.scout-bottomline{font-size:8px}.archive-grid{grid-template-columns:1fr 1fr}.archive-grid h3{font-size:19px}}
/* On phones use a clean photographic crop rather than the desktop reference artwork, so the live masthead never overlaps text embedded in that artwork. */
@media(max-width:640px){.hero{background-image:url('assets/images/scout-bar.webp');background-position:center center;background-size:cover}.hero:before{background:linear-gradient(180deg,#eddfceef 0%,#eddfcec2 24%,transparent 52%)}}