:root{
    --white: #ffffff;
    --black: #000000;
    --color-base: #141414;
    --color-base: #231F20;
    --color-mid: #808080;
    --color-dim: #ddd;
    --color-light: #f7f7f7;
    --color-bg: #fff;
    --spacing-xs: 0.25rem;
    --spacing-s: 1rem;
    --spacing-m: 1rem;
    --spacing-l: 2rem;
    --spacing-xl: 4rem;
    --spacing-exterior: 5vw;
    --font-size: clamp(16px, 1.5vw, 21px);
    --font-small: 0.825em;--font-xs: 0.75em;
    --font-headings: "Triptych";
    --font-sans: sans-serif;
    --font-monospace: "IBM Plex Mono", monospace;
    --line-height: 1.425;
    --footer-columns: 1;
    --width-s: 30rem;
    --width-m: 1000px;
    --width-l: 1440px
}
@media only screen and (min-width: 768px){:root{--spacing-xs: 0.25rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 3rem;--spacing-xl: 6rem;--spacing-exterior: calc(0.5rem + 6vw);--footer-columns: 2}}@media only screen and (min-width: 960px){:root{--spacing-xs: 0.5rem;--spacing-s: 1rem;--spacing-m: 2rem;--spacing-l: 4rem;--spacing-xl: 8rem;--footer-columns: 3}}@media only screen and (min-width: 1440px){:root{--footer-columns: 4}}body{background:var(--color-bg);color:var(--color-base);display:flex;flex-wrap:wrap}::selection{background:rgba(255,239,68,0.5)}@keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}.content-container{padding:var(--spacing-exterior);width:100%}.content{margin:0 auto}.content p,.content pre,.content blockquote,.content h1,.content h2,.content h3,.content ol,.content ul,.content details,.content aside,.content video,.content .split{max-width:var(--width-s)}.content *{margin-left:auto;margin-right:auto}.content>*:first-child{margin-top:25vh;margin-bottom:var(--spacing-l);min-height:20vh}.width-full{max-width:100%}.width-large,.width-l{max-width:var(--width-l)}.width-medium,.width-m{max-width:var(--width-m)}.width-small,.width-s{max-width:var(--width-s)}html{font-size:var(--font-size);font-family:"Blanco", Georgia, serif}body{line-height:var(--line-height);font-variant-numeric:oldstyle-nums;-moz-font-feature-settings:"onum";-webkit-font-feature-settings:"onum";font-feature-settings:"onum";-webkit-hyphens:auto;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:7 4 3;-webkit-hyphenate-limit-lines:2;-webkit-hyphenate-limit-zone:8%;-webkit-hyphenate-limit-last:always;-moz-hyphens:auto;-moz-hyphenate-limit-chars:7 4 3;-moz-hyphenate-limit-lines:2;-moz-hyphenate-limit-zone:8%;-moz-hyphenate-limit-last:always;-ms-hyphens:auto;-ms-hyphenate-limit-chars:7 4 3;-ms-hyphenate-limit-lines:2;-ms-hyphenate-limit-zone:8%;-ms-hyphenate-limit-last:always;hyphens:auto;hyphenate-limit-chars:7 4 3;hyphenate-limit-lines:2;hyphenate-limit-zone:8%;hyphenate-limit-last:always}h1,h2,h3{font-weight:700;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}h1{line-height:1.25;margin-bottom:1.5rem}h2{font-family:var(--font-headings);font-size:var(--font-small);margin-bottom:var(--spacing-xs)}h2 em,h2 i{font-weight:400}h2:not(:first-child),h3:not(:first-child){margin-top:1rem}h3{font-size:1em;margin-bottom:0}p:not(:last-child),.about-copy p:last-child{margin-bottom:1em}em{font-style:italic}strong{font-weight:700}a{color:var(--color-base);cursor:pointer;text-decoration:none;-webkit-transition:color .1s ease-in-out;-moz-transition:color .1s ease-in-out;-ms-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}a:hover{color:var(--color-mid)}a.external::after{content:'\2197';padding-left:0.25em}p a,li a,blockquote a{border-bottom:1px solid currentcolor;position:relative}p a:visited,li a:visited,blockquote a:visited{border-bottom:1px solid var(--color-mid)}ul,ol{margin-top:0;margin-bottom:var(--spacing-s);padding-left:calc(var(--spacing-s) * 1.5)}ul{list-style:none}li{margin-bottom:0.35em;position:relative}ul:not(.toc) li::before{content:"•";left:-1em;position:absolute;top:0}ul.table li::before,.category-section ul li::before,footer ul li::before,.race-history li::before,.race-schedule li::before{content:"" !important}ul.table{list-style:none;padding:0}ul.table:not(:last-child){margin-bottom:var(--spacing-xl)}ul.table li{align-items:baseline;border-top:1px solid var(--color-dim);border-bottom:1px solid var(--color-dim);display:flex;margin-top:-1px;margin-bottom:0;padding:0.45em 0 0.6em 0}ul.table.contact li{align-items:baseline;border:0;display:flex;margin:0;margin-bottom:var(--spacing-xs);padding:0}ul.table li span,ul.table li div{margin:0}ul.contact li .label{color:var(--color-mid);font-family:var(--font-headings);font-size:0.75em;margin-right:2rem;max-width:100px;width:25%}ul.contact li .values{display:flex;flex-direction:column}ul.contact li .values *{align-self:flex-start;margin:0}ul.table .job{align-items:baseline;display:flex;font-size:var(--font-small);justify-content:space-between;margin-bottom:var(--spacing-s)}ul.table .job>*{margin:0}ul.table .job .name{font-family:var(--font-headings);font-weight:700}ul.table .job .location{color:var(--color-mid)}ul.table.salary li{border:0;margin-top:0;margin-bottom:var(--spacing-s);padding:0}ul.table.salary li:last-child{margin-bottom:0}ul.table li .year{color:var(--color-mid);font-size:var(--font-small);margin-right:2rem;max-width:4ch;width:25%;-moz-font-feature-settings:"tnum";-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}ul.table li .details{display:flex;flex-wrap:wrap;margin-bottom:0.2rem;width:100%}ul.table li .details div{width:100%}ul.table li .details a{color:currentColor}ul.table li .details .amount{font-size:1rem}ul.table li .details .position,ul.table li .details .info{font-size:var(--font-small)}ul.table li .details .position{color:var(--color-mid)}ul.table li .details .info{margin-top:0.5rem}ul.table.resume li{border:0}ul.table.resume li .name a{border:none}ul.table.resume li .year{max-width:none;width:calc(100% / 3)}.split{align-items:baseline;display:grid;grid-template-columns:calc(100% / 4) 1fr;grid-column-gap:var(--spacing-s);margin-bottom:var(--spacing-xs)}.split>*{margin:0}.split>.split{grid-column:span 2;margin-bottom:var(--spacing-s)}.split>.split:last-child{margin-bottom:0}.split .label{color:var(--color-mid);font-size:var(--font-small);grid-column:1}.split .table-content{grid-column:2}.split.salary:not(:last-child){margin-bottom:var(--spacing-xl)}.salary .amount{margin-bottom:0}.salary .info{font-size:var(--font-small);margin-top:var(--spacing-xs)}blockquote{border-left:1px solid var(--color-base);margin:1rem auto;padding-left:1em}blockquote p:last-of-type{margin-bottom:0}blockquote.medium,blockquote.large{border:0;line-height:1.5;padding:0}blockquote.medium{font-size:1.25em;margin:2rem auto}blockquote.large{font-size:2em;margin:4rem auto;max-width:var(--width-m)}blockquote cite{color:var(--color-mid);font-size:1rem;margin-top:0.5rem}details{border-top:1px solid var(--color-dim);border-bottom:1px solid var(--color-dim);margin:var(--spacing-s) 0;padding:var(--spacing-xs) 0}details+details{margin-top:calc((var(--spacing-s) + 1px) * -1)}summary{position:relative;-webkit-transition:color .1s ease-in-out;-moz-transition:color .1s ease-in-out;-ms-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}summary::-webkit-details-marker{display:none;margin-bottom:0.05em}summary::after{content:"";position:absolute}summary::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.207 8.811'%3E%3Cpath d='m8.104 8.811-8.104-8.104.707-.707 7.397 7.396 7.396-7.396.707.707z'%3E%3C/path%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;height:100%;width:14px;right:0}summary:hover{color:var(--color-mid);cursor:pointer}details p{margin-bottom:0.5rem}pre{background:var(--color-light);font-family:var(--font-monospace);font-size:0.75em;padding:var(--spacing-s);margin-bottom:1rem;direction:ltr;-webkit-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal}aside{background-color:var(--color-light);border-radius:4px;font-size:var(--font-small);margin-bottom:1rem;padding:1rem}.button{display:flex;justify-content:center;margin:2rem auto;max-width:var(--width-s)}.button a{background:var(--color-base);border-radius:4px;color:var(--color-bg);margin:0;padding:0.75em 1em;text-decoration:none;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.button a:hover{background:var(--color-mid)}.button.wide a{padding-right:3rem;position:relative;width:100%}.button.wide a::after{content:'\2197';position:absolute;right:0.75em;top:0.75em}hr{border:none;border-top:1px solid var(--color-dim);margin:4rem auto;max-width:var(--width-s)}hr.full{max-width:100%}code,samp{background:var(--color-light);border:1px solid var(--color-dim);border-radius:4px;font-family:var(--font-monospace);font-size:0.9em;padding:0 0.25em;white-space:nowrap}mark{background:rgba(255,239,68,0.5)}ins{border:1px solid var(--color-dim);border-radius:4px;padding:0 0.25em;text-decoration:none}.preface{color:var(--color-mid);font-style:italic}.mid{color:var(--color-mid)}.small{font-size:var(--font-small)}.text-center{text-align:center}.smcp{letter-spacing:0.05em;-moz-font-feature-settings:"c2sc", "smcp";-webkit-font-feature-settings:"c2sc", "smcp";font-feature-settings:"c2sc", "smcp"}.frac{-moz-font-feature-settings:"frac";-webkit-font-feature-settings:"frac";font-feature-settings:"frac"}.fit{display:inline-flex;margin:0;opacity:0;overflow:visible;white-space:nowrap;-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-ms-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}.fitted{opacity:1;overflow:visible}sup{font-variant-position:super;-moz-font-feature-settings:"sups";-webkit-font-feature-settings:"sups";font-feature-settings:"sups";padding-left:0.125em}sup a{text-decoration:none}.footnotes{border-top:1px solid var(--color-base);font-size:0.825em;margin-top:4rem;max-width:var(--width-s);padding-top:1rem}.footnotes h3{font-family:var(--font-headings);font-style:italic;font-weight:400;text-align:center}.footnotes ol{list-style:decimal}.footnotes ol li{line-height:1.25;margin-bottom:0.625em}.footnotes a.footnote-backref{color:var(--color-mid);text-decoration:none}img{margin:4rem 0;-webkit-transition:opacity .1s ease-in-out;-moz-transition:opacity .1s ease-in-out;-ms-transition:opacity .1s ease-in-out;-o-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}a img{display:flex}a:hover img{opacity:0.7}.external{position:relative}.external a::after{border:1px solid hotpink;border-radius:50%;content:'\2197';color:hotpink;font-family:sans-serif;font-size:1em;line-height:2em;text-align:center;opacity:0;position:absolute;right:-0.5em;top:-0.5em;width:2em;height:2em;-webkit-transition:opacity .1s ease-in-out;-moz-transition:opacity .1s ease-in-out;-ms-transition:opacity .1s ease-in-out;-o-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}.external:hover a::after{opacity:1}.inner{max-width:var(--width-s)}.image-gallery{display:flex;flex-wrap:wrap;justify-content:space-between}.image-block{display:flex;flex-direction:column;width:100%}.image-gallery,.image-block{margin:4rem auto;position:relative}.image-gallery .image-block{margin:0}.image-block img,.image-block video{align-self:center;height:auto;margin:0;width:100%}.image-block .caption{color:var(--color-mid);font-size:0.825em;margin-top:0.5rem;max-width:var(--width-s);width:100%}.image-gallery .caption,.image-gallery .caption p{max-width:100%}.two-up .image-block:not(:last-child),.three-up .image-block:not(:last-child),.four-up .image-block:not(:last-child),.five-up .image-block:not(:last-child){margin-bottom:2rem}@media only screen and (min-width: 768px){.two-up .image-block{width:calc(50% - 1rem)}.three-up .image-block{width:calc((100% / 3) - 1rem)}.four-up .image-block{width:calc((100% / 4) - 1rem)}.five-up .image-block{width:calc((100% / 5) - 1rem)}.two-up .image-block:not(:last-child),.three-up .image-block:not(:last-child),.four-up .image-block:not(:last-child),.five-up .image-block:not(:last-child),.two-up .image-block,.three-up .image-block,.four-up .image-block,.five-up .image-block{margin:0}}.crop,.web-mockup{height:0;margin:0;position:relative}.crop div,.web-mockup div{height:100%;left:0;position:absolute;top:0;width:100%}.crop img{height:100%;object-fit:cover;width:100%}.crop-1x1{padding-bottom:100%}.crop-4x5{padding-bottom:125%}.web-mockup{padding-bottom:75%}.web-mockup div{border-radius:0 0 5px 5px;box-shadow:0px 4px 10px rgba(0,0,0,0.1);overflow:scroll}.screenshot-toolbar{background:var(--color-dim);border-radius:5px 5px 0 0;display:flex;padding:.5em;width:100%}.screenshot-dot{background:white;border-radius:1em;font-size:.5em;height:1em;margin:0;margin-right:.5em;width:1em}.justify-space-between{justify-content:space-between}.justify-space-around{justify-content:space-around}.fluid-width-video-wrapper,iframe,.vimeo{margin:4rem 0}.fluid-width-video-wrapper iframe,.vimeo iframe{margin:0}iframe[src*="spotify"],iframe[src*="bandcamp"],iframe[src*="datpiff"]{display:flex;margin-left:auto;margin-right:auto;width:100% !important}h2+iframe[src*="spotify"],h2+iframe[src*="bandcamp"],h2+iframe[src*="datpiff"]{margin-top:0}#running .cards-container{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:var(--width-s)}#running .card{width:100%}.card{background:var(--color-light);border:1px solid var(--color-light);border-radius:4px;color:var(--color-base);display:flex;flex-direction:column;margin:var(--spacing-s) auto;padding:1.25em;text-decoration:none;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.card *{width:100%}.card+.card{margin-top:0}a.card{text-decoration:none;width:100%}a.card:hover{background:1px solid var(--color-bg);border:1px solid var(--color-base);color:var(--color-base)}.post-nav .edited-disclaimer,.note{color:var(--color-mid);width:100%}.post-nav .edited-disclaimer{text-align:center}.post-nav .edited-disclaimer a{color:var(--color-mid)}.post-nav .edited-disclaimer a:hover{color:var(--color-base)}.edited-old{background:#ffefae;border:0;max-width:calc(var(--width-s) + 2rem);position:sticky;position:-webkit-sticky;top:1rem;z-index:1}.caslon-rounded{font-family:"Caslon Rounded"}.caslon-rounded-ornamented{font-family:"Caslon Rounded Ornamented"}.caslon-rounded-shadow{font-family:"Caslon Rounded Shadow"}.caslon-rounded-highlight{font-family:"Caslon Rounded Highlight"}.caslon-rounded-band{font-family:"Caslon Rounded Band"}.caslon-rounded-rosettes{font-family:"Caslon Rounded Rosettes"}.triptych{font-family:"Triptych"}.triptych-italick{font-family:"Triptych";font-style:italic}.triptych-grotesque{font-family:"Triptych";font-weight:700}.margo{font-family:"Margo"}.caslon{display:flex;font-size:26vw;justify-content:center;line-height:0.825;margin-bottom:0.625em;position:relative;text-align:center;width:100%}@media only screen and (min-width: 760px){.caslon{font-size:156px}}@media only screen and (min-width: 1140px){.caslon{font-size:206px}}.layer{position:absolute}.layer{-webkit-transition:text-shadow .1s ease-in-out;-moz-transition:text-shadow .1s ease-in-out;-ms-transition:text-shadow .1s ease-in-out;-o-transition:text-shadow .1s ease-in-out;transition:text-shadow .1s ease-in-out}.caslon a .layer-highlight,.caslon .layer-highlight{color:#343434}.caslon a .layer-band,.caslon .layer-band{color:#222}.caslon a .layer-rosettes,.caslon .layer-rosettes{color:#555}.caslon:hover .layer-rosettes{color:white;text-shadow:0px 0px 4px white}.caslon a:hover .layer-shadow span{color:black;text-shadow:none}.category-index{margin:0 auto;max-width:var(--width-s)}.category-index ol,.category-index ul{list-style:none;margin:0;padding:0}.category-section{padding-top:var(--spacing-xl)}.category-section h1{font-family:var(--font-headings);font-size:1rem;font-weight:700;margin-bottom:var(--spacing-s)}.category-section ul li{border-top:1px solid var(--color-dim);display:flex;justify-content:space-between;margin-bottom:1rem;padding:0.5rem 0}.category-section ul li:last-child{border-bottom:1px solid var(--color-dim);padding-bottom:1.5rem}.category-section ul li a{text-decoration:none}.category-section ul li .date{color:var(--color-mid);min-width:100px;text-align:right}button.nav-button{background:var(--color-dim);border:0;bottom:0;font-family:"Caslon Rounded";font-size:1rem;height:var(--sidebar-height);position:fixed;width:100%;z-index:11;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}button.nav-open{background:rgba(255,255,255,0.5)}button.nav-button::after{content:'Close';background:var(--color-base);border-radius:4px;bottom:5px;color:white;height:calc(var(--sidebar-height) - 10px);line-height:calc(var(--sidebar-height) - 10px);margin-left:10px;opacity:0;padding:0 1em;position:absolute;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}button.nav-button.nav-open::after{opacity:1}@media only screen and (min-width: 768px){button.nav-button{display:none}}footer{font-size:1em;padding:var(--spacing-exterior);padding-top:0;width:100%}footer>section.columns{column-count:2;column-gap:1rem}footer section{padding:var(--spacing-m) 0;margin:0 auto;max-width:var(--width-s);width:100%}footer>section>section{padding:0;padding-bottom:var(--spacing-m);-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid-column}footer>section>section:last-child{margin-bottom:0}footer section ul{line-height:1.25;margin:0;padding:0}footer section a{border:0}footer>section:first-child{border-top:1px solid var(--color-base);padding-top:var(--spacing-exterior)}footer section.subscribe a{border-bottom:1px solid var(--color-base)}@media only screen and (min-width: 768px){footer section.subscribe p{font-size:var(--font-small)}}footer section.bottom-links{display:flex;justify-content:center}footer section.bottom-links a{margin:0 0.5em}.subscribe-container,.subscribe-container form{display:flex;width:100%}.subscribe-container input[type=text],.subscribe-container input[type=submit]{background:var(--color-bg);border:1px solid var(--color-dim);box-sizing:border-box;font-size:var(--font-small);margin:0;padding:0.5em 0.75em;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.subscribe-container input[type=text]{border-right:0;border-radius:4px 0 0 4px;width:100%}.subscribe-container input[type=text]:hover,.subscribe-container input[type=text]:active,.subscribe-container input[type=text]:focus{border:1px solid var(--color-base);border-right:0}.subscribe-container input[type=submit]{background:var(--color-base);border:0;border-radius:0 4px 4px 0;color:var(--color-bg);font-family:var(--font-monospace);padding:0.5em 1em}.subscribe-container input[type=submit]:hover{background:var(--color-mid);cursor:pointer}input::placeholder{color:var(--color-mid)}ul.social-table{margin-top:0;max-width:var(--width-s);padding:0}ul.social-table li{border-bottom:1px solid var(--color-base);display:flex;margin-bottom:0.5em;padding-bottom:0.5em}ul.social-table li span{margin:0}ul.social-table li span.name{color:var(--color-mid);min-width:200px}details.filters-container{font-size:var(--font-small);max-width:var(--width-s)}details.filters-container p{color:var(--color-mid);margin-top:0.5em}details.filters-container>div{color:var(--color-mid);display:flex;justify-content:space-between;position:relative}details.filters-container .collections-container,details.filters-container .tags-container{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-s)}details.filters-container h3{color:var(--color-base);font-family:var(--font-headings);font-size:var(--font-small);margin-bottom:var(--spacing-xs)}details.filters-container .collections-container{margin-right:var(--spacing-m)}details.filters-container .filter-option,details.filters-container span{position:relative}details.filters-container .filter-option{--circle-size: 0.65em;padding-left:calc(var(--circle-size) + var(--spacing-xs))}details.filters-container .filter-option [type="checkbox"]+label::before{background:var(--color-bg);border:1px solid var(--color-mid);border-radius:var(--circle-size);content:"";height:var(--circle-size);left:0;position:absolute;top:calc(1em - var(--circle-size));width:var(--circle-size)}details.filters-container [type="checkbox"]:hover+label::before{background:var(--color-mid)}details.filters-container [type="checkbox"]:checked+label::before{background:var(--color-base);border:1px solid var(--color-base)}details.filters-container input[type="checkbox"]{height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%}details.filters-container [type="checkbox"]:checked+label,details.filters-container input:hover+label,details.filters-container input:focus+label{color:var(--color-base)}details.filters-container input:hover{cursor:pointer}details.filters-container input:focus+label{outline-color:-webkit-focus-ring-color;outline-style:auto;outline-width:5px}details.filters-container [type="checkbox"]:checked:hover+label,details.filters-container [type="checkbox"]:checked:focus+label{text-decoration:line-through}details.filters-container,details.filters-container label,details.filters-container .filter-option [type="checkbox"]+label::before{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.post-index{margin:0 auto;max-width:var(--width-s);width:100%}.post-index .post-item:not(:last-child){margin-bottom:var(--spacing-xs)}.post-index .post-item.current{font-style:italic}.post-index h2{margin-top:var(--spacing-m)}.post-index a{align-items:baseline;border:0;display:flex;justify-content:space-between;text-decoration:none}.post-index a *{margin:0}.post-index .page-title{flex:0 1 auto;overflow:hidden;padding-right:0.25em;text-align:left;text-overflow:ellipsis;white-space:nowrap}.post-index hr{border:none;border-bottom:1px solid var(--color-dim);height:1px;flex:1 0 1rem;margin-top:0;margin-bottom:0;margin-right:0.5rem}.post-index p+hr{margin-left:0.25rem}.post-index time{color:var(--color-mid);flex:0 1 auto;font-size:var(--font-small);white-space:nowrap}.post-index time .year{display:none;visibility:hidden}.post-index a,.post-index hr,.post-index time{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.post-index:hover .post-item:hover a,.post-index:hover .post-item:hover time{color:var(--color-base)}.post-index:hover .post-item:hover hr{border-bottom:1px solid var(--color-mid)}#tags .content p a{text-decoration:none}#tags sup{color:var(--color-mid)}.design-index{display:flex;flex-wrap:wrap}.design-index .design-preview a{text-decoration:none}.design-index .design-preview{margin-bottom:4rem;width:100%}@media only screen and (min-width: 960px) and (max-width: 1279px){.design-index .design-preview{margin-right:3rem;width:calc((100% / 2) - 2rem)}.design-index .design-preview:nth-child(2n+2){margin-right:0}}@media only screen and (min-width: 1280px){.design-index .design-preview{margin-right:2rem;width:calc((100% / 4) - 2rem)}.design-index .design-preview:nth-child(4n+4){margin-right:0}}.design-index .design-preview a{color:var(--color-mid);display:block}.design-index .design-preview a:hover{color:var(--color-base)}.design-index .design-preview a img{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.design-index .design-preview a:hover img{opacity:1;transform:scale(1.02)}.design-index .design-thumb{height:0;margin-bottom:1rem;padding-bottom:120%;position:relative}.design-index .design-thumb>div{height:100%;left:0;position:absolute;overflow:hidden;top:0;width:100%}.design-index .design-thumb img{height:100%;object-fit:cover;margin:0;width:100%}.design-index h1.page-title{font-family:"Blanco";font-size:1em;margin:0;text-align:left}.design-index .description{color:var(--color-mid);font-size:0.825em;font-style:italic}.return{display:flex;font-family:var(--font-headings);font-size:0.825em;font-weight:700;justify-content:center;margin-top:4rem;width:100%}.return a{text-decoration:none}.return a:hover{color:var(--color-mid)}.page-info{max-width:var(--width-s)}h1.page-title,h2.page-subtitle{margin:0}h2.page-subtitle{color:var(--color-mid);font-family:"Blanco";font-weight:400;line-height:1.25}@media only screen and (max-width: 768px){.subtitle{font-size:1.25em}}.page-meta{--meta-margin: var(--spacing-s);display:flex;flex-wrap:wrap;font-size:var(--font-xs);margin-left:calc(var(--meta-margin) * -1);margin-right:calc(var(--meta-margin) * -1);max-width:calc(var(--width-s) + (var(--meta-margin) * 2));position:relative}@media only screen and (min-width: 768px){.page-meta{margin-left:auto;margin-right:auto}}.page-meta::before,.page-meta::after{content:"";left:var(--meta-margin);position:absolute;width:calc(100% - (var(--meta-margin) * 2))}.page-meta::before{top:0}.page-meta::after{bottom:0}.page-meta *{margin-bottom:0}.meta-section{border-top:1px solid var(--color-dim);display:flex;flex:1;flex-direction:column;margin:0 var(--meta-margin);margin-bottom:var(--spacing-m);min-width:calc(100% / 2 - (var(--meta-margin) * 2));padding-top:var(--spacing-xs)}@media only screen and (min-width: 768px){.meta-section{min-width:calc(100% / 3 - (var(--meta-margin) * 2))}}.meta-section *{align-items:flex-start;margin:0}.meta-section .meta-label{font-family:var(--font-headings);font-size:var(--font-xs);font-weight:700;letter-spacing:0.1em;text-transform:uppercase}.meta-section .meta-value{font-style:italic}.credits{display:flex;flex-wrap:wrap;font-size:var(--font-small);justify-content:space-between;margin:0 auto;max-width:var(--width-s)}.credits .credit-section{margin:0;margin-bottom:1rem;width:calc(50% - 1rem)}.credits .title{font-weight:700}.credits .subject{margin-bottom:0.25em}.post-nav{display:flex;justify-content:space-between;flex-wrap:wrap;font-size:var(--font-small);margin:var(--spacing-exterior) auto;max-width:var(--width-s);width:100%}.post-nav .page-tags{margin-bottom:var(--spacing-s);width:100%}.post-nav .page-tags,.post-nav .page-tags a{color:var(--color-mid)}.post-nav .page-tags a:hover{color:var(--color-base)}.post-nav a{margin:0;text-decoration:none;width:calc(50% - 1rem)}.post-nav h2.nav-title{font-size:var(--font-xs);letter-spacing:0.1em;margin-bottom:0;text-transform:uppercase}ul.toc{color:var(--color-dark);font-size:var(--font-size-s);list-style:none;padding:0}.toc li,.toc li>a{align-items:baseline;border:none;display:flex;flex-wrap:wrap;list-style:none;justify-content:space-between;width:100%}.toc li span:first-child{margin:0}.toc li span:last-child{font-feature-settings:"lnum", "tnum";justify-content:space-between;text-align:right}.toc hr{border-top:1px dotted var(--color-mid);flex-grow:1;margin:0 var(--spacing-xs);max-width:100%;opacity:1;width:auto}.toc li .description{color:var(--color-mid);font-size:var(--font-small);font-style:italic;width:100%}.toc li>a:hover hr{border-top:1px dotted var(--color-base)}.notice{background-color:var(--color-bg);color:var(--color-mid);font-style:italic;font-size:0.825em;padding:.25rem .5rem 0.4rem .5rem;position:sticky;position:-webkit-sticky;text-align:center;top:0;width:100%;z-index:999}.about-slider-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:4rem auto;max-width:var(--width-s);width:100%}.about-slider-container input{margin-bottom:1rem;width:100%}.about-slider-container label{color:var(--color-mid);font-size:var(--font-small);margin:0}.about-slider{--slider-size: 16px;-webkit-appearance:none;width:100%;height:1px;background:var(--color-dim);outline:none}.about-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:8px;width:16px;height:16px;background:var(--color-base);cursor:grab}.about-slider::-moz-range-thumb{--slider-size: 16px;border-radius:calc(var(--slider-size) / 2);width:var(--slider-size);height:var(--slider-size);background:var(--color-base);cursor:grab}.about-slider::-webkit-slider-thumb{-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.about-slider::-webkit-slider-thumb:hover,.about-slider::-webkit-slider-thumb:focus{transform:scale(1.25)}.about-copy section{display:none}.about-copy section.visible{display:block}.blog-index{max-width:var(--width-s)}.post-preview:not(:last-child){margin-bottom:var(--spacing-xl)}.blog-index .date{color:var(--color-mid);font-size:var(--font-small);font-style:italic;margin-bottom:var(--spacing-xs)}.blog-index .date+.image-block{margin-top:0}.blog-index .post-preview .image-block{margin-bottom:var(--spacing-s)}.read-more{font-size:var(--font-xs)}.blog-index>h2{grid-column:l-start / s-start;margin:0;position:-webkit-sticky;top:var(--spacing-l)}.blog-index .post-preview{grid-column:s-start / s-end;margin:0}.blog-index,.blog-index .post-preview:not(:last-child){margin-bottom:var(--spacing-xl)}  .blog-index+.blog-index{padding-top:var(--spacing-xl)}  #pacific-agency{--color-mid: slategray;--color-dim: slategray;--color-bg: #ced4d7}  #pink{--color-light: #f7e4e4;--color-bg: #fff0f0}



#open-password-modal {
    color: var(--color-base);
    cursor: pointer;
    -webkit-transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -ms-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
}

#open-password-modal:hover {
    color: var(--color-mid);
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0s 0.3s;
}

.modal-overlay.visible {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease-in-out;
}

.modal-content {
    background: var(--color-bg);
    padding: var(--spacing-l);
    border-radius: 4px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    max-width: 30rem;
    width: 90%;
    position: relative;
    transform: translateY(-20px);
    transition: transform 0.3s ease-in-out;
}

.modal-overlay.visible .modal-content {
    transform: translateY(0);
}

.modal-inner {
    margin: 0 auto;
    max-width: 300px; 
}

.modal-content h2 {
    font-family: var(--font-headings);
    font-size: var(--font-size);
    font-weight: 700;
    text-align: center;
    margin-bottom: var(--spacing-m);
}

.modal-content .subscribe-container input[type=password] {
    background: var(--color-bg);
    border: 1px solid var(--color-dim);
    box-sizing: border-box;
    font-size: var(--font-small);
    margin: 0;
    padding: 0.5em 0.75em;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    width: 100%;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.modal-content .subscribe-container input[type=password]:focus {
    border: 1px solid var(--color-base);
    border-right: 0;
    outline: none;
}

.modal-close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 1.5rem;
    color: var(--color-base);
    cursor: pointer;
    line-height: 1;
    padding: 5px;
    opacity: 0.6;
    transition: opacity 0.1s ease-in-out;
}

.modal-close-button:hover {
    opacity: 1;
}

.modal-content .subscribe-container input[type=submit] {
    width: auto;
    white-space: nowrap;
}


#result-modal .modal-content {
    width: 500px;     
    max-width: 80%;   
    padding: 1.5rem;  
    border-radius: 12px; 
}

#password-modal .modal-content {
    width: 500px;
    max-width: 80%;
    padding: 1.5rem;
    border-radius: 12px;
    min-height: 240px;  
}

#result-modal .modal-inner {
    padding: 0; 
}

.btn-small {
    display: inline-block;
    padding: 0.4rem 1rem;
    font-size: 0.9rem;
    border-radius: 6px;
    background: #333;   
    color: white;    
    text-decoration: none;
}