@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Mulish:wght@300;400;600;800;900&display=swap');
:root{--ink:#111;--paper:#fbfbfb;--peach:#ffa485;--red:#e86042;--purple:#9727b4;--gold:#e9a800;--blue:#4b48ce;--line:#dedede;--soft:#f2f2f2;--serif:"Marcellus",Georgia,serif;--sans:"Mulish","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img,iframe{display:block;max-width:100%}button,a{outline-offset:5px}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background:linear-gradient(90deg,transparent 49.9%,rgba(0,0,0,.025) 50%,transparent 50.1%);background-size:7px 7px;opacity:.18}
.site-header{height:112px;padding:27px clamp(22px,5vw,76px);display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:30}.intro-mark{display:grid;grid-template-columns:8px 1fr;gap:10px;align-items:start;width:min(470px,48vw);font-size:13px;line-height:1.45;letter-spacing:.01em}.home-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#111}.intro-mark:hover{color:var(--red)}.intro-mark:hover .home-dot{background:var(--red)}.main-nav{display:flex;gap:25px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.main-nav a{position:relative;padding-bottom:6px}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--peach);transition:right .3s}.main-nav a:hover:after{right:0}.menu-button{display:none;border:0;background:none;padding:0;text-transform:uppercase}
.main-nav small,.main-nav span,.menu-star,.menu-backdrop{display:none}.main-nav strong{font-weight:inherit}
.home-menu{display:none}
.landing{min-height:100svh;display:flex;flex-direction:column;position:relative;overflow:hidden}.landing #motion-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.landing .site-header,.landing-copy,.entry-links,.landing .site-footer{position:relative;z-index:2}.landing-copy{width:min(1000px,86vw);margin:auto auto clamp(65px,10vh,130px);mix-blend-mode:multiply}.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:11px;margin:0 0 30px}.landing h1{margin:0}.landing h1 span{display:block;font:clamp(68px,13vw,210px)/.74 var(--serif);letter-spacing:-.06em}.landing h1 em{display:block;margin:34px 0 0 35%;font:400 clamp(22px,3.2vw,47px)/1.04 var(--sans);text-transform:uppercase;font-style:normal}
.entry-links{width:min(1180px,calc(100% - 44px));margin:0 auto 52px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid}.entry-links a{padding:18px 4px 22px;display:grid;grid-template-columns:44px 1fr auto;align-items:baseline;border-bottom:1px solid;transition:padding .3s,background .3s}.entry-links a:first-child{margin-right:28px}.entry-links a:hover{padding-left:14px;background:rgba(255,164,133,.16)}.entry-links small,.entry-links span{font-size:10px;text-transform:uppercase}.entry-links strong{font:clamp(21px,2.4vw,35px) var(--serif)}
.archive-hero{min-height:calc(72vh - 112px);padding:clamp(50px,9vh,130px) clamp(22px,5vw,76px) 45px;position:relative;overflow:hidden}.archive-hero>p{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.archive-hero h1{margin:5vh 0 0;font:clamp(82px,17vw,260px)/.64 var(--serif);letter-spacing:-.07em;text-transform:uppercase;position:relative;z-index:2}.hero-dot{position:absolute;width:min(29vw,440px);aspect-ratio:1;border-radius:50%;right:8vw;top:11%;filter:blur(.3px);animation:float 7s ease-in-out infinite}.hero-dot.design{background:var(--peach)}.hero-dot.art{background:var(--purple)}
.archive{position:relative}.filter-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:9px;padding:12px clamp(22px,5vw,76px);border-block:1px solid;background:rgba(255,255,255,.92);backdrop-filter:blur(15px);overflow-x:auto}.filter-bar button{border:1px solid;background:#fff;border-radius:99px;padding:7px 13px;white-space:nowrap;cursor:pointer;transition:.3s}.filter-bar button:hover,.filter-bar button[aria-pressed=true]{background:var(--ink);color:white}.filter-bar .count{margin-left:auto;font-size:10px;white-space:nowrap;text-transform:uppercase}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.3vw,38px);padding:35px clamp(15px,3vw,48px) 120px}.project-card{min-width:0}.thumb{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--soft);border-radius:0;transition:border-radius .35s}.thumb:after{content:"";position:absolute;inset:0;border:0 solid #fff;transition:border-width .35s}.project-card:hover .thumb{border-radius:13px}.project-card:hover .thumb:after{border-width:2px}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s;filter:saturate(.88)}.project-card:hover img{transform:scale(1.035);filter:saturate(1)}.placeholder{position:absolute;inset:0;display:grid;place-items:center;font:12vw var(--serif);opacity:.13}.thumb.design{background:#ffe0d6}.thumb.art{background:#ead8ef}.index{position:absolute;top:10px;right:10px;background:white;border-radius:20px;padding:5px 8px;font-size:9px;z-index:2}.card-info{padding:13px 3px 30px;display:grid;grid-template-columns:1fr auto;gap:4px 12px}.card-info h2{margin:0;font:clamp(20px,2vw,31px)/1 var(--serif)}.card-info span,.card-info p{font-size:10px}.card-info p{margin:2px 0 0;color:#676767;text-transform:uppercase;grid-column:1/-1}.reveal{animation:reveal .55s both;animation-delay:var(--delay)}.data-note{margin:-70px auto 70px;text-align:center;font-size:11px;color:#777}.empty{grid-column:1/-1;min-height:45vh;display:grid;place-content:center;text-align:center;padding:70px 22px}.empty h1{font:clamp(48px,8vw,100px) var(--serif);margin:0}.empty p{font-size:18px}.empty small{color:#666}
.work{padding-bottom:110px}.work-head{padding:7vh clamp(22px,5vw,76px) 50px}.work-head>p{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.work-head h1{margin:25px 0 55px;font:clamp(46px,8.45vw,136px)/.9 var(--serif);font-kerning:normal;letter-spacing:-.015em;max-width:1500px;overflow-wrap:anywhere}.work-head dl{margin:0 0 0 auto;width:min(470px,100%);border-top:1px solid}.work-head dl div{display:grid;grid-template-columns:105px 1fr;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.work-head dd{margin:0}.work-head dt{color:#777}.hero-image{margin:0;padding:0 clamp(14px,3vw,48px)}.hero-image img{width:100%;max-height:90vh;object-fit:contain;background:var(--soft)}.work-copy{width:min(1120px,calc(100% - 44px));margin:100px auto;display:grid;grid-template-columns:1fr 2.3fr;gap:7vw}.work-copy h2{margin:5px 0;font-size:11px;text-transform:uppercase}.work-copy p{margin:0;white-space:pre-line;font:400 clamp(18px,1.8vw,27px)/1.55 var(--sans)}.media-stack{width:min(1380px,calc(100% - 28px));margin:auto;display:grid;gap:30px}.media-stack figure{margin:0}.media-stack img{width:100%;max-height:94vh;object-fit:contain;background:var(--soft)}.media-stack iframe{width:100%;aspect-ratio:16/9;border:0;background:#000}.media-stack figcaption{font-size:10px;margin-top:8px;color:#666}.back{display:block;width:min(1120px,calc(100% - 44px));margin:100px auto 0;padding-top:20px;border-top:1px solid;text-transform:uppercase;font-size:12px}
.site-footer{margin-top:auto;padding:22px clamp(22px,5vw,76px) 35px;border-top:1px solid;display:flex;justify-content:space-between;gap:20px;font-size:10px;text-transform:uppercase}.site-footer nav{display:flex;gap:18px}.site-footer a:hover{color:var(--red)}

/* Version 3: desktop split archive */
.split-page{height:100svh;display:grid;grid-template-rows:112px minmax(0,1fr) auto;overflow:hidden}.split-layout{min-height:0;display:grid;grid-template-columns:minmax(300px,32vw) minmax(0,1fr);border-top:1px solid}.split-index{min-height:0;overflow-y:auto;border-right:1px solid;padding:27px clamp(20px,3vw,46px) 55px;scrollbar-width:thin}.split-index>header p{margin:0 0 14px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.split-index>header h2{margin:0 0 26px;font:clamp(35px,4vw,65px)/.9 var(--serif)}.color-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}.color-filters button{border:1px solid var(--filter-color);background:white;color:var(--filter-color);border-radius:99px;padding:7px 12px;font-size:10px;text-transform:uppercase;cursor:pointer;transition:color .3s,background .3s,transform .3s}.color-filters button:hover,.color-filters button[aria-pressed=true]{background:var(--filter-color);color:white;transform:translateY(-1px)}.split-index>.count{font-size:9px;text-transform:uppercase;color:#777;margin:0 0 5px}.project-list{border-top:1px solid}.project-row{width:100%;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:baseline;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:14px 2px;cursor:pointer;transition:padding .25s,background .25s}.project-row span,.project-row small{font-size:9px}.project-row strong{font:19px/1.05 var(--serif)}.project-row:hover{padding-left:9px}.project-row[aria-current=true]{background:rgba(255,164,133,.18);padding-left:9px}.split-detail{min-width:0;min-height:0;overflow-y:auto;scroll-behavior:smooth}.split-project{padding:clamp(28px,4vw,68px) clamp(22px,5vw,84px) 90px}.split-project>header>p{margin:0 0 20px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.split-project>header h1{margin:0 0 45px;font:clamp(58px,8vw,145px)/.78 var(--serif);letter-spacing:-.055em;overflow-wrap:anywhere}.split-project dl{width:min(430px,100%);margin:0 0 45px auto;border-top:1px solid}.split-project dl div{display:grid;grid-template-columns:95px 1fr;padding:9px 0;border-bottom:1px solid var(--line);font-size:10px}.split-project dd{margin:0}.split-project dt{color:#777}.split-cover{margin:0}.split-cover img{width:100%;max-height:78vh;object-fit:contain;background:var(--soft)}.split-copy{width:min(750px,88%);margin:65px auto}.split-copy p{font:clamp(22px,2.7vw,40px)/1.24 var(--serif);white-space:pre-line}.split-media{display:grid;gap:25px}.split-media figure{margin:0}.split-media img{width:100%;max-height:88vh;object-fit:contain;background:var(--soft)}.split-media iframe{width:100%;aspect-ratio:16/9;border:0}.split-media figcaption{font-size:10px;margin-top:7px;color:#666}.split-credits{display:grid;grid-template-columns:1fr 3fr;gap:20px;margin:60px 0;font-size:11px;border-top:1px solid;padding-top:15px}.split-credits p{margin:0;white-space:pre-line}.full-link{display:inline-block;border-bottom:2px solid var(--peach);padding-bottom:5px;text-transform:uppercase;font-size:11px}.split-empty{height:100%;display:grid;place-items:center;color:#777}.split-page>.site-footer{padding-top:13px;padding-bottom:15px}
/* Continuous archive refinements */
.split-detail{scroll-behavior:smooth;scroll-padding-top:0}.split-project{border-bottom:1px solid var(--ink);scroll-margin-top:0;padding-bottom:100px}.split-project:last-child{border-bottom:0}.hover-preview{position:fixed;z-index:40;left:min(27vw,410px);bottom:40px;width:clamp(160px,20vw,310px);aspect-ratio:4/3;pointer-events:none;opacity:0;transform:translate(-15px,18px) scale(.96);transition:opacity .28s,transform .42s cubic-bezier(.2,.75,.25,1);box-shadow:0 14px 35px rgba(0,0,0,.16);background:var(--soft);overflow:hidden}.hover-preview.visible{opacity:1;transform:translate(0,0) scale(1)}.hover-preview img{width:100%;height:100%;object-fit:cover}.project-row{transition:padding .4s cubic-bezier(.2,.75,.25,1),background .3s}.project-row .row-number{font-size:9px}.is-art .project-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:0}.is-art .project-row{display:block;padding:0 0 12px;border:0}.is-art .project-row:hover,.is-art .project-row[aria-current=true]{padding:0;background:transparent}.is-art .project-row[aria-current=true] .row-thumb{outline:3px solid var(--purple);outline-offset:3px}.row-thumb{display:block;aspect-ratio:1;overflow:hidden;background:#ead8ef;margin-bottom:8px;transition:border-radius .35s,transform .35s}.row-thumb img{width:100%;height:100%;object-fit:cover}.is-art .project-row:hover .row-thumb{border-radius:12px;transform:scale(.98)}.is-art .project-row strong{display:block;font-size:15px}.is-art .project-row small{display:block;margin-top:4px}
/* Compact filter and view controls */
.index-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:17px}.filter-select{display:grid;gap:5px;color:var(--filter-color)}.filter-select>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.filter-select select{min-width:145px;max-width:210px;border:1px solid var(--filter-color);border-radius:99px;background:white;color:var(--filter-color);padding:8px 34px 8px 13px;font:10px var(--sans);text-transform:uppercase;cursor:pointer}.view-toggle{display:flex;gap:5px}.view-toggle button{width:32px;height:32px;border:1px solid var(--ink);border-radius:50%;background:white;display:grid;place-items:center;cursor:pointer}.view-toggle button[aria-pressed=true]{background:var(--ink)}.view-toggle i{display:block;width:12px;height:12px;position:relative}.gallery-toggle i{background:linear-gradient(90deg,currentColor 42%,transparent 42% 58%,currentColor 58%),linear-gradient(0deg,currentColor 42%,transparent 42% 58%,currentColor 58%);color:var(--ink)}.list-toggle i,.list-toggle i:before,.list-toggle i:after{border-top:1px solid currentColor;color:var(--ink)}.list-toggle i:before,.list-toggle i:after{content:"";position:absolute;left:0;right:0}.list-toggle i:before{top:4px}.list-toggle i:after{top:9px}.view-toggle button[aria-pressed=true] i{color:white}.project-list.gallery-view{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;border-top:0}.gallery-view .project-row,.is-art .gallery-view .project-row{display:block;padding:0 0 12px;border:0;background:transparent}.gallery-view .project-row:hover,.gallery-view .project-row[aria-current=true]{padding:0;background:transparent}.gallery-view .row-thumb{display:block}.gallery-view .project-row strong{display:block;margin-top:8px;font:600 12px/1.2 var(--sans);color:#aaa}.gallery-view .project-row[aria-current=true] strong{color:#111}.gallery-view .project-row[aria-current=true] .row-thumb{outline:0}.list-view{display:block!important;border-top:1px solid}.list-view .project-row,.is-art .list-view .project-row{display:block;position:relative;padding:14px 3px;border:0;border-bottom:1px solid var(--line);background:transparent;z-index:2}.list-view .project-row:hover,.list-view .project-row[aria-current=true]{padding-left:9px;background:transparent}.list-view .row-thumb{display:none}.list-view .project-row strong{font:21px/1.05 var(--serif);color:#aaa}.list-view .project-row[aria-current=true] strong{color:#111}.hover-preview{z-index:1;left:var(--pointer-x);top:var(--pointer-y);bottom:auto;width:clamp(150px,18vw,280px);transform:translate(-42%,-50%) scale(.94)}.hover-preview.visible{transform:translate(-42%,-50%) scale(1)}.gallery-view~.hover-preview{display:none}.project-row{position:relative;z-index:2}
/* Home artwork field and about */
#floating-art{position:absolute;inset:0;z-index:1;overflow:hidden}.floating-piece{position:absolute;left:var(--x);top:var(--y);width:clamp(78px,11vw,175px);aspect-ratio:4/3;animation:artFloat 7s ease-in-out infinite alternate;animation-delay:var(--delay);transition:translate .8s cubic-bezier(.2,.7,.2,1);rotate:var(--r);box-shadow:0 10px 28px rgba(0,0,0,.12)}.floating-piece:nth-child(3n){aspect-ratio:3/4}.floating-piece img{width:100%;height:100%;object-fit:cover}.home-intro{position:relative;z-index:3;width:min(390px,70vw);margin:auto;text-align:center;font-size:13px;line-height:1.55;background:rgba(251,251,251,.78);backdrop-filter:blur(8px);padding:18px 22px;border-radius:14px}.home-intro p{margin:0}.about-page{min-height:100svh;display:flex;flex-direction:column}.about-layout{width:min(1180px,calc(100% - 44px));margin:auto;padding:70px 0 110px}.about-layout h1{margin:25px 0 70px;font:clamp(48px,8vw,125px)/.9 var(--serif);letter-spacing:-.025em}.about-copy{margin-left:auto;width:min(650px,100%);font-size:20px;line-height:1.55}.about-copy nav{display:flex;gap:20px;margin-top:35px;font-size:11px;text-transform:uppercase}.split-project>header h1{font-size:clamp(38px,5.2vw,94px);line-height:.92;letter-spacing:-.012em;font-kerning:normal}.split-copy p{font:400 clamp(18px,1.75vw,27px)/1.55 var(--sans)}
/* Version 4 desktop opening gallery */
.home-favicon{width:16px;height:16px;object-fit:contain;margin-top:1px}.floating-piece{left:0;top:0;aspect-ratio:1!important;border-radius:50%;overflow:hidden;animation:none;transition:none;will-change:transform}.floating-piece img{border-radius:50%}.is-design .split-layout{grid-template-columns:minmax(0,90%) minmax(0,10%);transition:grid-template-columns .62s cubic-bezier(.2,.75,.25,1)}.is-design.project-open .split-layout{grid-template-columns:minmax(290px,32vw) minmax(0,1fr)}.is-design:not(.project-open) .split-detail{opacity:0;pointer-events:none}.is-design .split-index>header h2{font:600 22px/1.1 var(--sans);letter-spacing:.01em}.expand-index{font-size:15px;line-height:1}.project-open .expand-index{display:grid}.is-design:not(.project-open) .expand-index{display:none}.project-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.project-links a{border:1px solid var(--line);border-radius:99px;padding:7px 11px;font-size:10px;text-transform:uppercase}.project-links a:hover{border-color:var(--ink)}.about-layout>h1,.about-layout>.about-copy{display:none}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.about-grid h1{margin:0 0 28px;font:42px var(--serif)}.about-grid article{font-size:16px;line-height:1.65}.about-grid article p{margin:0 0 20px}.about-grid figure{margin:0}.about-grid img{width:100%;display:block}.about-contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:75px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.about-contact nav{display:flex;flex-wrap:wrap;gap:18px;text-transform:uppercase}.about-contact p{margin:7px 0}
/* Softer surface and thumbnail states */
.home-favicon{width:16px;height:16px;margin-top:-1px;object-fit:initial;text-align:left;font-size:17px;line-height:1}.filter-select{position:relative}.filter-select select{min-width:104px;width:auto;max-width:190px;padding-right:25px;appearance:none;field-sizing:content}.filter-select:after{content:"";position:absolute;right:10px;bottom:12px;width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);pointer-events:none}.password-form{width:min(470px,100%);margin:60px 0 0 auto;padding-top:18px;border-top:1px solid var(--line)}.password-form label{display:block;margin-bottom:12px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.password-form>div{display:flex}.password-form input{min-width:0;flex:1;border:1px solid var(--ink);border-radius:0;background:transparent;padding:11px;font:14px var(--sans)}.password-form button{border:1px solid var(--ink);border-left:0;background:var(--ink);color:white;padding:11px 16px;cursor:pointer}.password-error{min-height:1.4em;margin:9px 0 0;color:var(--red);font-size:11px}.protected-project{min-height:70vh}
.site-header{padding-left:clamp(12px,2vw,28px)}.intro-mark{display:block;width:18px}.home-favicon{display:block;position:relative}.home-favicon:before,.home-favicon:after{content:"✦";position:absolute;inset:0;opacity:0;pointer-events:none}.intro-mark:hover .home-favicon{color:var(--ink);animation:starGlitch .42s steps(2,end) infinite}.intro-mark:hover .home-favicon:before{color:var(--red);opacity:.75;animation:starShiftA .34s steps(2,end) infinite}.intro-mark:hover .home-favicon:after{color:var(--blue);opacity:.65;animation:starShiftB .29s steps(2,end) infinite}.project-overview{display:grid;grid-template-columns:minmax(130px,220px) minmax(220px,430px);justify-content:end;gap:24px;align-items:start}.project-overview .split-cover{margin:0}.project-overview .split-cover img{width:100%;aspect-ratio:4/3;max-height:none;object-fit:cover;border-radius:10px;background:var(--soft)}.project-overview dl{width:100%;margin:0}.protected-project{display:grid;place-content:center}.protected-project>header,.protected-project .password-form{width:min(540px,100%);margin-inline:auto}.protected-project .password-form{margin-top:35px}.back-to-top{display:none}
.site-header{padding-left:clamp(20px,3vw,46px)}.intro-mark{display:grid;grid-template-columns:18px minmax(0,450px);gap:10px;width:min(480px,52vw)}.intro-minimal{display:block;width:18px}.intro-bio{font-size:13px;line-height:1.45}.home-intro{isolation:isolate;background:transparent;backdrop-filter:none}.home-intro:before{content:"";position:absolute;z-index:-1;inset:-30px -42px;background:rgba(251,251,251,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);mask-image:radial-gradient(ellipse at center,#000 35%,rgba(0,0,0,.88) 52%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at center,#000 35%,rgba(0,0,0,.88) 52%,transparent 78%);pointer-events:none}.floating-piece{-webkit-mask-image:radial-gradient(circle,#000 79%,rgba(0,0,0,.96) 84%,rgba(0,0,0,.62) 92%,transparent 100%);mask-image:radial-gradient(circle,#000 79%,rgba(0,0,0,.96) 84%,rgba(0,0,0,.62) 92%,transparent 100%)}.custom-cursor{position:fixed;z-index:200;left:0;top:0;width:20px;height:20px;margin:-10px 0 0 -10px;border:1px solid rgba(17,17,17,.72);border-radius:50%;pointer-events:none;opacity:0;transition:width .18s,height .18s,margin .18s,background .18s,opacity .18s;will-change:transform}.custom-cursor.visible{opacity:1}.custom-cursor.active{width:34px;height:34px;margin:-17px 0 0 -17px;background:rgba(255,164,133,.23);border-color:rgba(232,96,66,.72)}@media(hover:hover) and (pointer:fine){.custom-cursor-enabled,.custom-cursor-enabled a,.custom-cursor-enabled button,.custom-cursor-enabled input,.custom-cursor-enabled select{cursor:none}}
.project-overview{grid-template-columns:minmax(220px,430px) minmax(130px,220px)}.project-overview dl{grid-column:1;grid-row:1}.project-overview .split-cover{grid-column:2;grid-row:1}.split-copy{width:100%;margin-left:0;margin-right:0}.home-intro:before{inset:-72px -105px;background:radial-gradient(ellipse at center,rgba(251,251,251,.94) 0 25%,rgba(251,251,251,.76) 43%,rgba(251,251,251,.4) 61%,rgba(251,251,251,.12) 73%,transparent 86%);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);mask-image:radial-gradient(ellipse at center,#000 0 50%,rgba(0,0,0,.72) 67%,rgba(0,0,0,.2) 80%,transparent 91%);-webkit-mask-image:radial-gradient(ellipse at center,#000 0 50%,rgba(0,0,0,.72) 67%,rgba(0,0,0,.2) 80%,transparent 91%)}
.project-overview .split-cover img{aspect-ratio:16/9;border-radius:6px}.home-intro{background:rgba(251,251,251,.8);border:1px solid rgba(17,17,17,.14);border-radius:12px;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px)}.home-intro:before{display:none}.main-nav a:nth-of-type(1):after{background:var(--gold)}.main-nav a:nth-of-type(2):after{background:var(--purple)}.main-nav a:nth-of-type(3):after{background:var(--peach)}.custom-cursor{width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border:0;background:var(--peach)}.custom-cursor.active{width:34px;height:34px;margin:-17px 0 0 -17px;border:1px solid rgba(232,96,66,.72);background:rgba(255,164,133,.23)}
.home-intro{border:0}.hover-preview{aspect-ratio:16/9;border-radius:6px}.split-index,.split-project{padding-top:27px}.project-overview{width:100%;grid-template-columns:minmax(0,1fr) minmax(130px,220px)}.split-project>header h1{font-size:clamp(34px,4.2vw,72px);line-height:.96}.split-copy p{font-size:clamp(16px,1.25vw,21px);line-height:1.58}.list-view .project-row strong{font-size:17px;line-height:1.12}.route-enter{animation:routeFade .72s cubic-bezier(.22,.7,.25,1) backwards}
.is-art .split-index>header h2{font:600 22px/1.1 var(--sans);letter-spacing:.01em}.project-overview dl,.work-head dl{border-top-color:var(--line)}.project-overview dl div:first-child,.work-head dl div:first-child{border-bottom-color:var(--ink)}.work-head h1{margin-top:0}
.is-design:not(.project-open) .split-layout{grid-template-columns:minmax(0,95%) minmax(0,5%)}.project-overview dl,.work-head dl{border-top-color:var(--ink)}.project-overview dl div:first-child,.work-head dl div:first-child{border-bottom-color:var(--line)}
.is-design:not(.project-open) .project-list.gallery-view{grid-template-columns:repeat(4,minmax(0,1fr))}
.split-layout{border-top-color:var(--line)}.split-index{border-right-color:var(--line)}.split-project{border-bottom-color:var(--line)}.site-footer{border-top-color:var(--line)}.project-list,.list-view{border-top-color:var(--line)}.filter-select select,.view-toggle button{background:var(--paper)}.archive-toolbar,.filter-bar{background:rgba(251,251,251,.94)}.row-thumb img{transform:none!important}.row-thumb{aspect-ratio:16/9;border-radius:0;transform:translateY(0);transition:border-radius .24s ease,transform .32s cubic-bezier(.2,.75,.25,1)!important}.project-row:hover .row-thumb{border-radius:5px;transform:translateY(-3px)!important}.project-row[aria-current=true] .row-thumb,.gallery-view .project-row[aria-current=true] .row-thumb,.is-art .project-row[aria-current=true] .row-thumb{border-radius:10px;outline:0}.gallery-view .project-row,.gallery-view .project-row:hover,.gallery-view .project-row[aria-current=true]{padding:0 0 12px!important;transition:none!important}.gallery-view .project-row strong{min-height:2.4em}.project-list.gallery-view{align-items:start;grid-auto-flow:row}.list-view .project-row,.is-art .list-view .project-row,.list-view .project-row:hover,.list-view .project-row[aria-current=true]{padding:14px 3px!important;transform:none!important;transition:none!important}.list-view .project-row:hover .row-thumb{transform:none!important}.is-design .split-project{animation:projectFade .65s cubic-bezier(.22,.7,.25,1) both}
@keyframes artFloat{from{transform:translateY(-5px)}to{transform:translateY(8px)}}@keyframes projectFade{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes softfocus{50%{filter:blur(1.1px);opacity:.8}}@keyframes float{50%{transform:translate(-4vw,5vh) scale(.92)}}@keyframes reveal{from{opacity:0;transform:translateY(18px)}}
@keyframes starGlitch{0%,100%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px)}}@keyframes starShiftA{0%,100%{transform:translate(0)}50%{transform:translate(-2px,1px)}}@keyframes starShiftB{0%,100%{transform:translate(0)}50%{transform:translate(2px,-1px)}}
@keyframes routeFade{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-hero h1{font-size:19vw}.work-copy{grid-template-columns:1fr;gap:25px}.split-layout{grid-template-columns:minmax(270px,38vw) minmax(0,1fr)}.split-project>header h1{font-size:9vw}}
@media(max-width:650px){.site-header{height:104px;padding-top:22px}.intro-mark{width:min(76vw,350px);font-size:10.5px}.menu-button{display:block}.main-nav{position:fixed;inset:0;background:var(--peach);z-index:-1;display:flex;flex-direction:column;justify-content:center;padding:10vw;font:9vw var(--serif);opacity:0;visibility:hidden;transition:.35s}.menu-open .main-nav{opacity:1;visibility:visible}.menu-open .menu-button{position:fixed;right:22px}.landing-copy{margin-top:20vh}.landing h1 span{font-size:21vw}.landing h1 em{margin-left:12%;font-size:6vw}.entry-links{grid-template-columns:1fr}.entry-links a:first-child{margin-right:0}.entry-links a{grid-template-columns:35px 1fr}.entry-links a span{grid-column:2}.archive-hero{min-height:62vh;padding-top:60px}.archive-hero h1{font-size:22vw;line-height:.72}.hero-dot{width:55vw;right:-10vw;top:25%}.filter-bar{padding-inline:15px}.filter-bar .count{display:none}.project-grid{grid-template-columns:1fr;padding-inline:14px}.work-head h1{font-size:20vw}.work-copy{margin-block:65px}.site-footer{flex-direction:column}.site-footer nav{flex-wrap:wrap}}
@media(max-width:650px){.split-page{height:auto;min-height:100svh;display:block;overflow:visible}.split-layout,.is-design .split-layout,.is-design.project-open .split-layout{display:block}.is-design:not(.project-open) .split-detail{opacity:1;pointer-events:auto}.expand-index{display:none!important}.split-index{overflow:visible;border-right:0;border-bottom:1px solid;padding:28px 22px 35px}.split-index>header p{font-size:11px}.split-index>header h2,.is-design .split-index>header h2{font-size:13vw;font-family:var(--serif);font-weight:400}.project-list{max-height:52vh;overflow-y:auto}.hover-preview{display:none}.project-list.gallery-view,.is-art .project-list,.is-design:not(.project-open) .project-list.gallery-view{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-view .project-row strong,.is-art .project-row strong{font-size:14px;line-height:1.3}.filter-select>span,.split-index>.count{font-size:10px}.filter-select select{font-size:11px}.split-detail{overflow:visible;scroll-margin-top:0}.split-project{padding:55px 22px 85px}.split-project>header>p,.split-project dl div,.split-media figcaption{font-size:11px}.split-project>header h1{font-size:13vw}.split-copy{width:100%;margin:45px auto}.home-intro{font-size:14px;width:min(330px,78vw)}.floating-piece{width:clamp(62px,22vw,105px)}.about-grid{grid-template-columns:1fr;gap:35px}.about-grid h1{font-size:13vw}.about-grid article{font-size:16px}.about-contact{grid-template-columns:1fr;gap:25px}.split-page>.site-footer{padding-block:22px 35px}}
@media(max-width:650px){.is-art .project-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.site-header{padding-left:22px}.intro-mark{width:min(76vw,350px);grid-template-columns:18px minmax(0,1fr)}.intro-minimal{display:block;width:18px}.intro-bio{font-size:10.5px}.project-overview{display:block}.project-overview .split-cover{margin-bottom:24px}.project-overview .split-cover img{aspect-ratio:auto;max-height:62vh;object-fit:contain}.protected-project{display:block;min-height:65vh}.back-to-top{display:grid;position:fixed;right:18px;bottom:18px;z-index:45;width:42px;height:42px;place-items:center;border:1px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);font-size:18px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}}
@media(max-width:650px){.project-overview .split-cover img{aspect-ratio:16/9;object-fit:cover;border-radius:6px}.is-design .main-nav{background:var(--gold)}.is-art .main-nav{background:var(--purple);color:white}.about-page .main-nav{background:var(--peach)}}
@media(max-width:650px){.split-index>header h2,.is-design .split-index>header h2{font:600 clamp(26px,8vw,42px)/1.05 var(--sans);letter-spacing:.01em}}
@media(max-width:650px){.site-header{position:sticky;top:0;z-index:50;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.menu-open .main-nav{z-index:60}.menu-open .menu-button{z-index:61}.menu-open{overflow:hidden}}
@media(max-width:650px){.main-nav{inset:72px 14px auto;display:block;height:auto;max-height:calc(100svh - 88px);overflow:auto;padding:20px 22px 22px;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.18);font:14px/1.2 var(--sans);letter-spacing:0;text-transform:none;transform:translateY(-10px) scale(.985);transform-origin:top right}.menu-open .main-nav{transform:translateY(0) scale(1)}.menu-star{display:block;padding:2px 0 18px;border-bottom:1px solid rgba(90,90,90,.38);font:20px/1 var(--sans)}.main-nav a{display:grid;grid-template-columns:30px minmax(62px,.7fr) minmax(0,1.3fr);gap:8px;align-items:baseline;padding:14px 0}.main-nav a:after{display:none}.main-nav small,.main-nav span{display:block;font-size:10px}.main-nav strong{font:600 18px/1.15 var(--sans)}.main-nav span{text-align:right;white-space:nowrap}.main-nav:after{content:"";display:block;margin-top:6px;border-top:1px solid rgba(90,90,90,.38)}}
@media(max-width:650px){.landing .home-menu{display:block;background:#111;color:#fff}.landing .menu-button{display:block}}
@media(max-width:650px){.menu-open .landing .site-header{z-index:200}.menu-open .landing .home-menu{z-index:201}.menu-open .landing .menu-button{z-index:202}}
.paintings-gallery{padding:48px clamp(18px,3vw,42px) 80px;border-top:1px solid var(--line);scroll-margin-top:0}.paintings-gallery>header h1{margin:0 0 28px;font:600 22px/1.1 var(--sans)}.painting-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.painting-card{aspect-ratio:1;border:0;border-radius:7px;background:#eeeeec;padding:18px;display:grid;place-items:center;overflow:hidden;cursor:pointer}.painting-card img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .35s}.painting-card:hover img{transform:scale(1.025)}.painting-lightbox{position:fixed;z-index:300;inset:0;background:rgba(12,12,12,.88);display:grid;place-items:center;padding:55px 22px 22px}.painting-lightbox[hidden]{display:none}.painting-lightbox figure{margin:0;max-width:min(1100px,94vw);max-height:88vh;display:grid;gap:10px;color:white}.painting-lightbox img{max-width:100%;max-height:82vh;object-fit:contain}.painting-lightbox figcaption{text-align:center;font-size:11px}.painting-close{position:absolute;right:20px;top:18px;border:1px solid rgba(255,255,255,.55);border-radius:99px;background:transparent;color:white;padding:8px 12px}.lightbox-open{overflow:hidden}@media(max-width:650px){.painting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.painting-card{padding:10px}.paintings-gallery{padding:42px 14px 70px}.paintings-gallery>header h1{font-size:24px}}
.painting-lightbox{background:rgba(12,12,12,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.painting-lightbox figure{width:min(1100px,88vw);height:min(88vh,920px);grid-template-rows:minmax(0,1fr) auto}.painting-stage{min-height:0;display:grid;place-items:center}.painting-stage img{max-height:72vh}.painting-lightbox figcaption{text-align:left;display:grid;grid-template-columns:minmax(120px,1fr) minmax(220px,1.25fr);gap:30px;align-items:start}.painting-lightbox figcaption h2{margin:0;font:22px/1.15 var(--serif)}.painting-lightbox figcaption dl{margin:0;border-top:1px solid rgba(255,255,255,.38)}.painting-lightbox figcaption dl div{display:grid;grid-template-columns:90px 1fr;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.2)}.painting-lightbox figcaption dt,.painting-lightbox figcaption dd{margin:0;font-size:10px}.painting-lightbox figcaption dt{color:rgba(255,255,255,.62)}.painting-arrow{position:absolute;top:50%;width:42px;height:42px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(0,0,0,.14);color:white;font-size:19px}.painting-prev{left:18px}.painting-next{right:18px}@media(max-width:650px){.painting-lightbox{padding:62px 14px 20px}.painting-lightbox figure{width:100%;height:88vh}.painting-stage img{max-height:66vh}.painting-lightbox figcaption{grid-template-columns:1fr;gap:12px}.painting-arrow{top:auto;bottom:24px;z-index:2}.painting-prev{left:14px}.painting-next{right:14px}.painting-lightbox figcaption{padding:0 48px}.painting-lightbox figcaption h2{font-size:19px}}
.is-art .split-layout{transition:grid-template-columns .62s cubic-bezier(.2,.75,.25,1)}.is-art.art-expanded .split-layout{grid-template-columns:minmax(0,95%) minmax(0,5%)}.is-art.art-expanded .split-detail{opacity:0;pointer-events:none}.is-art.art-expanded .project-list.gallery-view{grid-template-columns:repeat(4,minmax(0,1fr))}.is-art .expand-index{display:grid}@media(max-width:650px){.is-art.art-expanded .split-layout{display:block}.is-art.art-expanded .split-detail{opacity:1;pointer-events:auto}}
.paintings-gallery{padding:0;border-top:0}.painting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.painting-lightbox{background:rgba(251,251,251,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}@media(max-width:650px){.paintings-gallery{padding:0}.painting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}}
.painting-card{background:#f5f5f2}.painting-lightbox{background:rgba(248,248,246,.5);backdrop-filter:blur(24px) saturate(.9);-webkit-backdrop-filter:blur(24px) saturate(.9)}.painting-lightbox figure{color:#181818}.painting-close{border-color:rgba(24,24,24,.45);color:#181818;background:rgba(255,255,255,.18)}.painting-arrow{border-color:rgba(24,24,24,.42);background:rgba(255,255,255,.2);color:#181818}.painting-lightbox figcaption dl{border-top-color:rgba(24,24,24,.38)}.painting-lightbox figcaption dl div{border-bottom-color:rgba(24,24,24,.2)}.painting-lightbox figcaption dt{color:rgba(24,24,24,.62)}
.painting-lightbox{inset:0;background:rgba(248,248,246,.32);backdrop-filter:blur(8px) saturate(.92);-webkit-backdrop-filter:blur(8px) saturate(.92)}.painting-close{width:38px;height:38px;padding:0;display:grid;place-items:center;font:24px/1 var(--sans)}
.painting-arrow,.painting-close,.view-toggle button{display:grid;place-items:center;padding:0}.painting-arrow{line-height:1}.painting-lightbox{width:100vw;height:100dvh;max-width:none;max-height:none}@media(max-width:650px){.painting-lightbox{padding:54px 30px 18px}.painting-lightbox figure{width:100%;height:calc(100dvh - 72px);max-height:none;grid-template-rows:minmax(0,1fr) auto}.painting-stage{min-height:180px}.painting-stage img{display:block;max-width:calc(100vw - 76px);max-height:60dvh;width:auto;height:auto}.painting-arrow{top:50%;bottom:auto;transform:translateY(-50%);width:36px;height:36px}.painting-prev{left:7px}.painting-next{right:7px}.painting-lightbox figcaption{padding:0;gap:8px}.painting-close{right:12px;top:10px}}
.painting-arrow>span,.painting-close>span{display:block;line-height:1;transform:translateY(-1.5px)}.custom-cursor{z-index:500}
.expand-index>span{display:block;line-height:1;transform:translateY(-1.5px)}
.gallery-view .row-thumb img{filter:grayscale(0);opacity:1;transition:filter .38s ease,opacity .38s ease}.selection-active .gallery-view .project-row:not([aria-current=true]) .row-thumb img{filter:grayscale(1);opacity:.68}.selection-active .gallery-view .project-row[aria-current=true] .row-thumb img{filter:grayscale(0);opacity:1}.split-page.index-settling .hover-preview{display:none!important}.is-art.index-settling .project-list{pointer-events:none}
.painting-lightbox figcaption h2{font-size:26px;line-height:1.12}.painting-lightbox figcaption dt,.painting-lightbox figcaption dd{font-size:12px;line-height:1.35}.painting-lightbox figcaption dl div{padding:8px 0}@media(max-width:650px){.painting-lightbox figcaption h2{font-size:22px}.painting-lightbox figcaption dt,.painting-lightbox figcaption dd{font-size:11px}}
.split-media{grid-template-columns:repeat(2,minmax(0,1fr))}.split-media figure{grid-column:1/-1}.split-media figure.media-half{grid-column:auto}.split-media figure.media-half img{height:100%;max-height:none;object-fit:cover}@media(max-width:650px){.split-media{grid-template-columns:1fr}.split-media figure.media-half{grid-column:1/-1}.split-media figure.media-half img{height:auto;max-height:88vh;object-fit:contain}}
.home-favicon:before{color:var(--red);opacity:.52;transform:translate(-1px,1px)}.home-favicon:after{color:var(--blue);opacity:.42;transform:translate(1px,-1px)}.site-footer{padding-left:clamp(20px,3vw,46px);padding-right:clamp(20px,3vw,46px)}@media(max-width:650px){.site-footer{padding-left:22px;padding-right:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.floating-piece img{filter:blur(5px);transform:scale(1.08);transition:filter .26s ease}.floating-piece.collision-clear img{filter:blur(0)}
@media(max-width:650px){.menu-button{min-width:82px;margin:-14px 0 -14px -34px;padding:14px 0 14px 34px;text-align:right}.intro-mark:not(.intro-minimal){width:min(72vw,300px)}}
@media(max-width:650px){.menu-open main.route-enter{transform:none!important}}
@media(max-width:650px){.site-header .main-nav{position:absolute;inset:72px 14px auto}.menu-open .menu-button{position:relative;right:auto}}
@media(max-width:650px){.site-header{position:relative}.menu-button,.menu-open .menu-button{position:fixed;top:22px;right:22px;z-index:202}.site-header .main-nav{position:fixed;inset:72px 14px auto;z-index:201}.menu-backdrop{position:fixed;inset:0;z-index:200;width:100%;height:100%;border:0;background:transparent;padding:0}.menu-open .menu-backdrop{display:block}.menu-star{display:block!important;padding:2px 0 18px!important;border-bottom:1px solid rgba(90,90,90,.38);font:20px/1 var(--sans)!important}.menu-star:after{display:none!important}}
.gallery-view .project-row strong{font-weight:400;letter-spacing:.01em;transition:color .25s ease}.list-view .project-row strong{transition:color .25s ease}.project-row:not([aria-current=true]):hover strong{color:#666}.view-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;width:72px;height:34px;border:1px solid var(--ink);border-radius:99px;background:var(--paper);overflow:hidden}.view-switch-thumb{position:absolute;z-index:0;top:2px;left:3.5px;width:28px;height:28px;border:1.25px solid var(--ink);border-radius:50%;background:transparent;transform:translateX(35px);transform-origin:center;transition:none}.view-switch.is-list .view-switch-thumb{transform:translateX(0)}.view-switch.is-switching:not(.is-list) .view-switch-thumb{animation:toggleToGallery .68s cubic-bezier(.2,.82,.28,1) both}.view-switch.is-switching.is-list .view-switch-thumb{animation:toggleToList .68s cubic-bezier(.2,.82,.28,1) both}.view-toggle .view-switch button{position:relative;z-index:1;width:35px;height:32px;border:0;border-radius:0;background:transparent!important;color:var(--ink);padding:0;display:flex;align-items:center;justify-content:center}.view-toggle .view-switch button[aria-pressed=true]{color:var(--ink)}.view-toggle .view-switch i{color:currentColor;transition:opacity .28s ease;transform-origin:center}.view-toggle .view-switch button:not([aria-pressed=true]) i{opacity:.42}.view-toggle .view-switch .list-toggle i{transform:translateY(.5px)}.view-toggle .view-switch .gallery-toggle i{transform:translateY(0)}.painting-lightbox{touch-action:pan-y;overscroll-behavior:contain}
.split-project dl div{font-size:11px}.work-head dl div{font-size:12px}
@keyframes toggleToGallery{0%{transform:translateX(0) scaleX(1);border-radius:50%}38%{transform:translateX(14px) scaleX(1.38);border-radius:48% 38% 38% 48%}72%{transform:translateX(32px) scaleX(1.08);border-radius:42% 50% 50% 42%}100%{transform:translateX(35px) scaleX(1);border-radius:50%}}
@keyframes toggleToList{0%{transform:translateX(35px) scaleX(1);border-radius:50%}38%{transform:translateX(21px) scaleX(1.38);border-radius:38% 48% 48% 38%}72%{transform:translateX(3px) scaleX(1.08);border-radius:50% 42% 42% 50%}100%{transform:translateX(0) scaleX(1);border-radius:50%}}
.painting-stage img{transition:transform .24s cubic-bezier(.2,.75,.25,1);will-change:transform}.painting-lightbox.is-dragging .painting-stage img{transition:none;cursor:grabbing}.painting-stage{cursor:grab}
/* Smooth outline toggle and slightly larger mobile project metadata */
.view-switch.is-switching:not(.is-list) .view-switch-thumb{animation:toggleToGallery .62s linear both}.view-switch.is-switching.is-list .view-switch-thumb{animation:toggleToList .62s linear both}
.view-toggle .view-switch .gallery-toggle i{background:linear-gradient(currentColor,currentColor) 0 0/100% 1px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat,linear-gradient(currentColor,currentColor) 0 0/1px 100% no-repeat,linear-gradient(currentColor,currentColor) 100% 0/1px 100% no-repeat,linear-gradient(currentColor,currentColor) 50% 0/1px 100% no-repeat,linear-gradient(currentColor,currentColor) 0 50%/100% 1px no-repeat}
@keyframes toggleToGallery{0%{transform:translateX(0) scaleX(1);border-radius:50%}20%{transform:translateX(13px) scaleX(1.24);border-radius:48% 40% 40% 48%}40%{transform:translateX(23px) scaleX(1.32);border-radius:46% 40% 40% 46%}60%{transform:translateX(30px) scaleX(1.2);border-radius:44% 48% 48% 44%}80%{transform:translateX(34px) scaleX(1.07);border-radius:48%}100%{transform:translateX(35px) scaleX(1);border-radius:50%}}
@keyframes toggleToList{0%{transform:translateX(35px) scaleX(1);border-radius:50%}20%{transform:translateX(22px) scaleX(1.24);border-radius:40% 48% 48% 40%}40%{transform:translateX(12px) scaleX(1.32);border-radius:40% 46% 46% 40%}60%{transform:translateX(5px) scaleX(1.2);border-radius:48% 44% 44% 48%}80%{transform:translateX(1px) scaleX(1.07);border-radius:48%}100%{transform:translateX(0) scaleX(1);border-radius:50%}}
@media(max-width:650px){.split-project dl div,.split-credits{font-size:12px}}
.view-toggle .view-switch button[aria-pressed=true] i,.view-toggle .view-switch button[aria-pressed=false] i{color:var(--ink)}
.home-intro{font-size:14.3px}.about-grid figure{margin-top:70px}@media(max-width:650px){.home-intro{font-size:15.4px}.about-grid figure{margin-top:0}}
.home-intro{background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(248,248,248,.64));backdrop-filter:blur(10px) saturate(1.08);-webkit-backdrop-filter:blur(10px) saturate(1.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.62),inset 0 1px 12px rgba(255,255,255,.5),0 10px 32px rgba(0,0,0,.045);overflow:visible}.home-intro p{position:relative;z-index:1}.home-intro:before,.home-intro:after{display:none}
.view-toggle{align-items:center}.expand-index{width:34px!important;height:34px!important;flex:0 0 34px}.view-switch-thumb{top:2px}.split-media-video{margin:45px 0}.media-stack-video{margin-top:0;margin-bottom:70px}
/* Match the view controls to the filter field height */
.expand-index{width:30px!important;height:30px!important;flex-basis:30px}.view-switch{width:66px;height:30px}.view-switch-thumb{top:2px;left:4px;width:24px;height:24px;transform:translateX(32px)}.view-switch.is-list .view-switch-thumb{transform:translateX(0)}.view-toggle .view-switch button{width:32px;height:28px}.view-toggle i{width:11px;height:11px}
@keyframes toggleToGallery{0%{transform:translateX(0) scaleX(1);border-radius:50%}20%{transform:translateX(12px) scaleX(1.24);border-radius:48% 40% 40% 48%}40%{transform:translateX(21px) scaleX(1.32);border-radius:46% 40% 40% 46%}60%{transform:translateX(27px) scaleX(1.2);border-radius:44% 48% 48% 44%}80%{transform:translateX(31px) scaleX(1.07);border-radius:48%}100%{transform:translateX(32px) scaleX(1);border-radius:50%}}
@keyframes toggleToList{0%{transform:translateX(32px) scaleX(1);border-radius:50%}20%{transform:translateX(20px) scaleX(1.24);border-radius:40% 48% 48% 40%}40%{transform:translateX(11px) scaleX(1.32);border-radius:40% 46% 46% 40%}60%{transform:translateX(5px) scaleX(1.2);border-radius:48% 44% 44% 48%}80%{transform:translateX(1px) scaleX(1.07);border-radius:48%}100%{transform:translateX(0) scaleX(1);border-radius:50%}}
.home-about{margin-left:auto;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding-bottom:6px;position:relative}.home-about:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--peach);transition:right .3s}.home-about:hover:after{right:0}@media(max-width:650px){.home-about{display:none}}
/* Version 5 */
.main-nav a.nav-design:after{background:var(--gold)}.main-nav a.nav-art:after{background:var(--purple)}.main-nav a.nav-about:after{background:var(--peach)}
.split-project>header h1{font-size:clamp(30px,3.6vw,60px)}
.gallery-view .row-thumb{background:#ececea;transform:none!important}.gallery-view .row-thumb img{filter:grayscale(1);opacity:.72;transform:scale(1)!important;transition:filter .38s ease,opacity .38s ease,transform .42s cubic-bezier(.2,.75,.25,1)!important}.gallery-view .project-row:hover .row-thumb{border-radius:5px;transform:none!important}.gallery-view .project-row:hover .row-thumb img,.gallery-view .project-row[aria-current=true] .row-thumb img,.selection-active .gallery-view .project-row:not([aria-current=true]):hover .row-thumb img{filter:grayscale(0);opacity:1;transform:scale(.96)!important}.gallery-view .project-row[aria-current=true] .row-thumb{border-radius:8px}
.media-frame{width:100%;aspect-ratio:var(--media-ratio);display:grid;place-items:center;overflow:hidden;background:var(--soft)}.media-frame>img,.media-frame>iframe{width:100%;height:100%;max-height:none;object-fit:contain}.split-media figure.media-half .media-frame>img{object-fit:cover}
.project-pager{margin-top:90px;padding-top:16px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-step{display:grid;grid-template-columns:1fr;gap:7px;min-width:0}.project-step:nth-child(2){text-align:right}.project-step span{font-size:9px;text-transform:uppercase;color:#777}.project-step img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;filter:grayscale(1);transition:filter .3s,border-radius .3s,transform .35s}.project-step:hover img{filter:grayscale(0);border-radius:7px;transform:scale(.985)}.project-step strong{font:400 12px/1.3 var(--sans)}
@media(max-width:650px){.split-project>header h1{font-size:12vw}.project-pager{margin-top:60px;gap:10px}.project-step strong{font-size:11px}}
/* Compact adjacent navigation */
.project-pager{border-top:0;padding-top:0;margin-top:105px}.project-step img{width:18.3333%;justify-self:start}.project-step:nth-child(2) img{justify-self:end}
/* Restore the earlier gallery hover motion while keeping the V5 color states */
.gallery-view .project-row:hover .row-thumb{border-radius:5px;transform:translateY(-3px)!important}.gallery-view .project-row:hover .row-thumb img,.gallery-view .project-row[aria-current=true] .row-thumb img,.selection-active .gallery-view .project-row:not([aria-current=true]):hover .row-thumb img{filter:grayscale(0);opacity:1;transform:scale(1)!important}.gallery-view .project-row[aria-current=true] .row-thumb{border-radius:10px}
/* Collapsible desktop project sidebar */
.split-layout{transition:grid-template-columns .78s cubic-bezier(.22,.78,.22,1)}.split-index{position:relative;transition:padding .72s cubic-bezier(.22,.78,.22,1)}.split-index>header h2,.split-index .index-tools,.split-index .count,.split-index .project-list,.split-index .data-note{transition:opacity .22s ease,transform .42s cubic-bezier(.22,.78,.22,1)}.collapse-index{position:absolute;right:12px;bottom:14px;width:auto;height:26px;border:0;border-radius:0;background:transparent;display:grid;place-items:center;padding:3px;cursor:pointer;font-size:15px;line-height:1;z-index:5}.collapse-index span{display:block;transition:transform .38s cubic-bezier(.22,.78,.22,1)}.collapse-index:hover span{transform:translateX(-2px)}.split-page.index-collapsed .split-layout{grid-template-columns:52px minmax(0,1fr)}.split-page.index-collapsed .split-index{padding:20px 10px;border-right:1px solid var(--line);overflow:hidden}.split-page.index-collapsed .split-index>header h2,.split-page.index-collapsed .index-tools,.split-page.index-collapsed .count,.split-page.index-collapsed .project-list,.split-page.index-collapsed .hover-preview,.split-page.index-collapsed .data-note{opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-12px)}.split-page.index-collapsed .collapse-index{right:10px}.split-page.index-collapsed .collapse-index:hover span{transform:translateX(2px)}
@media(max-width:650px){.collapse-index{display:none}.split-page.index-collapsed .split-layout{display:block}.split-page.index-collapsed .split-index{padding:28px 22px 35px;overflow:visible}.split-page.index-collapsed .split-index>header h2,.split-page.index-collapsed .index-tools,.split-page.index-collapsed .count,.split-page.index-collapsed .project-list{opacity:1;visibility:visible;pointer-events:auto;transform:none}}
/* Sidebar inset motion and centered detail canvas */
.collapse-index{top:26px;bottom:auto;right:14px}.collapse-index:hover span{transform:translateX(-1px)}.split-page.index-collapsed .collapse-index{right:10px}.split-page.index-collapsed .split-detail>.split-project{width:min(68vw,1080px);margin-inline:auto}.split-page.index-collapsed .split-detail>.split-empty{width:min(68vw,1080px);margin-inline:auto}.split-page.index-collapsed .split-index{box-shadow:8px 0 22px rgba(0,0,0,.025)}
.project-step span{font-size:11px;color:var(--ink);font-weight:500}.project-step span b{display:inline-block;margin-right:2px;font-size:15px;line-height:1;font-weight:400;vertical-align:-1px}
@media(max-width:650px){.split-page.index-collapsed .split-detail>.split-project,.split-page.index-collapsed .split-detail>.split-empty{width:auto;margin-inline:0}.project-step span{font-size:10px}.project-step span b{font-size:14px}}
.project-step-next{grid-column:2;text-align:right}.project-step-next img{justify-self:end}.project-step-previous{grid-column:1;text-align:left}
/* Use Yalan's sidebar glyph and let it turn only as the panel finishes moving */
.collapse-index{width:22px;height:28px;padding:4px}.collapse-index svg{display:block;width:14px;height:18px;fill:currentColor;transform-origin:center;transition:transform .34s cubic-bezier(.22,.78,.22,1) .38s}.split-page.index-collapsed .collapse-index svg{transform:rotateY(180deg)}
.split-index>header h2,.split-index .index-tools,.split-index .count,.split-index .project-list,.split-index .data-note{visibility:visible}.split-page.index-collapsed .split-index>header h2,.split-page.index-collapsed .index-tools,.split-page.index-collapsed .count,.split-page.index-collapsed .project-list,.split-page.index-collapsed .data-note{transform:translateX(-28px);transition:opacity .26s ease .12s,transform .66s cubic-bezier(.22,.78,.22,1),visibility 0s linear .62s}.split-page.index-collapsed .collapse-index{transition:transform .66s cubic-bezier(.22,.78,.22,1)}
/* Bottom-aligned compact trigger and stronger ease-out sidebar motion */
.collapse-index{top:auto;bottom:18px;right:clamp(20px,3vw,46px);width:18px;height:23px;padding:3px}.collapse-index svg{width:11px;height:15px;transition:transform .32s cubic-bezier(.16,1,.3,1) .34s}.split-page.index-collapsed .collapse-index{right:15px}.split-layout{transition:grid-template-columns .72s cubic-bezier(.16,1,.3,1)}.split-index{transition:padding .72s cubic-bezier(.16,1,.3,1)}.split-index>header h2,.split-index .index-tools,.split-index .count,.split-index .project-list,.split-index .data-note{transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1);transform:translateX(0);opacity:1}.split-page.index-collapsed .split-index>header h2,.split-page.index-collapsed .index-tools,.split-page.index-collapsed .count,.split-page.index-collapsed .project-list,.split-page.index-collapsed .data-note{opacity:0;transform:translateX(-60px);transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1),visibility 0s linear .62s}
/* Paired, borderless archive controls at the lower-right edge */
.collapse-index{bottom:18px;right:clamp(20px,3vw,46px);width:22px;height:28px;padding:4px}.collapse-index svg{width:14px;height:18px}.expand-index{position:absolute!important;z-index:6;bottom:18px;right:calc(clamp(20px,3vw,46px) + 30px);width:24px!important;height:28px!important;flex-basis:24px!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important}.expand-index>span{font-size:17px;transform:translateY(-1px)}.split-page.index-collapsed .expand-index{opacity:0;visibility:hidden;pointer-events:none}.split-page.sidebar-moving .hover-preview{display:none!important}.split-layout{transition:grid-template-columns .58s cubic-bezier(.16,1,.3,1);will-change:grid-template-columns}.split-index{transition:padding .58s cubic-bezier(.16,1,.3,1)}.split-detail{transform:translateZ(0);contain:paint}.split-page.index-collapsed .split-index>header h2,.split-page.index-collapsed .index-tools,.split-page.index-collapsed .count,.split-page.index-collapsed .project-list,.split-page.index-collapsed .data-note{transition:opacity .22s ease-out,transform .5s cubic-bezier(.16,1,.3,1),visibility 0s linear .56s}
@media(max-width:650px){.split-project>header h1{scroll-margin-top:82px}}
/* Keep archive contents rigid while the rail slides, avoiding thumbnail reflow */
@media(min-width:651px){.split-index>header,.split-index>.index-tools,.split-index>.count,.split-index>.project-list,.split-index>.data-note{min-width:240px}.split-detail>.split-project,.split-detail>.split-empty{width:min(68vw,1080px);margin-inline:auto}.sidebar-moving .split-detail{overflow-anchor:none}.sidebar-moving .split-index>header,.sidebar-moving .split-index>.index-tools,.sidebar-moving .split-index>.count,.sidebar-moving .split-index>.project-list,.sidebar-moving .split-index>.data-note{will-change:transform,opacity}}
/* A dedicated rail keeps both lower-right controls from inheriting toolbar transforms */
.index-rail-controls{position:absolute;z-index:8;right:clamp(20px,3vw,46px);bottom:18px;height:28px;display:flex;align-items:center;gap:6px}.index-rail-controls .expand-index,.index-rail-controls .collapse-index{position:static!important;inset:auto!important;margin:0;transform:none}.split-page.index-collapsed .index-rail-controls{right:11px}.split-page.index-collapsed .index-rail-controls .expand-index{display:none}.split-page.index-collapsed .index-rail-controls .collapse-index{display:grid}@media(max-width:650px){.index-rail-controls{display:none}}
@media(min-width:651px){.split-project>header h1{font-size:clamp(30px,3.7vw,62px)}.is-art .split-detail{transition:opacity .32s ease-out}}
/* Header-aligned archive controls */
@media(min-width:651px){.index-rail-controls{top:27px;bottom:auto;right:clamp(20px,3vw,46px);height:24px;gap:4px;align-items:center}.index-rail-controls .expand-index{width:21px!important;height:24px!important;flex-basis:21px!important}.index-rail-controls .expand-index>span{font-size:15px;line-height:1;transform:none}.index-rail-controls .collapse-index{width:20px;height:24px;padding:3px}.index-rail-controls .collapse-index svg{width:12px;height:16px}.split-index>header h2{font-size:clamp(29px,3.4vw,54px);padding-right:58px}.split-project>header h1{font-size:clamp(27px,3.2vw,54px)}}
/* Compact top-corner controls and a fully colored expanded archive */
@media(min-width:651px){.index-rail-controls{top:24px;right:10px;height:21px;gap:2px}.index-rail-controls .expand-index{width:18px!important;height:21px!important;flex-basis:18px!important}.index-rail-controls .expand-index>span{font-size:13px}.index-rail-controls .collapse-index{width:18px;height:21px;padding:2px}.index-rail-controls .collapse-index svg{width:11px;height:15px}.split-index>header h2{font-size:clamp(24px,2.7vw,42px);padding-right:44px}.split-project>header h1{font-size:clamp(25px,2.9vw,49px)}.is-art.art-expanded .gallery-view .row-thumb img,.is-design:not(.project-open) .gallery-view .row-thumb img{filter:grayscale(0)!important;opacity:1!important}}
@media(min-width:651px){.index-rail-controls{top:10px;right:4px;height:20px}.index-rail-controls .expand-index,.index-rail-controls .collapse-index{display:grid!important;place-items:center!important;align-self:center}.index-rail-controls .expand-index>span{display:block;line-height:1;transform:translateY(-.5px)}.index-rail-controls .collapse-index svg{display:block;margin:0}.split-page.sidebar-moving.collapsing-expanded .project-list.gallery-view{grid-template-columns:repeat(4,minmax(0,1fr))!important}.split-page.sidebar-moving.collapsing-expanded .project-list{pointer-events:none}}
/* Mirrored side_1 glyphs describe collapse and full-gallery directions */
@media(min-width:651px){.index-rail-controls{top:4px;right:2px;height:18px;gap:1px}.index-rail-controls .expand-index,.index-rail-controls .collapse-index{width:17px!important;height:18px!important;flex-basis:17px!important;padding:2px!important;color:#8a8a8a}.index-rail-controls .sidebar-glyph{width:11px!important;height:14px!important;fill:currentColor;transition:transform .32s cubic-bezier(.16,1,.3,1)}.index-rail-controls .expand-index .sidebar-glyph{transform:rotateY(180deg)}.is-art.art-expanded .index-rail-controls .collapse-index,.is-design:not(.project-open) .index-rail-controls .collapse-index{display:none!important}.is-art.art-expanded .index-rail-controls .expand-index .sidebar-glyph,.is-design:not(.project-open) .index-rail-controls .expand-index .sidebar-glyph{transform:none}.split-page.index-collapsed .index-rail-controls .collapse-index .sidebar-glyph{transform:rotateY(180deg)}}
@media(min-width:651px){.index-rail-controls{right:11px;gap:0}.index-rail-controls .expand-index,.index-rail-controls .collapse-index{color:#a2a2a2}.index-rail-controls .sidebar-glyph{width:10px!important;height:13px!important}.index-rail-controls .collapse-index{transform:translateX(2px)!important}.split-page.index-collapsed .index-rail-controls{left:26px;right:auto;transform:translateX(-50%)}.split-page.index-collapsed .index-rail-controls .collapse-index{transform:none!important}}
@media(max-width:650px){.is-art.art-expanded .project-list.gallery-view{grid-template-columns:repeat(2,minmax(0,1fr))!important}.is-art.art-expanded .split-detail{opacity:1;pointer-events:auto}.is-art .project-list.gallery-view{max-height:52vh}}
@media(min-width:651px){.index-rail-controls .collapse-index{transform:translateX(-1px)!important}.index-rail-controls .expand-index{transform:translateX(1px)!important}.split-page.index-collapsed .index-rail-controls{left:auto;right:4px;transform:none}.split-page.index-collapsed .index-rail-controls .collapse-index{transform:none!important}}
@media(max-width:650px){.gallery-view .row-thumb img,.selection-active .gallery-view .project-row:not([aria-current=true]) .row-thumb img,.selection-active .gallery-view .project-row[aria-current=true] .row-thumb img{filter:grayscale(0)!important;opacity:1!important}}
@media(min-width:651px){.split-page.index-collapsed .index-rail-controls{left:50%;right:auto;transform:translateX(-50%)}}
@media(min-width:651px){.index-rail-controls{top:4px;right:4px}.index-rail-controls .sidebar-glyph{width:9px!important;height:12px!important}.split-page.index-collapsed .index-rail-controls{left:auto;right:4px;transform:none}}
@media(min-width:651px){.index-rail-controls .collapse-index{transform:translateX(-5.5px)!important}.split-page.index-collapsed .index-rail-controls .collapse-index{transform:none!important}}
/* About uses the mark alone; mobile favors readable body copy over oversized titles */
.about-page .intro-bio{display:none}.about-page .intro-mark{grid-template-columns:18px;width:18px}
@media(max-width:650px){.split-project>header h1{font-size:clamp(34px,10.5vw,43px)}.split-copy p{font-size:18px;line-height:1.62}.split-project dl div,.split-credits{font-size:13px}.about-grid h1{font-size:clamp(34px,10.5vw,43px)}.about-grid article{font-size:18px;line-height:1.68}.about-contact{font-size:13px}}
@media(max-width:650px){.split-copy p{font-size:16px;line-height:1.58}.split-project dl div,.split-credits{font-size:12px}.about-grid article{font-size:16px;line-height:1.65}.about-contact{font-size:12px}}
@media(max-width:650px){.split-index>header h2,.is-design .split-index>header h2{font-size:clamp(28px,8vw,34px)}.about-grid figure{order:-1}.about-grid article{order:1}}
@media(max-width:650px){.about-layout{padding-top:20px}}
@media(max-width:650px){.is-design .split-index>header h2,.is-art .split-index>header h2{font-size:clamp(14px,4vw,17px)!important}}
@media(max-width:650px){body:not(.menu-open)>.menu-button{color:#fff;mix-blend-mode:difference;background:transparent!important;will-change:color}.menu-open>.menu-button{mix-blend-mode:normal;color:#111}.menu-open>.menu-button.menu-open-light{color:#fff}}
@media(max-width:650px){.back-to-top{padding:0;font-size:0;line-height:1}.back-to-top svg{display:block;position:absolute;left:50%;top:50%;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:translate(-50%,-50%)}.back-to-top.visible svg{animation:backTopCue .82s cubic-bezier(.22,.72,.2,1) both}@keyframes backTopCue{0%{opacity:0;transform:translate(-50%,calc(-50% + 5px))}55%{opacity:1;transform:translate(-50%,calc(-50% - 3px))}100%{opacity:1;transform:translate(-50%,-50%)}}}
.site-header .intro-mark,.site-header .intro-minimal,.about-page .intro-mark{display:block;width:171.6px;height:auto;transform:translate(-4px,-4px)}.home-logo{position:relative;display:block;width:171.6px;aspect-ratio:16/5}.home-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:left top;transition:opacity .22s ease}.home-logo img+img{opacity:0}.intro-mark:hover .home-logo img:first-child{opacity:0}.intro-mark:hover .home-logo img+img{opacity:1}@media(max-width:650px){.site-header .intro-mark,.site-header .intro-minimal,.about-page .intro-mark,.home-logo{width:151.8px}.site-header .intro-mark,.site-header .intro-minimal,.about-page .intro-mark{transform:translate(-3px,-3px)}}
@media(min-width:651px){.split-page.index-collapsed .index-rail-controls{right:0}}
/* Smaller mobile archive labels and project titles */
@media(max-width:650px){.gallery-view .project-row strong,.is-art .gallery-view .project-row strong{font-size:12.5px;line-height:1.28}.split-project>header h1{font-size:clamp(30px,9vw,38px)}}
/* Letterboxed project media blends into the page instead of adding a gray panel */
.media-frame,.media-frame>img{background:var(--paper)}
/* Full-width stills use their natural ratio; only compact half-width tiles stay framed */
.split-media figure.media-full .media-frame{aspect-ratio:auto;overflow:visible}
.split-media figure.media-full .media-frame>img{height:auto;object-fit:contain}
/* Desktop sidebar: move one rigid panel off-canvas and use Yalan's paired open/close icons */
@media(min-width:651px){
  .split-layout{transition:grid-template-columns .72s cubic-bezier(.22,.61,.36,1)}
  .split-index{overflow-x:hidden}
  .is-design.project-open .split-index>header,.is-design.project-open .split-index>.index-tools,.is-design.project-open .split-index>.count,.is-design.project-open .split-index>.project-list,.is-design.project-open .split-index>.data-note,.is-art:not(.art-expanded) .split-index>header,.is-art:not(.art-expanded) .split-index>.index-tools,.is-art:not(.art-expanded) .split-index>.count,.is-art:not(.art-expanded) .split-index>.project-list,.is-art:not(.art-expanded) .split-index>.data-note{width:calc(32vw - clamp(40px,6vw,92px));min-width:240px;box-sizing:border-box;transition:opacity .32s ease-out,transform .72s cubic-bezier(.16,1,.3,1)!important}
  .split-page.index-collapsed .split-index>header,.split-page.index-collapsed .split-index>.index-tools,.split-page.index-collapsed .split-index>.count,.split-page.index-collapsed .split-index>.project-list,.split-page.index-collapsed .split-index>.data-note{transform:translateX(calc(-100% - 48px));opacity:0}
  .split-detail>.split-project,.split-detail>.split-empty{transform:translateZ(0);backface-visibility:hidden}
  .index-tools .expand-index{display:none!important}
  .index-rail-controls{top:4px;right:4px;height:18px;display:flex}
  .index-rail-controls .collapse-index{width:18px!important;height:18px!important;padding:2px!important;color:#9a9a9a;transform:none!important}
  .index-rail-controls .sidebar-glyph{display:block;width:13px!important;height:13px!important;overflow:visible;fill:none!important;stroke:currentColor;stroke-width:.42;stroke-linecap:round;stroke-linejoin:round;transform:none!important}
  .index-rail-controls .sidebar-arrow{fill:currentColor;stroke:none}
  .index-rail-controls .sidebar-glyph-open{display:none}
  .split-page.index-collapsed .index-rail-controls{left:auto;right:4px;transform:none}
  .split-page.index-collapsed .sidebar-glyph-close{display:none}
  .split-page.index-collapsed .sidebar-glyph-open{display:block}
  .is-art.art-expanded .index-rail-controls,.is-design:not(.project-open) .index-rail-controls{display:none}
  .index-rail-controls .sidebar-glyph-single{display:block!important;transform:none!important}
}
/* Keep the detail pane in the grid flow; skip painting off-screen media while the columns move */
@media(min-width:651px){.split-media figure{content-visibility:auto;contain-intrinsic-size:auto 600px;contain:style paint}.sidebar-moving .split-detail{pointer-events:none}}
/* Match grid-track syntax at both endpoints so the detail column interpolates instead of jumping */
@media(min-width:651px){.split-page.index-collapsed .split-layout{grid-template-columns:minmax(52px,52px) minmax(0,1fr)}}
/* Preserve the established list-hover stack: preview behind, project text in front */
@media(min-width:651px){.split-index{isolation:isolate}.list-view{position:relative;z-index:2}.list-view .project-row{z-index:3}.list-view .project-row strong{position:relative;z-index:4}.list-view~.hover-preview{z-index:1!important}}
/* Tighter archive gallery rhythm */
.project-list.gallery-view{column-gap:8px;row-gap:7px}.gallery-view .project-row,.gallery-view .project-row:hover,.gallery-view .project-row[aria-current=true],.is-art .gallery-view .project-row,.is-art .gallery-view .project-row:hover,.is-art .gallery-view .project-row[aria-current=true]{padding:0 0 7px!important}
/* Keep every grid cell isolated while the thumbnail and image scale independently */
.gallery-view .project-row{contain:layout paint;align-self:start}.gallery-view .row-thumb{background:transparent;transform-origin:center;will-change:transform}.gallery-view .project-row:hover .row-thumb{transform:scale(.97)!important;border-radius:5px}.gallery-view .project-row:hover .row-thumb img{transform:scale(.98)!important;filter:grayscale(0);opacity:1}
@media(min-width:651px){.is-design.project-open .gallery-view,.is-art:not(.art-expanded) .gallery-view{row-gap:3px}.is-design.project-open .gallery-view .project-row,.is-design.project-open .gallery-view .project-row:hover,.is-design.project-open .gallery-view .project-row[aria-current=true],.is-art:not(.art-expanded) .gallery-view .project-row,.is-art:not(.art-expanded) .gallery-view .project-row:hover,.is-art:not(.art-expanded) .gallery-view .project-row[aria-current=true]{padding:0 0 4px!important}.is-design.project-open .gallery-view .project-row strong,.is-art:not(.art-expanded) .gallery-view .project-row strong{font-size:11px;line-height:1.25}.is-design.project-open .gallery-view .project-row[aria-current=true] .row-thumb,.is-art:not(.art-expanded) .gallery-view .project-row[aria-current=true] .row-thumb{border-radius:7px}}
@media(min-width:651px){.is-design:not(.project-open) .gallery-view .project-row:hover .row-thumb,.is-art.art-expanded .gallery-view .project-row:hover .row-thumb{transform:scale(.99)!important;border-radius:5px}.is-design:not(.project-open) .gallery-view .project-row:hover .row-thumb img,.is-art.art-expanded .gallery-view .project-row:hover .row-thumb img{transform:scale(.99)!important;border-radius:5px}}
/* A cleared selection restores the complete color archive */
.split-page:not(.selection-active) .gallery-view .row-thumb img{filter:grayscale(0)!important;opacity:1!important}
/* Art descriptions open from a quiet two-line summary */
.art-summary.is-collapsed>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.summary-toggle{display:block;margin:10px 0 0;border:0;background:transparent;padding:0;color:var(--ink);font:500 11px/1.2 var(--sans);cursor:pointer}.summary-toggle:hover{opacity:.58}
/* Three-up expanded archives remain legible at tablet widths. */
@media(min-width:651px) and (max-width:900px){.is-design:not(.project-open) .project-list.gallery-view,.is-art.art-expanded .project-list.gallery-view{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Home section labels and rules invert over light and dark artwork like the mobile Menu control. */
.landing .entry-links{color:#fff;mix-blend-mode:difference}.landing .entry-links a:hover{background:transparent}