@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,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;--spacing:.25rem;--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,ui-sans-serif,system-ui,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{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}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.resize{resize:both}}:root{--bg:#070707;--text:#f4f4f2;--muted:#919193;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline-offset:7px;outline:2px solid #fff}::selection{color:#090909;background:#bdbdbd}h1,h2,h3,h4,p{margin:0}a{transition:color .25s,background .25s,transform .4s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#656565;border-radius:8px}.section-shell{max-width:1440px;margin:auto;padding-left:7%;padding-right:7%}.site-header{z-index:20;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--line);background:#090909b3;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1440px;height:82px;margin:auto;padding:0 7%;display:flex}.wordmark{letter-spacing:-5px;padding-right:5px;font-size:35px;font-weight:800}.nav-links{color:#b3b3b5;gap:35px;font-size:12px;display:flex}.nav-links a:hover{color:#fff}.nav-contact{border:1px solid #ffffff40;border-radius:30px;gap:25px;padding:11px 19px;font-size:12px;display:flex}.nav-contact:hover{color:#111;background:#eee}.hero{flex-direction:column;max-width:1600px;height:100svh;min-height:800px;max-height:1100px;margin:auto;padding:115px 7% 0;display:flex;position:relative;overflow:hidden}.hero-topline,.hero-bottom,.section-label{letter-spacing:1.5px;color:#9b9b9d;justify-content:space-between;gap:20px;font-size:10px;display:flex}.hero-topline{z-index:2;position:relative}.hero-content{z-index:2;pointer-events:none;margin:auto 0;padding:88px 0 110px;position:relative}.hero-content a{pointer-events:auto}.eyebrow{letter-spacing:1px;align-items:center;gap:10px;font-size:11px;display:flex}.status-dot{background:#ececec;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 8px #ffffff65}.hero h1{letter-spacing:-.07em;margin:29px 0;font-size:clamp(58px,6.8vw,108px);font-weight:600;line-height:1.03}.silver-text{color:#aaa;-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#f1f1f1 0%,#a4a4a8 32%,#e9e9eb 49%,#737377 75%,#ccc 95%) 0 0/180% 100%;-webkit-background-clip:text;background-clip:text;animation:12s ease-in-out infinite alternate silver-shift}.hero-description{color:#a0a0a3;font-size:15px;line-height:1.8}.hero-actions{align-items:center;gap:30px;margin-top:32px;display:flex}.button{border-radius:40px;justify-content:center;align-items:center;gap:32px;padding:16px 23px;font-size:12px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.button-light{color:#141414;background:linear-gradient(120deg,#fff,#d9d9db);box-shadow:inset 0 1px #fff,0 0 20px #ffffff08}.button:hover{transform:translateY(-3px);box-shadow:0 5px 30px #ffffff25}.text-link{align-items:center;gap:22px;font-size:12px;display:inline-flex}.text-link:hover{color:#aaa}.hero-bottom{z-index:2;border-top:1px solid var(--line);align-items:center;padding:24px 0 28px;font-size:9px;position:relative}.hero-bottom a{align-items:center;gap:12px;display:flex}.scroll-icon{font-size:18px}.liquid-art{pointer-events:none;background:#070707;width:64%;height:90%;position:absolute;top:8%;right:-12%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16%);mask-image:linear-gradient(90deg,#0000,#000 16%)}.liquid-art canvas{opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.metal-fallback{opacity:.1;background:0 0;border:55px solid #999;border-radius:45%;position:absolute;inset:22%;transform:rotate(-30deg);box-shadow:inset 12px 10px 20px #fff,12px 10px 30px #000}.section-label{border-top:1px solid var(--line);padding-top:38px;font-size:9px}.about{padding-top:60px;padding-bottom:115px}.about-grid{grid-template-columns:1.2fr 1fr;gap:80px;margin-top:65px;display:grid}h2{letter-spacing:-.055em;font-size:clamp(38px,4.5vw,66px);font-weight:500;line-height:1.08}.muted{color:#828285}.about-copy p{color:#b7b7b9;font-size:15px;line-height:1.85}.about-copy p+p{color:#919193;margin-top:18px}.about-tags{letter-spacing:1.1px;color:#c7c7c9;flex-wrap:wrap;gap:20px;margin-top:28px;font-size:8px;display:flex}.projects{padding-bottom:110px}.section-heading{justify-content:space-between;align-items:flex-end;margin:58px 0 48px;display:flex}.section-heading>p{color:#939396;font-size:13px;line-height:1.8}.project-grid{grid-template-columns:1fr 1fr;gap:48px 26px;display:grid}.project-card{min-width:0;display:block}.project-art{background:#111;border:1px solid #ffffff13;border-radius:4px;justify-content:center;align-items:center;height:310px;transition:background .6s;display:flex;position:relative;overflow:hidden}.project-art:after{content:"";pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.project-card:hover .project-art{background:#191919}.project-meta{color:#999;letter-spacing:1px;text-transform:uppercase;justify-content:space-between;gap:10px;margin:23px 0 12px;font-size:9px;display:flex}.award{color:#ddd}.project-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.project-title h3{letter-spacing:-1px;font-size:26px;font-weight:500}.circle-arrow{border:1px solid #ffffff30;border-radius:50%;place-items:center;width:34px;height:34px;transition:transform .4s,background .4s,color .4s;display:grid}.project-card:hover .circle-arrow{color:#000;background:#fff;transform:rotate(45deg)}.project-info>p{color:#969699;max-width:450px;margin-top:12px;font-size:13px;line-height:1.8}.tech-list{color:#b0b0b3;flex-wrap:wrap;gap:14px;margin-top:20px;font-size:10px;display:flex}.art-caption{letter-spacing:2px;color:#aaa;font-size:8px;position:absolute;bottom:23px;left:25px}.sound-art{background:radial-gradient(at 50% 70%,#292929,#0e0e0e 75%)}.sound-bars{align-items:center;gap:5px;transition:transform .7s;display:flex;transform:rotate(-8deg)}.sound-bars i{background:linear-gradient(90deg,#303030,#eee 40%,#a5a5a5 65%,#383838);border-radius:10px;width:8px;animation:4s ease-in-out infinite alternate wave;box-shadow:3px 3px 8px #0005}.art-orbit{border:1px solid #ffffff12;border-radius:50%;width:310px;height:220px;position:absolute;transform:rotate(-25deg)}.rent-art{background:linear-gradient(130deg,#c2c2c2,#858585)}.project-card:hover .rent-art{background:#aaa}.architecture{filter:drop-shadow(25px 25px 15px #0005);align-items:flex-end;gap:5px;transition:transform .7s;display:flex;transform:skewY(-12deg)rotate(8deg)}.architecture i{background:linear-gradient(90deg,#484848,#d6d6d6 8%,#eee 65%,#8c8c8c 66%,#aaa);border-top:8px solid #dedede;width:54px;height:125px;display:block}.architecture i:nth-child(2){height:180px}.architecture i:nth-child(3){height:150px}.architecture i:nth-child(4){height:100px}.rent-art .art-caption{color:#313131}.project-card:hover .architecture{transform:skewY(-12deg)rotate(3deg)translateY(-8px)}.mesh-rings{width:235px;height:235px;position:relative;transform:rotateX(25deg)rotate(-25deg)}.mesh-rings i{border:2px solid #aaa;border-radius:50%;position:absolute;inset:0;box-shadow:1px 2px 2px #fff6,inset 0 0 10px #fff1}.mesh-rings i:nth-child(2){inset:25px}.mesh-rings i:nth-child(3){inset:50px}.mesh-rings i:nth-child(4){inset:75px}.mesh-rings b{background:radial-gradient(circle at 35% 25%,#fff,#777 45%,#151515 80%);border-radius:50%;position:absolute;inset:100px;box-shadow:0 0 30px #fff4}.mesh-rings{transition:transform 1s}.project-card:hover .mesh-rings{transform:rotateX(45deg)rotate(20deg)}.akpsi-art{background:radial-gradient(at 50% 90%,#464646,#111 80%)}.greek-mark{letter-spacing:-10px;color:#0000;filter:drop-shadow(8px 14px 3px #0005);background:linear-gradient(165deg,#fff 15%,#555 35%,#fff 45%,#777 53%,#ddd 65%,#222 90%);-webkit-background-clip:text;background-clip:text;font-family:Georgia,serif;font-size:100px;transition:transform .7s;transform:rotate(-8deg)}.project-card:hover .greek-mark{transform:rotate(0)}.project-4{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:26px;display:grid}.project-4 .project-info{align-self:center;padding:20px 30px}.playing-card{color:#161616;background:linear-gradient(120deg,#fff,#999);border:1px solid #ddd;border-radius:9px;width:120px;height:174px;padding:12px;font-family:Georgia,serif;font-size:24px;transition:transform .7s;position:absolute;transform:rotate(12deg)translate(20px);box-shadow:8px 15px 25px #0009}.playing-card span{font-size:65px;position:absolute;top:43px;left:34px}.playing-card small{font-size:24px;position:absolute;bottom:10px;right:10px;transform:rotate(180deg)}.card-back{color:#ddd;background:repeating-linear-gradient(45deg,#777 0 1px,#222 1px 5px);transform:rotate(-13deg)translate(-30px)}.project-card:hover .playing-card:not(.card-back){transform:rotate(20deg)translate(30px)}.all-projects{border-bottom:1px solid #777;margin-top:40px;padding-bottom:10px}.experience{padding-bottom:120px}.experience-grid{grid-template-columns:1fr 1.15fr;gap:70px;margin-top:60px;display:grid}.experience-row{border-bottom:1px solid var(--line);padding:27px 0;position:relative}.experience-row:first-child{padding-top:0}.experience-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.experience-top h3{letter-spacing:-.6px;font-size:22px;font-weight:500}.current-badge{letter-spacing:1px;border:1px solid #ffffff30;border-radius:20px;align-items:center;gap:7px;padding:6px 9px;font-size:8px;display:flex}.experience-row h4{color:#c3c3c3;margin-top:9px;font-size:12px;font-weight:400}.experience-row p{color:#999;max-width:430px;margin-top:10px;font-size:12px;line-height:1.8}.experience-date{color:#888;margin-top:16px;font-size:10px;display:block}.contact{background:radial-gradient(at 75% 80%,#1c1c1c,#0000 55%);padding-bottom:100px}.contact-content{padding-top:75px;position:relative}.contact h2{letter-spacing:-.07em;margin:30px 0 42px;font-size:clamp(75px,11vw,160px);line-height:.95;position:relative}.contact-star{color:#b7b7b7;text-shadow:2px 2px #fff,-2px -2px #333;font-size:190px;font-weight:400;animation:40s linear infinite spin;position:absolute;top:5%;right:7%}.contact-email{color:#a7a7a7;margin-left:25px;font-size:12px}.footer{border-top:1px solid var(--line);align-items:center;gap:28px;padding-top:28px;padding-bottom:28px;display:flex}.footer>span{color:#929292;font-size:10px}.footer>div{color:#bbb;gap:28px;margin-left:auto;font-size:10px;display:flex}.footer .wordmark{font-size:28px}@keyframes silver-shift{to{background-position:100%}}@keyframes wave{to{transform:scaleY(.65)}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1600px){.hero{padding-left:181px;padding-right:181px}}@media (max-width:900px){.hero{min-height:740px}.hero h1{font-size:72px}.liquid-art{opacity:.65;width:85%;right:-23%}.hero-content{padding-top:95px}.hero-description{color:#bbb}.about-grid{gap:35px}.project-art{height:260px}.sound-bars{gap:4px}.sound-bars i{width:6px}.experience-grid{gap:30px}.contact-star{font-size:135px;right:2%}.project-4 .project-info{padding:10px}.nav-inner{height:72px}}@media (max-width:600px){html{scroll-padding-top:85px}.section-shell{padding-left:6%;padding-right:6%}.nav-inner{height:68px;padding:0 6%}.nav-links{gap:16px;font-size:10px}.nav-contact{gap:12px;padding:9px 12px;font-size:10px}.wordmark{font-size:30px}.hero{min-height:770px;max-height:950px;padding:94px 6% 0}.hero-topline{letter-spacing:.8px;font-size:8px}.hero-topline span:last-child{display:none}.hero-content{margin:auto 0 0;padding:210px 0 55px}.hero h1{letter-spacing:-.065em;margin:22px 0;font-size:clamp(46px,10.8vw,66px)}.hero .eyebrow{font-size:9px}.hero-description{font-size:13px}.hero-actions{gap:22px;margin-top:25px}.button{gap:22px;padding:14px 20px;font-size:11px}.text-link{gap:12px;font-size:11px}.liquid-art{opacity:.85;width:100%;height:430px;top:50px;right:-20%;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.hero-bottom{margin-top:20px;padding:20px 0;font-size:8px}.hero-bottom>span:nth-child(2){display:none}.section-label{letter-spacing:.8px;gap:18px;font-size:8px;line-height:1.6}.section-label>span:last-child{text-align:right}.about{padding-top:35px;padding-bottom:70px}.about-grid,.experience-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}h2{font-size:42px}.about-copy p{font-size:14px}.about-tags{gap:15px}.section-heading{margin:35px 0;display:block}.section-heading>p{margin-top:22px;font-size:12px}.project-grid{grid-template-columns:1fr;gap:38px}.project-art{height:290px}.project-title h3{font-size:25px}.project-4{grid-column:auto;display:block}.project-4 .project-info{padding:0}.projects,.experience{padding-bottom:75px}.experience-row{padding:24px 0}.contact-content{padding-top:50px}.contact h2{font-size:clamp(66px,15vw,90px)}.contact-star{font-size:75px;top:25%;right:0}.contact{padding-bottom:65px}.contact-email{margin-left:15px;font-size:10px}.footer{flex-wrap:wrap;gap:16px}.footer>div{justify-content:space-between;width:100%;margin:8px 0 0}.footer>span{margin-left:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.skip-link{z-index:100;color:#000;background:#fff;border-radius:30px;padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.about,.projects,.experience,.contact{border-top:1px solid var(--line)}.project-info{padding-top:23px}.project-meta{margin-top:0}.contact-email{border-bottom:1px solid #777;margin-left:0;padding-bottom:8px;font-size:clamp(16px,2vw,24px);display:inline-block}.contact h2{padding-right:100px;font-size:clamp(64px,9vw,130px)}.contact-star{font-size:100px;top:0;right:0}@media (max-width:600px){.contact h2{padding-right:55px;font-size:14vw}.contact-star{font-size:50px}.project-4 .project-info{padding-top:23px}}button{cursor:pointer;color:inherit;font-family:inherit}button:focus-visible{outline-offset:5px;outline:2px solid #fff}button.nav-contact{background:0 0}button.nav-contact:hover{color:#111;background:#eee}.button-outline{background:0 0;border:1px solid #ffffff40}.button-outline:hover{background:#ffffff12}.hero-content button{pointer-events:auto}.liquid-art canvas[data-ready=true]{opacity:1}