@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--spacing:.25rem}}@layer base,components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.m-0{margin:0}.mx-auto{margin-inline:auto}.my-0{margin-block:0}.-mt-\(--hero-overlap\){margin-top:calc(var(--hero-overlap) * -1)}.mt-10\.5{margin-top:calc(var(--spacing) * 10.5)}.mt-11{margin-top:calc(var(--spacing) * 11)}.mb-\[calc\(var\(--section-gap\)-1\.25px\)\]{margin-bottom:calc(var(--section-gap) - 1.25px)}.contents{display:contents}.flex{display:flex}.grid{display:grid}.min-h-svh{min-height:100svh}.w-full{width:100%}.max-w-\(--content-width\){max-width:var(--content-width)}.max-w-90{max-width:calc(var(--spacing) * 90)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.gap-6{gap:calc(var(--spacing) * 6)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-6\.5{row-gap:calc(var(--spacing) * 6.5)}.px-7{padding-inline:calc(var(--spacing) * 7)}.pb-18{padding-bottom:calc(var(--spacing) * 18)}.text-center{text-align:center}@media (width<=540px){.mobile\:mt-8\.5{margin-top:calc(var(--spacing) * 8.5)}.mobile\:mt-9{margin-top:calc(var(--spacing) * 9)}.mobile\:gap-3{gap:calc(var(--spacing) * 3)}.mobile\:gap-x-3{column-gap:calc(var(--spacing) * 3)}.mobile\:px-5{padding-inline:calc(var(--spacing) * 5)}.mobile\:pb-12{padding-bottom:calc(var(--spacing) * 12)}}@media (width<=360px){.small-mobile\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}}@media (width>=768px){.tablet\:max-w-120{max-width:calc(var(--spacing) * 120)}.tablet\:gap-y-7{row-gap:calc(var(--spacing) * 7)}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}.hero{height:calc(100svh - 64px);min-height:260px;line-height:0}@media (height<=500px){.hero{min-height:140px}}.hero img{object-fit:contain;width:84vw;max-width:100%;height:auto;max-height:57.6svh;display:block}@media (width<=540px){.hero img{width:100%;max-height:56.24svh}}@media (height<=500px){.hero img{max-height:51.2svh}}.dialogue{--frame-top:32px;--body-size:15px;--name-size:15px;--portrait-size:128px;--portrait-gap:28px;--body-gap:22px;--padding-left:24px;--padding-right:28px;--corner:18px;--dots-size:210px;isolation:isolate;grid-template-columns:var(--portrait-size) minmax(0, 1fr);column-gap:var(--portrait-gap);width:100%;min-height:182px;padding:var(--frame-top) var(--padding-right) 28px var(--padding-left);text-align:left;font-size:var(--body-size);color:#f3faf5;grid-template-rows:auto 1fr;line-height:1.9;display:grid;position:relative}@media (width<=540px){.dialogue{--body-size:14px;--name-size:14px;--portrait-size:96px;--portrait-gap:20px;--body-gap:12px;--padding-left:12px;--padding-right:16px;--dots-size:150px;min-height:160px;padding-bottom:18px;line-height:1.85}}@media (width<=489px){.dialogue{--corner:12px}}@media (width<=360px){.dialogue{--portrait-size:80px;--portrait-gap:16px;min-height:144px}}.dialogue:before{content:"";inset:var(--frame-top) 0 2px;z-index:-2;background:#263f42 url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='210'%20height='210'%20viewBox='0%200%20210%20210'%20%3e%3cdefs%3e%3c!--%20A%206px%20diagonal%20pitch;%20a%20mask%20fades%20the%20pattern%20toward%20the%20center.%20--%3e%3cpattern%20id='dots'%20width='8.485'%20height='8.485'%20patternUnits='userSpaceOnUse'%20%3e%3ccircle%20cx='2.121'%20cy='2.121'%20r='2'%20fill='%23172e31'%20/%3e%3ccircle%20cx='6.364'%20cy='6.364'%20r='2'%20fill='%23172e31'%20/%3e%3c/pattern%3e%3clinearGradient%20id='fade'%20x2='0.5'%20y2='0.5'%3e%3cstop%20stop-color='white'%20/%3e%3cstop%20offset='1'%20stop-color='black'%20/%3e%3c/linearGradient%3e%3cmask%20id='corner'%3e%3crect%20width='210'%20height='210'%20fill='url(%23fade)'%20/%3e%3c/mask%3e%3c/defs%3e%3crect%20width='210'%20height='210'%20fill='url(%23dots)'%20mask='url(%23corner)'%20transform='rotate(180%20105%20105)'%20/%3e%3c/svg%3e") right bottom/var(--dots-size) var(--dots-size) no-repeat;clip-path:polygon(var(--corner) 0, calc(100% - var(--corner)) 0, 100% var(--corner), 100% calc(100% - var(--corner)), calc(100% - var(--corner)) 100%, var(--corner) 100%, 0 calc(100% - var(--corner)), 0 var(--corner));position:absolute}.dialogue:after{content:"";inset:var(--frame-top) 0 2px;z-index:-1;pointer-events:none;border:26px solid #0000;border-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='64'%20height='64'%20viewBox='0%200%2064%2064'%20%3e%3c!--%20CSS%20border-image%20keeps%20the%20corners%20fixed%20and%20stretches%20only%20the%20edges.%20--%3e%3cpath%20d='M18%201%20H46%20L63%2018%20V46%20L46%2063%20H18%20L1%2046%20V18%20Z'%20fill='none'%20stroke='%23375b57'%20stroke-width='1.5'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M25%209%20H39%20L55%2025%20V39%20L39%2055%20H25%20L9%2039%20V25%20Z'%20fill='none'%20stroke='%23a8c9bb'%20stroke-linejoin='round'%20/%3e%3c/svg%3e") 26/26px;position:absolute}@media (width<=489px){.dialogue:after{border-width:20px;border-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='52'%20height='52'%20viewBox='0%200%2052%2052'%20%3e%3c!--%20Smaller%20corner%20cuts,%20with%20the%20same%208px%20inset%20for%20the%20inner%20line.%20--%3e%3cpath%20d='M12%201%20H40%20L51%2012%20V40%20L40%2051%20H12%20L1%2040%20V12%20Z'%20fill='none'%20stroke='%23375b57'%20stroke-width='1.5'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M19%209%20H33%20L43%2019%20V33%20L33%2043%20H19%20L9%2033%20V19%20Z'%20fill='none'%20stroke='%23a8c9bb'%20stroke-linejoin='round'%20/%3e%3c/svg%3e") 20/20px}}.dialogue .speaker{margin:0 calc(-1 * var(--padding-right)) -3px calc(-1 * var(--padding-left));padding:18px var(--padding-right) 9px calc(var(--padding-left) + var(--portrait-size) + var(--portrait-gap));background:#375b57 url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='210'%20height='210'%20viewBox='0%200%20210%20210'%20%3e%3cdefs%3e%3c!--%20A%206px%20diagonal%20pitch;%20a%20mask%20fades%20the%20pattern%20toward%20the%20center.%20--%3e%3cpattern%20id='dots'%20width='8.485'%20height='8.485'%20patternUnits='userSpaceOnUse'%20%3e%3ccircle%20cx='2.121'%20cy='2.121'%20r='2'%20fill='%23172e31'%20/%3e%3ccircle%20cx='6.364'%20cy='6.364'%20r='2'%20fill='%23172e31'%20/%3e%3c/pattern%3e%3clinearGradient%20id='fade'%20x2='0.5'%20y2='0.5'%3e%3cstop%20stop-color='white'%20/%3e%3cstop%20offset='1'%20stop-color='black'%20/%3e%3c/linearGradient%3e%3cmask%20id='corner'%3e%3crect%20width='210'%20height='210'%20fill='url(%23fade)'%20/%3e%3c/mask%3e%3c/defs%3e%3crect%20width='210'%20height='210'%20fill='url(%23dots)'%20mask='url(%23corner)'%20/%3e%3c/svg%3e") left top/var(--dots-size) var(--dots-size) no-repeat;min-width:0;min-height:39px;clip-path:polygon(var(--corner) 0, calc(100% - var(--corner)) 0, 100% var(--corner), 100% 100%, 0 100%, 0 var(--corner));font-size:var(--name-size);letter-spacing:.02em;overflow-wrap:anywhere;color:#d7ebe0;z-index:-2;grid-area:1/1/auto/-1;font-weight:700;line-height:1.5;position:relative}.dialogue .speaker:after{content:"";border-bottom:1px solid #a8c9bb;position:absolute;bottom:0;left:9px;right:12px}.dialogue .display-name{font:inherit;display:block}.dialogue .portrait-frame{isolation:isolate;grid-area:1/1/3;align-self:start;margin-top:-12px;position:relative}@media (width<=540px){.dialogue .portrait-frame{margin-top:1px}}.dialogue .portrait-frame:before{content:"";z-index:-1;border:6px solid #0000;border-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20%3e%3cpath%20d='M6%201%20H18%20L23%206%20V18%20L18%2023%20H6%20L1%2018%20V6%20Z'%20fill='%23263f42'%20stroke='%23a8c9bb'%20stroke-width='1.5'%20stroke-linejoin='round'%20/%3e%3c/svg%3e") 6 fill/6px;position:absolute;inset:-5px}.dialogue .portrait{width:var(--portrait-size);height:var(--portrait-size);object-fit:contain;border-radius:calc(var(--portrait-size) * .16);display:block}.dialogue p{min-width:0;padding-top:var(--body-gap);font:inherit;white-space:pre-line;overflow-wrap:anywhere;grid-area:2/2;margin:0}.sites a{--image-fade-start:36%;--image-fade-middle:64%;aspect-ratio:2.8;border:2px solid var(--menu-border,#335e5a);background-color:#f8fdfb;background-image:linear-gradient(90deg, transparent var(--image-fade-start), #f8fdfbe0 var(--image-fade-middle), #f8fdfb 100%), var(--menu-background);width:100%;min-width:0;min-height:104px;color:var(--menu-text,#174b49);overflow-wrap:anywhere;background-position:0;background-size:cover;border-radius:12px;flex-direction:column;justify-content:center;padding:14px 12px 14px 48%;font-size:21px;font-weight:700;line-height:1.35;text-decoration:none;display:flex;box-shadow:4px 4px #c9ddd7}@media (width>=941px){.sites a{aspect-ratio:auto}}@media (width<=540px){.sites a{--image-fade-start:18%;--image-fade-middle:48%;aspect-ratio:auto;padding:12px 6px 12px 38%;font-size:17px}}@media (width<=360px){.sites a{padding-left:30%;font-size:16px}}.sites a:hover{background-color:#f8fdfb;transform:translate(-1px,-1px);box-shadow:5px 5px #c9ddd7}.sites a:focus-visible{outline:2px solid var(--menu-border,#174b49);outline-offset:7px;background-color:#f8fdfb;border-radius:12px}.sites a:active{transform:translate(3px,3px);box-shadow:1px 1px #c9ddd7}.sites a{transition:transform .12s,box-shadow .12s}@media (prefers-reduced-motion:reduce){.sites a{transition:none}.sites a:hover,.sites a:active{transform:none}}.sites .site-garage{--menu-background:url(/_astro/garage-bg.x0apfefk.png);--menu-border:#3c335e;--menu-text:#2a174b}.sites .site-garage:hover,.sites .site-garage:focus-visible{--menu-background:url(/_astro/garage-bg-hover.GYwApS_r.png)}.sites .site-blog{--menu-background:url(/_astro/blog-bg.BwHSyA0r.png);--menu-border:#71635b;--menu-text:#563a36}.sites .site-blog:hover,.sites .site-blog:focus-visible{--menu-background:url(/_astro/blog-bg-hover.C5CQEGnd.png)}.sites span{color:inherit;margin-top:5px;font-size:13px;font-weight:400;display:block}@media (width<=540px){.sites span{font-size:11px;line-height:1.5}}@media (width<=360px){.sites span{font-size:10px}}.profiles a{color:#335e5a;border-radius:12px;flex-direction:column;align-items:center;gap:13px;min-width:0;padding:10px 4px;font-size:13px;display:flex}@media (width>=768px){.profiles a{gap:15px;padding:14px 8px;font-size:16px}}.profiles a:hover{background-color:#f8fdfb;transform:translate(-1px,-1px);box-shadow:2px 2px #c9ddd7}.profiles a:active{box-shadow:none;transform:translate(1px,1px)}.profiles a:focus-visible{background-color:#f8fdfb;border-radius:12px}.profiles a{transition:transform .12s,box-shadow .12s}@media (prefers-reduced-motion:reduce){.profiles a{transition:none}.profiles a:hover,.profiles a:active{transform:none}}.profiles img{object-fit:contain;width:28px;height:28px;display:block}@media (width>=768px){.profiles img{width:40px;height:40px}}.profiles span{overflow-wrap:anywhere}.introduction{--hero-overlap:14.25px}@media (width<=540px){.introduction{--hero-overlap:26.25px}}@media (width<=360px){.introduction{--hero-overlap:27.25px}}:root{--content-width:600px;--section-gap:96px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-rounded);color:#174b49;font-synthesis:none;background:#edf7f4}*{box-sizing:border-box}::selection{background:#cce9df}a{color:inherit;text-underline-offset:5px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}a:hover{text-decoration-color:currentColor}a:focus-visible{outline-offset:6px;border-radius:1px;outline:2px solid #174b49}footer{color:#526c67;letter-spacing:.025em;font-size:13px;font-weight:400;line-height:1.6}@media (width>=941px){:root{--content-width:clamp(600px, calc(600px + (100vw - 940px) * .266667), 680px)}}@media (width<=540px){:root{--section-gap:80px}}@media (height<=500px){:root{--section-gap:64px}}
