@font-face{font-family:outfit;src:url(../media/Outfit_Regular-s.p.03g1hkqx434y9.ttf)format("truetype");font-display:swap}@font-face{font-family:outfit Fallback;src:local(Arial);ascent-override:99.94%;descent-override:25.98%;line-gap-override:0.0%;size-adjust:100.06%}.outfit_bebcd702-module__qBf6pG__className{font-family:outfit,outfit Fallback}.outfit_bebcd702-module__qBf6pG__variable{--font-outfit:"outfit", "outfit Fallback"}
@font-face{font-family:archiaBold;src:url(../media/archia_bold_webfont-s.p.0al4_5gdp5rfo.woff2)format("woff2");font-display:swap}@font-face{font-family:archiaBold Fallback;src:local(Arial);ascent-override:83.57%;descent-override:21.99%;line-gap-override:0.0%;size-adjust:113.67%}.archiabold_9e683172-module__8_vTDa__className{font-family:archiaBold,archiaBold Fallback}.archiabold_9e683172-module__8_vTDa__variable{--font-archia-bold:"archiaBold", "archiaBold Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#000;--white:#fff;--line:#ffffff42;--muted:#ffffffa8;--faint:#ffffff7a}*,:before,:after{box-sizing:border-box}html{background:var(--black)}body{background:var(--black);min-height:100vh;color:var(--white);font-family:var(--font-outfit), Arial, sans-serif;-webkit-font-smoothing:antialiased;margin:0}body>.space-backdrop{z-index:0;pointer-events:none;background:var(--black);position:fixed;inset:0;overflow:hidden}.star-layer{will-change:transform;background-repeat:repeat;position:absolute;inset:-8%}.star-layer-far{opacity:.8;background-image:radial-gradient(circle at 4% 8%,#fff 0 .7px,#0000 1.4px),radial-gradient(circle at 19% 17%,#fff 0 .8px,#0000 1.5px),radial-gradient(circle at 33% 6%,#fff 0 .6px,#0000 1.4px),radial-gradient(circle at 46% 27%,#fff 0 .8px,#0000 1.5px),radial-gradient(circle at 61% 14%,#fff 0 .7px,#0000 1.5px),radial-gradient(circle at 79% 9%,#fff 0 .9px,#0000 1.6px),radial-gradient(circle at 91% 30%,#fff 0 .7px,#0000 1.5px),radial-gradient(circle at 10% 43%,#fff 0 .7px,#0000 1.5px),radial-gradient(circle at 26% 55%,#fff 0 .8px,#0000 1.5px),radial-gradient(circle at 41% 48%,#fff 0 .6px,#0000 1.4px),radial-gradient(circle at 57% 63%,#fff 0 .7px,#0000 1.5px),radial-gradient(circle at 73% 46%,#fff 0 .8px,#0000 1.5px),radial-gradient(circle at 86% 58%,#fff 0 .7px,#0000 1.5px),radial-gradient(circle at 6% 77%,#fff 0 .8px,#0000 1.5px),radial-gradient(circle at 21% 89%,#fff 0 .6px,#0000 1.4px),radial-gradient(circle at 39% 75%,#fff 0 .7px,#0000 1.5px),radial-gradient(circle at 54% 93%,#fff 0 .8px,#0000 1.5px),radial-gradient(circle at 69% 79%,#fff 0 .6px,#0000 1.4px),radial-gradient(circle at 83% 91%,#fff 0 .7px,#0000 1.5px),radial-gradient(circle at 97% 73%,#fff 0 .8px,#0000 1.5px);background-size:780px 660px}.star-layer-near{opacity:.55;background-image:radial-gradient(circle at 7% 32%,#fff 0 1.1px,#0000 2px),radial-gradient(circle at 16% 82%,#fff 0 1.1px,#0000 2px),radial-gradient(circle at 30% 12%,#fff 0 1px,#0000 2px),radial-gradient(circle at 43% 67%,#fff 0 1.1px,#0000 2px),radial-gradient(circle at 57% 37%,#fff 0 1px,#0000 2px),radial-gradient(circle at 72% 84%,#fff 0 1.1px,#0000 2px),radial-gradient(circle at 84% 19%,#fff 0 1px,#0000 2px),radial-gradient(circle at 95% 54%,#fff 0 1.1px,#0000 2px);background-size:1150px 810px}.shooting-star{opacity:0;background:linear-gradient(90deg,#0000,#ffffff59,#fff);width:160px;height:1px;position:absolute;left:-180px}.shooting-star:after{background:var(--white);width:5px;height:5px;box-shadow:0 0 10px var(--white);content:"";border-radius:50%;position:absolute;top:-2px;right:0}.shooting-star-one{top:18%}.shooting-star-two{top:62%}body>:not(.space-backdrop){z-index:1;position:relative}::selection{background:var(--white);color:var(--black)}a{color:inherit;text-decoration:none}button,summary{font:inherit}a:focus-visible,summary:focus-visible{outline:2px solid var(--white);outline-offset:4px}img,svg{max-width:100%}.ui-icon{vertical-align:middle;flex-shrink:0;width:1em;height:1em;display:inline-block}.brand-symbol,.small-star,.link-card-arrow,.social-link-arrow,.work-card-arrow,.experience-plus,.contact-star{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000e6}.site-header-inner{justify-content:space-between;align-items:center;gap:24px;width:min(100% - 48px,1120px);min-height:70px;margin:0 auto;display:flex}.brand{letter-spacing:.08em;white-space:nowrap;align-items:center;gap:12px;min-height:44px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:700;display:inline-flex}.brand-symbol{font-size:23px;line-height:1}.header-links{align-items:center;gap:clamp(20px,4vw,42px);display:flex}.header-links a{align-items:center;gap:6px;min-height:44px;font-size:12px;display:inline-flex}html:not([data-gsap-ui]) .header-links a:hover,html:not([data-gsap-ui]) .header-links a:focus-visible{opacity:.62}.home-page,.archive-page,.detail-page{isolation:isolate}.hero,.content-section,.archive-content,.detail-content{width:min(100% - 40px,760px);margin-inline:auto}.hero{text-align:center;flex-direction:column;align-items:center;padding:29px 0 42px;display:flex}.hero-meta,.section-label,.micro-label,.hero-kicker,.availability,.row-index,.project-row-meta,.experience-number,.experience-time,.project-detail-label,.detail-meta dt,.archive-meta,.visual-kicker{letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:500;line-height:1.6}.hero-meta{width:100%;color:var(--faint);justify-content:space-between;gap:16px;display:flex}.portrait-orbit{place-items:center;width:234px;height:234px;margin:42px 0 22px;display:grid;position:relative}.orbit-plane{border:1px solid var(--line);pointer-events:none;border-radius:50%;position:absolute;inset:0}.orbit-plane-one{transform:rotate(-27deg)scaleY(.58)}.orbit-plane-two{opacity:.55;transform:rotate(63deg)scaleY(.58)}.orbit-rotor{position:absolute;inset:0}.orbit-marker{background:var(--white);width:5px;height:5px;box-shadow:0 0 12px var(--white);border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)scaleY(1.72414)}.orbit-marker-two{width:3px;height:3px;left:100%}.portrait-core{border:4px solid var(--black);outline:1px solid var(--white);background:var(--black);border-radius:50%;width:154px;height:154px;position:relative;overflow:hidden}.portrait-image{object-fit:cover;transform-origin:bottom;transform:scale(1.4)}.hero-kicker{color:var(--muted);margin:0}.small-star{color:var(--white);margin-right:8px}.hero h1{font-family:var(--font-archia-bold), Arial, sans-serif;letter-spacing:-.085em;margin:12px 0 0;font-size:clamp(66px,12vw,112px);font-weight:700;line-height:.87}.hero h1 span{color:var(--white)}.hero-intro{max-width:540px;color:var(--muted);margin:24px 0 0;font-size:clamp(15px,2vw,18px);line-height:1.65}.availability{border:1px solid var(--line);min-height:34px;color:var(--muted);background:var(--black);border-radius:99px;align-items:center;gap:10px;margin-top:22px;padding:6px 13px;display:inline-flex}.availability-dot{background:var(--white);width:5px;height:5px;box-shadow:0 0 8px var(--white);border-radius:50%}.content-section{padding:34px 0 48px;scroll-margin-top:90px}.section-label{border-bottom:1px solid var(--line);color:var(--faint);justify-content:space-between;align-items:center;gap:20px;padding-bottom:14px;display:flex}.section-label span:last-child{text-align:right}.project-list,.experience-list{margin-top:23px}.links-section .section-label span{text-align:left}.links-panel{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:12px;margin-top:23px;display:grid}.link-card{border:1px solid var(--white);background:var(--white);min-width:0;min-height:228px;color:var(--black);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 40px;gap:20px 12px;padding:23px;display:grid;position:relative;overflow:hidden}html:not([data-gsap-ui]) .link-card:hover,html:not([data-gsap-ui]) .link-card:focus-visible{background:var(--black);color:var(--white)}.link-card-kicker{z-index:1;opacity:.6;letter-spacing:.1em;grid-column:1/-1;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;position:relative}.link-card-orbit{opacity:.16;pointer-events:none;width:110px;height:110px;position:absolute;top:23px;right:18px}.link-card-content{z-index:1;align-self:end;min-width:0;position:relative}.link-card-title{font-family:var(--font-archia-bold), Arial, sans-serif;letter-spacing:-.055em;font-size:clamp(30px,4.5vw,36px);font-weight:700;line-height:1;display:block}.link-card-note{opacity:.68;margin:12px 0 0;font-size:13px;line-height:1.45}.link-card-arrow{z-index:1;border:1px solid;border-radius:50%;place-self:end;width:40px;height:40px;font-size:20px;position:relative}.social-links{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.social-links li{min-width:0;display:flex}.social-link{border:1px solid var(--line);background:var(--black);width:100%;min-width:0;min-height:108px;color:var(--white);grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) 16px;gap:14px 8px;padding:18px;display:grid}.social-link-icon{grid-area:1/1;justify-content:center;align-items:center;width:22px;height:22px;font-size:22px;display:inline-flex}.social-link-label{font-family:var(--font-archia-bold), Arial, sans-serif;letter-spacing:-.025em;grid-area:2/1/auto/-1;font-size:16px;font-weight:700;line-height:1.2}.social-link-arrow{opacity:.6;grid-area:1/2;place-self:start end;font-size:14px}html:not([data-gsap-ui]) .social-link:hover,html:not([data-gsap-ui]) .social-link:focus-visible{border-color:var(--white);background:var(--white);color:var(--black)}.section-title{font-family:var(--font-archia-bold), Arial, sans-serif;letter-spacing:-.065em;margin:23px 0 0;font-size:clamp(38px,7vw,62px);line-height:1.03}.title-period{color:var(--white)}.section-intro{color:var(--muted);margin:11px 0 0;font-size:15px;line-height:1.6}.project-list,.archive-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.work-card{border:1px solid var(--line);background:var(--black);flex-direction:column;min-width:0;display:flex}html:not([data-gsap-ui]) .work-card:hover,html:not([data-gsap-ui]) .work-card:focus-within{border-color:#ffffffb3}.work-card-main{flex-direction:column;flex:1;min-width:0;display:flex}.work-card-copy{flex:1;padding:18px 20px 20px}.work-card-heading{grid-template-columns:22px minmax(0,1fr) 20px;align-items:center;gap:8px;display:grid}.work-card-index{color:var(--faint);font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.work-card-heading h2,.work-card-heading h3{font-family:var(--font-archia-bold), Arial, sans-serif;letter-spacing:-.045em;margin:0;font-size:clamp(21px,3vw,25px);font-weight:700;line-height:1.2}.work-card-arrow{justify-self:end;font-size:22px}.work-card-copy>p{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.5}.work-card-copy>.work-card-meta{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;margin-top:13px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.work-card-external{border-top:1px solid var(--line);min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;font-size:12px;display:flex}html:not([data-gsap-ui]) .work-card-external:hover,html:not([data-gsap-ui]) .work-card-external:focus-visible{background:var(--white);color:var(--black)}.work-card-external>span{font-size:16px}.archive-link{border:1px solid var(--white);background:var(--white);min-height:62px;color:var(--black);font-family:var(--font-archia-bold), Arial, sans-serif;justify-content:space-between;align-items:center;margin-top:22px;padding:0 20px;font-size:15px;display:flex}html:not([data-gsap-ui]) .archive-link:hover,html:not([data-gsap-ui]) .archive-link:focus-visible{background:var(--black);color:var(--white)}.archive-link span:last-child{font-family:Arial,sans-serif;font-size:23px}.about-copy{max-width:670px;color:var(--muted);margin:19px 0 0;font-size:clamp(18px,2.8vw,22px);line-height:1.58}.toolkit-block{margin-top:28px}.micro-label{color:var(--faint);margin:0}.toolkit-list{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.toolkit-list li{border:1px solid var(--line);background:var(--black);color:var(--muted);padding:9px 13px;font-size:12px}.experience-item{border-top:1px solid var(--line)}.experience-item:last-child{border-bottom:1px solid var(--line)}.experience-item summary{cursor:pointer;grid-template-columns:38px minmax(0,1fr) auto 18px;align-items:center;gap:12px;min-height:90px;padding:20px 3px;list-style:none;display:grid}.experience-item summary::-webkit-details-marker{display:none}.experience-number,.experience-time{color:var(--faint)}.experience-identity{flex-direction:column;gap:4px;min-width:0;display:flex}.experience-identity strong{font-family:var(--font-archia-bold), Arial, sans-serif;font-size:18px;font-weight:700;line-height:1.2}.experience-identity>span{color:var(--muted);font-size:13px}.experience-plus{font-size:18px}html:not([data-gsap-ui]) .experience-item[open] .experience-plus{transform:rotate(45deg)}.experience-item>p{max-width:650px;color:var(--muted);margin:0 0 24px 50px;font-size:14px;line-height:1.6}.contact-section{text-align:center;padding-top:52px;padding-bottom:72px;position:relative;overflow:clip}.contact-section:before{z-index:-1;content:"";border:1px solid #ffffff1f;border-radius:50%;width:360px;height:360px;position:absolute;top:30px;left:50%;transform:translate(-50%)scaleY(.5)rotate(-24deg)}.contact-star{font-size:37px;display:inline-block}.contact-section .micro-label{margin-top:20px}.contact-section h2{font-family:var(--font-archia-bold), Arial, sans-serif;letter-spacing:-.065em;margin:16px 0 0;font-size:clamp(42px,8vw,70px);line-height:1.02}.contact-section>p:not(.micro-label){color:var(--muted);margin:14px 0 0;font-size:15px;line-height:1.6}.contact-link{border:1px solid var(--white);background:var(--white);width:min(100%,340px);min-height:60px;color:var(--black);font-family:var(--font-archia-bold), Arial, sans-serif;justify-content:space-between;align-items:center;margin:22px auto 0;padding:0 19px;font-size:16px;display:flex}html:not([data-gsap-ui]) .contact-link:hover,html:not([data-gsap-ui]) .contact-link:focus-visible{background:var(--black);color:var(--white)}.contact-link>span{font-family:Arial,sans-serif;font-size:22px}.contact-email{color:var(--muted);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;margin-top:16px;font-size:13px;display:inline-block}.site-footer{border-top:1px solid var(--line);background:var(--black)}.site-footer-inner{width:min(100% - 48px,1120px);min-height:80px;color:var(--faint);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:18px;margin:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;display:flex}.site-footer-inner p{margin:0}.site-footer-inner a{align-items:center;gap:8px;min-height:44px;display:inline-flex}html:not([data-gsap-ui]) .site-footer-inner a:hover,html:not([data-gsap-ui]) .site-footer-inner a:focus-visible{color:var(--white)}.archive-content{padding-top:72px;padding-bottom:110px}.back-link{min-height:44px;color:var(--muted);align-items:center;gap:12px;font-size:13px;display:inline-flex}html:not([data-gsap-ui]) .back-link:hover,html:not([data-gsap-ui]) .back-link:focus-visible{color:var(--white)}.archive-heading{font-family:var(--font-archia-bold), Arial, sans-serif;letter-spacing:-.08em;margin:51px 0 0;font-size:clamp(52px,10vw,88px);line-height:.92}.archive-intro{max-width:560px;color:var(--muted);margin:20px 0 0;font-size:16px;line-height:1.6}.archive-list{margin-top:34px}.archive-end{border-top:1px solid var(--line);color:var(--muted);margin-top:34px;padding-top:21px;font-size:13px;line-height:1.6}.archive-end a{color:var(--white);text-underline-offset:4px;text-decoration:underline}.detail-content{padding-top:45px;padding-bottom:95px}.project-detail-label{color:var(--faint);margin:63px 0 0}.detail-heading{overflow-wrap:anywhere;max-width:100%;font-family:var(--font-archia-bold), Arial, sans-serif;letter-spacing:-.07em;margin:15px 0 0;font-size:clamp(48px,10vw,84px);line-height:.97}.detail-summary{max-width:650px;color:var(--muted);margin:22px 0 0;font-size:clamp(17px,3vw,21px);line-height:1.5}.detail-actions{flex-wrap:wrap;gap:10px;margin-top:31px;display:flex}.detail-action{border:1px solid var(--line);background:var(--black);align-items:center;gap:22px;min-height:50px;padding:0 19px;font-size:13px;display:inline-flex}html:not([data-gsap-ui]) .detail-action:hover,html:not([data-gsap-ui]) .detail-action:focus-visible{background:var(--white);color:var(--black)}.detail-action.primary{border-color:var(--white);background:var(--white);color:var(--black)}html:not([data-gsap-ui]) .detail-action.primary:hover,html:not([data-gsap-ui]) .detail-action.primary:focus-visible{background:var(--black);color:var(--white)}.detail-visual-wrap{margin-top:56px}.detail-body{grid-template-columns:220px 1fr;gap:55px;margin-top:65px;display:grid}.detail-meta{border-top:1px solid var(--line);margin:0}.detail-meta>div{border-bottom:1px solid var(--line);padding:15px 0}.detail-meta dt{color:var(--faint);text-transform:uppercase}.detail-meta dd{margin:4px 0 0;font-size:13px;line-height:1.5}.detail-description{color:var(--muted);margin:0;font-size:clamp(17px,3vw,21px);line-height:1.6}.detail-gallery{gap:20px;margin-top:42px;display:grid}.detail-gallery img{border:1px solid var(--line);width:100%;height:auto;display:block}.next-project{border:1px solid var(--line);background:var(--black);justify-content:space-between;align-items:center;gap:20px;width:min(100% - 40px,760px);min-height:160px;margin:0 auto 100px;padding:24px 26px;display:flex}html:not([data-gsap-ui]) .next-project:hover,html:not([data-gsap-ui]) .next-project:focus-visible{background:var(--white);color:var(--black)}.next-project>span:first-child{flex-direction:column;gap:12px;display:flex}.next-project small{color:var(--faint);letter-spacing:.14em;text-transform:uppercase;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.next-project strong{font-family:var(--font-archia-bold), Arial, sans-serif;letter-spacing:-.05em;font-size:clamp(26px,5vw,40px)}.next-project>span:last-child{font-size:28px}html:not([data-gsap-ui]) .next-project:hover small,html:not([data-gsap-ui]) .next-project:focus-visible small{color:#0000008c}@media (max-width:620px){.site-header-inner,.site-footer-inner{width:min(100% - 40px,1120px)}.brand{gap:7px;font-size:10px}.brand-symbol{font-size:19px}.header-links{gap:16px}.header-links a{font-size:11px}.hero{padding-bottom:26px}.hero-meta{letter-spacing:.07em;font-size:9px}.portrait-orbit{width:204px;height:204px;margin-top:32px;margin-bottom:20px}.portrait-core{width:130px;height:130px}.hero h1{font-size:clamp(59px,13.9vw,83px)}.hero-intro{margin-top:18px}.content-section{padding-top:24px;padding-bottom:34px}.contact-section{padding-top:40px;padding-bottom:50px}.section-label{letter-spacing:.08em;font-size:9px}.links-panel{grid-template-columns:minmax(0,1fr);gap:10px}.link-card{gap:16px 12px;min-height:176px;padding:20px}.link-card-title{font-size:34px}.link-card-note{margin-top:9px}.link-card-orbit{width:108px;height:108px;top:17px;right:19px}.social-links{gap:10px}.social-link{gap:12px 8px;min-height:88px;padding:15px}.social-link-icon{width:20px;height:20px;font-size:20px}.project-list,.archive-list{grid-template-columns:minmax(0,1fr);gap:16px}.work-card-copy{padding:17px 18px 18px}.work-card-external{padding-inline:18px}.experience-item summary{grid-template-columns:26px minmax(0,1fr) 16px;gap:8px}.experience-time{grid-area:2/2}.experience-plus{grid-area:1/3;font-size:16px}.experience-item>p{margin-left:34px}.site-footer-inner{flex-direction:column;align-items:flex-start;padding:24px 0}.archive-content{padding-top:40px}.detail-content{padding-top:34px}.detail-body{grid-template-columns:1fr;gap:25px}.detail-actions{flex-direction:column}.detail-action{justify-content:space-between}}@media (max-width:370px){.brand span:last-child{text-overflow:ellipsis;max-width:115px;overflow:hidden}.header-links{gap:12px}.header-links a{font-size:10px}.hero h1{font-size:57px}}@media (prefers-reduced-motion:reduce){.shooting-star{display:none}}
