@font-face{font-family:Cormorant;font-style:normal;font-display:swap;font-weight:300;src:url(../media/cormorant-cyrillic-ext-300-normal.1km10lbu7qhxn.woff2)format("woff2"),url(../media/cormorant-cyrillic-ext-300-normal.0crz7rjxmb9gf.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant;font-style:normal;font-display:swap;font-weight:300;src:url(../media/cormorant-cyrillic-300-normal.0y58lt-kb8al_.woff2)format("woff2"),url(../media/cormorant-cyrillic-300-normal.0h-qe2y6039i3.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant;font-style:normal;font-display:swap;font-weight:300;src:url(../media/cormorant-vietnamese-300-normal.2dvqbyz-3hocq.woff2)format("woff2"),url(../media/cormorant-vietnamese-300-normal.1w08rxavrtab3.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant;font-style:normal;font-display:swap;font-weight:300;src:url(../media/cormorant-latin-ext-300-normal.0c2g8-wyabp0y.woff2)format("woff2"),url(../media/cormorant-latin-ext-300-normal.31-u1h_zlmeda.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant;font-style:normal;font-display:swap;font-weight:300;src:url(../media/cormorant-latin-300-normal.3ylkgaq9fpck2.woff2)format("woff2"),url(../media/cormorant-latin-300-normal.3lhvewy3q00br.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Cormorant;font-style:normal;font-display:swap;font-weight:500;src:url(../media/cormorant-cyrillic-ext-500-normal.3cn6nv8-rrya-.woff2)format("woff2"),url(../media/cormorant-cyrillic-ext-500-normal.2oy5wwuv38gjz.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant;font-style:normal;font-display:swap;font-weight:500;src:url(../media/cormorant-cyrillic-500-normal.36xo6i6gogk2t.woff2)format("woff2"),url(../media/cormorant-cyrillic-500-normal.2iuelynin6wt2.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant;font-style:normal;font-display:swap;font-weight:500;src:url(../media/cormorant-vietnamese-500-normal.390zyb0ngxa19.woff2)format("woff2"),url(../media/cormorant-vietnamese-500-normal.0g6vivwabx3pq.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant;font-style:normal;font-display:swap;font-weight:500;src:url(../media/cormorant-latin-ext-500-normal.2lgs4d57veb9w.woff2)format("woff2"),url(../media/cormorant-latin-ext-500-normal.195txmxu1h8n3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant;font-style:normal;font-display:swap;font-weight:500;src:url(../media/cormorant-latin-500-normal.393bial6-rrhs.woff2)format("woff2"),url(../media/cormorant-latin-500-normal.38szumv7cxcug.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../media/figtree-latin-ext-wght-normal.3ui8gg3w7xij5.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(../media/figtree-latin-wght-normal.30wi0xp2m6ck_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) 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{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.hidden{display:none}.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}}:root{--void:#0a0b24;--violet:#3b2a7a;--ion:#8fb8ff;--gold:#f6d38b;--rose:#f2a6c8;--star:#f4f1ff;--dim:#c9c8e4;--display:"Cormorant", Georgia, serif;--text:"Figtree Variable", system-ui, sans-serif}html{scroll-behavior:smooth;background:var(--void)}body{color:var(--star);font-family:var(--text);font-size:clamp(1.0625rem,.3vw + 1rem,1.1875rem);line-height:1.6;overflow-x:hidden}h2{font:300 clamp(3rem, 7vw, 5.5rem)/1 var(--display);color:var(--gold);margin-bottom:.6em}h3{font-weight:650;line-height:1.25}strong{font-weight:650}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}.skip{z-index:20;background:var(--star);color:var(--void);border-radius:999px;padding:.5rem 1rem;position:fixed;top:-80px;left:16px}.skip:focus{top:12px}.nebula,.stars{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.nebula{background:radial-gradient(60vmax 44vmax at 88% 12%, #3b2a7ad9, transparent 70%), radial-gradient(46vmax 36vmax at 6% 72%, #12506b8c, transparent 70%), radial-gradient(30vmax 24vmax at 62% 58%, #f2a6c81a, transparent 70%), var(--void)}.pause{z-index:10;color:var(--star);cursor:pointer;background:#0a0b24cc;border:1px solid #c9c8e480;border-radius:999px;padding:.35rem .9rem;font-size:.9375rem;font-weight:600;position:fixed;bottom:16px;right:16px}.pause:hover{border-color:var(--gold);color:var(--gold)}.planets{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.planets img{opacity:0;will-change:transform;max-width:none;height:auto;position:absolute;top:0}.planets img.placed{opacity:1;transition:opacity .6s}.hero{flex-direction:column;min-height:100svh;padding:20px 16px 72px;display:flex}.hero nav{justify-content:flex-end;gap:clamp(.25rem,2vw,1.25rem);width:100%;max-width:72rem;margin:0 auto;display:flex}.hero nav a{color:var(--dim);padding:.3rem .5rem;font-weight:500;transition:color .2s}.hero nav a:hover{color:var(--gold)}.hero-copy{width:100%;max-width:72rem;margin:auto}h1{font:300 clamp(5.25rem, min(19vw, 27vh), 15rem)/.84 var(--display);letter-spacing:-.02em;text-shadow:0 0 60px #8fb8ff73;margin-bottom:.32em}.lede{max-width:34rem;margin-bottom:.5rem;font-size:1.35em;line-height:1.35}.hero-copy>p:not(.lede){color:var(--dim)}.actions{flex-wrap:wrap;gap:12px;margin-top:1.4rem;display:flex}.btn{overflow-wrap:anywhere;background:var(--gold);max-width:100%;color:var(--void);border:1px solid var(--gold);border-radius:999px;padding:.55rem 1.35rem;font-weight:650;transition:background .2s,color .2s,box-shadow .2s;display:inline-block}.btn:hover{box-shadow:0 0 26px #f6d38b99}.btn.ghost{color:var(--gold);background:#0a0b2499}.wrap{max-width:72rem;margin:0 auto;padding:clamp(4rem,9vw,7.5rem) 16px}main ul{margin-top:.6rem;list-style:none}main ul li{margin-bottom:.3rem;padding-left:1.2em;position:relative}main ul li:before{content:"✦";color:var(--ion);font-size:.72em;position:absolute;top:.08em;left:0}.when,.kind{color:var(--dim)}.when{font-weight:500}.project{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2.5rem;padding:2.5rem 0 3.5rem;display:grid}.project h3{font:300 clamp(3rem, 6vw, 5rem)/1 var(--display)}.kind{margin-top:.4rem;font-size:1.1em}.chart{width:130px;height:130px;margin-bottom:.75rem;overflow:visible}.chart line{stroke:var(--ion);stroke-width:1px;opacity:.75}.chart circle{fill:var(--star);filter:drop-shadow(0 0 4px var(--ion))}.prose-col{max-width:40rem}.stack{color:var(--dim);margin-top:.8rem}.stack strong{color:var(--star)}main img{width:100%;height:auto;display:block}figcaption{color:var(--dim);margin-top:.7rem;font-size:1rem;line-height:1.4}.project{grid-template-rows:auto 1fr}.project>div:first-child{grid-area:1/1}.project>.prose-col{grid-area:2/1}.panel{grid-area:1/2/span 2;justify-self:end;width:100%;max-width:38rem}.panel img{filter:brightness(.93);border-radius:14px;box-shadow:0 0 0 1px #8fb8ff8c,0 0 70px #8fb8ff52}.phone{grid-area:1/1/span 2;justify-self:start;width:min(100%,270px)}.project:has(.phone){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.project:has(.phone)>div:first-child{grid-area:1/2}.project:has(.phone)>.prose-col{grid-area:2/2}.project:has(.phone) .phone{grid-area:1/1/span 2;justify-self:end;margin-right:clamp(0rem,5vw,5rem)}.phone-shell{background:#05061a;border-radius:38px;padding:9px;position:relative;box-shadow:0 0 0 1px #8fb8ff99,0 0 80px #8fb8ff4d}.phone-shell video{background:#000;border-radius:29px;width:100%;height:auto;display:block}.video-toggle{color:var(--star);cursor:pointer;background:#0a0b24cc;border:1px solid #c9c8e480;border-radius:999px;margin:.7rem 0 0;padding:.3rem .85rem;font-size:.9375rem;font-weight:600;display:block}.video-toggle:hover{color:var(--gold);border-color:var(--gold)}.showcase{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:2.5rem;padding-top:1.5rem;display:grid}.fade img{--edge-x:linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);--edge-y:linear-gradient(180deg, transparent, #000 9%, #000 91%, transparent);-webkit-mask-image:var(--edge-x), var(--edge-y);-webkit-mask-image:var(--edge-x), var(--edge-y);-webkit-mask-image:var(--edge-x), var(--edge-y);-webkit-mask-image:var(--edge-x), var(--edge-y);mask-image:var(--edge-x), var(--edge-y);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.with-image{grid-template-columns:minmax(0,1fr) 190px;align-items:start;gap:2rem;display:grid}.side{grid-area:1/2/span 2;justify-self:center;width:min(100%,250px)}.device img{filter:drop-shadow(0 0 28px #8fb8ff66)}.timeline{border-left:1px solid var(--ion);max-width:52rem;margin-left:8px;padding-left:1.75rem}.timeline>li{padding-bottom:2.75rem;position:relative}.timeline>li:last-child{padding-bottom:0}.timeline>li:before{content:"";background:var(--gold);border-radius:50%;width:11px;height:11px;position:absolute;top:.35em;left:calc(-1.75rem - 6px);box-shadow:0 0 14px 3px #f6d38bbf}.timeline h3,#skills h3{font-size:1.3em}.split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:3rem;display:grid}dl>div{margin-bottom:1.1rem}dt{font-weight:650}dd{color:var(--dim)}#contact{text-align:center;background:radial-gradient(130vmax 130vmax at 50% calc(100% + 118vmax),#24418a 0 98%,#8fb8ffe6 98.4%,#8fb8ff29 99.4%,#0000 100%);flex-direction:column;align-items:center;margin-top:3rem;padding:clamp(6rem,14vw,10rem) 16px 0;display:flex;overflow:hidden}.contact-copy{max-width:36rem;padding-bottom:clamp(9rem,22vw,15rem)}.contact-copy .actions{justify-content:center}footer{color:var(--star);padding:1.25rem 0;font-size:1rem}@media (max-width:760px){:is(.project,.split,.showcase,.project:has(.phone)){grid-template-columns:minmax(0,1fr);gap:1.25rem}.panel,.phone{grid-area:auto/1}.project:has(.phone)>div:first-child{grid-area:auto/1}.project:has(.phone)>.prose-col{grid-area:auto/1}.project:has(.phone) .phone{grid-area:auto/1}.project:has(.phone) .phone{justify-self:center;margin-right:0}.with-image{grid-template-columns:minmax(0,1fr)}.side{grid-area:auto/1;justify-self:center}.planets img.placed{opacity:.6}.hero nav{justify-content:center}.hero{padding-bottom:88px}.hero nav{gap:0}.hero nav a{padding-inline:.4rem;font-size:1rem}.wrap{padding-block:3.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@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}