:root{color-scheme:dark;--ink:#f1eee9;--ink-dim:#aaa6ae;--pink:#ff0077;--base:#0b0b0e;font-family:Outfit,Arial,sans-serif;background:var(--base);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--pink);outline-offset:6px}::selection{background:var(--pink);color:white}img{max-width:100%}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--pink);padding:15px}.skip:focus{top:15px}
.coord-nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:28px 5vw;border-bottom:1px solid #ffffff18}.coord-sig{display:flex;align-items:center;gap:16px}.coord-sig__mark{width:48px;height:32px;object-fit:contain}.coord-sig__name{font-weight:500;letter-spacing:-.04em;font-size:21px}.coord-stack{display:flex;gap:32px;font-size:11px;letter-spacing:.09em}.coord-stack a{padding:12px 0}.coord-stack__idx{color:var(--pink);margin-right:8px}.coord-stack a:hover{color:var(--pink)}
.env,.hero-field,.opart-divider,.project-expand__bg{display:none}.hero{position:relative;isolation:isolate;overflow:hidden}.hero-stage{min-height:680px;height:calc(100svh - 100px);max-height:930px;position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;margin:0 5vw;border-bottom:1px solid #ffffff28}.hero-copy{z-index:2;padding-bottom:30px;pointer-events:none}.hero-name{font-family:Syne,Arial,sans-serif;font-weight:800;font-size:clamp(90px,11.8vw,182px);line-height:.8;letter-spacing:-.065em;margin:0}.hero-name__line{display:block}.hero-name__line--front{color:var(--pink);margin:16px 0 0 5vw}.hero-meta{margin:38px 0 0;font-size:14px;letter-spacing:.03em;color:var(--ink-dim);display:flex;gap:12px}.hero-person{position:absolute;right:0;bottom:0;width:44%;height:91%;z-index:1}.hero-figure{height:100%;position:relative}.hero-figure:before{content:'';position:absolute;inset:20% -20% 10%;background:radial-gradient(ellipse,#721da544,transparent 65%);z-index:-1}.hero-figure__cutout{width:100%;height:100%;object-fit:contain;object-position:bottom}.hero-copy:before{content:'INDEPENDENT MIND. MULTIPLE MEDIUMS.';display:block;font-size:10px;letter-spacing:.18em;color:var(--ink-dim);margin-bottom:48px}
.about,.work,.experiments{padding:110px 5vw}.about-label,.work-label,.exp-label{font-size:11px;letter-spacing:.15em;color:var(--pink);margin:0 0 45px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw}.about-statement{font-family:Syne,Arial,sans-serif;font-size:clamp(32px,4.5vw,68px);line-height:1.08;letter-spacing:-.05em;margin:0}.about-statement span{display:block}.about-statement span:last-child{color:var(--ink-dim)}.about-copy{font-size:20px;line-height:1.65;max-width:490px}.about-copy p{margin:0 0 40px}.about-objects{display:flex;flex-direction:column}.comp-link{display:flex;align-items:center;padding:18px 0;border-bottom:1px solid #ffffff25;gap:12px;font-size:14px}.comp-link__mark{height:5px;width:5px;background:var(--pink)}.comp-link__hint{margin-left:auto;color:var(--ink-dim);font-size:11px}.comp-link:hover{color:var(--pink)}.work{padding-top:40px}.work-rail{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:40px 30px}.work-rail__group{grid-column:1/-1;font-size:clamp(28px,3vw,46px);font-family:Syne,Arial,sans-serif;letter-spacing:-.04em;border-top:1px solid #ffffff30;padding-top:24px;margin:0 0 12px}.work-rail__group:not(:first-child){margin-top:50px}.art-piece{border:0;padding:0;text-align:left;background:transparent;cursor:pointer;grid-column:span 4;min-width:0}.art-piece--motion{grid-column:span 7}.art-piece--motion+.art-piece--motion{grid-column:span 5;margin-top:100px}.art-piece__frame{background:#151519;aspect-ratio:1.28;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-piece--motion .art-piece__frame{aspect-ratio:1.5}.art-piece__frame img{width:82%;height:82%;object-fit:contain;transition:transform .35s}.art-piece--motion img{width:100%;height:100%;object-fit:contain}.art-piece:hover img{transform:scale(1.035)}.art-piece__meta{display:flex;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #ffffff25;font-size:14px}.art-piece__tag{display:none}.art-piece__name:after{content:' ↗';color:var(--pink)}
.experiments{border-top:1px solid #ffffff25}.exp-head{display:grid;grid-template-columns:1fr 1fr;gap:30px}.exp-lede{margin:0 0 65px;font-size:20px;line-height:1.6;max-width:500px}.exp-bay{display:block}.specimen{display:grid;grid-template-columns:1fr 1.4fr 1.4fr;gap:40px;padding:40px 0;border-top:1px solid #ffffff30;align-items:start}.specimen__top{display:flex;flex-direction:column;gap:12px;font-size:10px;letter-spacing:.1em;color:var(--ink-dim)}.specimen__idx{color:var(--pink)}.specimen__name{font-family:Syne,Arial,sans-serif;font-size:28px;letter-spacing:-.04em;line-height:1.15;margin:0}.specimen__desc{font-size:14px;line-height:1.7;margin:0;color:var(--ink-dim)}.specimen__go{grid-column:2/-1;font-size:11px;overflow-wrap:anywhere;color:var(--ink-dim)}.specimen:hover .specimen__name{color:var(--pink)}.bench-link{display:flex;justify-content:space-between;padding:30px 0;border-top:1px solid #ffffff30;font-size:14px}.bench-link__hint{color:var(--pink)}.site-foot{padding:25px 5vw;color:var(--ink-dim);font-size:12px;border-top:1px solid #ffffff25}
.project-expand{position:fixed;inset:0;z-index:20;background:#0b0b0ef7;overflow:auto;padding:100px 6vw 60px}.project-expand__escape{position:absolute;right:6vw;top:25px;min-height:44px;background:transparent;border:0;cursor:pointer}.project-expand__stage{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:6vw;min-height:65vh}.project-expand__panel{background:#151519;display:flex;align-items:center;justify-content:center;min-height:300px}.project-expand__img{max-height:70vh;object-fit:contain}.project-expand__cat{font-size:11px;color:var(--pink)}.project-expand__title{font-family:Syne,Arial,sans-serif;font-size:38px;line-height:1.1}.project-expand__desc{color:var(--ink-dim);line-height:1.7}.is-expanded{overflow:hidden}
@media(min-width:1400px){.hero-stage{width:90%}.hero-stage,.about-inner,.work-inner,.exp-inner{max-width:1500px;margin-left:auto;margin-right:auto}}
@media(max-width:760px){html{scroll-padding-top:24px}.coord-nav{padding:18px 6vw;align-items:flex-start}.coord-sig__name{display:none}.coord-stack{gap:18px;font-size:9px}.coord-stack__idx{display:none}.hero-stage{margin:0 6vw;min-height:700px;height:calc(100svh - 80px);max-height:850px;align-items:start;display:block}.hero-copy{padding-top:55px}.hero-copy:before{font-size:8px;margin-bottom:30px;letter-spacing:.13em}.hero-name{font-size:clamp(68px,16vw,120px)}.hero-name__line--front{margin:10px 0 0 8vw}.hero-meta{font-size:11px;gap:8px;margin-top:24px}.hero-person{height:51%;width:78%;right:-6%;}.about,.work,.experiments{padding:70px 6vw}.about-grid{grid-template-columns:1fr;gap:35px}.about-statement{font-size:12vw}.about-copy{font-size:17px}.about-label,.work-label,.exp-label{margin-bottom:32px}.work-rail{gap:28px 18px}.art-piece{grid-column:span 6}.art-piece--motion,.art-piece--motion+.art-piece--motion{grid-column:1/-1;margin-top:0}.art-piece__meta{font-size:12px;line-height:1.4}.work-rail__group{font-size:30px}.exp-head{display:block}.exp-lede{font-size:17px;margin-bottom:35px}.specimen{grid-template-columns:1fr;gap:18px;padding:32px 0}.specimen__top{flex-direction:row;justify-content:space-between}.specimen__go{grid-column:1}.specimen__name{font-size:27px}.project-expand__stage{grid-template-columns:1fr;gap:25px}.project-expand__panel{min-height:220px}.project-expand__title{font-size:30px}.project-expand__img{max-height:45vh}}
.hero-name{font-size:clamp(78px,8vw,120px)}.art-piece--logo{grid-column:span 6}.art-piece--logo .art-piece__frame{background:#eeece9;aspect-ratio:1.8}.art-piece--logo .art-piece__frame img{width:70%;height:70%}.project-expand__panel.is-logo{background:#eeece9}.project-expand__panel.is-logo img{padding:30px}.hero-stage{max-height:820px}
@media(max-width:760px){.hero-name{font-size:12vw}.hero-stage{min-height:620px;height:calc(90svh - 80px);max-height:730px}.hero-person{height:58%}.art-piece--logo .art-piece__frame{aspect-ratio:1.2}.art-piece--logo .art-piece__frame img{width:85%;height:85%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.art-piece__frame,.art-piece--logo .art-piece__frame,.project-expand__panel,.project-expand__panel.is-logo{background:#fff}
.hero-stage{width:100%;max-width:none;margin:0;padding:0 5vw;min-height:540px;height:56.25vw;max-height:900px;display:flex;align-items:center}.hero-person{inset:0;width:100%;height:100%}.hero-figure picture{display:block;height:100%}.hero-figure__cutout{width:100%;height:100%;object-fit:cover;object-position:center}.hero-figure:before{display:none}.hero-copy{position:relative;padding:0;max-width:52%}.hero-copy:before{display:none}.hero-name{font-size:clamp(70px,7.7vw,120px)}.hero-name__line--front{margin-left:0}.hero-meta{color:#e3dfe6;text-shadow:0 1px 5px #000}
@media(max-width:760px){.hero-stage{min-height:720px;height:90svh;max-height:880px;align-items:flex-start;padding:35px 6vw}.hero-copy{max-width:100%}.hero-name{font-size:12vw}.hero-person{top:auto;bottom:0;height:73%}.hero-figure__cutout{object-fit:cover;object-position:center 30%}.hero-person:after{content:'';position:absolute;inset:0;background:linear-gradient(#0b0b0e,transparent 20%);pointer-events:none}.hero-meta{margin-top:20px}}
@media(max-width:760px){.hero-figure__cutout{object-position:82% center}.hero-person{height:69%}}
:root{--ink:#fff1c7;--ink-dim:#bbb7c4;--pink:#ff0077;--cyan:#00c5ef;--base:#0b0b0e}
.coord-nav{border-bottom:3px solid var(--pink);background:#0b0b0e}.coord-sig__name{font-weight:600}.coord-stack a:hover{color:var(--cyan)}.hero-name{color:#fff1c7;text-shadow:3px 3px 0 #0b0b0e}.hero-name__line--front{color:var(--pink)}.hero-stage{border-bottom:4px solid var(--cyan)}
.about,.work,.experiments{position:relative}.about-label,.work-label,.exp-label{display:inline-block;background:var(--pink);color:#0b0b0e;padding:9px 14px;font-weight:700;letter-spacing:.12em;transform:rotate(-2deg)}.about-statement{font-weight:800}.about-statement span:nth-child(2){color:var(--cyan)}.about-statement span:nth-child(3){color:var(--pink)}.about-statement span:last-child{color:#fff1c7}.about-copy{color:#eee8dd}.comp-link{border-bottom:2px solid #fff1c740}.comp-link__mark{width:8px;height:8px}.comp-link:hover{color:var(--cyan)}
.work-rail__group{border-top:3px solid var(--cyan);font-weight:800;padding-top:28px}.art-piece__frame{border:3px solid #fff}.art-piece__meta{border-bottom:2px solid #fff1c740;font-size:15px;font-weight:500}.art-piece__name:after{color:var(--cyan)}.art-piece:hover .art-piece__frame{border-color:var(--pink)}.art-piece:hover .art-piece__name{color:var(--pink)}.art-piece__frame{transition:border-color .2s,transform .2s}.art-piece:hover .art-piece__frame{transform:translateY(-3px)}
.experiments{border-top:4px solid var(--pink);background:radial-gradient(circle,#6424a740 1.2px,transparent 1.5px) top right/12px 12px no-repeat;background-size:180px 100px}.exp-lede{font-family:Syne,Arial,sans-serif;font-size:clamp(24px,3vw,42px);line-height:1.15;font-weight:700;color:#fff1c7}.specimen{border-top:2px solid #fff1c740}.specimen__idx{color:var(--cyan);font-weight:700}.specimen__name{color:#fff1c7}.specimen__desc{color:#d0cbd4}.bench-link{border-top:3px solid var(--cyan)}.bench-link__hint{color:var(--cyan)}.site-foot{border-top:3px solid var(--pink)}.project-expand__escape{color:var(--cyan);font-weight:700}.project-expand__title{color:#fff1c7}.project-expand__cat{color:var(--cyan)}
@media(prefers-reduced-motion:reduce){.art-piece:hover .art-piece__frame{transform:none}}
.exp-label{align-self:start;justify-self:start}@media(max-width:760px){.about-statement{font-size:10.5vw}}