/*Modern CSS Reset with CSS Custom PropertiesBased on Josh Comeau's CSS Reset, Andy Bell's Modern Reset, and Normalize.css*//* Box sizing rules */*,*::before,*::after{box-sizing:border-box}/* Remove default margin and padding */html,body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0;padding:0}/* Set core root defaults */html:focus-within{scroll-behavior:smooth}/* Set core body defaults */body{min-height:100vh;text-rendering:optimizeSpeed;line-height:var(--line-height-base);font-family:var(--ff-base);font-size:var(--fs-base);color:var(--color-text)}/* Remove list styles on ul, ol elements with a list role */ul[role="list"],ol[role="list"],nav ul{list-style:none;margin:0;padding:0}/* Default styling for lists without specific roles */ul,ol{padding-left:1.5em;margin-top:0;margin-bottom:var(--space-4)}/* Set default link styles */a{text-decoration-skip-ink:auto;color:var(--color-link)}/* Make images easier to work with */img,picture,svg{max-width:100%;display:block}/* Default form elements to inherit font styles */input,button,textarea,select{font:inherit;color:inherit}/* Remove default button styles */button{background:none;border:none;cursor:pointer;padding:0}/* Remove animations for people who've turned them off */@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}/* Table defaults */table{border-collapse:collapse;width:100%}/* Remove outline for non-keyboard focus */*:focus:not(:focus-visible){outline:none}/* Maintain outline for keyboard focus */*:focus-visible{outline:2px solid currentColor;outline-offset:2px}/* Hidden attribute and aria-hidden */[hidden],[aria-hidden="true"]{display:none !important}/* Responsive breakpoints for typography */html{font-size:var(--fs-base)}@media (min-width:768px){:root{--fs-base:18px}}/* Main element styles */main{display:block}/* Reasonable defaults for hr */hr{border:0;height:1px;background:currentColor;opacity:0.2;margin:calc(var(--space-8)) 0}:root{/* Colors */--color-text:#333;--color-link:#234297;--color-muted:#666;--color-border:#ddd;--color-background:#F0F0F0;/* Typography */--ff-head:'Lars Condensed', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ff-base:'Lars Condensed', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ff-mono:'Suisse Intl Mono', monospace;--fs-base:16px;--lh-base:1.5;/* Spacing */--space-unit:1.2rem;--space-1:var(--space-unit);--space-2:calc(var(--space-unit) * 2);--space-4:calc(var(--space-unit) * 4);--space-8:calc(var(--space-unit) * 8);--space-16:calc(var(--space-unit) * 16);/* Breakpoints */--breakpoint-small:640px;--breakpoint-medium:768px;--breakpoint-large:1024px;--breakpoint-xlarge:1280px;/* Transitions */--transition-duration:0.2s;/* Borders */--border-radius:4px}/* ==========================================================================Fonts========================================================================== */@font-face{font-display:swap;font-family:'Lars Condensed';src:url("/assets/fonts/Lars-LightCondensed.woff2") format("woff2"),url("/assets/fonts/Lars-LightCondensed.woff") format("woff");font-weight:300;font-style:normal}@font-face{font-display:swap;font-family:'Lars Condensed';src:url("/assets/fonts/Lars-MediumCondensed.woff2") format("woff2"),url("/assets/fonts/Lars-MediumCondensed.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-display:swap;font-family:'Suisse Intl Mono';src:url("/assets/fonts/SuisseIntlMono-Regular-WebS.woff2") format("woff2"),url("/assets/fonts/SuisseIntlMono-Regular-WebS.woff") format("woff");font-weight:normal;font-style:normal}/* ==========================================================================Base Styles========================================================================== */img{max-width:100%;height:auto;display:block}figcaption{margin-top:1.2rem}*{box-sizing:border-box}a{color:var(--color-link);text-decoration:underline;text-decoration-thickness:auto;text-decoration-thickness:1px;text-underline-offset:.25rem}a:hover{text-decoration:underline}.menu a,.footer a{text-decoration:none}::selection{color:#fff;background-color:var(--color-link)}/* ==========================================================================Utilities========================================================================== *//* Spacing utilities */.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-1{margin-top:var(--space-2)}.mb-1{margin-bottom:var(--space-2)}.mt-2{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-4)}.mt-3{margin-top:var(--space-8)}.mb-3{margin-bottom:var(--space-8)}.mt-4{margin-top:var(--spacing-xlarge)}.mb-4{margin-bottom:var(--spacing-xlarge)}/* Vertical rhythm */.space{margin-bottom:var(--space-2)}.space-2{margin-block:var(--space-2)}/* block = top + bottom in one property */.space-4{margin-block:var(--space-4)}.space-8{margin-block:var(--space-8)}.space-16{margin-block:var(--space-16)}.gap-4{display:flex;flex-direction:column;gap:var(--space-4)}/* Display utilities */.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-inline{display:inline}.d-inline-block{display:inline-block}/* Flex utilities */.flex-row{flex-direction:row}.flex-column{flex-direction:column}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}/* color utilities */.color-muted{color:var(--color-muted) !important}/* Visibility */.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.nolist{list-style:none;padding:0;margin:0}:root{--fs-sml:clamp(0.9rem, 0.72rem + 1vw, 1.4rem);--fs-reg:clamp(1.25rem, 1rem + 1.75vw, 2rem);--fs-med:clamp(1.7rem, 1.25rem + 2vw, 2.65rem);--fs-big:clamp(2rem, 2rem + 2vw, 3.2rem);--fs-max:clamp(2rem, 2.5rem + 2vw, 4rem)}html{font-size:62.5%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}body{font-family:var(--ff-base);font-size:var(--fs-med);font-weight:300;/* line-height:var(--lh-base);*/line-height:1.4;color:var(--color-text);background-color:var(--color-background)}h1, h2, h3, h4, h5, h6{font-family:var(--ff-head);font-weight:500;margin-top:0;line-height:1.2}h1, h2{margin-bottom:var(--space-4);font-size:var(--fs-max);letter-spacing:-0.1rem}h3{font-size:var(--fs-med);margin-top:var(--space-4);margin-bottom:var(--space-2)}h4{font-family:var(--ff-mono);font-size:var(--fs-sml);font-weight:400;letter-spacing:0.05rem;text-transform:uppercase;margin-top:var(--space-8);margin-bottom:var(--space-2)}p{margin-top:0;margin-bottom:var(--space-4)}/* Text utilities */.text--center{text-align:center}.text--left{text-align:left}.text--right{text-align:right}.readable{max-width:66ch}.mono{font-family:var(--ff-mono)}.mono--upper{font-family:var(--ff-mono);font-size:var(--fs-sml);letter-spacing:0.05rem;text-transform:uppercase;line-height:1.5}.smallprint{font-size:var(--fs-reg)}strong, b{font-weight:600}em, i{font-style:italic}small{font-size:0.875em}/* CSS for https://lucasdietrich.art============================================= */body{display:flex;flex-direction:column;min-height:100vh}.page__wrap{flex:1;display:flex;flex-direction:column}.container{padding:0 var(--space-2);width:100%;max-width:clamp(1000px, 75vw, 1440px);/* Clamp values:min, preferred, max */margin-left:auto;margin-right:auto}.main__content{margin-block:var(--space-4)}.w__threequarter{max-width:clamp(750px, 75%, 1000px)}.w__medium{max-width:clamp(650px, 65%, 750px)}.w__half{max-width:clamp(500px, 50%, 750px)}/* Navigation============================================= */.site__header{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-block:var(--space-2)}.site__brand{display:flex;align-items:baseline;gap:var(--space-2)}.site__icon{width:40px;height:auto;display:block}.site__title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.menu{display:contents}.menu a{justify-self:end;border-bottom:1px solid transparent;color:var(--color-link)}.menu a:hover{text-decoration:none;border-bottom:1px solid var(--color-link)}.footer{margin-top:var(--space-16);padding-top:var(--space-4);padding-bottom:var(--space-4)}.footer__nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4)}.footer__left{justify-self:start;text-align:left}.footer__center{justify-self:center;text-align:center}.footer__right{justify-self:end;text-align:right}.footer__nav ul{list-style:none;padding:0;margin:0;white-space:nowrap}.footer__nav li{display:inline}.footer__nav li:not(:first-child)::before{content:" · "}/* Components============================================= */.details{width:100%;display:flex}.details__title{flex:0 1 25%}/* archive list */.list__item{border-bottom:1px solid var(--color-border);display:block;width:100%;padding-block:2rem 1rem}.list__item a{text-decoration:none}.list__item a:hover{text-decoration:underline}.list__title{font-family:var(--ff-head);font-size:var(--fs-big);font-weight:500;letter-spacing:-0.05rem}/* Components============================================= */.btn{display:inline-block;padding:1rem 4rem;background-color:var(--color-link);color:white;border:none;border-radius:var(--border-radius);text-decoration:none;cursor:pointer;transition:background-color var(--transition-duration) ease}.btn:hover{background-color:color-mix(in srgb, var(--color-link) 90%, black);text-decoration:none}.btn:focus{outline:2px solid color-mix(in srgb, var(--color-link) 50%, transparent);outline-offset:2px}/* Newsletter============================================= */.newsletter__compact{border:1px solid;border-width:1px 0;border-color:var(--color-border);padding:4rem 0}.newsletter__form{display:flex;flex-direction:column;gap:var(--space-4)}.newsletter__fields{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.newsletter__input{height:4.8rem;padding:0 1rem;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);line-height:normal;transition:border-color var(--transition-duration) ease}.newsletter__fields .btn{height:4.8rem;padding:0 4rem;border:1px solid transparent;line-height:normal;display:inline-flex;align-items:center;justify-content:center}.newsletter__input:focus{outline:none;border-color:var(--color-link)}.newsletter__input::placeholder{color:var(--color-muted)}.newsletter__submit{white-space:nowrap}.newsletter__submit:disabled{background-color:var(--color-muted);cursor:not-allowed}.newsletter__checkbox{display:flex;align-items:flex-start;gap:1rem}.newsletter__checkbox input[type="checkbox"]{margin-top:0px;min-width:18px;width:18px;height:18px;cursor:pointer;flex-shrink:0}.newsletter__checkbox label{cursor:pointer}@media (max-width:640px){.newsletter__fields{flex-direction:column}.newsletter__submit{width:100%}}/* Newsletter Archive */.artletter__item{padding:2rem 0;border-bottom:1px solid var(--color-muted)}.artletter__title{font-size:var(--fs-big);letter-spacing:-0.1rem;font-weight:500}.artletter__item a{text-decoration:none;color:var(--color-text)}.artletter__item a:hover{text-decoration:underline}