@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Comforter&family=Give+You+Glory&family=Oregano&display=swap";@import"https://fonts.googleapis.com/css2?family=Cause:wght@100..900&display=swap";*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:#05030b;color:#f5f5f5;font-family:Cause,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;scroll-behavior:auto}body{min-height:100vh}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;font-weight:400}.section-title{font-family:Give You Glory,Inter,system-ui,sans-serif}.section{--section-padding-top: 6rem;--section-padding-bottom: 6rem;--section-padding-x: 1.5rem;position:relative;padding:var(--section-padding-top) var(--section-padding-x) var(--section-padding-bottom);scroll-margin-top:5rem}.section--hero{position:relative;min-height:100vh;padding:0;overflow:hidden;display:flex;align-items:center}.section--work{--section-padding-top: clamp(3rem, 3.5vw, 5.5rem);--section-padding-bottom: clamp(5rem, 8vw, 7rem)}.section--skills{--section-padding-top: clamp(2rem, 4vw, 3.5rem);--section-padding-bottom: clamp(5rem, 8vw, 7rem)}.section--about{--section-padding-top: clamp(4.5rem, 6.5vw, 8rem);--section-padding-bottom: clamp(5rem, 8vw, 7rem)}.section--contact{--section-padding-top: clamp(3rem, 6vw, 5rem);--section-padding-bottom: clamp(4rem, 7vw, 6rem)}.section-inner{max-width:960px;margin:0 auto}.section-title{font-size:3.6rem;font-weight:300;margin:0 0 2rem;color:#8e7149}#bg-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-content{position:relative;z-index:1;width:100%;padding:0}.hero-inner{width:min(100%,960px);margin:0 auto}.hero-banner{position:relative;z-index:2;width:100%;--hero-banner-feather-height: 22px;--hero-banner-feather-alpha: .28;--hero-banner-feather-blur: 10px;background:rgba(16,16,16,var(--hero-banner-bg-alpha));backdrop-filter:blur(var(--hero-banner-blur));-webkit-backdrop-filter:blur(var(--hero-banner-blur));padding:clamp(2rem,4vw,2.8rem) clamp(2rem,7vw,6rem) clamp(1.5rem,3vw,2.1rem);box-shadow:0 26px 60px #000000d9;border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.07)}.hero-banner:before,.hero-banner:after{content:"";position:absolute;left:0;right:0;height:var(--hero-banner-feather-height);pointer-events:none;background:rgba(16,16,16,var(--hero-banner-feather-alpha));filter:blur(var(--hero-banner-feather-blur));z-index:-1}.hero-banner:before{top:calc(var(--hero-banner-feather-height) * -.5)}.hero-banner:after{bottom:calc(var(--hero-banner-feather-height) * -.5)}@media(max-width:640px){.hero-banner{padding:clamp(1.8rem,7vw,2.4rem) clamp(1.5rem,7vw,2rem) clamp(1.4rem,5vw,2rem);border-radius:1.25rem}}.hero-title{font-family:Comforter,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;font-size:clamp(3.8rem,7vw,5.5rem);line-height:.95;color:#e8e9ed;margin:0 0 clamp(1rem,2vw,1.45rem)}.hero-role{margin:0 0 clamp(.9rem,1.6vw,1.25rem);font-family:Comforter,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(2.3rem,4.6vw,3.2rem);line-height:1;font-weight:400;color:#8e7149}.hero-tagline{font-family:Oregano,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;margin:0;max-width:46rem;opacity:75%;font-size:clamp(1.4rem,2vw,2rem);font-weight:200;color:#a6b9a3;line-height:1.6}.site-nav{position:fixed;top:1.5rem;right:1.5rem;z-index:2;display:flex;gap:1.25rem;font-size:.9rem;letter-spacing:.18em;text-transform:uppercase;background:#05030bb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.6rem 1rem;border-radius:999px}.site-nav a{position:relative;color:#9ca3af;text-decoration:none;transition:color .22s ease,text-shadow .22s ease}.site-nav a:after{content:"";position:absolute;left:0;bottom:-.2rem;width:0;height:1px;background:#8e7149;transition:width .16s ease-out}.site-nav a:hover,.site-nav a:focus-visible{color:#fff;text-shadow:0 0 18px color-mix(in srgb,rgb(142,113,73) 45%,transparent)}.site-nav a:hover:after,.site-nav a:focus-visible:after{width:100%}.section--hero{position:relative;overflow:hidden;--hero-blueprint-opacity: .62;--hero-blueprint-size: auto 104%;--hero-blueprint-x: left;--hero-blueprint-y: 50%;--hero-blueprint-blur: 0px;--hero-blueprint-fade-start: calc(100% - 120px) ;--hero-banner-bg-alpha: .68;--hero-banner-blur: 2px}.section--hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url(/images/hero/hero-arcane-blueprint-v1.png);background-repeat:no-repeat;background-position:var(--hero-blueprint-x) var(--hero-blueprint-y);background-size:var(--hero-blueprint-size);opacity:var(--hero-blueprint-opacity);filter:invert(86%) sepia(18%) saturate(280%) hue-rotate(8deg) brightness(108%) contrast(90%) blur(var(--hero-blueprint-blur));-webkit-mask-image:linear-gradient(to bottom,black 0,black var(--hero-blueprint-fade-start),transparent 100%);mask-image:linear-gradient(to bottom,black 0,black var(--hero-blueprint-fade-start),transparent 100%)}.section--hero .hero-banner,.section--hero .site-nav{z-index:2}.section--hero #bg-canvas{display:none}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,2.2vw,2.2rem);align-items:stretch}.project-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:25rem;padding:clamp(1.7rem,2vw,2.15rem);border:1px solid rgba(185,158,104,.18);border-radius:1.1rem;background:linear-gradient(145deg,#1c15309e,#0d0b18d1);box-shadow:inset 0 1px #ffffff09,0 24px 60px #00000052;transition:border-color .26s ease,background .26s ease,box-shadow .26s ease,transform .26s ease}.project-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(185,158,104,.12),transparent 18rem);opacity:0;transition:opacity .26s ease}.project-card:after{content:"";position:absolute;top:1rem;left:1.15rem;right:1.15rem;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(185,158,104,.34),transparent);opacity:.45}.project-card:hover,.project-card:focus-within{transform:translateY(-.18rem);border-color:#b99e6885;background:linear-gradient(145deg,#221a3ab3,#0e0c1ae6);box-shadow:inset 0 1px #ffffff0e,inset 0 0 32px #b99e680b,0 28px 70px #0000006b}.project-card:hover:before,.project-card:focus-within:before{opacity:1}.project-title{position:relative;z-index:1;margin:0 0 .85rem;font-size:clamp(1.3rem,1.8vw,1.6rem);line-height:1.15;color:#fff}.project-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem 0}.project-meta span{white-space:nowrap}.project-meta span:after{content:none}.project-meta span+span:before{content:"•";display:inline-block;margin-inline:.65rem}.project-desc{position:relative;z-index:1;margin:0;font-size:clamp(.88rem,1vw,.92rem);line-height:1.55;color:#dedae8c7}.project-desc p{margin:0}.project-desc p+p{margin-top:1rem}.project-media{--project-media-height: clamp(2.4rem, 4vw, 3.6rem);--project-media-alpha: .26;--project-media-glow-alpha: .08;position:relative;z-index:1;height:var(--project-media-height);margin:0 0 1rem;border-radius:.65rem;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(185,158,104,var(--project-media-glow-alpha)),transparent 72%),linear-gradient(90deg,transparent,rgba(185,158,104,.1),transparent);opacity:var(--project-media-alpha)}.project-media:before,.project-media:after{content:"";position:absolute;inset:50% 0 auto;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(235,226,205,.48),transparent)}.project-media:after{inset:auto 18% 50%;opacity:.4;transform:translateY(.45rem)}.project-media__glyph{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(235,226,205,.7) 0 2px,transparent 3px),radial-gradient(circle at 34% 50%,rgba(235,226,205,.42) 0 1px,transparent 2px),radial-gradient(circle at 66% 50%,rgba(235,226,205,.42) 0 1px,transparent 2px),linear-gradient(90deg,transparent 22%,rgba(235,226,205,.36),transparent 78%)}.section--work{position:relative;overflow:hidden;isolation:isolate;--work-bg-opacity: .8;--work-bg-size: cover;--work-bg-x: 50%;--work-bg-y: top;--work-bg-blur: 0px;--work-overlap: clamp(3rem, 7vw, 6rem);--work-bg-brightness: 105%;--work-bg-contrast: 92%;--work-bg-saturation: 260%;--work-bg-fade-top-end: 600px;--work-bg-fade-bottom-start: calc(100% - 120px) ;--work-glow-opacity: .04;--work-veil-top-alpha: .68;--work-veil-bottom-alpha: .68}.section--work:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:url(/images/backgrounds/work-background-v0.png);background-repeat:no-repeat;background-position:var(--work-bg-x) var(--work-bg-y);background-size:var(--work-bg-size);opacity:var(--work-bg-opacity);filter:invert(86%) sepia(18%) saturate(var(--work-bg-saturation)) hue-rotate(8deg) brightness(var(--work-bg-brightness)) contrast(var(--work-bg-contrast)) blur(var(--work-bg-blur))}.section--work:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 18%,rgba(185,158,104,var(--work-glow-opacity)),transparent 34rem),linear-gradient(to bottom,rgba(3,3,8,var(--work-veil-top-alpha)),rgba(3,3,8,var(--work-veil-bottom-alpha)))}.section--work:before,.section--work:after{-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--work-bg-fade-top-end),black var(--work-bg-fade-bottom-start),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black var(--work-bg-fade-top-end),black var(--work-bg-fade-bottom-start),transparent 100%)}.section--work .section-inner{position:relative;z-index:1}.skills-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}@media(max-width:900px){.skills-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.skills-layout{grid-template-columns:minmax(0,1fr)}}.skills-heading{margin:0 0 .75rem;font-size:1rem;color:#8e7149}.skills-list{margin:0;padding-left:0;list-style:none}.skill-text .skills-list li{position:relative;padding-left:1.25rem;font-size:1.1rem;font-weight:300;line-height:2.2;color:var(--skills-list-color);letter-spacing:.01em}.skill-text .skills-list li:before{content:"•";position:absolute;left:0;top:0;color:var(--skills-bullet-color);opacity:var(--skills-bullet-opacity)}.skills-stack{display:flex;flex-direction:column;gap:6rem;position:relative}@media(max-width:900px){.skills-stack{gap:clamp(2.5rem,5vw,3rem)}}@media(max-width:640px){.skills-stack{gap:2.5rem}}.skill-block{display:flex;align-items:center;gap:6rem;position:relative;z-index:1}.skill-block--right{flex-direction:row-reverse}@media(max-width:900px){.skill-block{flex-direction:column;gap:1.6rem}.skill-block--right{flex-direction:column}}.skill-text{flex:1;max-width:32rem}.skill-block--left .skill-text{text-align:left}.skill-block--right .skill-text{text-align:right}.skill-block--right .skill-text .skills-list{align-items:flex-end}.skill-block--right .skill-text li{padding-left:0;padding-right:1.25rem}.skill-block--right .skill-text li:before{left:auto;right:0}.section--skills{--skills-mobile-edge: clamp(1.25rem, 6vw, 4rem);--skills-mobile-text-width: min( 34rem, calc(100vw - var(--skills-mobile-edge) * 2) );--skills-title-color: color-mix(in srgb, #9ca3af 70%, white 30%);--skills-list-color: color-mix(in srgb, #9ca3af 85%, white 15%);--skills-bullet-color: rgb(142, 113, 73);--skills-bullet-opacity: .72}@media(max-width:900px){.skills-stack{align-items:stretch}.skill-block{width:100%;align-items:stretch}.skill-text{width:var(--skills-mobile-text-width);max-width:var(--skills-mobile-text-width)}.skill-block--left .skill-text{margin-right:auto;margin-left:var(--skills-mobile-edge);text-align:left}.skill-block--left .skills-list{padding-left:1.25rem;padding-right:0;text-align:left;direction:ltr}.skill-block--right .skill-text{margin-left:auto;margin-right:var(--skills-mobile-edge);text-align:right}.skill-block--right .skills-list{padding-left:0;padding-right:1.25rem;text-align:right;direction:rtl}.skill-block--right .skills-list li{direction:ltr}}.skill-title{margin:0 0 1rem;font-size:2.25rem;font-weight:300;color:var(--skills-title-color)}.skill-media{--skill-media-color: rgba(235, 226, 205, .373);--skill-media-size: 88%;flex:1;height:240px;position:relative;overflow:visible;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:0;box-shadow:none}.skill-media--placeholder{background:#ffffff09;border:1px solid rgba(235,226,205,.08);box-shadow:inset 0 0 32px #b99e6809}.skill-artwork{--skill-art-opacity: .6;--skill-art-width: 100%;--skill-art-height: 100%;--skill-art-fit: contain;--skill-art-invert: 80%;--skill-art-sepia: 40%;--skill-art-saturation: 260%;--skill-art-hue: 8deg;--skill-art-brightness: 150%;--skill-art-contrast: 88%;--skill-art-blur: .2px;--skill-art-glow-alpha: .75;--skill-art-glow-size: 32px;display:block;width:var(--skill-art-width);height:var(--skill-art-height);object-fit:var(--skill-art-fit);object-position:center;opacity:var(--skill-art-opacity);pointer-events:none;-webkit-user-select:none;user-select:none;filter:invert(var(--skill-art-invert)) sepia(var(--skill-art-sepia)) saturate(var(--skill-art-saturation)) hue-rotate(var(--skill-art-hue)) brightness(var(--skill-art-brightness)) contrast(var(--skill-art-contrast)) blur(var(--skill-art-blur)) drop-shadow(0 0 var(--skill-art-glow-size) rgba(185,158,104,var(--skill-art-glow-alpha)))}.section--skills{position:relative;overflow:hidden;isolation:isolate;--skills-bg-opacity: .8;--skills-bg-size: auto 100%;--skills-bg-x: 50%;--skills-bg-y: top;--skills-bg-blur: 0px;--skills-bg-brightness: 105%;--skills-bg-contrast: 120%;--skills-bg-saturation: 260%;--skills-bg-fade-top-end: 160px;--skills-bg-fade-bottom-start: calc(100% - 120px) ;--skills-glow-opacity: .04;--skills-veil-top-alpha: .72;--skills-veil-bottom-alpha: .62}.section--skills:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:url(/images/backgrounds/skills-background-v0.png);background-repeat:no-repeat;background-position:var(--skills-bg-x) var(--skills-bg-y);background-size:var(--skills-bg-size);opacity:var(--skills-bg-opacity);filter:invert(86%) sepia(18%) saturate(var(--skills-bg-saturation)) hue-rotate(8deg) brightness(var(--skills-bg-brightness)) contrast(var(--skills-bg-contrast)) blur(var(--skills-bg-blur))}.section--skills:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 18%,rgba(185,158,104,var(--skills-glow-opacity)),transparent 34rem),linear-gradient(to bottom,rgba(3,3,8,var(--skills-veil-top-alpha)),rgba(3,3,8,var(--skills-veil-bottom-alpha)))}.section--skills:before,.section--skills:after{-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--skills-bg-fade-top-end),black var(--skills-bg-fade-bottom-start),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black var(--skills-bg-fade-top-end),black var(--skills-bg-fade-bottom-start),transparent 100%)}.section--skills .section-inner{position:relative;z-index:1}.about-text{max-width:44rem}.about-text p{color:#9ca3af;font-weight:300;line-height:1.8;text-indent:2rem;margin-bottom:1.6rem}.about-text p:last-child{margin-bottom:0}.section--about{position:relative;overflow:hidden;isolation:isolate;--about-bg-opacity: .8;--about-bg-size: cover;--about-bg-x: right;--about-bg-y: top;--about-bg-blur: 0px;--about-bg-brightness: 105%;--about-bg-contrast: 92%;--about-bg-saturation: 260%;--about-bg-fade-top-end: 200px;--about-bg-fade-bottom-start: calc(100% - 250px) }.section--about:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:url(/images/backgrounds/about-background-v0.png);background-repeat:no-repeat;background-position:var(--about-bg-x) var(--about-bg-y);background-size:var(--about-bg-size);opacity:var(--about-bg-opacity);filter:invert(86%) sepia(18%) saturate(var(--about-bg-saturation)) hue-rotate(8deg) brightness(var(--about-bg-brightness)) contrast(var(--about-bg-contrast)) blur(var(--about-bg-blur));-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--about-bg-fade-top-end),black var(--about-bg-fade-bottom-start),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black var(--about-bg-fade-top-end),black var(--about-bg-fade-bottom-start),transparent 100%)}.section--about:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 18%,rgba(185,158,104,.02),transparent 34rem),linear-gradient(to bottom,#0303086b,#030308b8);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--about-bg-fade-top-end),black var(--about-bg-fade-bottom-start),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,black var(--about-bg-fade-top-end),black var(--about-bg-fade-bottom-start),transparent 100%)}.section--about .section-inner{position:relative;z-index:1}.contact-text{color:#9ca3af;margin-bottom:1rem}.contact-links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1rem;font-size:.95rem}.contact-links a{text-decoration:none;padding-bottom:.05rem;border-bottom:1px solid rgba(255,255,255,.25)}.contact-links a:hover{border-bottom-color:#8e7149}@media(max-width:640px){.section{padding-top:4rem;padding-bottom:4rem}.site-nav{--mobile-nav-top: .75rem;--mobile-nav-inline: .75rem;--mobile-nav-gap: clamp(.55rem, 3vw, 1rem);--mobile-nav-font-size: clamp(.62rem, 2.25vw, .76rem);--mobile-nav-padding-y: .62rem;--mobile-nav-padding-x: .75rem;top:var(--mobile-nav-top);left:var(--mobile-nav-inline);right:var(--mobile-nav-inline);justify-content:space-between;align-items:center;gap:var(--mobile-nav-gap);width:auto;padding:var(--mobile-nav-padding-y) var(--mobile-nav-padding-x);font-size:var(--mobile-nav-font-size);letter-spacing:.14em;border-radius:999px}.site-nav a{flex:0 1 auto;white-space:nowrap}.section--work{--work-mobile-card-gap: 1.35rem;--work-mobile-card-min-height: 0;--work-mobile-card-padding: clamp(1.75rem, 7vw, 2.35rem)}.projects-grid{grid-template-columns:1fr;gap:var(--work-mobile-card-gap);width:100%}.project-card{width:100%;min-height:var(--work-mobile-card-min-height);padding:var(--work-mobile-card-padding)}.project-title{text-align:center;margin-inline:auto}.project-meta{max-width:20rem;margin-inline:auto}.project-meta span:last-child{flex-basis:100%;text-align:center}.project-meta span:last-child:before{content:none}.project-media{margin-inline:auto;width:min(100%,24rem)}.hero-content{padding-inline:1rem}}.section-heading{--section-heading-indent: 0;--section-heading-gap: clamp(3rem, 6vw, 7rem);position:relative;width:100%;margin:0 0 var(--section-heading-gap);margin-left:var(--section-heading-indent)}.section-heading__title{position:relative;margin:0;color:#8e7149;text-align:left;white-space:normal}.section-heading--work{--section-heading-indent: clamp(1rem, 6vw, 6rem);--section-heading-gap: clamp(2rem, 2.5vw, 3rem)}.section-heading--skills{--section-heading-indent: clamp(2rem, 5vw, 4rem);--section-heading-gap: clamp(4rem, 7vw, 8rem)}.section-heading--about{--section-heading-indent: clamp(2rem, 3vw, 3.2rem);--section-heading-gap: clamp(1.6rem, 2.6vw, 3.6rem);margin-top:clamp(1.6rem,3.6vw,3rem)}