:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f2f0ec;--muted:#a9a6a2;--quiet:#77736e;--amber:#d6a66d}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#050609;font-family:Arial,Helvetica,sans-serif}::selection{color:#fff;background:#9f6235}.page{isolation:isolate;background:radial-gradient(65% 65% at 50% 48%,#12100f 0%,#09090b 48%,#050609 100%);place-items:center;min-height:100svh;padding:48px 24px;display:grid;position:relative;overflow:hidden}.atmosphere,.atmosphere>div{pointer-events:none;position:absolute;inset:0}.atmosphere{z-index:-1;overflow:hidden}.atmosphere__haze{transform-origin:50%;filter:blur(36px);mix-blend-mode:screen;border-radius:50%;width:min(95vw,1320px);height:min(85vw,930px);margin:auto}.atmosphere__haze--one{opacity:.72;background:radial-gradient(39% 17% at 48% 42%,#bc602330,#0000 75%),radial-gradient(30% 44% at 26% 47%,#d2864024,#0000 75%),radial-gradient(30% 47% at 74% 56%,#af4f2524,#0000 76%);animation:22s ease-in-out infinite alternate breathe}.atmosphere__haze--two{opacity:.8;background:radial-gradient(55% 8% at 50% 43%,#ce863a1c,#0000 75%),radial-gradient(35% 10% at 38% 58%,#eda84d1a,#0000 75%),radial-gradient(32% 12% at 68% 34%,#d57e3f14,#0000 75%);animation:32s ease-in-out infinite alternate drift;transform:rotate(-16deg)scale(1.12)}.atmosphere__haze--three{opacity:.52;background:radial-gradient(12% 42% at 17% 59%,#da8e4b21,#0000 80%),radial-gradient(12% 48% at 85% 36%,#d86f2d21,#0000 80%),radial-gradient(23% 20% at 50% 80%,#9f532a1f,#0000 80%);animation:27s ease-in-out infinite alternate sway}.atmosphere__dust{opacity:.23;background-image:url(/dust.svg);background-position:50%;background-size:cover;animation:40s ease-in-out infinite alternate dust-drift}.atmosphere__vignette{background:radial-gradient(48% 50% at 50% 49%,#0000 10%,#05060973 75%,#050609 135%),linear-gradient(#05060945,#0000 25% 75%,#05060966)}.content{text-align:center;width:min(100%,620px);margin-top:-3px;position:relative}.mark{opacity:.85;width:23px;height:23px;margin:0 auto 25px;animation:.8s cubic-bezier(.23,1,.32,1) both arrive;position:relative}.mark:before,.mark:after,.mark span:before,.mark span:after{content:"";background:#d6a66d;display:block;position:absolute;box-shadow:0 0 11px #d6a66d75}.mark:before{width:1px;height:23px;top:0;left:11px}.mark:after{width:23px;height:1px;top:11px;left:0}.mark span:before{width:1px;height:11px;top:6px;left:11px;transform:rotate(45deg)}.mark span:after{width:1px;height:11px;top:6px;left:11px;transform:rotate(-45deg)}.eyebrow,.label{color:var(--amber);letter-spacing:.24em;text-transform:uppercase;margin:0;font-size:10px;font-weight:600}.eyebrow{margin-bottom:21px;animation:.8s cubic-bezier(.23,1,.32,1) 60ms both arrive}h1{letter-spacing:-.073em;text-wrap:balance;margin:0;font-size:clamp(52px,7vw,86px);font-weight:500;line-height:1.03;animation:.9s cubic-bezier(.23,1,.32,1) .12s both arrive}.role{color:#dbd8d3;letter-spacing:-.025em;margin:21px 0 0;font-size:clamp(17px,2.1vw,21px);line-height:1.55;animation:.9s cubic-bezier(.23,1,.32,1) .19s both arrive}.role span{color:#b1aba4}.rule{background:linear-gradient(90deg,#0000,#dcb17fcc,#0000);width:44px;height:1px;margin:37px auto 31px;animation:.9s cubic-bezier(.23,1,.32,1) .25s both arrive}.intro{width:min(100%,490px);color:var(--muted);letter-spacing:-.007em;text-wrap:pretty;margin:0 auto;font-size:15px;line-height:1.8;animation:.9s cubic-bezier(.23,1,.32,1) .31s both arrive}.projects{margin-top:32px;animation:.9s cubic-bezier(.23,1,.32,1) .37s both arrive}.label{color:#817b75;letter-spacing:.2em}.project-list{color:#e6e2dc;letter-spacing:-.01em;justify-content:center;align-items:center;gap:16px;margin:13px 0 0;font-size:14px;display:flex}.project-separator{opacity:.85;background:#a67043;border-radius:50%;width:3px;height:3px}.contact{color:#e4b37d;letter-spacing:.005em;border-bottom:1px solid #d7a770a6;align-items:center;gap:10px;margin-top:33px;padding:7px 0 8px;font-size:14px;text-decoration:none;transition:color .18s,border-color .18s;animation:.9s cubic-bezier(.23,1,.32,1) .43s both arrive;display:inline-flex}.contact svg{stroke:currentColor;stroke-width:1.2px;width:16px;height:16px;transition:transform .22s cubic-bezier(.23,1,.32,1)}.contact:focus-visible{outline-offset:5px;outline:2px solid #e4b37d}@media (hover:hover) and (pointer:fine){.contact:hover{color:#f6d1a7;border-color:#f6d1a7}.contact:hover svg{transform:translate(3px)}}@keyframes arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%{opacity:.55;transform:scale(.97)rotate(-4deg)}to{opacity:.82;transform:scale(1.08)rotate(5deg)}}@keyframes drift{0%{transform:rotate(-19deg)translate(-2%,1%)scale(1.08)}to{transform:rotate(-11deg)translate(2%,-1%)scale(1.15)}}@keyframes sway{0%{transform:translate(-2%)rotate(2deg)}to{transform:translate(2%,-1%)rotate(-3deg)}}@keyframes dust-drift{0%{opacity:.17;transform:scale(1)translate(0)}to{opacity:.28;transform:scale(1.05)translate(-1%,1%)}}@media (max-width:600px){.page{padding:30px 24px}.atmosphere__haze{width:145vw;height:100svh}.mark{margin-bottom:21px}.eyebrow{margin-bottom:18px}h1{font-size:clamp(46px,11vw,65px)}.role{margin-top:17px}.rule{margin:30px auto 25px}.intro{font-size:14px;line-height:1.7}.projects,.contact{margin-top:27px}}@media (max-height:650px){.page{padding-top:18px;padding-bottom:18px}.mark{margin-bottom:14px}.eyebrow{margin-bottom:12px}.role{margin-top:13px}.rule{margin-top:20px;margin-bottom:19px}.projects{margin-top:19px}.contact{margin-top:17px}}@media (prefers-reduced-motion:reduce){.atmosphere__haze,.atmosphere__dust,.content *{animation:none!important}.contact svg{transition:none}}