*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7f2;color:#181816;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid currentColor;outline-offset:4px}img{display:block;width:100%;height:100%;object-fit:cover}button img{pointer-events:none}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1,h2,p{margin:0}h1,h2{font-weight:400}small,.micro{font-size:10px;letter-spacing:.7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.overview{padding:0 4vw}.overview-head{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bbb;font-size:13px}.overview-head span{font-size:9px;letter-spacing:1px}.intro{display:flex;justify-content:space-between;align-items:end;padding:65px 0}.intro h1{font-size:clamp(70px,9vw,140px);letter-spacing:-.065em;line-height:.9}.intro h1 em{color:#5b45ef}.intro p{font-size:13px;line-height:1.7}.family{margin-bottom:65px}.family-title{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid #999;font-size:12px}.family-title span:last-child{color:#777}.studies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.thumb{position:relative;aspect-ratio:1.4;overflow:hidden;background:#e7e7e1}.thumb iframe{border:0;width:400%;height:400%;transform:scale(.25);transform-origin:0 0;pointer-events:none}.study-title{display:flex;gap:10px;align-items:center;margin:16px 0 8px}.study-title small{font-size:9px;color:#666}.study-title h2{font-size:17px;letter-spacing:-.5px}.study-title b{margin-left:auto;font-weight:400}.study p{font-size:11px;color:#666;line-height:1.5}.study:hover .thumb{outline:3px solid #dfff00}.overview-foot{padding:25px 0 45px;border-top:1px solid #bbb;display:flex;justify-content:space-between;font-size:11px}.version{padding-bottom:48px}.site-head{height:90px;padding:25px 35px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.site-head>a{font-size:17px;letter-spacing:-.5px}.site-head>span{font-size:11px;line-height:1.4}.site-head button{font-size:12px}.study-bar{height:48px;position:fixed;z-index:50;bottom:0;left:0;right:0;background:#171715;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 25px;font-size:11px}.study-bar select{max-width:42vw;background:#171715;border:0;color:#fff;font-size:11px}.study-bar button{font-size:11px}.mini .study-bar,.mini .site-foot,.mini .work-index{display:none}.mini{padding:0}.site-foot{display:flex;justify-content:space-between;padding:30px 35px;font-size:10px;border-top:1px solid #0002}.work-index{padding:70px 7vw}.index-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.index-head h2{font-size:38px;letter-spacing:-1.5px}.index-head>span{font-size:10px}.work-index>button{display:flex;gap:24px;align-items:center;padding:22px 0;width:100%;text-align:left;border-top:1px solid #0003}.work-index>button>span{font-size:25px;letter-spacing:-.5px}.work-index>button>small:nth-last-child(2){margin-left:auto}.work-index>button:hover{padding-left:15px;background:#00000005}.work-tile{display:block;padding:0;text-align:left;overflow:hidden}.work-tile>span{display:block;font-size:10px;padding-top:10px}.work-tile img{transition:transform .6s}.work-tile:hover img{transform:scale(1.04)}
/* M1: cinematic, edge-to-edge */
.v1{background:#fff}.v1 .site-head{position:absolute;top:0;left:0;right:0;color:#fff;text-shadow:0 1px 8px #0008}.fullbleed{height:calc(100svh - 48px);min-height:650px;position:relative;overflow:hidden;color:#fff;background:#8c8d86}.full-image{position:absolute;inset:0}.full-image img{animation:cinematic 15s ease-in-out infinite alternate}.fullbleed:after{content:'';position:absolute;inset:0;background:linear-gradient(#0004,transparent 45%,#0008);pointer-events:none}.campaign-copy{position:absolute;z-index:2;bottom:60px;left:35px;max-width:80%}.campaign-copy h1{font-size:clamp(60px,8vw,125px);letter-spacing:-.06em;line-height:.95;margin:20px 0}.campaign-copy button{color:white;padding:0;font-size:12px}.vertical-index{position:absolute;z-index:3;right:25px;top:35%;display:flex;flex-direction:column;gap:16px}.vertical-index button{display:flex;color:#fff;gap:14px;align-items:center;font-size:11px;text-align:right;justify-content:end}.vertical-index span{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .4s}.vertical-index button:hover span,.vertical-index .selected span{max-width:150px}.vertical-index .selected{color:#edff00}
/* M2: photographic wall */
.v2{background:#f3f1e8}.contact-wall{padding:30px 4vw 80px}.wall-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.wall-title h1{font-size:90px;letter-spacing:-6px;line-height:.85}.wall-title span{font-size:10px}.wall-grid{display:grid;grid-template-columns:1fr 1.25fr .85fr;gap:35px}.wall-grid .work-tile img{height:320px;animation:breathe 10s infinite alternate}.wall-grid .wall-1{margin-top:-140px}.wall-grid .wall-1 img{height:470px}.wall-grid .wall-2{margin-top:90px}.wall-grid .wall-3{margin-top:30px}.wall-grid .wall-4 img{height:400px}.wall-grid .wall-5{margin-top:75px}
/* M3: moving diptych */
.v3{background:#e9e6dc}.perspectives{height:calc(100svh - 138px);min-height:600px;position:relative;display:grid;grid-template-columns:56% 44%;overflow:hidden}.perspective-left,.perspective-right{position:relative;overflow:hidden}.perspective-left img{animation:cinematic 14s infinite alternate}.perspective-right{background:white}.perspective-right img{object-fit:contain;animation:breathe 11s infinite alternate}.perspective-left>span,.perspective-right>span{position:absolute;top:20px;left:25px;font-size:10px;background:#fff;padding:7px}.perspective-title{position:absolute;bottom:40px;left:30px;background:#eeff00;padding:25px 35px}.perspective-title h1{font-size:70px;letter-spacing:-4px;margin:10px 0}.perspective-title button{padding:0;font-size:12px}.next-project{position:absolute;right:25px;bottom:30px;font-size:13px}
/* A1: duet */
.v4{background:#eaf0f5}.duet{position:relative;height:calc(100svh - 138px);min-height:650px;overflow:hidden}.duet-word{position:absolute;top:10%;left:27%;font-size:clamp(60px,9vw,150px);letter-spacing:-.065em;line-height:.9;z-index:2;pointer-events:none}.duet-one,.duet-two{position:absolute;top:18%;width:40%;height:65%}.duet .work-tile img{object-fit:contain;mix-blend-mode:multiply}.duet .work-tile>span{display:none}.duet-one{left:3%;animation:duetleft 9s ease-in-out infinite alternate}.duet-two{right:3%;top:30%;animation:duetright 9s ease-in-out infinite alternate}.duet-note{position:absolute;left:35px;bottom:25px;line-height:1.5}.round-link{position:absolute;right:35px;bottom:25px;background:#eaff00;border-radius:100%;width:120px;height:120px;display:grid;place-items:center;font-size:12px}
/* A2: personal portrait */
.v5{background:#eeede8}.practice{height:calc(100svh - 138px);min-height:700px;position:relative;overflow:hidden}.practice-title{position:absolute;left:5%;top:12%;z-index:3}.practice-title h1{font-size:clamp(60px,7vw,115px);letter-spacing:-.065em;line-height:.9}.practice-title p{font-size:12px;line-height:1.7;margin-top:30px}.portrait{position:absolute;left:42%;top:3%;width:32%;height:86%;overflow:hidden;border-radius:48% 48% 0 0}.portrait img{filter:grayscale(1);object-position:50% 45%;animation:breathe 13s ease-in-out infinite alternate}.satellite{position:absolute;z-index:4;animation:float 7s ease-in-out infinite alternate}.satellite>span{display:none}.s1{width:23%;height:29%;right:7%;top:5%;transform:rotate(8deg)}.s2{width:20%;height:30%;right:4%;bottom:12%;animation-delay:-3s}.s3{width:19%;height:25%;left:25%;bottom:3%;animation-delay:-5s}.practice-label{position:absolute;right:5%;bottom:25px;font-size:9px;letter-spacing:1px}
/* A3: interactive triptych */
.v6{background:#f2f0e8}.color-panels{height:calc(100svh - 138px);min-height:650px;display:flex}.color-panel{position:relative;flex:1;min-width:0;overflow:hidden;text-align:left;padding:25px;transition:flex .7s cubic-bezier(.2,.7,.2,1);background:#a08a70}.color-panel:nth-child(2){background:#b7b7b3}.color-panel:nth-child(3){background:#b8cdd0}.color-panel:hover,.color-panel:focus-visible{flex:1.6}.color-panel img{position:absolute;width:100%;height:68%;left:0;top:13%;object-fit:contain;mix-blend-mode:multiply;animation:float 9s ease-in-out infinite alternate}.color-panel:nth-child(2) img{animation-delay:-4s}.color-panel:nth-child(3) img{animation-delay:-7s}.color-panel small{position:absolute;top:25px;left:25px;font-size:9px}.color-panel h1{position:absolute;left:25px;bottom:70px;font-size:clamp(28px,3.8vw,65px);letter-spacing:-.06em}.color-panel>b{position:absolute;bottom:30px;left:25px;font-size:12px;font-weight:400}
/* J1: type and imagery */
.v7{background:#e9e9e5}.type-editorial{padding:15px 4vw 45px;min-height:calc(100svh - 138px)}.type-row{display:flex;align-items:center;gap:3vw;font-size:clamp(70px,13.4vw,220px);line-height:.95;letter-spacing:-.065em}.type-row em{font-size:1.04em}.type-row .inline-image{height:12vw;width:24vw;min-height:100px;flex-shrink:0;animation:windowdrift 7s ease-in-out infinite alternate}.inline-image>span{display:none}.middle{justify-content:center}.middle .inline-image{width:20vw;animation-delay:-3s}.type-arrow{margin-left:auto}.type-editorial>p{font-size:12px;margin-top:25px;text-align:right}
/* J2: acid typographic index */
.v8{background:#eaff00}.acid{position:relative;padding:20px 4vw 50px;min-height:calc(100svh - 138px)}.acid-meta{font-size:9px;line-height:1.5;margin-bottom:40px}.acid nav{position:relative;z-index:3;width:61%}.acid nav button{display:flex;align-items:baseline;gap:18px;text-align:left;width:100%;font-size:clamp(38px,6.4vw,105px);line-height:1;letter-spacing:-.065em;border-top:1px solid #0003;padding:11px 0}.acid nav small{font-size:10px;letter-spacing:0}.acid nav b{font-size:30px;font-weight:400;opacity:0;margin-left:auto}.acid nav .selected b{opacity:1}.acid nav button:hover span,.acid nav .selected span{font-family:Georgia,serif;font-style:italic}.acid-image{position:absolute;right:4%;top:14%;width:30%;height:65%;padding:0;transform:rotate(5deg);animation:windowdrift 9s ease-in-out infinite alternate}.acid-image img{object-fit:cover}.acid-image>span{position:absolute;bottom:15px;left:15px;background:#fff;padding:8px;font-size:9px}.acid-note{position:absolute;right:4%;bottom:30px;font-size:28px;line-height:.95;letter-spacing:-1px}
/* J3: moving editorial strip */
.v9{background:#ff785d}.coral{min-height:calc(100svh - 138px);overflow:hidden}.coral-title{padding:10px 4vw 20px;display:flex;align-items:end;justify-content:space-between}.coral-title h1{font-size:clamp(80px,13vw,215px);line-height:.8;letter-spacing:-.065em}.coral-title h1 span{font-size:.8em;margin-left:30px}.coral-title p{font-size:12px;line-height:1.5;margin-bottom:15px}.filmstrip{overflow:hidden;margin-top:25px;transform:rotate(-3deg);width:110%;margin-left:-5%}.filmtrack{display:flex;width:max-content;gap:16px;animation:film 38s linear infinite}.filmtrack .work-tile{width:260px;height:230px;flex-shrink:0;background:#f1eee7}.filmtrack .work-tile img{height:198px;object-fit:cover}.filmtrack .work-tile span{padding:9px;font-size:9px}.filmstrip:hover .filmtrack,.filmstrip:focus-within .filmtrack{animation-play-state:paused}.coral-foot{display:flex;justify-content:space-between;padding:35px 4vw 25px;font-size:9px;letter-spacing:1px}
dialog{border:0;padding:24px;width:min(1000px,94vw);height:min(850px,92svh);max-width:94vw;max-height:92svh;background:#f7f7f2;color:#181816}dialog::backdrop{background:#16161699;backdrop-filter:blur(10px)}.dialog-head,.dialog-controls{height:40px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.dialog-controls button{font-size:26px}#gallery-img{height:calc(100% - 80px);object-fit:contain}#about{width:620px;height:auto;padding:55px}#about>button{float:right}#about>small{display:block}#about h2{font-size:65px;letter-spacing:-4px;line-height:1;margin:65px 0 30px}#about p{font-size:14px;line-height:1.8;margin-bottom:20px}#about a{font-size:13px}.modal{overflow:hidden}.paused *,.modal *{animation-play-state:paused!important}@keyframes cinematic{from{transform:scale(1.02) translateX(-1%)}to{transform:scale(1.12) translateX(1%)}}@keyframes breathe{from{transform:scale(1)}to{transform:scale(1.05)}}@keyframes duetleft{from{transform:translateY(-10px) rotate(-9deg)}to{transform:translateY(20px) rotate(-3deg)}}@keyframes duetright{from{transform:translateY(20px) rotate(6deg)}to{transform:translateY(-20px) rotate(-2deg)}}@keyframes float{from{translate:0 -10px}to{translate:0 15px}}@keyframes windowdrift{from{translate:0 -8px;rotate:-2deg}to{translate:0 8px;rotate:2deg}}@keyframes film{to{transform:translateX(-50%)}}
@media(max-width:700px){.overview{padding:0 20px}.overview-head{height:75px}.overview-head span{display:none}.intro{display:block;padding:40px 0}.intro h1{font-size:80px}.intro p{margin-top:25px;font-size:12px}.studies{grid-template-columns:1fr;gap:30px}.family-title{font-size:10px}.overview-foot{display:block;line-height:1.8}.overview-foot a{display:block;margin-top:15px}.site-head{height:75px;padding:20px}.site-head>a{font-size:14px}.site-head>span{display:none}.site-head button{font-size:10px}.study-bar{height:52px;padding:0 12px;gap:8px;font-size:9px}.study-bar select{font-size:9px;max-width:46vw}.study-bar button{font-size:9px}.study-bar>a:last-child{display:none}.version{padding-bottom:52px}.site-foot{padding:25px 20px}.work-index{padding:45px 20px}.work-index>button{gap:14px}.work-index>button>span{font-size:20px}.work-index>button>small:nth-last-child(2){font-size:8px}.index-head h2{font-size:30px}.fullbleed{height:calc(100svh - 52px);min-height:600px}.campaign-copy{left:20px;bottom:40px;max-width:90%}.campaign-copy h1{font-size:55px}.vertical-index{right:15px;top:25%;gap:20px}.full-image img{object-position:50% 50%}.contact-wall{padding:30px 20px}.wall-title h1{font-size:62px;letter-spacing:-4px}.wall-title span{font-size:8px;max-width:90px}.wall-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.wall-grid .wall-1{margin-top:0}.wall-grid .work-tile img{height:240px}.wall-grid .wall-1 img{height:300px}.wall-grid .wall-2,.wall-grid .wall-3,.wall-grid .wall-5{margin-top:0}.wall-grid .wall-2{margin-top:-50px}.wall-grid .work-tile>span{font-size:8px}.perspectives{height:calc(100svh - 127px);min-height:600px;grid-template-columns:55% 45%}.perspective-left>span,.perspective-right>span{font-size:7px;left:10px;padding:5px}.perspective-title{bottom:60px;left:20px;padding:20px}.perspective-title h1{font-size:45px;letter-spacing:-2px}.perspective-title small{font-size:8px}.next-project{bottom:20px;right:20px;font-size:11px}.duet{height:calc(100svh - 127px);min-height:620px}.duet-word{left:15%;top:8%;font-size:65px}.duet-one{width:67%;height:48%;left:-9%;top:24%}.duet-two{width:62%;height:45%;right:-8%;top:43%}.duet-note{left:20px;bottom:30px;font-size:8px}.round-link{width:90px;height:90px;right:20px;bottom:20px;font-size:10px}.practice{height:calc(100svh - 127px);min-height:680px}.practice-title{left:20px;top:20px}.practice-title h1{font-size:60px}.practice-title p{font-size:10px;margin-top:15px}.portrait{left:23%;width:56%;height:60%;top:33%}.s1{width:32%;height:22%;top:25%;right:1%}.s2{width:33%;height:22%;right:-2%;bottom:8%}.s3{width:31%;height:22%;left:1%;bottom:17%}.practice-label{font-size:7px;bottom:15px}.color-panels{height:calc(100svh - 127px);min-height:670px;flex-direction:column}.color-panel{padding:15px;min-height:190px}.color-panel small{top:15px;left:15px;font-size:7px}.color-panel img{left:33%;top:0;width:65%;height:100%}.color-panel h1{font-size:34px;left:15px;bottom:55px}.color-panel>b{font-size:9px;bottom:25px;left:15px}.type-editorial{padding:60px 20px 40px;min-height:calc(100svh - 127px)}.type-row{font-size:19vw;gap:3vw;line-height:1.25;flex-wrap:wrap}.type-row .inline-image{height:130px;width:38vw}.type-row:first-child{justify-content:space-between}.middle{justify-content:space-between;margin:20px 0}.middle .inline-image{width:43vw;height:160px}.type-arrow{font-size:70px}.type-editorial>p{font-size:10px;margin-top:40px}.acid{min-height:calc(100svh - 127px);padding:25px 20px 280px}.acid-meta{font-size:8px;margin-bottom:30px}.acid nav{width:100%}.acid nav button{font-size:40px;padding:12px 0;gap:13px}.acid nav b{font-size:24px}.acid-image{top:auto;bottom:30px;right:25px;width:48%;height:230px;z-index:0}.acid-note{bottom:45px;left:20px;right:auto;font-size:32px}.coral{min-height:calc(100svh - 127px);padding-top:35px}.coral-title{display:block;padding:10px 20px}.coral-title h1{font-size:25vw}.coral-title h1 span{margin-left:8px}.coral-title p{margin:30px 0 10px;font-size:11px}.filmstrip{margin-top:45px}.filmtrack .work-tile{width:200px;height:230px}.coral-foot{padding:35px 20px;font-size:7px}#about{padding:30px}#about h2{font-size:48px;letter-spacing:-3px}dialog{padding:15px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.duet .work-tile{mix-blend-mode:multiply}.wall-grid .work-tile:nth-child(2n) img{animation-delay:-4s}.wall-grid .work-tile:nth-child(3n) img{animation-delay:-7s}
/* Refined A1 + A3: less copy, quieter framing, quicker motion. */
.v4 .site-head>span,.v6 .site-head>span{font-size:10px;line-height:1.6}
.v4 .site-head,.v6 .site-head{height:82px}
.v4 .duet{height:calc(100svh - 130px);min-height:610px}
.v4 .duet-word{top:7%;left:33%;font-size:clamp(58px,7vw,108px);line-height:.94}
.v4 .duet-one{left:7%;top:24%;width:38%;height:62%;animation-duration:3.2s}
.v4 .duet-two{right:6%;top:30%;width:38%;height:62%;animation-duration:3.2s;animation-delay:-1.6s}
.v4 .round-link{width:auto;height:auto;display:flex;align-items:center;gap:32px;background:none;border-radius:0;border-bottom:1px solid #181816;padding:12px 0;right:35px;bottom:28px;font-size:11px}
.v4 .round-link span{font-size:23px}
.v6 .color-panels{height:calc(100svh - 130px);min-height:610px}
.v6 .color-panel{transition:flex .28s cubic-bezier(.2,.7,.2,1)}
.v6 .color-panel:hover,.v6 .color-panel:focus-visible{flex:1.35}
.v6 .color-panel img{top:17%;height:58%;animation-duration:3s}
.v6 .color-panel:nth-child(2) img{animation-delay:-1s}
.v6 .color-panel:nth-child(3) img{animation-delay:-2s}
.v6 .color-panel h1{left:28px;bottom:34px;font-size:clamp(28px,3vw,48px);letter-spacing:-.05em}
.v6 .color-panel>b{left:auto;right:25px;bottom:35px;font-size:25px}
.v6 .color-panel small{left:28px;top:28px;letter-spacing:0}
.v4 .work-index,.v6 .work-index{padding-top:45px;padding-bottom:45px}
@media(max-width:700px){
.v4 .site-head,.v6 .site-head{height:75px}
.v4 .duet{height:calc(100svh - 127px);min-height:600px}
.v4 .duet-word{left:22px;top:6%;font-size:59px}
.v4 .duet-one{left:-3%;top:24%;width:62%;height:45%}
.v4 .duet-two{right:-3%;top:45%;width:60%;height:42%}
.v4 .round-link{right:22px;bottom:22px;gap:25px}
.v6 .color-panels{height:calc(100svh - 127px);min-height:630px}
.v6 .color-panel img{left:35%;width:62%;height:100%;top:0}
.v6 .color-panel small{top:18px;left:20px;font-size:9px}
.v6 .color-panel h1{left:20px;bottom:50px;font-size:29px}
.v6 .color-panel>b{left:20px;right:auto;bottom:18px;font-size:20px}
.v4 .study-bar>a:last-child,.v6 .study-bar>a:last-child{display:block}
.v4 .study-bar select,.v6 .study-bar select{max-width:40vw}
}
@media(max-width:700px){.v6 .color-panel img{left:45%;width:54%}.v6 .color-panel h1{font-size:22px;letter-spacing:-.055em}.v4 .duet-one{left:1%;width:58%}.v4 .duet-two{right:1%;width:58%}}
/* A3: oversized editorial type, retaining the refined motion. */
.v6 .color-panel h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;font-size:clamp(62px,6.8vw,128px);line-height:.82;letter-spacing:-.045em;left:25px;bottom:28px;z-index:2;pointer-events:none}
.v6 .color-panel img{top:8%;height:66%}
.v6 .color-panel>b{right:22px;bottom:28px;z-index:3}
@media(max-width:700px){.v6 .color-panel h1{left:18px;bottom:28px;font-size:clamp(36px,10.5vw,64px);line-height:.84;letter-spacing:-.05em}.v6 .color-panel img{top:0;left:43%;width:57%;height:100%}.v6 .color-panel>b{left:auto;right:15px;bottom:17px;font-size:20px}}
.v6 .color-panel>b{top:22px;bottom:auto}
@media(max-width:700px){.v6 .color-panel>b{top:15px;bottom:auto}}
@media(max-width:700px){.v6 .color-panel:nth-child(3) h1{font-size:9.2vw}.v6 .color-panel:nth-child(3) img{left:55%;width:45%}}
/* A3: consistent bold typography across every part of the portfolio. */
.v6{font-family:Arial,Helvetica,sans-serif;font-weight:700}
.v6 .site-head{height:110px;padding:22px 28px;gap:30px}
.v6 .site-head>a{font-size:clamp(25px,2.8vw,43px);font-weight:900;letter-spacing:-.065em;line-height:.95;text-transform:uppercase;max-width:52%}
.v6 .site-head>span{font-size:14px;font-weight:800;line-height:1.15;letter-spacing:-.035em;text-transform:uppercase}
.v6 .site-head>button{font-size:17px;font-weight:900;letter-spacing:-.045em;text-transform:uppercase;padding:0}
.v6 .color-panels{height:calc(100svh - 158px)}
.v6 .color-panel small{font-size:13px;font-weight:900}
.v6 .index-head h2{font-size:clamp(42px,5vw,80px);font-weight:900;line-height:.95;letter-spacing:-.065em;text-transform:uppercase}
.v6 .index-head>span{font-size:14px;font-weight:900}
.v6 .work-index>button{font-weight:900;text-transform:uppercase}
.v6 .work-index>button>span{font-size:clamp(26px,3vw,46px);letter-spacing:-.05em;line-height:1}
.v6 .work-index>button small{font-size:12px;letter-spacing:-.02em;font-weight:800}
.v6 .work-index>button b{font-size:25px}
.v6 .site-foot{font-size:14px;font-weight:900;letter-spacing:-.03em;text-transform:uppercase}
.v6 .study-bar,.v6 .study-bar select,.v6 .study-bar button{font-weight:700}
.v6 .dialog-head,.v6 .dialog-controls{font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:-.035em}
.v6 dialog button{font-weight:900;text-transform:uppercase}
.v6 #about h2{font-size:64px;font-weight:900;letter-spacing:-.065em;text-transform:uppercase;line-height:.9}
.v6 #about>small,.v6 #about>a{font-size:14px;font-weight:900;text-transform:uppercase}
.v6 #about p{font-size:16px;font-weight:700;line-height:1.6;letter-spacing:-.02em}
@media(max-width:700px){
.v6 .site-head{height:105px;padding:20px;gap:15px;align-items:center}
.v6 .site-head>a{font-size:24px;max-width:69%;line-height:.93;letter-spacing:-.06em}
.v6 .site-head>button{font-size:11px;letter-spacing:-.03em;white-space:nowrap}
.v6 .color-panels{height:calc(100svh - 157px);min-height:630px}
.v6 .color-panel small{font-size:11px}
.v6 .index-head h2{font-size:40px;max-width:75%}
.v6 .work-index>button{gap:12px}
.v6 .work-index>button>span{font-size:26px}
.v6 .work-index>button>small:nth-last-child(2){font-size:8px}
.v6 .work-index>button>small:first-child{font-size:10px}
.v6 .site-foot{font-size:12px}
.v6 .dialog-head{font-size:12px}
.v6 #about h2{font-size:43px}
.v6 #about p{font-size:14px}
}
/* A3 selected work layout studies */
.work-showcase{padding:70px 4vw 80px;scroll-margin-top:20px;background:#f3f1eb}
.showcase-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.showcase-heading h2{font-size:clamp(55px,7vw,110px);line-height:.85;letter-spacing:-.065em;font-weight:900;text-transform:uppercase}.showcase-heading>span{font-size:12px}
.layout-picker{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #181816;border-bottom:1px solid #181816;margin-bottom:14px}.layout-picker button{padding:20px 14px;text-align:left;font-weight:800;font-size:12px;text-transform:uppercase;display:flex;gap:12px;align-items:center}.layout-picker button+button{border-left:1px solid #181816}.layout-picker button[aria-pressed=true]{background:#eaff00}.layout-picker small{font-size:10px}.layout-description{font-size:11px;font-weight:600;margin:18px 0 32px;color:#53534c}.layout-view[hidden]{display:none!important}
.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 25px}.portfolio-card{padding:0;text-align:left;display:block;width:100%;min-width:0}.portfolio-image{aspect-ratio:1.25;overflow:hidden;background:#e6e4de}.portfolio-image img{transition:transform .35s}.portfolio-card:hover img{transform:scale(1.04)}.portfolio-label{position:relative;padding:16px 35px 0 0}.portfolio-label small{font-size:10px;font-weight:800}.portfolio-label h3{font-size:clamp(30px,4vw,60px);font-weight:900;letter-spacing:-.06em;line-height:1;margin:8px 0 0;text-transform:uppercase}.portfolio-label b{position:absolute;right:0;top:27px;font-size:28px}.rail-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:10px}.rail-controls button{font-size:32px;padding:0 10px}.project-rail{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 25px;scrollbar-color:#181816 #deddd4}.project-rail .portfolio-card{flex:0 0 67%;scroll-snap-align:start}.project-rail .portfolio-image{aspect-ratio:1.35}.project-rail .portfolio-label h3{font-size:clamp(40px,5vw,80px)}
.editorial-work article{margin-bottom:70px}.editorial-caption{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:18px}.editorial-caption h3{font-size:clamp(42px,7vw,110px);font-weight:900;text-transform:uppercase;letter-spacing:-.06em;line-height:.95;margin:0}.editorial-caption small{font-size:11px;white-space:nowrap}.editorial-work article>button{display:block;position:relative;width:100%;padding:0;height:65vw;max-height:760px;overflow:hidden}.editorial-work img{object-fit:cover;transition:transform .5s}.editorial-work button:hover img{transform:scale(1.03)}.editorial-work button>span{position:absolute;bottom:25px;right:25px;background:#eaff00;padding:15px 18px;font-size:12px;font-weight:900}.editorial-work article:nth-child(6) img{object-fit:contain;background:#eee}
.interactive-work{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:start}.interactive-work nav>button{display:flex;align-items:baseline;gap:15px;border-top:1px solid #18181640;width:100%;padding:25px 0;text-align:left;text-transform:uppercase;font-weight:900}.interactive-work nav>button>span{font-size:clamp(28px,3.8vw,60px);letter-spacing:-.065em;line-height:1}.interactive-work nav>button>small{font-size:10px}.interactive-work nav>button>b{margin-left:auto;font-size:24px;opacity:0}.interactive-work nav>.current{color:#5c43d8}.interactive-work nav>.current>b{opacity:1}.index-preview{position:sticky;top:25px}.index-preview>button{display:block;padding:0;width:100%;text-align:left;background:#e6e3db}.index-preview img{height:470px;object-fit:contain}.index-preview button>span{display:block;padding:15px;font-size:12px;background:#eaff00;font-weight:900}.index-preview p{font-size:11px;font-weight:500;margin-top:14px}
@media(max-width:700px){.work-showcase{padding:45px 20px 50px}.showcase-heading h2{font-size:56px}.showcase-heading>span{font-size:9px}.layout-picker{grid-template-columns:1fr 1fr}.layout-picker button{font-size:10px;padding:17px 10px;gap:8px}.layout-picker button:nth-child(3){border-left:0;border-top:1px solid}.layout-picker button:nth-child(4){border-top:1px solid}.layout-description{font-size:10px;line-height:1.5}.image-grid{gap:30px 14px}.portfolio-label{padding:12px 0 0}.portfolio-label small{font-size:8px;letter-spacing:0}.portfolio-label h3{font-size:25px}.portfolio-label b{display:none}.portfolio-image{aspect-ratio:.82}.project-rail{gap:18px}.project-rail .portfolio-card{flex-basis:86%}.project-rail .portfolio-image{aspect-ratio:.9}.project-rail .portfolio-label h3{font-size:40px}.editorial-caption{display:block}.editorial-caption h3{font-size:46px;margin-top:10px}.editorial-caption small{font-size:9px}.editorial-work article>button{height:105vw;max-height:600px}.editorial-work article{margin-bottom:45px}.editorial-work button>span{font-size:10px;right:15px;bottom:15px;padding:12px}.interactive-work{grid-template-columns:1fr;gap:25px}.interactive-work nav>button{padding:14px 0}.interactive-work nav>button>span{font-size:35px}.index-preview{position:static}.index-preview img{height:340px}.index-preview button>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.portfolio-image img,.editorial-work img{transition:none}}
/* Selected work repeats the color and movement of the A3 entrance. */
.layout-options{margin:0 0 24px;border-top:1px solid #18181640;border-bottom:1px solid #18181640}
.layout-options summary{list-style:none;cursor:pointer;font-size:11px;text-transform:uppercase;display:flex;justify-content:space-between;padding:16px 0;font-weight:800}
.layout-options summary::-webkit-details-marker{display:none}.layout-options summary>span{font-size:18px;line-height:12px}.layout-options[open] summary>span{rotate:45deg}
.layout-options .layout-picker{grid-template-columns:repeat(5,1fr);margin-bottom:0;border-bottom:0}
.color-layout-active{padding-left:0;padding-right:0;padding-bottom:0}
.color-layout-active .showcase-heading{padding:0 4vw}.color-layout-active .layout-options{margin-left:4vw;margin-right:4vw}.color-layout-active .layout-description{display:none}
.color-work-row{display:flex;min-height:420px;height:36vw;max-height:620px}
.color-work-card{position:relative;flex:1;min-width:0;text-align:left;overflow:hidden;padding:28px;transition:flex .28s cubic-bezier(.2,.7,.2,1)}
.color-work-card:hover,.color-work-card:focus-visible{flex:1.16}
.tone-0{background:#a08a70}.tone-1{background:#b7b7b3}.tone-2{background:#b8cdd0}
.color-work-card>small{position:absolute;top:27px;left:28px;z-index:2;font-size:11px;font-weight:900;letter-spacing:0}
.color-work-card>b{position:absolute;top:20px;right:25px;font-size:27px;font-weight:500;z-index:2}
.color-work-image{position:absolute;inset:0;animation:work-pan 3s ease-in-out infinite alternate}
.color-work-image img{width:100%;height:100%;object-fit:cover}
.color-work-card:nth-child(2) .color-work-image{animation-delay:-1.5s}
.color-work-row:nth-child(2) .color-work-image{animation-delay:-.7s}.color-work-row:nth-child(3) .color-work-image{animation-delay:-2s}
.color-work-card h3{position:absolute;left:28px;right:24px;bottom:25px;margin:0;text-transform:uppercase;font-size:clamp(26px,3.6vw,64px);font-weight:900;line-height:.9;letter-spacing:-.065em;z-index:2;pointer-events:none}
@media(max-width:700px){.layout-options .layout-picker{grid-template-columns:1fr 1fr}.layout-options .layout-picker button{border:0;border-top:1px solid #18181640}.layout-options .layout-picker button:nth-child(even){border-left:1px solid #18181640}.layout-options .layout-picker button:last-child{grid-column:1/-1}.color-layout-active .showcase-heading{padding:0 20px}.color-layout-active .layout-options{margin-left:20px;margin-right:20px}.color-work-row{height:auto;max-height:none;min-height:0;display:block}.color-work-card{display:block;width:100%;height:480px;padding:20px}.color-work-card>small{left:20px;top:22px;font-size:10px}.color-work-card>b{right:20px;top:15px}.color-work-image{inset:0}.color-work-card h3{left:20px;right:20px;bottom:26px;font-size:clamp(37px,10.5vw,64px)}.color-layout-active .showcase-heading h2{font-size:52px}}
@media(prefers-reduced-motion:reduce){.color-work-image{animation:none!important}.color-work-card{transition:none}}

/* Full-bleed project photography with a removable color wash. */
@keyframes work-pan{from{transform:scale(1.06) translateY(-1%)}to{transform:scale(1.06) translateY(1%)}}
.color-work-card{isolation:isolate}
.color-work-card::after{content:"";position:absolute;inset:0;background:inherit;mix-blend-mode:multiply;opacity:1;pointer-events:none;transition:opacity .25s ease;z-index:1}
.color-work-card:hover::after,.color-work-card:focus-visible::after,.color-work-card:active::after{opacity:0}
.color-work-card>small,.color-work-card>b,.color-work-card h3{color:#000;mix-blend-mode:normal}
@media(prefers-reduced-motion:reduce){.color-work-card::after{transition:none}}

.color-work-card{display:block}.awaiting-label{position:absolute;top:50%;left:28px;font-size:11px;font-weight:800;letter-spacing:.08em}.awaiting-work::after{display:none}
.v6 .site-foot{display:block;height:auto;padding:28px 4vw 40px;background:#eee8d8;color:#000}.v6 .site-foot>span,.v6 .site-foot>small{display:block;font-size:11px;font-weight:800}.v6 .site-foot .instagram-big{display:flex;justify-content:space-between;align-items:center;font-size:clamp(42px,10.5vw,170px);font-weight:900;letter-spacing:-.075em;line-height:1.1;margin:24px 0 10px}.v6 .instagram-big b{font-weight:400;transition:transform .2s}.v6 .instagram-big:hover b{transform:translate(8px,-8px)}

.v6 .color-work-card[href$="category=skyline"] .color-work-image img{animation:none;transform:scale(1.12) rotate(-.5deg)}

.about-banner{display:flex;justify-content:space-between;align-items:center;width:100%;padding:32px 4vw;background:#a9b99c;color:#000;font-size:clamp(76px,14vw,220px);font-weight:900;letter-spacing:-.075em;line-height:1.1;overflow:hidden}
.about-banner b{font-weight:400;transition:transform .2s ease}
.about-banner:hover b,.about-banner:focus-visible b{transform:translate(8px,-8px)}
.about-banner:focus-visible{outline-offset:-6px}
@media(max-width:700px){.about-banner{padding:24px 20px;font-size:17vw}}
@media(prefers-reduced-motion:reduce){.about-banner b{transition:none}}

.v6 .work-showcase.color-layout-active{padding:0}.v6 .color-layout-active .layout-options{display:none}

.v6 .color-work-card[href$="category=new-balance"] .color-work-image{background:#fff}.v6 .color-work-card[href$="category=new-balance"] .color-work-image img{object-fit:contain;animation:none;transform:none}



/* Category covers reveal their original colors like the project cards. */
.v6 .color-panel:hover img,.v6 .color-panel:focus-visible img,.v6 .color-panel:active img{mix-blend-mode:normal}

.press-banner{background:#b7b7b3}

/* Public portfolio launch */
.version.v6{padding-bottom:0}.motion-control{position:fixed;left:18px;bottom:18px;z-index:90;background:#eee8d8;border:1px solid #0004}.motion-control button{min-height:40px;padding:12px 15px;font:800 11px Arial,sans-serif}@media(max-width:700px){.motion-control{left:12px;bottom:12px}.motion-control button{min-height:44px}}
/* Keep mobile cards clean; the complete cards remain links. */
@media (max-width:700px), (hover:none) and (pointer:coarse){
 .v6 .color-panel>b[aria-hidden="true"],
 .v6 .color-work-card>b[aria-hidden="true"],
 .v6 .portfolio-label>b[aria-hidden="true"],
 .v6 .about-banner>b[aria-hidden="true"],
 .v6 .instagram-big>b[aria-hidden="true"]{display:none}
}