/*
Theme Name: Rokken 3
Version: 1.0.0
*/
:root{--paper:#f2ebe4;--ink:#4d3335;--accent:#704842}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Arial,sans-serif}a{color:inherit;text-underline-offset:.23em}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto;display:block}figure{margin:0}figcaption{font:12px/1.5 Arial,sans-serif;opacity:.8;padding-top:8px}h1,h2,h3{line-height:1.13;letter-spacing:-.035em;margin:0 0 20px;overflow-wrap:anywhere}h1{font-size:clamp(2.6rem,5.4vw,5.4rem)}h2{font-size:clamp(1.6rem,2.4vw,2.4rem)}p{margin:0 0 1.1em}.site-shell{max-width:1360px;padding:0 44px;margin:auto}.mast{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 0;border-bottom:1px solid}.brand{font-weight:800;letter-spacing:-.05em;font-size:1.6rem;text-decoration:none;line-height:1.1;overflow-wrap:anywhere}.mast nav{display:flex;gap:24px;font-size:13px;flex-wrap:wrap}.mast nav a{text-decoration:none}.eyebrow,.label{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.label{display:block;margin-bottom:12px;color:var(--accent)}.intro{font-size:1.2rem;max-width:53ch}.topics{display:flex;gap:10px 20px;flex-wrap:wrap;font-size:13px}.topics a{text-decoration:none;border-bottom:1px solid;padding:5px 0}.story{min-width:0}.post-media{display:block;margin-bottom:20px;overflow:hidden}.post-media img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .3s}.story:hover .post-media img{transform:scale(1.02)}.story h2 a{text-decoration:none}.story p{font-size:15px;line-height:1.6;max-width:60ch}.read{font-size:12px;font-weight:bold}.section-line{border-top:1px solid;display:flex;justify-content:space-between;gap:22px;align-items:baseline;margin:55px 0 25px;padding-top:15px}.section-line h2{font-size:16px;letter-spacing:0}.section-line span{font-size:12px}.cover img{width:100%;object-fit:cover}.site-footer{border-top:1px solid;margin-top:75px;padding:35px 0 50px;display:grid;grid-template-columns:1fr 220px;gap:60px;font-size:12px}.site-footer .brand{display:inline-block;margin-bottom:18px}.site-footer p{max-width:78ch}.site-footer nav{display:flex;flex-direction:column;gap:12px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;padding:12px;background:var(--paper);z-index:20}.small{font-size:13px}.entry{padding:60px 0}.entry-head{margin-bottom:35px}.entry-head h1{max-width:22ch;font-size:clamp(2.4rem,4.4vw,4.5rem)}.byline{font-size:12px}.entry-body{max-width:740px}.entry-body h2{font-size:1.65rem;margin-top:40px}.entry-body ul,.entry-body ol{padding-left:25px}.entry-body li{margin-bottom:10px}.entry-photo{margin-bottom:35px;max-width:1000px}.entry-photo img{width:100%;height:auto}.article-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px}.contents{font-size:13px;border-top:2px solid;padding-top:15px;align-self:start}.contents ol{padding-left:18px}.contents li{padding-bottom:10px}.related{border-top:1px solid;margin-top:55px;padding-top:25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.related h2{grid-column:1/-1;font-size:18px}.related a{font-size:15px}.page .entry-body{margin:auto}.page .entry-head{max-width:740px;margin:0 auto 35px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.archive-grid .story h2{font-size:1.6rem}.contact-form{display:grid;gap:12px;position:relative}.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid;color:var(--ink);background:var(--paper);font:inherit}.contact-form button{padding:12px 25px;border:1px solid;background:var(--ink);color:var(--paper);font:inherit;cursor:pointer}.trap{position:absolute;left:-9999px}.notice{padding:15px;border:2px solid}.important{border-left:4px solid var(--accent);padding:15px 20px;font-size:14px;background:rgba(0,0,0,.04)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.post-media img{transition:none}}
@media(max-width:760px){.site-shell{padding:0 22px}.mast{align-items:flex-start;flex-direction:column;gap:18px;padding:22px 0}.mast nav{gap:18px}.brand{font-size:1.5rem}h1{font-size:2.75rem}.intro{font-size:1.07rem}.section-line{display:block}.topics{gap:8px 17px}.article-grid{grid-template-columns:1fr;gap:25px}.contents{max-width:none}.entry{padding:35px 0}.entry-head h1{font-size:2.4rem}.related{grid-template-columns:1fr}.related h2{grid-column:auto}.archive-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;gap:25px;margin-top:50px}.site-footer nav{flex-direction:row;flex-wrap:wrap}.entry-body{width:100%}}
.textile{font-family:Georgia,serif}.textile .mast{justify-content:center;flex-wrap:wrap;text-align:center}.textile .mast .brand{width:100%;font:normal 2.9rem Georgia,serif}.textile .mast nav{font-family:Arial,sans-serif}.textile-opening{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center;padding:50px 0}.textile-opening h1{font-weight:normal;font-size:4.4rem;max-width:10ch}.textile-opening .cover img{aspect-ratio:1;object-fit:cover}.textile-opening .intro{font-style:italic}.textile-feature>.story{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}.textile h2{font-weight:normal}.textile .story p{font-family:Arial,sans-serif}.textile-notes{display:grid;grid-template-columns:210px 1fr;gap:55px;border-top:1px solid;margin:60px 0;padding-top:30px}.vertical-heading{font-style:italic;font-size:2.3rem}.textile-notes .story{display:grid;grid-template-columns:1fr 190px;gap:30px;margin-bottom:35px}.textile-notes .post-media{grid-column:2;grid-row:1}.textile-notes .story-copy{grid-column:1;grid-row:1}.textile-notes h2{font-size:1.8rem}.textile-pair{display:grid;grid-template-columns:1fr 1fr;gap:65px}.textile-pair .story:nth-child(2){padding-top:100px}.textile-article-top{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}.textile .entry-body{margin:25px auto;font-size:20px}.textile .entry-body h2{font-style:italic}.textile .byline{font-family:Arial,sans-serif}@media(max-width:760px){.textile .mast{align-items:center}.textile-opening,.textile-feature>.story,.textile-notes,.textile-pair,.textile-article-top{grid-template-columns:1fr;gap:25px}.textile-opening{padding:30px 0}.textile-opening h1{font-size:3.3rem}.textile-opening .cover img{aspect-ratio:4/3}.textile-notes .story{grid-template-columns:1fr 105px;gap:18px}.textile-notes h2{font-size:1.45rem}.textile-pair .story:nth-child(2){padding-top:0}.textile-article-top .entry-photo{order:2}.textile .entry-body{font-size:18px}}