@charset "UTF-8";
:root{color-scheme:dark;--ink:#f3e7ce;--muted:#b1aa98;--line:#e3cfaa24;--ground:#181a17;font-family:"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;color:var(--ink);background:var(--ground);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0;min-width:280px;background:transparent}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #e2c98f;outline-offset:6px}h1,h2,p{margin:0}button[hidden],[hidden]{display:none!important}::selection{background:#8b7448;color:#fff2d6}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:20;left:16px;top:16px;padding:12px 18px;background:#e9dac0;color:#20221c;transform:translateY(-180%)}.skip:focus{transform:none}
.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 45% 45%,#393224,#181a17 78%)}.water-light{position:absolute;inset:-2%;width:104%;height:104%;filter:blur(1.35px)}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,transparent 21%,#1214101a 60%,#10120f85 100%),linear-gradient(180deg,#12141025,transparent 40%,#11130f30)}
.masthead{padding:clamp(76px,8.5vw,125px) 24px 64px;text-align:center}.masthead h1{font-size:0;line-height:1}.masthead a{display:inline-block}.wordmark{display:block;width:clamp(220px,33vw,390px);height:auto;max-width:100%;user-select:none}
.collection{width:min(1320px,calc(100% - 104px));margin:0 auto}.gallery{display:grid;grid-template-columns:.8fr 1.65fr 1fr;column-gap:clamp(28px,3.3vw,52px);align-items:center;min-height:440px;touch-action:pan-y}.exhibit{min-width:0;--rx:0deg;--ry:0deg;--px:50%;--py:50%}.slot-left{grid-column:1;grid-row:1}.slot-center{grid-column:2;grid-row:1}.slot-right{grid-column:3;grid-row:1}.art-button{display:block;width:100%;padding:0;perspective:1100px;position:relative;text-align:left;isolation:isolate;border-radius:5px}.art-button:after{content:"";position:absolute;inset:2% 3% -9%;z-index:-1;pointer-events:none;filter:blur(32px);background:#c19a3d16;transition:background .6s}.art-button:hover:after{background:#c19a3d2a}.art{position:relative;overflow:hidden;border-radius:5px;box-shadow:0 0 0 1px #ead6ae28,0 12px 30px #06080539;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;background:#2d3026;will-change:transform}.art:after{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--px) var(--py),#ffeac910,transparent 70%);pointer-events:none;opacity:0;transition:opacity .4s}.art-button:hover .art:after{opacity:1}.project-preview{display:block;width:100%;height:100%}.art-garden{aspect-ratio:601/332}.art-desk{aspect-ratio:282/211}.art-island{aspect-ratio:347/212}.label{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:24px 13px 0}.label h2{font-size:22px;font-weight:400;letter-spacing:-.7px;line-height:1.4}.label p{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.6}.slot-center .label{padding:26px 29px 0}.slot-center h2{font-size:26px}.work-open{padding:10px 0 10px 10px;font-size:26px;font-weight:300;line-height:1;align-self:center;color:#dacdaf}.work-open:hover{color:#fff2d9}
.collection-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-top:33px;padding-bottom:34px;color:var(--muted)}.filters{display:flex;gap:26px;align-items:center}.filters button{font-size:13px;padding:14px 0;position:relative;color:var(--muted)}.filters button[aria-pressed=true]{color:var(--ink)}.filters button[aria-pressed=true]:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;background:#d7c49e}.gallery-navigation,.dialog-navigation{display:flex;align-items:center;gap:20px}.gallery-navigation button,.dialog-navigation button{padding:10px;font-size:22px;line-height:1}.gallery-navigation span,.dialog-navigation span{font-size:11px;letter-spacing:2px;font-variant-numeric:tabular-nums}.mockup-label{text-align:right;font-size:11px;letter-spacing:.3px}.about{width:min(1216px,calc(100% - 104px));margin:66px auto 0;padding:38px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;color:var(--muted)}.about p{font-size:13px;line-height:1.9;letter-spacing:-.2px}.about>span{font-size:14px;color:#d2c5aa}.footer{width:min(1216px,calc(100% - 104px));margin:0 auto;padding:20px 0 32px;display:flex;align-items:center;gap:30px;color:var(--muted);font-size:11px}.footer>span{margin-right:auto}.footer button{padding:10px 0;color:inherit}.footer a{padding:10px 0}
/* Three additional software mockups. */
.art-notes,.art-palette,.art-sound{aspect-ratio:1.55;padding:10%;display:flex;align-items:center;justify-content:center}.art-notes{background:#736955}.note-sheet{width:82%;padding:10% 10% 9%;background:#eae2d0;box-shadow:0 14px 25px #201b2340;color:#655e4d;transform:rotate(-4deg)}.note-sheet strong{font-size:clamp(20px,2.4vw,32px);font-weight:400;letter-spacing:-1px}.note-sheet span{display:block;font-size:8px;letter-spacing:2px;margin-bottom:20px}.note-lines{display:grid;gap:10px;margin-top:24px}.note-lines i{display:block;height:1px;background:#9d95773d}.note-lines i:last-child{width:62%}.art-palette{background:#d1c8b4;display:block;color:#4c5244;padding:9%}.art-palette strong{font-size:clamp(18px,2.3vw,32px);font-weight:400;line-height:1.25;letter-spacing:-.8px}.swatches{display:flex;height:45%;margin-top:9%;gap:4px}.swatches i{height:100%;flex:1;background:var(--tone);border-radius:38% 38% 0 0}.palette-foot{font-size:8px;letter-spacing:2px;margin-top:5%}.art-sound{background:linear-gradient(120deg,#32352e,#22261f);display:block;color:#e5ddc7;padding:10%}.art-sound strong{font-weight:400;font-size:clamp(18px,2vw,28px);letter-spacing:-.4px}.sound-bars{display:flex;align-items:center;justify-content:center;gap:4px;height:42%;margin-top:9%}.sound-bars i{width:3px;height:var(--h);background:#c2bd9670;border-radius:3px}.sound-progress{height:1px;background:#c6bc9160;margin-top:11%;position:relative}.sound-progress:before{content:"";position:absolute;width:38%;height:2px;background:#e2d6b5}.sound-progress:after{content:"";position:absolute;left:38%;top:-2px;width:5px;height:5px;border-radius:50%;background:#e2d6b5}
dialog{border:1px solid #d9c69e24;border-radius:10px;width:min(1050px,calc(100% - 56px));padding:70px 42px 40px;background:#21241ef7;color:var(--ink);max-height:calc(100dvh - 48px);box-shadow:0 32px 100px #0008}dialog::backdrop{background:#0c100cbd;backdrop-filter:blur(12px)}.dialog-close{position:absolute;top:18px;right:24px;display:flex;align-items:center;gap:13px;font-size:12px;padding:8px;color:var(--muted)}.dialog-close span{font-size:25px;line-height:1}.dialog-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:40px;align-items:center}.dialog-visual{min-width:0}.dialog-visual .art{transform:none}.dialog-visual .art strong{font-size:28px}.dialog-eyebrow{font-size:10px;letter-spacing:1.5px;color:#c0af88}.dialog-info h2{font-size:35px;font-weight:400;letter-spacing:-1px;margin:17px 0 8px}.dialog-type{font-size:12px;color:var(--muted)}.dialog-info>p{font-size:13px;line-height:1.9;margin-top:25px;color:#c2bcac}.dialog-info dl{margin:24px 0}.dialog-info dl div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.dialog-info dt{color:var(--muted)}.dialog-info dd{margin:0}.pending-action{border:1px solid #dfcda334;width:100%;border-radius:4px;padding:15px 8px;font-size:13px;color:#d9ceb4}.dialog-info .mockup-note{font-size:11px;color:#9f9e8e;margin-top:13px}.dialog-navigation{justify-content:space-between;border-top:1px solid var(--line);margin-top:25px;padding-top:15px;color:var(--muted)}
@media(min-width:1600px){.collection{width:min(1500px,calc(100% - 160px))}.gallery{min-height:490px}.masthead{padding-top:133px;padding-bottom:70px}}
@media(max-width:1000px){.collection{width:calc(100% - 64px)}.gallery{gap:28px;min-height:365px;grid-template-columns:.78fr 1.5fr .95fr}.masthead{padding-top:90px;padding-bottom:55px}.label{padding:18px 5px 0}.slot-center .label{padding:21px 12px 0}.label h2{font-size:19px}.slot-center h2{font-size:23px}.label p{font-size:11px}.filters{gap:20px}.collection-controls{gap:12px}.about,.footer{width:calc(100% - 64px)}}
@media(max-width:700px){.masthead{padding:75px 24px 58px}.wordmark{width:clamp(220px,53vw,300px)}.collection{width:calc(100% - 48px)}.gallery{display:block;min-height:0}.gallery .slot-left,.gallery .slot-right{display:none}.slot-center .art{aspect-ratio:1.6}.slot-center .label{padding:21px 4px 0}.slot-center h2{font-size:23px}.label p{font-size:12px}.collection-controls{padding-top:34px;padding-bottom:8px;grid-template-columns:1fr auto;gap:8px}.filters{gap:21px}.filters button{font-size:12px;min-height:44px}.gallery-navigation{gap:8px}.gallery-navigation button{min-width:40px;min-height:44px;font-size:21px}.gallery-navigation span{font-size:10px;letter-spacing:1px}.mockup-label{grid-column:1/-1;font-size:10px;margin-top:12px;text-align:left}.about{margin-top:45px;padding:28px 0}.about,.footer{width:calc(100% - 48px)}.about p{font-size:12px}.footer{padding-bottom:24px;gap:20px}.footer button,.footer a{min-height:44px;display:flex;align-items:center}.art-notes,.art-palette,.art-sound{padding:9%}.note-sheet strong,.art-palette strong,.art-sound strong{font-size:26px}.note-sheet span{font-size:7px;margin-bottom:14px}.note-lines{margin-top:17px;gap:8px}dialog{width:calc(100% - 24px);padding:57px 22px 28px;max-height:calc(100dvh - 24px)}.dialog-layout{grid-template-columns:1fr;gap:28px}.dialog-close{top:12px;right:14px}.dialog-info h2{font-size:30px}.dialog-info>p{margin-top:19px}.dialog-navigation button{min-width:44px;min-height:44px}}
@media(max-width:360px){.collection,.about,.footer{width:calc(100% - 36px)}.collection-controls{grid-template-columns:1fr;gap:10px}.gallery-navigation{justify-self:center;grid-row:1}.filters{justify-self:center}.mockup-label{text-align:center;margin-top:0}.masthead{padding-top:65px;padding-bottom:50px}.wordmark{width:210px}}
@media(hover:none),(pointer:coarse){.work-open{min-width:44px;min-height:44px}.art{transform:none!important}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.art{transform:none!important}}
:root[data-motion=reduced]{scroll-behavior:auto}[data-motion=reduced] *,[data-motion=reduced] *:before,[data-motion=reduced] *:after{animation:none!important;transition:none!important}[data-motion=reduced] .art{transform:none!important}

/* One fixed picture size, with neighboring works continuing beyond the viewport. */
.masthead{padding-bottom:27px}.masthead .filters{justify-content:center;gap:32px;margin-top:13px}.masthead .filters button{min-height:44px;padding:14px 0;font-size:13px}
.collection{--gallery-width:min(1320px,calc(100vw - 104px));--slide-gap:clamp(28px,3.3vw,52px);--card-width:calc((var(--gallery-width) - var(--slide-gap) * 2) * .47826087);width:100%;max-width:none}
.gallery-shell{position:relative;isolation:isolate;overflow:hidden;overflow:clip;overscroll-behavior-x:contain;scrollbar-width:none;padding:14px 0 9px}
.gallery-shell::-webkit-scrollbar{display:none}
.collection .gallery{display:block;position:relative;width:100%;height:calc(var(--card-width) * .55241265 + 103px);min-height:0;column-gap:var(--slide-gap);touch-action:pan-y}
.gallery .exhibit{display:block;position:absolute;left:50%;top:0;width:var(--card-width);min-width:0;transform:translateX(calc(-50% + var(--slot,0) * (var(--card-width) + var(--slide-gap))));will-change:transform}
.gallery .exhibit .art{width:100%;height:calc(var(--card-width) * .55241265);aspect-ratio:auto;transform:none!important;will-change:filter;transition:filter .55s ease,box-shadow .4s ease}
.gallery .slot-left .art,.gallery .slot-right .art,.gallery .slot-outgoing .art{filter:blur(1.7px) brightness(.72) saturate(.82)}
.gallery .slot-left:hover .art,.gallery .slot-right:hover .art,.gallery .slot-left:focus-within .art,.gallery .slot-right:focus-within .art{filter:blur(.5px) brightness(.86) saturate(.9)}
.gallery .slot-center{z-index:2}.gallery .label,.gallery .slot-center .label{padding:25px 18px 0}.gallery .label h2,.gallery .slot-center h2{font-size:26px}.gallery .label p{font-size:12px}.gallery .slot-left .label,.gallery .slot-right .label,.gallery .slot-outgoing .label{opacity:.55;transition:opacity .4s}.gallery .slot-center .label{opacity:1}
.gallery-edge{position:absolute;top:0;bottom:83px;z-index:4;width:clamp(70px,13vw,220px);pointer-events:none}
.edge-left{left:0;mask-image:linear-gradient(90deg,#000 8%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 8%,transparent)}
.edge-right{right:0;mask-image:linear-gradient(270deg,#000 8%,transparent);-webkit-mask-image:linear-gradient(270deg,#000 8%,transparent)}
.gallery-edge:before{content:"";position:absolute;inset:-15px -20px;opacity:.45;filter:blur(9px);background:radial-gradient(circle 29px at 25% 24%,#e8d5a740 0 38%,#dbba6b1c 62%,transparent 100%),radial-gradient(circle 43px at 54% 68%,#c5b77b40 0 45%,#c6aa6c15 72%,transparent 100%),radial-gradient(circle 18px at 84% 43%,#ece0b147,transparent 100%),radial-gradient(circle 31px at 5% 86%,#dbdcb72b,transparent 100%)}
.edge-right:before{transform:rotate(180deg)}
.gallery .slot-left .label,.gallery .slot-right .label{justify-content:center;text-align:center}.gallery .slot-left .work-open,.gallery .slot-right .work-open{display:none}
.collection-controls{width:var(--gallery-width);margin:0 auto;grid-template-columns:1fr auto 1fr;padding-top:14px;padding-bottom:25px}.collection-controls .gallery-navigation{grid-column:2;grid-row:1;justify-self:center}.collection-controls .mockup-label{grid-column:3;grid-row:1;text-align:right;margin:0}
@media(min-width:1600px){.collection{--gallery-width:min(1500px,calc(100vw - 160px))}.masthead{padding-bottom:24px}}
@media(max-width:1000px){.collection{--gallery-width:calc(100vw - 64px);--card-width:calc((var(--gallery-width) - var(--slide-gap) * 2) * .5)}.gallery .label h2{font-size:23px}}
@media(max-width:700px){.masthead{padding-bottom:24px}.masthead .filters{margin-top:15px;gap:28px}.masthead .filters button{font-size:12px}.collection{--gallery-width:calc(100vw - 48px);--card-width:calc(100vw - 48px);--slide-gap:14px}.gallery-shell{padding-top:12px;padding-bottom:4px}.collection .gallery{height:calc(var(--card-width) * .55241265 + 93px)}.gallery .label,.gallery .slot-center .label{padding:20px 6px 0}.gallery .label h2,.gallery .slot-center h2{font-size:23px}.gallery .slot-left .label,.gallery .slot-right .label{visibility:hidden}.gallery-edge{width:25px;bottom:75px}.gallery-edge:before{opacity:.22}.collection-controls{padding-top:8px;padding-bottom:8px;grid-template-columns:1fr auto 1fr}.collection-controls .mockup-label{font-size:9px;white-space:nowrap}.collection-controls .gallery-navigation{gap:10px}.about{margin-top:45px}}
@media(max-width:360px){.collection{--gallery-width:calc(100vw - 36px);--card-width:calc(100vw - 36px);--slide-gap:10px}.masthead{padding-bottom:22px}.gallery-edge{width:18px}.collection-controls{grid-template-columns:1fr auto 1fr;gap:0}.collection-controls .mockup-label{font-size:8px}.collection-controls .gallery-navigation{gap:5px}.gallery-navigation button{min-width:35px}}

/* Five depth positions: center, two neighboring works, and two outer previews. */
.collection{--near-scale:.48;--far-scale:.36;--near-shift:calc(var(--card-width) * (1 + var(--near-scale)) / 2 + var(--slide-gap));--far-shift:calc(var(--near-shift) + var(--card-width) * (var(--near-scale) + var(--far-scale)) / 2 + var(--slide-gap) * .55)}
.gallery .exhibit{--offset:0px;--scale:1;--lift:0px;transform-origin:50% 0;transform:translate(calc(-50% + var(--offset)),var(--lift)) scale(var(--scale))}
.gallery .slot-center{z-index:5}
.gallery .slot-left,.gallery .slot-right{--scale:var(--near-scale);--lift:calc(var(--card-width) * .55241265 * (1 - var(--near-scale)) / 2);z-index:3}
.gallery .slot-left{--offset:calc(-1 * var(--near-shift))}.gallery .slot-right{--offset:var(--near-shift)}
.gallery .slot-far-left,.gallery .slot-far-right{--scale:var(--far-scale);--lift:calc(var(--card-width) * .55241265 * (1 - var(--far-scale)) / 2);z-index:1}
.gallery .slot-far-left{--offset:calc(-1 * var(--far-shift))}.gallery .slot-far-right{--offset:var(--far-shift)}
.gallery .slot-far-left .art,.gallery .slot-far-right .art{filter:blur(7px) brightness(.57) saturate(.7)}
.gallery .slot-far-left .label,.gallery .slot-far-right .label{visibility:hidden}.gallery .slot-far-left .work-open,.gallery .slot-far-right .work-open{display:none}
.gallery .slot-left .label h2,.gallery .slot-right .label h2{font-size:36px}.gallery .slot-left .label p,.gallery .slot-right .label p{font-size:24px}
.art-constellation,.art-files,.art-orbit,.art-timer{aspect-ratio:601/332;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.art-constellation{background:radial-gradient(ellipse at 70% 30%,#505a44,#222a25);color:#dfdfc5}.art-constellation strong{position:absolute;left:9%;bottom:13%;font-size:31px;font-weight:400;line-height:1.2}.map-dot{position:absolute;border-radius:50%;background:#d1d7b9;box-shadow:0 0 25px #c5d6aa35}.map-dot-a{width:24px;height:24px;left:60%;top:24%}.map-dot-b{width:12px;height:12px;left:78%;top:48%}.map-dot-c{width:18px;height:18px;left:46%;top:47%}.map-dot-d{width:8px;height:8px;left:67%;top:73%}.map-dot-a:after,.map-dot-c:after{content:"";height:1px;width:100px;background:#c3cda666;position:absolute;left:4px;top:18px;transform:rotate(30deg);transform-origin:left}.map-dot-c:after{transform:rotate(-32deg)}
.art-files{background:#878877;padding:9%}.file-window{width:100%;height:100%;padding:7%;background:#e8e2d0;box-shadow:0 10px 30px #141a2033;color:#575e4c;border-radius:5px}.file-window>span{font-size:17px}.file-folders{display:grid;grid-template-columns:repeat(3,1fr);gap:15%;margin-top:14%;height:45%}.file-folders i{background:#b9b99a;position:relative;border-radius:3px}.file-folders i:before{content:"";position:absolute;left:0;top:-5px;width:40%;height:8px;background:inherit;border-radius:3px}.file-rule{height:1px;background:#8f97794d;margin-top:17%}
.art-orbit{background:radial-gradient(ellipse at 47% 48%,#4d5743,#1c2625 75%)}.orbit-ring{position:absolute;width:64%;height:66%;border:1px solid #d6d0a270;border-radius:50%;transform:rotate(-30deg)}.orbit-ring:after{content:"";position:absolute;inset:15%;border:1px solid #d6d0a230;border-radius:50%}.orbit-moon{height:35%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 24%,#f1e0b3,#a28e5f 56%,#434c3a 90%);box-shadow:0 0 40px #dacc9b12}.art-orbit>span{position:absolute;bottom:10%;font-size:9px;letter-spacing:4px;color:#d6d7ba}
.art-timer{background:#30352c;color:#e5dec5}.timer-ring{width:42%;aspect-ratio:1;border:2px solid #aab78a60;border-top-color:#e0dcb9;border-left-color:#e0dcb9;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.timer-ring strong{font-size:40px;font-weight:300;letter-spacing:-2px}.timer-ring span{font-size:7px;letter-spacing:1.8px;color:#a9ae97}
@media(max-width:700px){.collection{--card-width:52vw;--near-scale:.35;--far-scale:.24;--slide-gap:8px}.gallery .slot-left .label,.gallery .slot-right .label{visibility:hidden}.gallery .slot-center .label{padding-inline:0}.gallery .slot-center h2{font-size:20px}.gallery .slot-center .label p{font-size:10px}.gallery-edge{width:14px}.art-constellation strong{font-size:22px}.timer-ring strong{font-size:28px}.file-window>span{font-size:11px}.art-orbit>span{font-size:7px;letter-spacing:2px}.timer-ring span{font-size:5px;letter-spacing:.5px}}
@media(max-width:360px){.collection{--slide-gap:7px}}

.brand-quest{display:block;margin-top:6px;padding-left:.24em;font-family:"Trebuchet MS","Segoe UI",sans-serif;font-size:clamp(15px,1.5vw,19px);font-weight:400;line-height:1.35;letter-spacing:.24em;color:#d8ccb5}

/* Published work covers and compact details. */
.art-cover{aspect-ratio:601/332}.art-cover .project-preview{object-fit:cover}
.gallery-empty{position:absolute;inset:14px 0 100px;display:grid;place-items:center;padding:24px;color:var(--muted);font-size:14px;text-align:center}
.dialog-close{top:12px;right:14px;width:48px;height:48px;padding:0;display:grid;place-items:center;gap:0}.dialog-close span{font-size:36px;font-weight:300;line-height:1}.dialog-close:hover{color:var(--ink)}
.dialog-info h2{margin:0;font-size:clamp(23px,2.3vw,32px);overflow-wrap:anywhere}.dialog-info dl div{justify-content:flex-start;align-items:baseline;gap:12px;line-height:1.7}.dialog-info dt{flex:none}.dialog-info dd{margin:0}
.dialog-info .project-requirements{font-size:12px;line-height:1.7;color:var(--muted);margin:16px 0}
.project-action{display:block;width:100%;padding:15px 12px;border:1px solid #dfcda359;border-radius:4px;font-size:13px;text-align:center;color:var(--ink);transition:background .2s,border-color .2s}.project-action:hover{background:#dfcda30c;border-color:#dfcda3a0}
@media(max-width:700px){.collection[data-count="1"]{--card-width:calc(100vw - 48px)}}
@media(max-width:360px){.collection[data-count="1"]{--card-width:calc(100vw - 36px)}}

/* A centered collection with three columns at most. */
.work-library{width:min(1216px,calc(100% - 104px));margin:72px auto 0}
.work-library .filters{justify-content:center;gap:32px;margin:0 0 32px}.work-library .filters button{min-height:44px;padding:14px 0;font-size:13px}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px;align-items:start}
.work-tile{min-width:0;--px:50%;--py:50%}.work-tile .art{transform:none;will-change:auto}.work-tile .label{padding:16px 0 0;gap:12px}.work-tile .label h2{font-size:20px;font-weight:400;line-height:1.4;overflow-wrap:anywhere}.work-tile .label p{font-size:12px;margin-top:6px}.work-tile .work-open{min-width:44px;min-height:44px;padding:8px 0 8px 12px;font-size:22px}
.library-empty{padding:70px 24px;text-align:center;font-size:14px;color:var(--muted)}
@media(max-width:1000px){.work-library{width:calc(100% - 64px);margin-top:60px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}}
@media(max-width:700px){.work-library{width:calc(100% - 48px);margin-top:48px}.work-library .filters{gap:28px;margin-bottom:26px}.work-library .filters button{font-size:12px}}
@media(max-width:640px){.work-grid{grid-template-columns:minmax(0,1fr);gap:32px}.work-tile .label{padding-top:14px}}
@media(max-width:360px){.work-library{width:calc(100% - 36px)}}

.project-action:disabled,.project-action:disabled:hover{color:#aaa596;border-color:#dfcda326;background:#dfcda305;cursor:not-allowed}