@font-face{font-family:Berserker-Regular;src:url(/fonts/Berserker-Regular.woff2) format("woff2");font-display:swap}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}.wrapper{--text-accent: rgb(146, 41, 41);box-sizing:border-box;width:100dvw}.tagline{display:grid;grid-template-rows:1fr 1fr;row-gap:.5em;margin:0 auto 1em;max-width:min(80ch,90dvw);font-family:Berserker-Regular}.tagline span.right-aligned{text-align:right}.mask{position:relative}.mask:after{position:absolute;content:"D";color:var(--text-accent);top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:url(/god-of-war-mask.svg);mask-image:url(/god-of-war-mask.svg);mask-repeat:no-repeat;mask-position:15%;mask-size:contain;filter:brightness(1.5)}.gallery{padding:0;margin:0;list-style-type:none}.gallery .slide{position:relative;height:100vh;scroll-snap-align:start;box-sizing:border-box;view-timeline:--slide}.gallery .slide .content{width:100%;height:100%;box-sizing:border-box}.intro{display:grid;place-content:center}.background{--mask-size: 800px;box-sizing:border-box;position:absolute;inset:0;pointer-events:none;background:url(/god-of-war-mask.svg);background-repeat:no-repeat;background-position:80% center;background-size:auto 150vh;opacity:.5;z-index:-1;font-family:Berserker-Regular;--drop-shadow-opacity: .75;filter:contrast(1.02) brightness(.99) drop-shadow(5px 5px 15px rgba(var(--text-raw),var(--drop-shadow-opacity)));display:flex;flex-direction:column;justify-content:end;align-items:center;padding:2em;gap:3em}.background .tagline-two{max-width:350px;width:100%;display:flex;flex-direction:column;font-size:1.15em}.background .tagline-two span:last-of-type{text-align:right}.background span.algiz{position:relative;display:block;width:0;height:.85lh;border:1.5px solid;color:red}.background span.algiz:before{position:absolute;top:-10%;left:-50%;width:1ch;aspect-ratio:1/1;content:"";border-top:3px solid;border-right:3px solid;transform:translate(-50%,-10%) rotate(135deg)}.background span.algiz:after{position:absolute;top:50%;left:-50%;width:1.5lh;aspect-ratio:1/1;content:"";transform:translate(-50%,-50%);border:3px double;border-radius:50%;opacity:.25}.background:before{position:absolute;inset:0;content:"";border:2.5px solid red;pointer-events:none}@supports (animation-timeline: scroll()){@keyframes fade{0%,to{opacity:0;scale:.9}50%{opacity:1;scale:1}}.gallery .slide .content{animation-name:fade;animation-timing-function:ease-in-out;animation-direction:both;animation-timeline:--slide}}@media screen and (max-width: 480px){.tagline{font-size:1.8em}.background{background-position:20vw center}}@media (pointer: coarse){.background{--mask-size: 75%;--x: 50%;--y: 0%}}:root[data-theme=dark]{.background{--drop-shadow-opacity: 0}}.rune.svelte-1fiely1 .frame:where(.svelte-1fiely1){transform-origin:center;animation:svelte-1fiely1-spin 45s linear infinite}@keyframes svelte-1fiely1-spin{0%{rotate:0}to{rotate:-360deg}}.rune.raido.svelte-1fiely1 path.frame:where(.svelte-1fiely1){rotate:-60deg}.rune.sowilo.svelte-1fiely1 path.frame:where(.svelte-1fiely1){rotate:135deg}.rune.eihwaz.svelte-1fiely1 path.frame:where(.svelte-1fiely1){rotate:-105deg}.rune.tiwaz.svelte-1fiely1 path.frame:where(.svelte-1fiely1){rotate:120deg}.rune.sowilo.svelte-1fiely1 .letters:where(.svelte-1fiely1) path:where(.svelte-1fiely1):not(.letter-sowilo){display:none}.rune.tiwaz.svelte-1fiely1 .letters:where(.svelte-1fiely1) path:where(.svelte-1fiely1):not(.letter-tiwaz){display:none}.rune.raido.svelte-1fiely1 .letters:where(.svelte-1fiely1) path:where(.svelte-1fiely1):not(.letter-raido){display:none}.rune.eihwaz.svelte-1fiely1 .letters:where(.svelte-1fiely1) path:where(.svelte-1fiely1):not(.letter-eihwaz){display:none}@media screen and (max-width: 720px){.rune.svelte-1fiely1{display:none}}.project[data-astro-cid-w4opuxfq]{--padding: 2em;display:grid;grid-template-areas:"hero mosaic";grid-template-columns:1fr 1fr;padding:var(--padding);gap:2em;max-width:min(2048px,100dvw);margin:auto}.project[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq]{position:relative;display:grid;grid-area:mosaic;min-height:0;min-width:0;gap:.25em;padding:5.5em 0 0;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));width:100%;height:100%;box-sizing:border-box;perspective:4000px}.project[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq] figure[data-astro-cid-w4opuxfq]{border-radius:.25em;overflow:hidden;box-shadow:1px 1px 1px #00000008,2px 2px 4px #0000000f,5px 5px 9px #00000017,10px 10px 15px #0000001f,15px 15px 24px #00000026}.project[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq] img[data-astro-cid-w4opuxfq]{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.project[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq] svg[data-astro-cid-w4opuxfq]{padding:3em}.revo-realms[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq]{grid-template-areas:". d d b b" "c c r b b" "c c a a a" "c c a a a" ". . a a a"}.revo-realms[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq] img[data-astro-cid-w4opuxfq]{object-position:top}.zanka-no-tachi[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq]{grid-template-areas:". . b b b" ". . b b b" "a a a a ." "a a a a r" "a a a a ."}.unshaken[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq]{grid-template-areas:"d d d b b" "d d d b b" "c r a a a" "e e a a a" "e e a a a"}.cosmic-canvas[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq]{grid-template-areas:"a a a r ." "a a a b b" "c c c b b" "c c c b b" "c c c . ."}.cosmic-canvas[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq] img[data-astro-cid-w4opuxfq],.revo-realms[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq] img[data-astro-cid-w4opuxfq]{filter:brightness(1.5)}.unshaken[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq] img[data-astro-cid-w4opuxfq],.zanka-no-tachi[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq] img[data-astro-cid-w4opuxfq]{filter:saturate(1.25)}.project[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq]{grid-area:hero;background-color:var(--background-color);height:100%;overflow:hidden;max-width:max(500px,100%);box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:1em;padding-right:5em}.revo-realms[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq]{--text-accent: rgb(143, 116, 87)}.zanka-no-tachi[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq]{--text-accent: rgb(217, 101, 48)}.unshaken[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq]{--text-accent: rgb(196, 6, 16)}.cosmic-canvas[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq]{--text-accent: rgb(205, 156, 7)}.project[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq] .title[data-astro-cid-w4opuxfq]{font-size:var(--step-5);font-weight:600;line-height:1.15;margin:0 0 .5em;color:var(--text-accent)}.project[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq] p[data-astro-cid-w4opuxfq],.project[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq] ul[data-astro-cid-w4opuxfq]{font-size:.9em;text-align:justify;max-width:100%}.project[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq] ul[data-astro-cid-w4opuxfq]{position:relative;margin-top:2em;list-style-type:square;display:flex;flex-direction:column;gap:1em}.project[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq] ul[data-astro-cid-w4opuxfq] li[data-astro-cid-w4opuxfq]{position:relative}.project[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq] ul[data-astro-cid-w4opuxfq] li[data-astro-cid-w4opuxfq]:before{--bg: color-mix(in srgb, var(--text-accent) 10%, var(--background-color));position:absolute;content:"";inset:-.25em -1em;background:linear-gradient(to right,transparent,var(--bg) 7.5%,transparent 75%);z-index:-1}.project[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq] h3[data-astro-cid-w4opuxfq]{font-size:1em}.project[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq] .links[data-astro-cid-w4opuxfq]{display:flex;gap:1em;align-items:end}.icon-github[data-astro-cid-w4opuxfq]{width:1.75em}.icon-demo[data-astro-cid-w4opuxfq]{width:1.5em}.highlight[data-astro-cid-w4opuxfq]{filter:grayscale(.25) saturate(3)}.project[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq] .tags[data-astro-cid-w4opuxfq]{display:flex;flex-wrap:wrap;gap:1em}.tag[data-astro-cid-w4opuxfq]{--color: var(--text-accent);--percentage: 40%;position:relative;overflow:hidden;background-color:color-mix(in oklab,var(--color) var(--percentage),transparent);padding-inline:.5em;border-radius:.2em}.metric[data-astro-cid-w4opuxfq]:after{position:absolute;inset:0;content:"";backdrop-filter:hue-rotate(180deg)}@media (orientation: portrait){.project[data-astro-cid-w4opuxfq]{grid-template-areas:"mosaic" "hero";grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:2em}.project[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq]{min-height:0;min-width:0;height:100%;width:100%;padding:0}.project[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq] .title[data-astro-cid-w4opuxfq]{font-size:2.25em}.project[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq] .description[data-astro-cid-w4opuxfq]{max-width:100%}.project[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq]{padding-top:0}}@media screen and (max-width: 1200px){.project[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq] .title[data-astro-cid-w4opuxfq]{font-size:2.25em}}@media screen and (max-width: 720px){.project[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq]{grid-template:"a" / 1fr;height:20vh}.project[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq]:after{position:absolute;content:"";inset:calc(var(--padding) * -1);background:linear-gradient(to bottom,var(--background-color),transparent 45%)}.project[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq] figure[data-astro-cid-w4opuxfq]:not(:first-of-type){display:none}.project[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq] figure[data-astro-cid-w4opuxfq]:first-of-type{position:absolute;inset:calc(var(--padding) * -1);bottom:0;width:calc(100% + var(--padding) * 2);height:calc(100% + var(--padding))}.project[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq] img[data-astro-cid-w4opuxfq]{object-position:center}}@media (orientation: portrait){.project[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq]{height:40vh}}@media screen and (max-width: 430px){.project[data-astro-cid-w4opuxfq] .mosaic[data-astro-cid-w4opuxfq]{height:30vh}.project[data-astro-cid-w4opuxfq] .hero[data-astro-cid-w4opuxfq] .highlights[data-astro-cid-w4opuxfq]{display:none}}