/* INDEX — the portfolio stage. All media and interaction surfaces are retained. */
.work,.awards,.studio,.contact{background:#101010;color:#f4f4f3;--line:#ffffff24;--muted:#a0a0a0;border-radius:0}
.section-eyebrow{color:#b8b8ba;border-color:#ffffff26}
.work{padding-top:100px;padding-bottom:90px}.work-heading{padding:54px 0 55px}.work-heading h2{font-weight:500;letter-spacing:-.065em}.work-heading h2 em,.awards-heading em{color:#f4f4f3}.work-heading h2 sup{color:#9a9a9d}.work-heading>p{color:#e1e1e3}.work-heading>p>span{color:#a0a0a0}
.work-toolbar{border-color:#ffffff25;gap:24px}.filters{gap:8px}.filters button{border-radius:2px;padding:11px 17px;color:#bdbdc2}.filters button.active{background:#3023f4;color:#fff}.filters button:not(.active):hover{background:#ffffff0c;color:#fff}.filters sup{color:inherit}.result-count{color:#a1a1a6;margin-left:auto;white-space:nowrap}
.view-switch{display:flex;gap:0;align-items:center;flex-shrink:0;border:1px solid #ffffff2e;border-radius:2px;padding:3px}.view-switch button{padding:9px 12px;border-radius:1px;min-height:32px;font-size:9px;letter-spacing:.065em;color:#a6a6ad;transition:color .25s,background .25s}.view-switch button.active,.view-switch button[aria-pressed="true"]{color:#fff;background:#3023f4}.view-switch button:hover{color:#fff}.view-switch button:focus-visible{outline-color:#bbc6ff;outline-offset:4px}
.project-grid{gap:62px 32px}.project-card{border-radius:3px}.project-media{border-radius:3px;background:#222225;box-shadow:none}.project-card.contain .project-media>img{background:#262626}.paired-media{background:#202024;padding:9px 9px 27px;gap:5px}.paired-media>div{border-radius:1px}.paired-media>div>span{background:#111b;color:#fff;border-radius:1px}.triptych-media{background:#202024}.triptych-media>img{border-radius:1px}.project-badge{background:#14141abf;color:#f2f2f6;border:1px solid #ffffff30;border-radius:1px;font-weight:500}.project-duration{background:#111b;color:#fff;border-radius:1px}.paired-media .project-duration{color:#b8b8c0}.project-card.is-hovered .project-media,.project-card:focus-visible .project-media{box-shadow:0 28px 65px -28px #3023f477}.project-hover>span{background:#3023f4;color:#fff;box-shadow:0 8px 25px #0005;border-radius:50%}.project-info{margin-top:22px}.project-title{color:#f4f4f3;font-weight:500}.project-arrow{color:#d2d2d8}.project-card:hover .project-arrow{color:#8980ff}.project-sub{color:#a5a5ae}.project-sub>span:last-child{color:#c0c0c7}.more-wrap>.mono{color:#a4a4ad}.more-wrap .pill-link{border-radius:2px;color:#fff;border-color:#ffffff32;min-width:250px}.more-wrap .pill-link:hover{background:#3023f4;border-color:#3023f4}.work-end{border-color:#ffffff24;color:#96969f}.work-end>span:last-child{color:#b3b3ba}
/* The same collection, arranged as a precise numbered index. */
.project-grid.index-view{display:block;counter-reset:work-index;perspective:1800px}.project-grid.index-view .project-card{counter-increment:work-index;display:grid;grid-template-columns:32px 130px minmax(0,1fr) minmax(180px,230px);align-items:center;column-gap:28px;row-gap:0;width:100%;padding:25px 0;border-top:1px solid #ffffff25;border-radius:0;background:transparent;transition:background .35s,opacity .8s var(--ease),transform .9s var(--ease)}.project-grid.index-view .project-card:last-child{border-bottom:1px solid #ffffff25}.project-grid.index-view .project-card:before{content:counter(work-index,decimal-leading-zero);grid-column:1;grid-row:1;color:#9d9da5;font:10px/1.5 Manrope,Pretendard,sans-serif;align-self:center}.project-grid.index-view .project-card:hover{background:#ffffff05}.project-grid.index-view .project-card .project-media,.project-grid.index-view .project-card.contain .project-media,.project-grid.index-view .project-card.landscape .project-media,.project-grid.index-view .project-card .paired-media,.project-grid.index-view .project-card .triptych-media{grid-column:2;grid-row:1;width:130px;height:85px;min-height:0;aspect-ratio:auto;border-radius:2px;margin:0;padding:0;background:#232326;box-shadow:none}.project-grid.index-view .project-card .paired-media{gap:3px}.project-grid.index-view .project-card .triptych-media{gap:2px}.project-grid.index-view .project-card.contain .project-media>img{padding:3px}.project-grid.index-view .project-card .project-info{grid-column:3;grid-row:1;min-width:0;margin:0;align-items:center;gap:16px}.project-grid.index-view .project-title{font-size:clamp(19px,2vw,29px);line-height:1.2;letter-spacing:-.04em;overflow-wrap:anywhere}.project-grid.index-view .project-arrow{font-size:20px;flex-shrink:0}.project-grid.index-view .project-sub{grid-column:4;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;margin:0;font-size:11px;line-height:1.65;word-break:keep-all;color:#9d9da7}.project-grid.index-view .project-sub>span:last-child{font-size:9px;letter-spacing:.025em;padding:0;color:#d2d2d8}.project-grid.index-view .project-badge,.project-grid.index-view .project-duration,.project-grid.index-view .project-hover,.project-grid.index-view .paired-media>div>span{display:none}.project-grid.index-view .project-media:after{opacity:0}.project-grid.index-view .project-card.is-hovered .project-media{box-shadow:0 16px 27px -16px #3023f4a6}.project-grid.index-view .project-card:focus-visible{outline:1px solid #bfc6ff;outline-offset:6px}
.awards{padding-top:60px;padding-bottom:100px}.awards-heading{padding:45px 0}.awards-heading h2{font-weight:500;letter-spacing:-.05em}.awards-heading p{color:#aaaab1}.awards-grid{gap:24px}.award-card{border-radius:2px;background:#141416;border:1px solid #ffffff26;padding:24px;gap:27px}.award-card:hover{background:#191825;border-color:#5148ea}.award-thumb{background:#242427;border-radius:1px}.award-copy>span{color:#a9a3ff}.award-copy h3{color:#f4f4f3}.award-copy p{color:#a0a0a9}.award-arrow{color:#e2e2e8}.interlude{background:#3023f4;color:#fff;padding-top:45px;padding-bottom:30px}.interlude .marquee{font-weight:500}.interlude .marquee i{font-weight:400}.interlude>p{color:#dedaff;letter-spacing:.025em}
.studio{padding-top:100px;padding-bottom:100px}.profile-layout{gap:8vw;margin-top:65px}.profile-identity{background:#3023f4;color:#fff;border-radius:2px;padding:38px}.profile-identity>img{filter:brightness(0) invert(1);width:85%;margin-top:100px;margin-bottom:85px}.profile-identity>span{color:#e3e0ff}.profile-identity>span:last-child{border-color:#ffffff45;color:#e7e3ff}.identity-bottom strong{font-size:72px;letter-spacing:-.065em;color:#fff}.identity-bottom p{color:#ece9ff}.profile-copy>.mono{color:#a7a7b2}.profile-copy h2{color:#f1f1f3}.profile-copy h2 em{color:#b7b1ff}.profile-copy .profile-lead{color:#dddde3}.profile-copy>p:not(.profile-lead){color:#aaaab3}.profile-role .mono{color:#b0a9ff}.profile-role strong{color:#e6e6ec}.profile-metrics strong{color:#f4f4f3}.profile-metrics p{color:#aaaab3}.experience-label>.mono,.experience-label p{color:#a4a4af}.experience-label h3{color:#f3f3f5}.experience-row>.mono{color:#9d9da8}.experience-row h4{color:#e9e9ef}.experience-row p{color:#a7a7b1}.experience-row>span:last-child{border-radius:1px;color:#b8b8c2;border-color:#ffffff26}.service>.mono{color:#a5a0ff}.service h3{color:#f3f3f5}.service p{color:#a6a6b0}.service>span:last-child{color:#b9b4ff}
.contact{padding-top:65px;padding-bottom:55px;border-top:1px solid #ffffff24}.contact-intro{color:#c5c5ce}.contact-title{font-size:clamp(72px,9.2vw,176px);font-weight:500;letter-spacing:-.07em;color:#f4f4f3}.contact-title em{color:#f4f4f3}.contact-title>span{color:#7770ff}.contact-title:hover>span{color:#c6c2ff}.contact-logo{filter:brightness(0) invert(1);opacity:.13;width:24%}.contact-links a{color:#e9e9ef}.contact-links small{color:#9b9ba7}.contact-links a:hover{color:#b7b1ff}.contact-bottom>span{color:#a0a0aa}.contact .status-dot{background:#5c51ff;box-shadow:0 0 0 4px #3023f420}footer{background:#080808;color:#9d9da7;border-top:1px solid #ffffff19}footer .brand{color:#f4f4f3}footer .brand img{filter:brightness(0) invert(1)}footer>a:last-child{color:#d0d0d9}
/* Black viewing room: imagery is rendered with its original colors. */
dialog{background:#121214;color:#f4f4f3;--line:#ffffff25}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}.dialog-head{background:#121214ec;border-color:#ffffff25}.dialog-head .brand img{filter:brightness(0) invert(1)}.dialog-head>.mono{color:#aaaab6}.close-button{color:#f4f4f3}.dialog-media,.dialog-package{background:#202023;border-radius:3px}.image-zoom-hint{background:#3023f4;color:#fff;border-radius:2px}.dialog-package figcaption{color:#bdbdc8}.dialog-package .mono{color:#a9a4ff}.dialog-info .mono{color:#aaa5ff}.dialog-info h2{color:#f4f4f3}.dialog-description{color:#b5b5c0}.dialog-info dt{color:#a0a0ad}.dialog-info dd{color:#e2e2eb}.stills img{background:#202023;border-radius:2px}.stills a:hover{outline-color:#9a93ff;border-radius:2px}.dialog-navigation button{color:#e3e3ed}#exhibition-panel{border-color:#ffffff2b;border-radius:2px}#exhibition-panel h3{color:#d5d5e0}
@media(min-width:1800px){.work-heading h2{font-size:7.2vw}.project-grid.index-view .project-title{font-size:32px}}
@media(max-width:1100px){.work-toolbar{flex-wrap:wrap}.result-count{margin-left:auto}.view-switch{margin-left:0}.project-grid.index-view .project-card{grid-template-columns:27px 110px minmax(0,1fr) 185px;column-gap:20px}.project-grid.index-view .project-card .project-media,.project-grid.index-view .project-card.contain .project-media,.project-grid.index-view .project-card.landscape .project-media,.project-grid.index-view .project-card .paired-media,.project-grid.index-view .project-card .triptych-media{width:110px;height:78px}.project-grid.index-view .project-title{font-size:22px}.profile-identity{padding:28px}.identity-bottom strong{font-size:60px}.profile-identity>img{margin-top:95px;margin-bottom:65px}.award-card{padding:20px;gap:20px}}
@media(max-width:760px){.work,.studio{padding-top:75px;padding-bottom:75px}.work-heading{padding:40px 0}.work-toolbar{gap:16px}.filters{gap:3px}.filters button{padding:10px 12px}.view-switch button{font-size:8px;padding:8px 10px}.result-count{display:none}.project-grid{gap:45px 23px}.project-title{font-size:24px}.project-sub{font-size:11px}.awards{padding-bottom:70px}.awards-heading{padding:35px 0}.award-card{padding:18px;gap:15px}.award-copy>span{font-size:7px}.award-copy h3{font-size:14px}.award-copy p{font-size:10px}.project-grid.index-view .project-card{grid-template-columns:23px 90px minmax(0,1fr);column-gap:16px;padding:22px 0;min-height:122px}.project-grid.index-view .project-card:before{grid-row:1 / span 2}.project-grid.index-view .project-card .project-media,.project-grid.index-view .project-card.contain .project-media,.project-grid.index-view .project-card.landscape .project-media,.project-grid.index-view .project-card .paired-media,.project-grid.index-view .project-card .triptych-media{width:90px;height:77px;grid-row:1 / span 2}.project-grid.index-view .project-card .project-info{grid-column:3;grid-row:1;align-self:end;margin-bottom:7px;gap:10px}.project-grid.index-view .project-title{font-size:23px}.project-grid.index-view .project-card .project-sub{grid-column:3;grid-row:2;align-self:start;flex-direction:row;justify-content:space-between;gap:12px;font-size:10px;line-height:1.5}.project-grid.index-view .project-sub>span:last-child{font-size:8px;flex-shrink:0;line-height:1.8}.profile-layout{gap:5vw}.profile-identity{padding:25px}.profile-identity>img{margin-top:85px;margin-bottom:70px}.identity-bottom strong{font-size:58px}.profile-copy h2{font-size:28px}.contact-title{font-size:10vw;padding-right:65px}}
@media(max-width:540px){.work,.awards,.studio,.contact{padding:52px var(--pad)}.work-heading{padding:33px 0}.work-heading h2{font-size:14.5vw}.work-toolbar{gap:17px;padding-bottom:20px;margin-bottom:25px;align-items:flex-start}.filters{width:100%;justify-content:space-between;gap:2px}.filters button{padding:10px 11px;font-size:10px}.view-switch{margin-left:auto}.view-switch button{padding:9px 12px;font-size:8px;min-height:32px}.project-grid{gap:38px}.project-media,.project-card.contain .project-media,.project-card.landscape .project-media{border-radius:2px}.project-title{font-size:26px}.project-sub{font-size:11px}.project-badge,.paired-media .project-badge{font-size:6px;border-radius:1px}.project-duration{border-radius:1px}.paired-media>div,.triptych-media>img{border-radius:1px}.project-hover>span{color:#fff}.more-wrap .pill-link{min-width:225px;border-radius:2px}.work-end{font-size:6px}.project-grid.index-view .project-card{grid-template-columns:18px 62px minmax(0,1fr);column-gap:12px;padding:19px 0;min-height:108px}.project-grid.index-view .project-card:before{font-size:8px;color:#a4a4b0}.project-grid.index-view .project-card .project-media,.project-grid.index-view .project-card.contain .project-media,.project-grid.index-view .project-card.landscape .project-media,.project-grid.index-view .project-card .paired-media,.project-grid.index-view .project-card .triptych-media{width:62px;height:66px;min-height:0;border-radius:1px}.project-grid.index-view .project-title{font-size:19px;line-height:1.25;letter-spacing:-.04em}.project-grid.index-view .project-arrow{font-size:15px}.project-grid.index-view .project-card .project-info{margin-bottom:6px;gap:7px}.project-grid.index-view .project-card .project-sub{font-size:9px;gap:3px;flex-direction:column;line-height:1.55}.project-grid.index-view .project-sub>span:last-child{font-size:7px;line-height:1.5}.project-grid.index-view .paired-media{grid-template-columns:1fr 1fr;gap:2px}.project-grid.index-view .triptych-media{grid-template-columns:1fr 1fr;gap:2px}.awards-heading{padding:30px 0 25px}.awards-heading h2{font-size:35px}.awards-heading p{font-size:11px;color:#aaaab5}.award-card{padding:17px;gap:17px;border-radius:2px}.award-thumb{border-radius:1px}.award-copy>span{font-size:6px}.award-copy h3{font-size:15px}.award-copy p{font-size:10px}.interlude{padding:30px 0 25px}.interlude>p{font-size:10px}.profile-layout{gap:36px;margin-top:38px}.profile-identity{min-height:370px;padding:29px;border-radius:2px}.profile-identity>img{margin:60px auto 65px;width:85%}.identity-bottom strong{font-size:61px}.identity-bottom p{font-size:14px}.profile-copy h2{font-size:29px}.profile-copy>.mono{font-size:7px}.profile-copy>p:not(.profile-lead){font-size:13px}.profile-role strong{font-size:13px}.profile-metrics p{font-size:9px}.experience-row p{font-size:11px}.contact{padding-top:40px;padding-bottom:43px}.contact-title{font-size:14vw;line-height:1.04;padding-right:50px}.contact-title>span{color:#9c95ff}.contact-logo{display:none}.contact-bottom>span{font-size:10px;line-height:1.8}.contact-links small{color:#aaaab5}.dialog-head{background:#121214f0}.dialog-media,.dialog-package{border-radius:2px}.dialog-description{font-size:13px}.image-zoom-hint{border-radius:2px}.stills img{border-radius:1px}#exhibition-panel{border-radius:2px}}
/* The year is an editorial subline, not part of the display scale. */
.work-heading h2:has(.work-year)>br{display:none}.work-heading .work-year{display:block;font-size:clamp(21px,2vw,28px);line-height:1.3;font-weight:400;font-style:italic;letter-spacing:-.035em;margin-top:24px;color:#d5d5dc}.work-view-controls{display:flex;align-items:center;gap:23px;margin-left:auto}.work-view-controls .result-count{margin-left:0}
@media(max-width:760px){.work-view-controls{gap:13px}.work-heading .work-year{font-size:21px;margin-top:22px}}
@media(max-width:540px){.work-view-controls{width:100%;justify-content:flex-end}.work-view-controls .view-switch{margin-left:0}.work-heading .work-year{font-size:21px;margin-top:18px}}
@media(max-width:540px){.work-heading h2{font-size:13vw;letter-spacing:-.07em}.work-heading h2 sup{font-size:8px;right:-18px;top:4px}}