@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--ink:#293d38;--cream:#fbf8f1;--paper:#fffdf8;--orange:#d96b3c;--coral:#e9885d;--yellow:#f0c667;--sage:#b9c6ac;--line:#e7dfd1}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Playfair Display",Georgia,serif;line-height:1.12}h1{font-size:clamp(2.8rem,6vw,5.45rem);letter-spacing:-.05em}h2{font-size:clamp(2rem,3.6vw,3.4rem);letter-spacing:-.04em}h3{font-size:1.55rem}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:5;background:#fff;padding:.5rem}.site-header{height:88px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:var(--cream)}.brand{font-family:"Playfair Display",serif;font-size:1.38rem;line-height:.75;display:inline-flex;flex-direction:column;letter-spacing:-.05em}.brand strong{font:700 .73rem/1.3 "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.22em;color:var(--orange);margin:.18rem 0 0 .14rem}.site-nav{display:flex;align-items:center;gap:1.65rem;font-size:.93rem;font-weight:600}.site-nav>a:not(.button):hover,.text-link:hover{color:var(--orange)}.nav-toggle{display:none}.button{border:0;cursor:pointer;display:inline-flex;gap:.8rem;align-items:center;background:var(--orange);color:white;padding:.85rem 1.2rem;border-radius:2px;font-weight:700;font-size:.9rem}.button:hover{background:#bd552b}.button-small{padding:.65rem 1rem}.button-light{background:#f6e7c9;color:var(--ink)}.eyebrow,.kicker{color:var(--orange);text-transform:uppercase;font-size:.72rem;font-weight:700;letter-spacing:.16em}.hero{min-height:620px;padding:6.5rem max(7vw,28px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:3rem;background:#f6ead2;overflow:hidden}.hero-copy{max-width:760px}.hero h1{margin:.45rem 0 1.25rem}.lede{max-width:590px;font-size:1.18rem}.hero-actions{display:flex;align-items:center;gap:1.8rem;margin-top:2rem}.text-link{font-weight:700;font-size:.92rem}.text-link span{color:var(--orange);padding-left:.25rem}.hero-art{height:420px;background:var(--orange);position:relative;overflow:hidden;color:#f9e6bc;transform:rotate(3deg)}.hero-art .sun{position:absolute;width:230px;height:230px;border-radius:50%;background:var(--yellow);right:15%;top:8%}.arch{position:absolute;border:46px solid var(--ink);border-bottom:0;width:260px;height:350px;border-radius:150px 150px 0 0;bottom:-5%;left:16%;z-index:1}.arch-two{left:55%;height:250px;width:190px;border-width:34px;bottom:0}.hero-art p{position:absolute;z-index:2;bottom:4%;left:10%;font:bold 1.1rem/1 "DM Sans";letter-spacing:.2em}.hero-art em{font:italic 2.7rem "Playfair Display";letter-spacing:-.09em}.leaf{position:absolute;color:var(--ink);font-size:5rem;z-index:3}.leaf-one{right:5%;bottom:10%}.leaf-two{left:2%;top:8%;font-size:3rem}.section{padding:6rem max(7vw,28px)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:2.4rem}.section-heading h2{margin:0}.story-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:1.5rem}.story-card{background:var(--paper)}.card-image{display:block;height:230px;overflow:hidden;background:var(--sage)}.story-card-large .card-image{height:340px}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.story-card:hover img{transform:scale(1.04)}.card-body{padding:1.4rem}.card-body h3,.card-body h2{margin:.35rem 0 .7rem;font-size:clamp(1.35rem,2vw,2rem)}.card-body p{font-size:.92rem}.category-band{background:#d7dfd0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.category-card{min-height:230px;display:flex;flex-direction:column;align-items:flex-start;justify-content:end;padding:1.3rem;background:#e9a47a;color:var(--ink)}.category-card span{font:600 1.65rem/1.1 "Playfair Display"}.category-card small{margin:.7rem 0 1.3rem}.category-card b{font-size:.8rem}.cat-2{background:#f2ce77}.cat-3{background:#c7d4b7}.cat-4{background:#e7b6a5}.recent{background:var(--paper)}.recent-list{border-top:1px solid var(--line)}.recent-list article{display:grid;grid-template-columns:150px 1fr auto;gap:1rem;align-items:center;border-bottom:1px solid var(--line);padding:1.3rem 0}.recent-list p,.recent-list h3{margin:0}.recent-list h3{font-size:1.4rem}.recent-list a{font-size:.85rem;font-weight:700}.about-band{padding:5rem max(7vw,28px);display:grid;grid-template-columns:1fr 1fr;gap:6rem;background:var(--ink);color:#f9f3e7}.about-band h2{margin:0}.about-band .button{margin-top:1rem}.newsletter{text-align:center;padding:6rem 1rem;background:#f4dfb2}.newsletter h2{margin-bottom:.5rem}.newsletter form{display:flex;max-width:480px;margin:1.8rem auto;gap:.5rem}.newsletter input{padding:.8rem 1rem;border:1px solid #c2ad83;flex:1;background:#fffaf0}.site-footer{padding:4rem max(7vw,28px) 2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;background:#243a35;color:#f8f1e4}.site-footer p{color:#cbd2c5;font-size:.88rem;max-width:280px}.site-footer h2{font:700 .75rem "DM Sans";letter-spacing:.12em;text-transform:uppercase;color:#e9b07f}.site-footer a:not(.brand){display:block;color:#f8f1e4;margin:.3rem 0;font-size:.9rem}.copyright{grid-column:1/-1;margin:2rem 0 0;border-top:1px solid #4d5d59;padding-top:1.5rem}.page-intro,.form-page{padding:6.5rem max(12vw,28px) 3.5rem;background:#f6ead2}.page-intro p,.form-page>p{font-size:1.15rem;max-width:650px}.story-grid-three{grid-template-columns:repeat(3,1fr)}.prose{max-width:800px;margin:auto}.prose h2{font-size:2.15rem;margin:2.5rem 0 .6rem}.prose p{font-size:1.08rem}.form-page{max-width:none}.contact-form{max-width:640px;display:grid;gap:1rem;margin-top:2rem}.contact-form label{font-weight:700;font-size:.9rem}.contact-form input,.contact-form textarea{width:100%;display:block;margin-top:.35rem;padding:.8rem;border:1px solid #cfc5b4;background:#fffdf8;font:inherit}.contact-form button{justify-self:start;margin-top:.4rem}.notice{padding:1.4rem;background:#d8e1cf;max-width:600px}.article{max-width:1000px;margin:auto;padding:5rem 2rem}.article header{text-align:center;max-width:800px;margin:auto}.article header h1{font-size:clamp(2.7rem,5vw,4.5rem);margin:.5rem 0 1rem}.article-dek{font-size:1.2rem}.byline{font-size:.85rem;font-weight:700}.byline span{color:var(--orange);padding:0 .5rem}.article-image{width:100%;height:480px;object-fit:cover;margin:3rem 0}.article-content{max-width:680px;margin:auto;font-size:1.1rem}.article-content .intro{font:600 1.45rem/1.45 "Playfair Display"}.article-content h2{font-size:2.1rem;margin-top:2rem}.article-content blockquote{border-left:3px solid var(--orange);font:italic 1.55rem/1.4 "Playfair Display";margin:2rem 0;padding:.6rem 1.5rem}.related{text-align:center;padding-top:1rem}
@media(max-width:760px){.site-header{height:72px}.nav-toggle{display:block;background:none;border:0;color:var(--ink);font-weight:700}.site-nav{display:none;position:absolute;z-index:5;top:72px;left:0;right:0;padding:1.4rem 5vw;background:var(--cream);flex-direction:column;align-items:flex-start;box-shadow:0 5px 10px #0001}.site-nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:4.5rem}.hero-art{height:280px}.section{padding:4rem 6vw}.story-grid,.story-grid-three,.category-grid,.about-band,.site-footer{grid-template-columns:1fr}.story-card-large .card-image{height:260px}.category-card{min-height:170px}.recent-list article{grid-template-columns:1fr}.newsletter form{flex-direction:column}.article{padding:3.5rem 6vw}.article-image{height:290px}.page-intro,.form-page{padding:4rem 6vw 2.5rem}.section-heading{align-items:start;gap:1rem;flex-direction:column}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* Editorial administration */
.admin-body{background:#f5f1e7;display:grid;grid-template-columns:235px 1fr;min-height:100vh}.admin-sidebar{background:#243a35;color:#f8f1e4;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.admin-sidebar nav{display:grid;gap:.2rem}.admin-sidebar nav a,.admin-sidebar>a{padding:.55rem 0;color:#e0e8dc;font-size:.92rem}.admin-sidebar nav a:hover{color:#f0c667}.admin-sidebar>a:last-child{margin-top:auto}.admin-main{padding:3rem max(4vw,28px);max-width:1400px;width:100%}.admin-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem}.admin-heading h1{font-size:clamp(2.3rem,4vw,3.8rem);margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stats div,.admin-panel{background:#fffdf8;border:1px solid var(--line);padding:1.4rem}.stats strong{display:block;font:700 2.4rem/1 "Playfair Display"}.stats span{font-size:.85rem}.panel-heading{display:flex;align-items:center;justify-content:space-between}.admin-panel h2{font-size:1.5rem}.admin-panel table{width:100%;border-collapse:collapse}.admin-panel th,.admin-panel td{text-align:left;border-top:1px solid var(--line);padding:.9rem .45rem;font-size:.9rem}.admin-panel th{color:#61716a;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.status{display:inline-block;padding:.15rem .45rem;border-radius:30px;background:#eee;font-size:.72rem;text-transform:capitalize}.status.published{background:#d6e7ce}.status.draft{background:#f5e4bc}.status.archived{background:#e8d7d1}.editor-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:1.3rem}.editor-form>div,.editor-form aside{background:#fffdf8;border:1px solid var(--line);padding:1.4rem}.editor-form label{display:block;font-size:.8rem;font-weight:700;margin-bottom:1rem}.editor-form input,.editor-form textarea,.editor-form select,.inline-form input,.submission-list select{width:100%;font:inherit;border:1px solid #cfc5b4;background:#fff;padding:.65rem;margin-top:.3rem}.editor-form .checkbox{display:flex;align-items:center;gap:.5rem}.editor-form .checkbox input{width:auto}.delete-button{margin-top:1rem;border:0;background:none;color:#a33b2b;text-decoration:underline;cursor:pointer}.taxonomy-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.inline-form{display:flex;gap:.6rem;align-items:end}.inline-form input{margin:0}.inline-form .button{white-space:nowrap}.taxonomy-list{padding:0;list-style:none}.taxonomy-list li{padding:.8rem 0;border-bottom:1px solid var(--line)}.taxonomy-list small{display:block;color:#63726c}.submission-list{display:grid;gap:1rem}.submission-list article{display:grid;grid-template-columns:1fr 180px;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:1.3rem}.submission-list h2{margin-bottom:.1rem}.submission-list form{align-self:start}.submission-list button{margin-top:.5rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1rem}.media-grid figure{background:#fffdf8;padding:.5rem;margin:0}.media-grid img{width:100%;height:145px;object-fit:cover}.media-grid figcaption{font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-login{max-width:480px;margin:12vh auto;padding:2rem}.admin-login h1{margin:2rem 0 .5rem}.form-error{background:#f5d4cb;padding:.8rem}.notice{background:#d8e1cf;padding:1rem}@media(max-width:760px){.admin-body{display:block}.admin-sidebar{gap:1rem}.admin-sidebar nav{display:flex;gap:1rem;overflow:auto}.admin-sidebar>a:last-child{margin-top:0}.admin-main{padding:2rem 5vw}.stats,.editor-form,.taxonomy-grid{grid-template-columns:1fr}.submission-list article{grid-template-columns:1fr}.inline-form{align-items:stretch;flex-direction:column}.admin-panel{overflow-x:auto}}
/* Private interview experience */
.interview-shell{max-width:850px;margin:0 auto;padding:5rem 6vw}.interview-intro{max-width:700px;margin-bottom:2.5rem}.interview-intro h1{margin:.4rem 0 1rem}.interview-note{font-size:.9rem;color:#52635d}.interview-form{background:#fffdf8;border:1px solid var(--line);padding:clamp(1.3rem,4vw,3rem)}.interview-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-bottom:2.5rem;color:#7b8782;font-size:.75rem;font-weight:700}.interview-progress span{border-top:3px solid #d6d3c9;padding-top:.45rem}.interview-progress .active{border-color:var(--orange);color:var(--ink)}.interview-form fieldset{border:0;padding:0;margin:0}.interview-form legend{font:600 clamp(1.7rem,3vw,2.3rem)/1.2 "Playfair Display";margin-bottom:1.5rem}.interview-form label{display:block;font-weight:700;font-size:.9rem;margin:0 0 1.1rem}.interview-form input,.interview-form textarea{display:block;width:100%;margin-top:.35rem;border:1px solid #cfc5b4;background:#fff;padding:.8rem;font:inherit}.interview-form .checkbox{display:flex;align-items:center;gap:.5rem}.interview-form .checkbox input{width:auto;margin:0}.interview-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.interview-actions .text-link{border:0;background:none;cursor:pointer}@media(max-width:600px){.interview-progress{font-size:.62rem}.interview-shell{padding-top:3rem}}
.taxonomy-checks{border:0;padding:0;margin:1rem 0}.taxonomy-checks legend{font-size:.8rem;font-weight:700;margin-bottom:.45rem}.taxonomy-checks .checkbox{margin:.3rem 0}.article-tags{max-width:680px;margin:2rem auto;display:flex;gap:.5rem;flex-wrap:wrap}.article-tags a{font-size:.8rem;font-weight:700;background:#e4ece0;padding:.3rem .65rem;border-radius:20px}
.search-form{display:flex;gap:.6rem;max-width:620px;margin-top:1.7rem}.search-form input{flex:1;min-width:0;border:1px solid #cfc5b4;background:#fffdf8;padding:.8rem 1rem;font:inherit}@media(max-width:600px){.search-form{flex-direction:column}.search-form .button{justify-content:center}}
.taxonomy-create{display:grid;gap:.75rem;margin-bottom:1.2rem}.taxonomy-create label,.taxonomy-edit label{display:block;font-weight:700;font-size:.8rem}.taxonomy-create input,.taxonomy-create textarea,.taxonomy-edit input,.taxonomy-edit textarea{width:100%;display:block;margin-top:.3rem;padding:.6rem;border:1px solid #cfc5b4;background:#fff;font:inherit}.taxonomy-list details{border-bottom:1px solid var(--line);padding:.75rem 0}.taxonomy-list summary{cursor:pointer}.taxonomy-list summary small{display:block;color:#63726c}.taxonomy-edit{display:grid;gap:.65rem;padding-top:1rem}.taxonomy-edit .delete-button{justify-self:start;margin-top:0}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.tag-directory{padding-top:0}.tag-cloud{display:flex;flex-wrap:wrap;gap:.65rem}.tag-cloud a{background:var(--paper);border:1px solid var(--line);border-radius:100px;padding:.5rem .8rem;font-size:.9rem;font-weight:700}.tag-cloud a:hover{border-color:var(--orange);color:var(--orange)}.tag-cloud small{color:var(--orange);margin-left:.2rem}