:root{--ink:#1d342c;--accent:#a34d3d;--ground:#f5f1e9;--paper:#f5f1e9;--line:#d5cec0;--muted:#586860;--nav:#1d342c}
body{font-size:18px;line-height:1.8;background:var(--ground)}
.design-switch{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem 1.4rem;padding:.65rem 1rem;background:#203b33;color:white;font:14px/1.6 Arial,sans-serif}
.design-switch a{color:white;text-decoration:none;padding:.2rem .3rem}
.design-switch a[aria-current]{border-bottom:2px solid white;font-weight:bold}
.design-switch span{opacity:.8}
.main-nav{background:var(--nav);border:0;border-top:3px solid var(--accent)}
.main-nav>div{width:min(1180px,calc(100% - 3rem));justify-content:flex-start}
.main-nav a{color:#f7f2e9;font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;line-height:1.3;padding:1rem 1.15rem}
.main-nav a:first-child{padding-left:0}
.main-nav a:hover,.main-nav a:focus-visible{background:transparent;color:#e5a18e}
.brand{display:grid;grid-template-columns:180px minmax(0,1fr);gap:2.3rem;align-items:center;max-width:850px;text-align:left;text-shadow:none;color:var(--ink)}
.brand:hover{color:var(--ink)}
.brand-logo{display:block;width:180px;height:auto}
.brand-copy{display:block}
.brand-title{font:normal clamp(2.35rem,5vw,4.25rem)/1.04 Georgia,serif;letter-spacing:-.05em}
.brand-tagline{font:normal .92rem/1.55 Arial,sans-serif;max-width:37rem;margin:.8rem 0 0;color:var(--muted)}
.site-header{background:var(--ground);min-height:0;padding:2.7rem 1.5rem 2.4rem}
.post-card,.single-post,.comments,.archive-page,.listing-header{box-shadow:none;background:transparent}
.site-shell{width:min(1180px,calc(100% - 3rem));grid-template-columns:minmax(0,1fr) 260px;gap:4.5rem;margin:3.8rem auto 6rem}
.sidebar{font-size:.88rem;padding-left:1.7rem;border-left:1px solid var(--line)}
.sidebar section{background:transparent;padding:0 0 1.9rem;margin:0 0 1.7rem;border:0;border-bottom:1px solid var(--line)}
.sidebar section:last-child{border-bottom:0}
.sidebar h2{font-size:.72rem;letter-spacing:.13em;color:var(--muted)}
.sidebar li{padding:.55rem 0}
.sidebar a{color:var(--ink)}
.sidebar a:hover{color:var(--accent)}
.search-row{gap:.35rem}
input[type="search"]{background:#fffdf8;border-color:#c7beb0}
button{background:var(--ink);font:700 .75rem/1 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.eyebrow a{color:var(--muted)}
.read-more{font-size:.76rem;line-height:1.4;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
.card-actions{margin-top:1.15rem}
.comment-count{letter-spacing:.03em}
.recent-comments-widget strong{color:var(--accent)}
.recent-comments-widget small{font-family:Georgia,serif}
.single-post,.archive-page{padding:0}
.single-post .post-content{max-width:750px;font-size:1.08rem;line-height:1.9}
.post-header{margin-bottom:2.5rem;padding-bottom:1.6rem;border-color:var(--line)}
.post-header h1{font-size:clamp(2.35rem,5vw,4.25rem);font-weight:normal;line-height:1.08;letter-spacing:-.04em;color:var(--ink)}
.post-content h2,.post-content h3{font-weight:normal}
.post-content h2{color:var(--ink)}
.post-content blockquote{color:var(--muted);border-left-color:var(--accent);font-size:1.08em;font-style:italic}
.post-content figcaption,.wp-caption-text{color:var(--muted);font:italic .82rem/1.5 Georgia,serif}
.post-content img[src$="/Signature.png"]{mix-blend-mode:multiply;filter:contrast(1.05)}
.guide-lead{font-size:1.12em;line-height:1.7;padding:1.25rem 1.4rem;background:#e8e3d8;border-left:4px solid var(--accent)}
.updated-note{margin:-.7rem 0 2rem;color:var(--muted);font:italic .88rem/1.5 Georgia,serif}
.related-guides{margin:3rem 0 0;padding:1.5rem 1.6rem 1.7rem;background:#ece8df;border-top:3px solid var(--ink)}
.related-guides h2{margin:.25rem 0 .8rem;font-size:1.45rem;font-weight:normal}
.related-guides ul{margin:0 0 1rem;padding-left:1.2rem}
.related-guides li{margin:.4rem 0}
.guides-page .post-header{margin-bottom:3rem}
.guide-intro{max-width:45rem;font-size:1.12em;line-height:1.7}
.guide-group{margin:0 0 4rem}
.guide-group>header{max-width:44rem;margin-bottom:1.6rem}
.guide-group>header h2{font-size:2rem;margin-bottom:.45rem}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.guide-card{display:flex;flex-direction:column;padding:1.35rem;border:1px solid var(--line);background:#f7f4ed}
.guide-card h3{font:normal 1.35rem/1.25 Georgia,serif;margin:.2rem 0 .65rem}
.guide-card p:not(.eyebrow){margin:0 0 1rem;color:var(--muted)}
.guide-card .read-more{margin-top:auto}
.comments{padding:2rem 0;border-top:1px solid var(--line)}
.comments h2{font-weight:normal;color:var(--ink)}
.comment article{background:#ece8df;border-left:3px solid #c9bfb0}
.section-title{font:700 .73rem/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin:0 0 2.4rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.post-card{padding-bottom:3rem;margin-bottom:3rem;border-bottom:1px solid var(--line)}
.card-copy{padding:1.25rem 0 0}
.post-card:first-of-type .card-copy{padding-top:.2rem}
.post-card h2{font-weight:normal;font-size:clamp(2rem,4vw,3.15rem);line-height:1.1;letter-spacing:-.035em}
.post-card h2 a{color:var(--ink)}
.post-card h2 a:hover{color:var(--accent)}
.card-copy>p:not(.eyebrow){max-width:720px;color:#34463f}
.card-image{max-height:none;background:transparent}
.card-image img{aspect-ratio:3/2;object-fit:cover;max-height:510px}
.listing-header{margin-bottom:2.8rem;padding:0 0 1.8rem;border-bottom:1px solid var(--line)}
.listing-header h1{font-weight:normal;color:var(--ink)}
.archive-page .post-header p{color:var(--muted)}
.archive-year>h2{font-weight:normal;color:var(--ink);border-bottom:2px solid var(--ink)}
.archive-month h3{font-weight:normal;color:var(--accent)}
.pagination{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.site-footer{color:#d9ded9;background:var(--ink);font-size:.78rem;letter-spacing:.06em}
.design-journal.design-home .site-header{padding-bottom:2.7rem}
.design-journal.design-home .site-header:after{content:"";display:block;width:min(1180px,100%);height:230px;margin:2.2rem auto 0;background:linear-gradient(90deg,rgba(29,52,44,.08),rgba(29,52,44,0) 35%,rgba(29,52,44,.08)),url('/wp-content/uploads/2019/09/cropped-logo2.jpg') center 58%/cover;border:1px solid rgba(29,52,44,.16)}
.design-magasin{--ink:#202a36;--accent:#ad3b27;--ground:#fff;--paper:#fff;--line:#cbd0d4;--muted:#526071;--nav:#202a36;font-family:Arial,Helvetica,sans-serif}
.design-magasin .design-switch{background:#202a36}
.design-magasin .site-header{padding:2rem 1.5rem 1.7rem;border-bottom:3px solid var(--ink)}
.design-magasin .brand-title{font:900 clamp(4rem,11vw,8rem)/.9 Arial,sans-serif;letter-spacing:-.085em}
.design-magasin .brand-tagline{font:normal 1.15rem/1.4 Georgia,serif;letter-spacing:.02em}
.design-magasin .site-shell{width:min(1280px,calc(100% - 3rem));gap:3rem;grid-template-columns:minmax(0,1fr) 240px}
.design-magasin .post-card h2{font-family:Georgia,serif;font-size:2rem}
.design-magasin .post-content,.design-magasin .comments{font-family:Georgia,serif}
.design-magasin .post-header h1{font-family:Georgia,serif}
.design-magasin .card-copy>p:not(.eyebrow){font-size:1rem;line-height:1.7}
.design-magasin.design-home .site-shell{display:block}
.design-magasin.design-home main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.design-magasin.design-home .section-title,.design-magasin.design-home .pagination{grid-column:1/-1}
.design-magasin.design-home .section-title{margin:0;border-bottom:3px solid var(--ink)}
.design-magasin.design-home .post-card:first-of-type{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;padding:0 0 2rem;margin:0}
.design-magasin.design-home .post-card:first-of-type h2{font-size:clamp(2.2rem,4.5vw,4rem)}
.design-magasin.design-home .post-card:first-of-type .card-copy{align-self:center;padding:0}
.design-magasin.design-home .post-card{margin:0}
.design-magasin.design-home .sidebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;border-left:0;border-top:3px solid var(--ink);padding:2rem 0;margin-top:3rem}
@media(max-width:900px){.site-shell,.design-magasin .site-shell{grid-template-columns:minmax(0,1fr);gap:3.5rem}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem;padding:2rem 0 0;border-left:0;border-top:1px solid var(--line)}.design-magasin.design-home main{grid-template-columns:repeat(2,minmax(0,1fr))}.design-magasin.design-home .sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body{font-size:17px}.site-header{padding:2rem 1.1rem 1.7rem}.brand{grid-template-columns:1fr;gap:.4rem;text-align:center}.brand-logo{width:150px;margin:auto}.brand-title{font-size:2.45rem}.brand-tagline{font-size:.83rem;margin:.55rem auto 0}.site-shell,.design-magasin .site-shell{width:calc(100% - 2rem);margin-top:2.5rem;margin-bottom:4rem}.main-nav>div{width:100%;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:0 .35rem}.main-nav a,.main-nav a:first-child{padding:.85rem .7rem}.design-journal.design-home .site-header:after{height:135px;margin-top:1.5rem}.design-magasin.design-home main{display:block}.design-magasin.design-home .post-card:first-of-type{display:block}.design-magasin.design-home .post-card:first-of-type .card-copy{padding-top:1.4rem}.design-magasin.design-home .post-card{margin-top:2rem}.design-magasin.design-home .sidebar{grid-template-columns:1fr}.single-post,.archive-page{padding:0}.post-header h1{overflow-wrap:anywhere}.post-card{padding-bottom:2.3rem;margin-bottom:2.3rem}.post-card h2{font-size:2rem}.card-image img{max-height:350px}.design-switch{gap:.4rem .8rem}.sidebar{display:block}}
@media(max-width:600px){.guide-grid{grid-template-columns:1fr}.guide-card{padding:1.15rem}.related-guides{padding:1.25rem}}