/*
Theme Name: OTHERGROUND
Theme URI: https://otherground-magazine.blush-creek-7613.chatgpt.site/
Author: Rik van den Heuvel
Description: A restrained editorial theme for an independent Dutch cultural magazine.
Version: 1.0.13
Text Domain: otherground
*/

@font-face{font-family:'LM Roman';src:url('assets/fonts/lmroman10-regular.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'LM Roman';src:url('assets/fonts/lmroman10-bold.otf') format('opentype');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:'LM Roman';src:url('assets/fonts/lmroman10-italic.otf') format('opentype');font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:'LM Mono';src:url('assets/fonts/lmmono10-regular.otf') format('opentype');font-style:normal;font-weight:400 700;font-display:swap}
:root{--paper:#f3efe5;--ink:#171717;--muted:#595650;--accent:#9d2c22;--rule:#cfc9bf;--serif:'LM Roman',Georgia,'Times New Roman',serif;--mono:'LM Mono','Courier New',Courier,monospace;--container:1280px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:1.125rem;line-height:1.55}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,input{font:inherit}button{cursor:pointer}.shell{width:min(100% - 80px,var(--container));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:1rem;z-index:30;background:var(--paper);padding:.7rem 1rem}.skip-link:focus{top:1rem}.eyebrow,.section-heading,.section-index,.brand,.brand-note,.nav-list,.search-link,.text-link,.article-row time,.article-row .eyebrow,.footer-links,.footer-bottom,.article-meta,.article-byline,.archive-count,.pagination,.wp-block-image figcaption,.wp-block-gallery figcaption,.wp-caption-text{font-family:var(--mono)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;line-height:1.4;font-weight:700}.accent{color:var(--accent)}.site-header{border-bottom:1px solid var(--ink)}.header-row{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand-wrap{flex:none}.brand{font-size:clamp(1.9rem,3vw,2.85rem);font-weight:700;line-height:1;letter-spacing:-.075em;white-space:nowrap}.brand span{color:var(--accent)}.brand-note{font-size:.68rem;letter-spacing:.18em;margin:.65rem 0 0}.primary-nav{display:flex;align-items:center;gap:2rem}.nav-list,.footer-links{display:flex;align-items:center;gap:clamp(.9rem,1.8vw,2rem);list-style:none;padding:0;margin:0}.nav-list a,.search-link{font-size:.86rem;line-height:1.3}.nav-list a{display:inline-block;padding:.6rem 0}.nav-list .current-menu-item a,.nav-list .current_page_item a{color:var(--accent);text-decoration:underline;text-underline-offset:.55rem}.search-link{display:inline-flex;align-items:center;gap:.4rem}.search-word{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(3rem,5vw,5.5rem) 0 clamp(4rem,6vw,6.5rem);border-bottom:1px solid var(--rule)}.hero-copy{max-width:34rem}.hero h1{font-size:clamp(3.1rem,5.5vw,5.8rem);line-height:1.03;letter-spacing:-.055em;font-weight:400;margin:1.35rem 0 1.5rem;text-wrap:balance}.hero-intro{font-size:clamp(1.15rem,1.5vw,1.35rem);line-height:1.55;max-width:31rem;margin:0 0 2rem;color:#34322f}.text-link{font-size:.91rem;border-bottom:1px solid var(--ink);padding-bottom:.45rem;display:inline-flex;gap:1.15rem;align-items:center}.text-link:hover{border-color:var(--accent)}.hero-media{display:block;overflow:hidden;aspect-ratio:4/3}.hero-media img,.story-image img{width:100%;height:100%;object-fit:cover}.editorial-section{padding:3.1rem 0 4.5rem;border-bottom:1px solid var(--rule)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:.85rem;margin-bottom:2rem;gap:1rem}.section-heading h2{font:700 .94rem/1.3 var(--mono);letter-spacing:.095em;text-transform:uppercase;margin:0}.section-index{font-size:.75rem;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,2.7vw,2.8rem)}.story-image{display:block;aspect-ratio:4/3;overflow:hidden;margin-bottom:1.2rem}.story-card .eyebrow{margin:.2rem 0 .6rem}.story-card h3{font-weight:400;font-size:clamp(1.6rem,2.2vw,2.35rem);letter-spacing:-.035em;line-height:1.12;margin:0 0 .8rem;text-wrap:balance}.story-excerpt{font-size:1rem;line-height:1.5;margin:0;color:var(--muted)}.latest{padding-top:3.2rem}.latest .section-heading{margin-bottom:0}.article-row{display:grid;grid-template-columns:9rem 9rem minmax(0,1fr) 2rem;align-items:baseline;gap:1.2rem;padding:1.25rem 0;border-bottom:1px solid var(--rule)}.article-row:last-child{border-bottom:0}.article-row time,.article-row .eyebrow{font-size:.77rem;letter-spacing:.03em;color:var(--muted);text-transform:uppercase}.article-row .eyebrow{color:var(--accent)}.article-row h3{font-weight:400;font-size:clamp(1.17rem,1.7vw,1.55rem);line-height:1.25;letter-spacing:-.015em;margin:0}.row-arrow{font:1.4rem/1 var(--mono);text-align:right}
.site-footer{border-top:1px solid var(--ink)}.footer-top{display:flex;justify-content:space-between;gap:3rem;padding:3.2rem 0 4rem}.footer-brand{font-size:1.75rem}.footer-links{gap:1.4rem;flex-wrap:wrap;justify-content:flex-end}.footer-links a{font-size:.85rem}.instagram-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.instagram-icon svg{width:22px;height:22px;display:block}.footer-bottom{border-top:1px solid var(--rule);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:1.3rem 0 2rem;color:var(--muted)}
.hero{align-items:start}.hero h1{font-size:clamp(2.8rem,4.1vw,4.6rem);line-height:1.07;letter-spacing:-.045em;margin:1rem 0 1.35rem}.hero-intro{font-size:clamp(1.08rem,1.3vw,1.22rem);line-height:1.5;margin-bottom:1.65rem}.hero-media{margin-top:2.6rem}
.article-header{max-width:760px;margin:0 auto;padding:5.5rem 0 3rem}.article-meta{display:flex;gap:1.2rem;align-items:center;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em}.article-meta .category{color:var(--accent)}.article-header h1{font-size:clamp(2.8rem,4.2vw,4.4rem);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:1.2rem 0 1.6rem;text-wrap:balance}.article-deck{font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.35;color:#3c3935;max-width:760px;margin:0 0 2rem}.article-byline{font-size:.85rem;margin:0}.article-featured{margin:0 auto 3.5rem;max-width:760px}.article-featured img{width:100%;max-height:800px;object-fit:cover}.article-featured figcaption,.wp-block-image figcaption,.wp-block-gallery figcaption,.wp-caption-text{font-size:.75rem;line-height:1.45;color:var(--muted);margin:.7rem 0 0}.article-body{max-width:760px;margin:0 auto;padding-bottom:5rem;font-size:clamp(1.13rem,1.5vw,1.27rem);line-height:1.78}.article-body>*{margin-top:0;margin-bottom:1.6em}.article-body>p:first-child:first-letter{font-size:inherit}.article-body h2,.article-body h3{font-weight:400;letter-spacing:-.035em;line-height:1.15;margin:2.5em 0 .7em}.article-body h2{font-size:clamp(2rem,3vw,2.8rem)}.article-body h3{font-size:clamp(1.5rem,2.2vw,2rem)}.article-body a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.15em}.article-body ul,.article-body ol{padding-left:1.5em}.article-body li{padding-left:.25em;margin-bottom:.35em}.article-body blockquote{border-left:2px solid var(--accent);padding-left:1.5rem;margin-left:0;font-size:1.35em;line-height:1.45}.article-body .wp-block-pullquote{border:0;border-top:2px solid var(--accent);border-bottom:1px solid var(--rule);padding:2rem 0;margin:3rem 0;text-align:left}.wp-block-pullquote blockquote{border:0;padding:0;margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.25}.wp-block-pullquote cite{font:normal .8rem var(--mono);text-transform:uppercase}.article-body .alignwide{width:min(calc(100vw - 80px),1000px);max-width:none;margin-left:50%;transform:translateX(-50%)}.article-body .alignfull{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%)}.article-body figure img{width:100%;height:auto}.article-body .wp-block-gallery{display:flex;flex-wrap:wrap;gap:1rem}.article-body .wp-block-gallery figure{flex:1 1 12rem;margin:0}.article-body iframe{max-width:100%}.article-body .wp-block-embed__wrapper{position:relative;max-width:100%}.article-body .wp-block-embed.is-type-video .wp-block-embed__wrapper{aspect-ratio:16/9}.article-body .wp-block-embed.is-type-video iframe{width:100%;height:100%}.article-end{border-top:1px solid var(--rule);padding:1.5rem 0 5rem;max-width:760px;margin:auto;font: .85rem var(--mono)}.article-end a{text-decoration:underline;text-underline-offset:.2rem}
.listing-header{padding:5.5rem 0 3rem;border-bottom:1px solid var(--ink)}.listing-header .eyebrow{color:var(--accent)}.listing-header h1{font-size:clamp(3rem,6vw,6rem);line-height:1.05;font-weight:400;letter-spacing:-.055em;margin:.7rem 0 0}.listing-header p{max-width:680px;margin:1.2rem 0 0}.archive-count{font-size:.8rem;color:var(--muted);margin:1.4rem 0 0}.listing-content{padding:1rem 0 5rem}.listing-content .article-row{grid-template-columns:9rem 9rem minmax(0,1fr) 2rem}.pagination{display:flex;gap:1.2rem;justify-content:center;margin-top:3rem;font-size:.9rem}.pagination .current{color:var(--accent)}.search-form{display:flex;gap:.8rem;max-width:600px;margin-top:2rem}.search-form label{flex:1}.search-field{width:100%;background:transparent;border:1px solid var(--ink);border-radius:0;padding:.7rem .85rem;font-size:1rem}.search-submit{background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:0;padding:.7rem 1rem;font: .85rem var(--mono)}.search-submit:hover{background:var(--accent);border-color:var(--accent)}.not-found{padding:7rem 0;max-width:760px}.not-found h1{font-size:clamp(3rem,6vw,6rem);font-weight:400;letter-spacing:-.05em;margin:0 0 1rem}
@media(max-width:1024px){.shell{width:min(100% - 48px,var(--container))}.brand{font-size:2.05rem}.brand-note{font-size:.6rem}.primary-nav{gap:1rem}.nav-list{gap:.9rem}.nav-list a{font-size:.75rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:2.5rem}.article-body .alignwide{width:min(calc(100vw - 48px),1000px)}}
@media(max-width:767px){.shell{width:calc(100% - 38px)}.header-row{min-height:86px;align-items:center}.brand{font-size:clamp(1.65rem,7.3vw,2.1rem)}.brand-note{font-size:.56rem;margin-top:.45rem;letter-spacing:.08em}.menu-toggle{display:flex;align-items:center;gap:.55rem;border:0;background:transparent;font: .82rem var(--mono);padding:.7rem 0 .7rem .7rem}.menu-icon{display:flex;flex-direction:column;gap:5px}.menu-icon i{display:block;width:18px;border-top:1.5px solid currentColor}.menu-close-label{display:none}.menu-toggle[aria-expanded=true] .menu-open-label{display:none}.menu-toggle[aria-expanded=true] .menu-close-label{display:inline}.primary-nav{display:none;position:static;width:100%;border-top:1px solid var(--rule);padding:1rem 0 1.4rem}.header-row{flex-wrap:wrap}.primary-nav.is-open{display:block}.nav-list{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-list a{display:block;padding:.65rem 0;font-size:.95rem}.search-link{padding:.7rem 0;font-size:.95rem}.search-word{position:static;width:auto;height:auto;clip:auto;margin-left:.3rem}.hero{display:flex;flex-direction:column;align-items:stretch;padding:3.3rem 0 3.7rem;gap:2.8rem}.hero h1{font-size:clamp(2.6rem,9vw,3.7rem)}.hero-intro{font-size:1.12rem}.hero-media{aspect-ratio:4/3;margin-top:0}.editorial-section{padding:2.7rem 0 3.3rem}.section-heading{margin-bottom:1.7rem}.feature-grid{grid-template-columns:1fr;gap:2.8rem}.story-card h3{font-size:2rem}.article-row,.listing-content .article-row{grid-template-columns:minmax(0,1fr) 2rem;column-gap:.7rem;row-gap:.45rem;padding:1.3rem 0}.article-row time{grid-column:1;grid-row:1}.article-row .eyebrow{grid-column:1;grid-row:2}.article-row h3{grid-column:1;grid-row:3;font-size:1.35rem}.row-arrow{grid-column:2;grid-row:3}.footer-top{display:block;padding:2.8rem 0 3.5rem}.footer-links{justify-content:flex-start;margin-top:2.5rem;gap:1rem 1.4rem}.article-header{padding:3.8rem 0 2.4rem}.article-header h1{font-size:clamp(2.5rem,8.5vw,3.7rem)}.article-featured{margin-bottom:3rem}.article-body{font-size:1.12rem;line-height:1.7;padding-bottom:3rem}.article-body .alignwide{width:calc(100vw - 38px)}.listing-header{padding:4rem 0 2.5rem}.listing-content{padding-bottom:4rem}}
[hidden]{display:none!important}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}