*{box-sizing:border-box;font:inherit;margin:0}img{object-fit:cover;max-width:100%}:root{--clr-base:#faf3eb;--clr-surface:#fffbf5;--clr-overlay:#f2e9de;--clr-muted:#6e6986;--clr-subtle:#7a7693;--clr-text:#585379;--clr-glass:color-mix(in srgb,var(--clr-surface)75%,transparent);--clr-love:#b4647b;--clr-foam:#56949f}@media (prefers-color-scheme:dark){:root{--clr-base:#1a1825;--clr-surface:#201d2f;--clr-overlay:#252239;--clr-muted:#6e6986;--clr-subtle:#918daa;--clr-text:#deddf4;--clr-glass:color-mix(in srgb,var(--clr-surface)90%,transparent);--clr-love:#eb6f93;--clr-foam:#9dcfd8}}html{height:100%}body{min-height:100%;color:var(--clr-text);background-color:var(--clr-base);font-family:Inter,sans-serif;display:grid}a{color:var(--clr-subtle);fill:var(--clr-subtle);outline:#0000;text-decoration:none;position:relative}a.no-contrast{color:inherit}a{transition:color .2s,fill .2s}a:hover{color:var(--clr-love);fill:var(--clr-love)}a:focus-visible{color:var(--clr-love);fill:var(--clr-love)}a:before{content:"";border-radius:2px;width:100%;height:2px;transition:background-color .2s .2s;display:block;position:absolute;bottom:-2px;left:0}a:hover:before{background-color:var(--clr-love)}a:focus-visible:before{background-color:var(--clr-love)}h1{font-family:Alkatra,sans-serif;font-size:3rem;font-weight:700;line-height:1}h1:has(+p){margin-bottom:6px}h1+p{color:var(--clr-muted);text-wrap:pretty}h2{color:var(--clr-subtle);margin-bottom:1rem;font-family:Alkatra,sans-serif;font-size:2rem;font-weight:600;line-height:1}h3{color:var(--clr-subtle);font-family:Alkatra,sans-serif;font-size:1.5rem}strong{color:var(--clr-love);font-weight:700}@keyframes swipe{0%{text-indent:-200%}50%,60%{text-indent:0;opacity:1}to{text-indent:9ch;opacity:0}}.hero{gap:2rem;display:flex}.hero .hero-art{image-rendering:pixelated;height:auto}.hero .hero-content{background:var(--clr-surface);border-radius:0 1rem 1rem 0;max-width:55ch;margin-top:2rem;margin-bottom:2rem;padding:1rem 1rem 1rem 2rem}.hero .greeting{height:2rem;position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.hero .greeting:before{content:"Kia Ora. Hello."}.hero .greeting:before{content:"Kia Ora.";animation:4s ease-in-out infinite swipe;position:absolute}.hero .greeting:after{content:"Hello.";opacity:0;animation:4s ease-in-out 2s infinite swipe;position:absolute}}.hero .hero-list{gap:1rem;margin-top:1rem;display:flex}.content{--edge:clamp(1.5rem,5vw,4rem);--gutter:clamp(0rem,3vw,3rem);--col-max:30rem;grid-template-columns:[full-start]minmax(var(--edge),1fr)[popout-start]minmax(var(--gutter),1fr)[content-start]minmax(0,var(--col-max))[content-mid]minmax(0,var(--col-max))[content-end]minmax(var(--gutter),1fr)[popout-end]minmax(var(--edge),1fr)[full-end];grid-auto-flow:dense;gap:2rem;width:100%;max-height:60ch;margin-bottom:2rem;display:grid}.content:nth-child(2){background-color:var(--clr-surface)}.content>:first-child{grid-column:content-start/content-mid;justify-self:right}.content>.card{grid-column:content-mid/content-end}.content>.scroll-list:first-child{grid-column:popout-start/content-mid;justify-self:stretch}.content:nth-child(odd)>:first-child{grid-column:content-mid/content-end;justify-self:left}.content:nth-child(odd)>.card{grid-column:content-start/content-mid}.content:nth-child(odd)>.scroll-list:first-child{grid-column:content-mid/popout-end}.content .card{background-color:var(--clr-surface);aspect-ratio:1.618;border-radius:1rem;padding:2rem}.content img{min-height:0;max-height:100%}.content .scroll-list{scrollbar-gutter:stable;gap:1rem;max-width:100%;padding-bottom:1rem;padding-right:5%;display:flex;position:relative;overflow-x:scroll;overflow-y:hidden;-webkit-mask:linear-gradient(90deg,#fff 95%,#0000);mask:linear-gradient(90deg,#fff 95%,#0000)}.content .scroll-list img{max-width:none;max-height:100%}@media (max-width:560px){.content{grid-template-columns:[full-start]minmax(0,1fr)[full-end];max-height:none;padding-left:1.25rem;padding-right:1.25rem}.content>:first-child{grid-column:full;justify-self:stretch}.content>.card{grid-column:full;justify-self:stretch}.content:nth-child(odd)>:first-child{grid-column:full;justify-self:stretch}.content:nth-child(odd)>.card{grid-column:full;justify-self:stretch}.content>.scroll-list:first-child{grid-column:full;justify-self:stretch}.content:nth-child(odd)>.scroll-list:first-child{grid-column:full;justify-self:stretch}}.content.full{background-color:var(--clr-surface)}.footer{width:100%;color:var(--clr-muted);margin-top:auto;padding-left:2rem}.post{background-color:var(--clr-surface);border-radius:1rem;max-width:70ch;margin:3rem auto;padding:2rem}.post .post-back{margin-bottom:1.5rem;font-size:.9rem;display:inline-block}.post .post-date{color:var(--clr-muted);margin-bottom:2rem;font-size:.9rem}.post>.scroll-list{place-content:center;gap:1rem;margin-top:1rem;margin-bottom:1rem;display:flex}.post-body{text-wrap:pretty;line-height:1.5}.post-body p{margin-bottom:1.25rem}.post-body ul{margin-bottom:1.25rem;padding-left:1.5rem}.post-body ol{margin-bottom:1.25rem;padding-left:1.5rem}.post-body li{margin-bottom:.5rem}.post-body h2{margin-top:2rem;margin-bottom:1rem}.post-body h3{margin-top:2rem;margin-bottom:1rem}.post-body code{background-color:var(--clr-overlay);border-radius:.3rem;padding:.15rem .4rem;font-family:monospace;font-size:.9em}.post-body>.scroll-list{place-content:center;gap:1rem;margin-top:1.5rem;margin-bottom:1.5rem;display:flex}.post-body :last-child{margin-bottom:0}@media (max-width:600px){.post{margin:1rem;padding:1.5rem}}.spacer{flex-grow:1}.mark{aspect-ratio:1;height:2rem}.mtg-card{border-radius:24px;width:366px;height:510px}