:root{--ff-text:Rubik, sans-serif;--ff-accent:'Rubik Mono One', sans-serif;--fw-accent:400;--step--2:clamp(0.6075rem, 0.5405rem + 0.3348vw, 0.8rem);--step--1:clamp(0.7294rem, 0.6352rem + 0.4707vw, 1rem);--step-0:clamp(0.875rem, 0.7446rem + 0.6522vw, 1.25rem);--step-1:clamp(1.05rem, 0.8717rem + 0.8913vw, 1.5625rem);--step-2:clamp(1.26rem, 1.0189rem + 1.2054vw, 1.9531rem);--step-3:clamp(1.5119rem, 1.1886rem + 1.6163vw, 2.4413rem);--step-4:clamp(1.8144rem, 1.3839rem + 2.1522vw, 3.0519rem);--step-5:clamp(2.1775rem, 1.6079rem + 2.8478vw, 3.815rem);--hue:337;--clr-accent:hsl(337, 41%, 30%);--clr-background:hsl(337, 5%, 98%);--clr-text:hsl(337, 30%, 15%);--clr-heading:hsl(337, 30%, 10%);--gap:clamp(1rem, 6vw, 3rem);--content:min(60ch, 100% - var(--gap) * 2)}body{line-height:2;font-family:var(--ff-text);font-size:var(--step-0)}.centered{text-align:center}.wrapper{max-width:var(--content);margin-inline:auto}.vbreath{padding:var(--gap)0}.contentgrid,.full{--gap:clamp(1rem, 6vw, 3rem);--full:minmax(var(--gap), 1fr);--content:min(60ch, 100% - var(--gap) * 2);--popout:minmax(0, 2rem);--feature:minmax(0, 5rem);display:grid;grid-template-columns:[full-start] var(--full) [feature-start] var(--feature) [popout-start] var(--popout) [content-start] var(--content) [content-end] var(--popout) [popout-end] var(--feature) [feature-end] var(--full) [full-end]}.contentgrid>*{grid-column:content}.popout{grid-column:popout}.feature{grid-column:feature}.full{grid-column:full}.flow>*+*{margin-top:var(--flowspace,1em)}h1,h2,h3{color:var(--clr-heading);text-wrap:balance}h1{font-size:var(--step-3);font-weight:700;line-height:1.1}h2{font-size:var(--step-2);line-height:1.1}h3{font-size:var(--step-1);line-height:1.1}.article__subtitle{text-transform:uppercase;font-weight:700;color:#9c9c9c;font-size:var(--step--1);letter-spacing:1px}.article{margin:clamp(1rem,6vw,3rem)0;font-size:var(--step-0);font-family:var(--ff-text);line-height:1.6;& .meta { font-style: italic; font-size: var(--step--1); } & figure img { margin-inline: auto; } & figcaption { font-style: italic; font-size: var(--step--1); line-height: 1.1; }}.meta{font-style:italic;font-size:var(--step--1)}figure img{margin-inline:auto}figure figcaption{font-style:italic;font-size:var(--step--1);line-height:1.1}img{max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:1rem}.kv-list{display:grid;grid-template-columns:auto 1fr;column-gap:var(--gap)}.kv-list .key{grid-column:1/2;text-decoration:underline}.kv-list .value{grid-column:2/3}details{border:1px solid #aaa;border-radius:4px;padding:.5em .5em 0}summary{font-weight:700;padding:.5em;margin:-.5em -.5em 0;cursor:pointer}details[open]{padding:.5em}details[open] summary{border-bottom:1px solid #aaa;margin-bottom:.5em}.preview h1{font-size:var(--step-3);font-weight:400}.preview{--flowspace:0.75em;font-size:var(--step-0)}article.preview{margin-bottom:calc(2* var(--gap))}.preview p{line-height:1.5}.preview footer{text-align:right}.inline-link{font-weight:700}.preview h1,.preview p{max-width:var(--content);margin-inline:auto}@media screen and (min-width:30rem){article.preview{margin-top:var(--gap);margin-bottom:var(--gap)}.preview{max-width:var(--content);margin-inline:auto;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"picture heading" "picture content";background-color:#fff;border:2px solid #eee}.preview picture{grid-area:picture}.preview h1{margin:0;padding-inline:.5em;padding-top:.5em;grid-area:heading;font-size:var(--step-0)}.preview p{grid-area:content;margin-inline:0;font-size:var(--step--1);width:100%;max-width:100%;padding-inline:.5em}}body{background-color:var(--clr-background)}.flow ul{list-style:outside}.flow ul li{margin-left:2em}.article__preview{width:100%;cursor:pointer;background-color:#fff}.article__body{--flowspace:0.5em;max-width:var(--content);margin-inline:auto;padding:var(--flowspace)0}.article__body p{line-height:1.4}.article__body h1{font-size:var(--step-3);font-weight:400}.article__preview+.article__preview{margin-top:var(--gap)}.article__meta{margin:0;text-transform:uppercase;font-weight:700;color:#9c9c9c;font-size:var(--step--1);letter-spacing:1px}@media screen and (min-width:800px){.article__preview{max-width:min(1.5 * var(--content),100% - var(--gap) * 2);margin-inline:auto;display:grid;grid-template-columns:max-content 1fr;background-color:#fff}.article__header{grid-column:1/2}.article__body{--flowspace:1em;grid-column:2/3;max-width:100%;margin-inline:var(--gap);font-size:var(--step-0)}.article__body h1{font-size:var(--step-1)}.article__meta{font-size:var(--step--2)}}.pagination-list{justify-content:center}.gallery{display:flex;flex-direction:row;flex-wrap:nowrap;scroll-snap-type:x mandatory;overflow-x:scroll;gap:10px}.gallery img{max-width:revert;scroll-snap-align:center}.gallery__heading{font-weight:700;font-size:var(--step-1)}@media screen and (min-width:800px){.gallery{flex-wrap:wrap;overflow-x:reset}}.mybreadcrumbs{padding:var(--gap)0;font-size:var(--step-0);display:flex;flex-direction:row;gap:5px;list-style-type:none}.navbar{font-size:var(--step-0)}.index{list-style-type:none;padding-left:0}.index li{line-height:1.6}ul.index a{text-decoration:underline;text-decoration-thickness:2px}.index time{font-family:monospace;opacity:.5}