:root{--paper:#f6f7f1;--ink:#182e38;--blue:#1453c4;--muted:#52616a;--surface:#e9ede7;--line:#c9d1cc;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-synthesis:none}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{line-height:1.65;text-wrap:pretty}a,button{transition:background .2s,color .2s,transform .2s}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::-moz-selection{background:#cce0f9;color:var(--ink)}::selection{background:#cce0f9;color:var(--ink)}.container{margin-inline:auto;width:min(1280px,calc(100% - 80px))}.site-wrapper{display:flex;flex-direction:column;min-height:100svh}main{flex:1}main:focus{outline:none}.site-header{background:var(--paper);position:sticky;top:0;z-index:40}.site-header-inner{align-items:center;display:flex;gap:28px;justify-content:space-between;min-height:96px}.site-logo{align-items:center;display:inline-flex;font-size:13px;font-weight:500;gap:12px;line-height:1.5}.butterfly-mark{color:var(--blue);flex:0 0 auto;height:44px;width:44px}.brand-bottom{display:block;font-size:24px;font-weight:750;letter-spacing:-.8px}.brand-dot{color:var(--blue)}.site-nav{align-items:center;display:flex;font-size:14px;font-weight:500;gap:34px}.site-nav a{padding-block:15px}.site-nav a.active,.site-nav a:hover{color:var(--blue)}.button{align-items:center;border:0;border-radius:3px;display:inline-flex;font-size:14px;font-weight:600;gap:32px;justify-content:space-between;line-height:1.5;min-height:52px;padding:16px 23px}.button span{font-size:22px;line-height:1}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button-dark{background:var(--ink);color:#fff}.button-blue,.button-dark:hover{background:var(--blue)}.button-blue{color:#fff}.button-blue:hover{background:#103f94}.text-link{align-items:center;display:inline-flex;font-size:14px;font-weight:600;gap:22px;line-height:1.5;padding-block:12px}.text-link:hover{color:var(--blue)}.text-link span{font-size:21px}.nav-toggle{display:none}.menu-line{transform-box:fill-box;transform-origin:center;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .15s ease}.nav-toggle[aria-expanded=true] .menu-line--top{transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded=true] .menu-line--middle{opacity:0}.nav-toggle[aria-expanded=true] .menu-line--bottom{transform:translateY(-6px) rotate(-45deg)}.nav-backdrop{background:#182e383d;display:none;inset:0;position:fixed;touch-action:none;z-index:35}.mobile-nav{background:var(--paper);box-shadow:0 15px 25px #182e381a;display:none;position:absolute;top:100%;inset-inline:0;max-height:calc(100dvh - 84px);overflow-y:auto;padding:12px 28px 24px}.mobile-nav a{display:flex;font-size:18px;padding:17px 12px}.mobile-nav a:hover{background:var(--surface)}.mobile-nav a.active,.nav-island-art{color:var(--blue)}.nav-island-art{align-items:end;display:grid;height:56px;margin:14px 0 0;padding:0 4px;pointer-events:none;position:relative;width:100%}.nav-island-art svg{display:block}.pixel-panorama__mills{align-items:flex-end;display:flex;gap:4px;justify-content:space-between;min-width:0}.pixel-panorama__windmill{flex:0 0 auto;height:auto;max-width:44px;width:calc(12.5% - 3.5px)}.nav-dim-enter-active{transition:opacity .2s ease-out}.nav-dim-leave-active{transition:opacity .18s ease}.nav-dim-enter-from,.nav-dim-leave-to{opacity:0}.nav-panel-enter-active{transition:opacity .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1)}.nav-panel-leave-active{pointer-events:none;transition:opacity .18s ease,transform .18s ease}.nav-panel-enter-from,.nav-panel-leave-to{opacity:0;transform:translateY(-12px)}.nav-panel-enter-active a{animation:nav-link-reveal .24s cubic-bezier(.22,1,.36,1) both}.nav-panel-enter-active a:nth-of-type(2){animation-delay:40ms}.nav-panel-enter-active a:nth-of-type(3){animation-delay:80ms}.nav-panel-enter-active .nav-island-art{animation:nav-art-reveal .22s ease-out .1s both}@keyframes nav-link-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes nav-art-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.skip-link{background:#fff;left:10px;padding:14px;position:fixed;top:10px;transform:translateY(-180%);z-index:100}.skip-link:focus{transform:none}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.home-masthead{align-items:center;display:grid;gap:58px;grid-template-columns:1.05fr 1fr;padding-block:50px 70px}.masthead-photo{border-radius:180px 180px 8px 8px;height:520px;overflow:hidden}.masthead-image{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:47% center;object-position:47% center;transition:transform .6s;width:100%}.masthead-photo:hover .masthead-image{transform:scale(1.025)}.masthead-content{min-width:0}.masthead-title h1{font-size:clamp(48px,5vw,72px);font-weight:650;letter-spacing:-.055em;line-height:1.08}.masthead-title>p{font-size:18px;margin-top:26px;max-width:540px}.masthead-title>.button{margin-top:25px}.section{padding-block:75px}h2{font-size:clamp(30px,3vw,42px);font-weight:600;letter-spacing:-.04em;line-height:1.2}.about-section{align-items:center;display:grid;grid-template-columns:42% 58%}.about-art{min-width:0;padding-right:55px}.about-art>img{height:auto;mix-blend-mode:multiply;width:100%}.about-copy{max-width:650px}.about-copy>p{font-size:17px;margin-top:22px}.about-copy>.text-link{margin-top:18px}.news-section{background:var(--surface)}.section-heading{align-items:center;display:flex;gap:30px;justify-content:space-between;margin-bottom:36px}.post-grid{display:grid;gap:38px 28px;grid-template-columns:repeat(3,minmax(0,1fr))}.post-card{min-width:0}.post-image-link{aspect-ratio:1.5;background:#dce3de;display:block;overflow:hidden;position:relative}.post-image{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s;width:100%}.post-image-link:hover img{transform:scale(1.035)}.post-meta{color:var(--muted);font-size:13px;margin-block:22px 12px}.post-card h3{font-size:24px;font-weight:600;letter-spacing:-.03em;line-height:1.35}.post-card h3 a:hover{color:var(--blue)}.post-card>p{font-size:16px;margin-top:16px}.post-card>.text-link{margin-top:12px}.home-posts{display:grid;gap:28px}.home-posts .post-card{align-content:start;background:var(--paper);-moz-column-gap:45px;column-gap:45px;display:grid;grid-template-columns:34% 1fr;padding:25px}.home-posts .post-image-link{align-self:center;aspect-ratio:1.5;grid-column:1;grid-row:1/5}.home-posts .post-meta{grid-column:2;margin-top:0}.home-posts h3{font-size:27px;grid-column:2;max-width:670px}.home-posts .post-card>p{grid-column:2;max-width:650px}.home-posts .post-card>.text-link{grid-column:2;justify-self:start}.empty-news{background:var(--surface);padding:30px}.empty-news>span{display:none}.empty-news h2{font-size:26px}.empty-news p{margin-top:15px}.state-box{background:var(--surface);padding:35px}.news-section .state-box{background:var(--paper)}.state-box h2,.state-box h3{font-size:24px;letter-spacing:-.03em}.state-box p{font-size:16px;margin-block:10px 15px}.state-box--error{background:#f2eae3}.site-footer{background:var(--ink);color:var(--paper);margin-top:auto}.site-footer .butterfly-mark{color:#a9ccff}.footer-top{align-items:center;display:flex;gap:20px;justify-content:space-between;padding-block:20px 10px}.footer-top nav{display:flex;font-size:14px;gap:30px}.footer-top nav a{padding-block:12px}.footer-top nav a:hover{color:#a9ccff}.footer-bottom{align-items:center;color:#c0cbca;display:flex;font-size:13px;gap:12px;justify-content:space-between;padding-block:10px 18px}.page-heading{max-width:900px;padding:12px 0 45px}.page-heading h1{font-size:clamp(42px,5.2vw,70px);font-weight:600;letter-spacing:-.05em;line-height:1.12}.page-heading>p{font-size:18px;margin-top:22px;max-width:700px}.news-toolbar{align-items:center;background:var(--surface);display:flex;gap:24px;justify-content:space-between;margin-bottom:40px;padding:20px}.news-count{font-size:15px;font-weight:600}.search-box{align-items:center;background:#fff;display:flex;max-width:100%;padding-right:15px}.search-box input{background:none;border:none;color:var(--ink);font-size:15px;min-width:0;padding:13px 16px;width:300px}.search-box>span:last-child{font-size:25px}.news-page{min-height:70vh}.contact-page{align-items:start;display:grid;gap:80px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.contact-page .page-heading{padding:0}.contact-page .page-heading h1{font-size:clamp(40px,4vw,56px)}.contact-content{min-width:0;padding-top:5px}.contact-main h2{font-size:28px;margin-bottom:25px}.contact-info-list,.contact-social-list{list-style:none;margin:0;padding:0}.contact-info-list{display:grid;gap:28px}.contact-info-item{display:flex;flex-direction:column;gap:9px}.contact-info-label{color:var(--muted);font-size:14px}.contact-info-value{font-size:23px;overflow-wrap:anywhere}.contact-info-value:hover,a.contact-info-value{color:var(--blue)}.contact-social{margin-top:35px}.contact-social h3{font-size:18px;margin-bottom:18px}.contact-social-list{display:flex;flex-wrap:wrap;gap:12px}.social-link{align-items:center;background:var(--surface);display:flex;font-size:15px;gap:12px;padding:15px}.social-link:hover{background:#dce4dc}.social-icon{height:18px;width:18px}.info-empty{font-size:16px}.article-section{padding-block:55px 90px}.article-container{margin-inline:auto;width:min(780px,calc(100% - 48px))}.back-link{display:inline-block;font-size:15px;padding-block:12px}.back-link:hover{color:var(--blue)}.article{margin-top:35px}.article-title{font-size:clamp(34px,4vw,54px);font-weight:600;letter-spacing:-.04em;line-height:1.2}.article-meta{color:var(--muted);font-size:14px;margin-top:22px}.article-image-wrapper{margin-block:35px;overflow:hidden}.article-image{max-height:650px;-o-object-fit:contain;object-fit:contain;width:100%}.article-body{font-size:18px;line-height:1.8;margin-top:30px;overflow-wrap:anywhere}.article-body p{margin-block:0 22px}.article-body h2,.article-body h3{margin-block:35px 20px}.article-body a{color:var(--blue);text-decoration:underline}.article-body ol,.article-body ul{padding-left:25px}.article-body blockquote{background:var(--surface);font-size:22px;margin:30px 0;padding:20px}.article-body-empty{color:var(--muted)}.article-body .pt-figure{margin:30px 0}.article-body .pt-figure img{height:auto;margin-inline:auto}.article-body .pt-figure figcaption{color:var(--muted);font-size:14px;margin-top:10px;text-align:center}@media(max-width:1000px){.container{width:calc(100% - 56px)}.site-nav{gap:24px}.site-logo{font-size:12px}.brand-bottom{font-size:22px}.home-masthead{gap:32px}.masthead-photo{border-radius:140px 140px 8px 8px;height:470px}.masthead-title h1{font-size:52px}.home-posts .post-card{-moz-column-gap:30px;column-gap:30px;padding:20px}.home-posts h3{font-size:24px}.home-posts .post-card>p{font-size:15px}.about-art{padding-right:35px}.contact-page{gap:45px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.site-header-inner{gap:15px;min-height:84px}.desktop-nav{display:none}.nav-toggle{align-items:center;background:transparent;border:0;color:var(--ink);display:flex;flex:0 0 auto;height:44px;justify-content:center;padding:11px;width:44px}.mobile-nav,.nav-backdrop{display:block}.about-section{grid-template-columns:36% 64%}.home-masthead{gap:26px;padding-block:35px 50px}.masthead-title h1{font-size:44px}.masthead-photo{border-radius:110px 110px 8px 8px;height:410px}.masthead-title>p{font-size:17px}.section{padding-block:55px}.home-posts .post-card{gap:0 24px;grid-template-columns:36% 1fr}.home-posts .post-image-link{aspect-ratio:.85}.home-posts h3{font-size:23px}.about-copy>p{font-size:16px}.about-art{padding-right:25px}}@media(max-width:580px){.container{width:calc(100% - 40px)}.site-header-inner{min-height:82px}.site-logo{font-size:11px;gap:9px}.butterfly-mark{height:35px;width:35px}.brand-bottom{font-size:21px}.nav-toggle{margin-left:auto}.home-masthead{gap:28px;grid-template-columns:1fr;padding-block:16px 44px}.masthead-photo{border-radius:125px 125px 8px 8px;grid-row:1;height:clamp(240px,68vw,320px)}.masthead-content{grid-row:2}.masthead-image{-o-object-position:47% center;object-position:47% center}.masthead-title h1{font-size:clamp(34px,10vw,52px);line-height:1.08}.masthead-title>p{font-size:16px;margin-top:18px}.masthead-title>.button{display:flex;margin:22px auto 0;width:-moz-fit-content;width:fit-content}.mobile-nav{max-height:calc(100dvh - 82px);padding-inline:20px}.section{padding-block:42px}.section-heading{align-items:start;flex-direction:column;gap:10px;margin-bottom:25px}h2{font-size:32px}.home-posts{gap:22px}.home-posts .post-card{background:transparent;display:block;padding:0 0 16px}.home-posts .post-image-link{aspect-ratio:1.5;margin-bottom:20px}.home-posts .post-meta{margin-block:0 12px}.home-posts h3{font-size:24px}.home-posts .post-card>p{font-size:16px}.home-posts .post-card>.text-link{margin-top:8px}.post-grid{gap:35px;grid-template-columns:1fr}.post-card h3{font-size:24px}.about-section{align-items:stretch;display:flex;flex-direction:column-reverse;gap:30px}.about-art{padding-right:0}.about-art>img{height:auto;width:100%}.about-copy>p{font-size:16px}.footer-top{flex-wrap:wrap;gap:4px;padding-block:18px 0}.footer-top nav{flex-basis:100%;gap:25px}.footer-bottom{flex-wrap:wrap;font-size:12px;gap:8px;padding-block:8px 18px}.page-heading{padding:0 0 32px}.page-heading h1{font-size:44px}.page-heading>p{font-size:16px}.news-toolbar{align-items:start;flex-direction:column;gap:16px;padding:16px}.search-box{width:100%}.search-box input{font-size:14px;width:100%}.state-box{padding:25px}.state-box h2{font-size:24px}.contact-page{gap:36px;grid-template-columns:1fr}.contact-info-value{font-size:21px}.article-section{padding-block:30px 55px}.article-title{font-size:34px}.article-body{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}}.font-mono-retro{font-family:var(--mono);font-variant-ligatures:none;font-weight:500;letter-spacing:-.01em}.gradient-text{animation:gradient-move 4s ease-in-out infinite alternate;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,var(--acc1),var(--acc2),var(--acc1));background-size:200% 100%;color:transparent}.gradient-underline{position:relative;text-decoration:none}.gradient-underline:after{animation:gradient-move .5s ease-in-out infinite alternate;background-image:linear-gradient(90deg,var(--acc1),var(--acc2),var(--acc1));background-size:200% 100%;border-radius:999px;bottom:-.08em;content:"";height:2px;left:0;position:absolute;transition:width .25s ease-out;width:0}.gradient-underline:hover:after{width:100%}:root{--mono:"Pixelify Sans",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--acc1:#22c1c3;--acc2:#4b6fff}@keyframes gradient-move{0%{background-position:0 50%}to{background-position:100% 50%}}
