/* Portfolio: a full-bleed, explorable image atlas, deliberately unlike Web. */
.work-atlas-page{background:#eeeae3!important;color:#171816}
.work-atlas-page .site-head{height:72px;padding:0 3%;background:#101211;color:#f3f2ea;border-bottom:1px solid #ffffff33;position:relative}
.work-atlas-page .site-head .start-btn{background:#f0f0e8;color:#111;border-color:#f0f0e8}.work-atlas-page .site-head nav a:after{background:#ff6b43}.work-atlas-page .mobile-menu{top:72px}
.work-atlas{height:calc(100svh - 72px);min-height:580px;max-height:1100px;position:relative;overflow:hidden;background:#171816;color:white;isolation:isolate;touch-action:pan-y;cursor:grab}
.work-atlas.is-dragging{cursor:grabbing}.work-atlas.is-dragging a{cursor:grabbing}
.atlas-plane{position:absolute;left:-16%;top:-24%;width:132%;height:148%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:7px;will-change:transform;transform:translate3d(var(--atlas-x,0px),var(--atlas-y,0px),0) scale(var(--atlas-zoom,1))}
.atlas-tile{display:block;position:relative;overflow:hidden;background:#182825;min-width:0;min-height:0;user-select:none;touch-action:pan-y;transition:filter .5s;isolation:isolate}
.atlas-tile img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .5s;filter:brightness(.82);transform:scale(1.04)}
.atlas-tile:nth-child(3n+1) img{object-position:25% center}.atlas-tile:nth-child(4n) img{object-position:70% center}
.atlas-tile>span{position:absolute;inset:auto 0 0;padding:14px;display:flex;justify-content:space-between;align-items:center;font:10px monospace;color:white;background:linear-gradient(transparent,#000b);opacity:0;translate:0 6px;transition:opacity .3s,translate .3s}.atlas-tile>span>b{font-size:20px;font-weight:400}
.atlas-tile:hover,.atlas-tile:focus-visible{z-index:6;outline:3px solid #ff6b43!important;outline-offset:-3px!important}.atlas-tile:hover img,.atlas-tile:focus-visible img{filter:brightness(1.05);transform:scale(1.11)}.atlas-tile:hover>span,.atlas-tile:focus-visible>span{opacity:1;translate:0 0}
.atlas-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#1119,transparent 28%,transparent 45%,#111b 100%);z-index:1}
.atlas-heading{position:absolute;left:2%;bottom:74px;right:2%;z-index:3;pointer-events:none;transform:translate3d(calc(var(--atlas-x,0px)*-.15),calc(var(--atlas-y,0px)*-.15 + var(--atlas-title-y,0px)),0);will-change:transform}
.atlas-heading h1{font:900 clamp(120px,22vw,360px)/.72 Arial,sans-serif;letter-spacing:-.085em;white-space:nowrap;margin-left:-.025em;color:#f7f7ee;text-shadow:0 2px 30px #0002}.atlas-heading h1>span{font:400 .2em/.9 Georgia,serif;letter-spacing:-.07em;vertical-align:top;display:inline-block;margin-left:.2em;margin-top:.02em;border:1px solid #ffffff90;border-radius:50%;padding:.4em .3em}
.atlas-topline{position:absolute;top:20px;left:3%;right:3%;display:flex;justify-content:space-between;align-items:start;font:10px/1.6 monospace;z-index:7;pointer-events:none;text-shadow:0 1px 8px #000}.atlas-topline>span:last-child{text-align:right}
.atlas-bottom{position:absolute;bottom:18px;left:3%;right:3%;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:7;pointer-events:none}
.atlas-bottom p{font-size:12px;line-height:1.7;text-shadow:0 1px 7px #000}.atlas-bottom small{display:block;font:8px/1.6 monospace;opacity:.7}
.atlas-actions{display:flex;align-items:center;gap:8px;pointer-events:auto}.atlas-actions button{border:1px solid #ffffff80;background:#1119;color:white;width:39px;height:39px;border-radius:50%;font-size:19px}.atlas-actions a{background:#ff6b43;color:#111;padding:13px 22px;border-radius:40px;font-size:11px;white-space:nowrap;margin-left:8px}.atlas-actions a span{margin-left:16px}
.atlas-hint{position:absolute;top:47%;left:50%;translate:-50% -50%;z-index:8;border:1px solid #fff8;border-radius:50%;width:92px;height:92px;display:grid;place-content:center;gap:6px;text-align:center;background:#1118;backdrop-filter:blur(7px);pointer-events:none;font:9px monospace;transition:opacity .4s,scale .4s}.atlas-hint b{font-size:23px;font-weight:400}.work-atlas:hover .atlas-hint,.work-atlas:focus-within .atlas-hint,.work-atlas.has-explored .atlas-hint{opacity:0;scale:.8}
.work-atlas.is-entering .atlas-tile{animation:atlas-open 1.2s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--tile-i)*35ms)}.work-atlas.is-entering .atlas-heading{animation:atlas-title 1.2s .3s cubic-bezier(.16,1,.3,1) backwards}
.atlas-index-bar{display:flex;justify-content:space-between;align-items:center;background:#ff6b43;color:#131513;padding:20px 3%;border-bottom:1px solid #12140f;font:10px monospace;gap:20px}.atlas-index-bar strong{font:700 clamp(25px,4vw,58px)/1 Arial,sans-serif;letter-spacing:-.055em}.atlas-index-bar>span:last-child{text-align:right}
.site-scenes.atelier-work.work-atlas-page .portfolio{padding:0 3% 50px;background:#eeeae3;color:#171816}
.site-scenes.atelier-work.work-atlas-page .portfolio-toolbar{background:#eeeae3f2;border-color:#17181633;color:#171816;padding:22px 0;top:0}
.work-atlas-page .filter-group button{color:#77786f}.work-atlas-page .filter-group button.active{color:#171816}.site-scenes.atelier-work.work-atlas-page .style-filter button,.site-scenes.atelier-work.work-atlas-page .filter-right select{color:#34352f;border-color:#84857b66}.site-scenes.atelier-work.work-atlas-page .style-filter button[aria-pressed=true]{background:#171816;color:#eeeae3;border-color:#171816}.site-scenes.atelier-work.work-atlas-page .portfolio-status{padding:16px 0;color:#53574e}
.site-scenes.atelier-work.work-atlas-page .portfolio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:35px 16px}
.site-scenes.atelier-work.work-atlas-page .portfolio-grid>.work-card{grid-column:span 4!important;padding:0!important;margin:0!important;width:100%;justify-self:stretch}
.site-scenes.atelier-work.work-atlas-page .portfolio-grid:not(.filtered):not([data-columns="3"])>.work-card:nth-child(5n+1),.site-scenes.atelier-work.work-atlas-page .portfolio-grid:not(.filtered):not([data-columns="3"])>.work-card:nth-child(5n+2){grid-column:span 6!important}
.site-scenes.atelier-work.work-atlas-page .portfolio-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.site-scenes.atelier-work.work-atlas-page .portfolio-grid[data-columns="2"]>.work-card{grid-column:auto!important}
.site-scenes.atelier-work.work-atlas-page .portfolio-grid .work-image{aspect-ratio:1.53}.site-scenes.atelier-work.work-atlas-page .portfolio-grid .work-info{margin-top:13px}.site-scenes.atelier-work.work-atlas-page .portfolio-grid .work-info h3{font:500 27px/1.2 Arial,sans-serif;letter-spacing:-.055em;color:#171816}.site-scenes.atelier-work.work-atlas-page .portfolio-grid .work-info p,.site-scenes.atelier-work.work-atlas-page .portfolio-grid .work-desc{color:#5f635b}.site-scenes.atelier-work.work-atlas-page .work-desc{font-size:11px;margin-top:8px}.site-scenes.atelier-work.work-atlas-page .compare-btn{color:#45483f;border-color:#54584a4d}.site-scenes.atelier-work.work-atlas-page .preview-btn{color:#171816;border-color:#535b4566}.site-scenes.atelier-work.work-atlas-page .work-info p span{color:#797d72}
.work-atlas-page .collection-outro{background:#ff6b43;color:#151713;padding:40px 3% 55px;min-height:0}.work-atlas-page .collection-outro>p{font-size:18vw;margin:35px 0;line-height:.9}.work-atlas-page .collection-outro>div h2{font-size:26px}.work-atlas-page .collection-outro .scene-link{border-color:#141613;color:#141613}
@keyframes atlas-open{from{clip-path:inset(0 0 100%);translate:0 70px}to{clip-path:inset(0);translate:0 0}}
@keyframes atlas-title{from{opacity:0;translate:0 90px}to{opacity:1;translate:0 0}}
.work-atlas.is-asleep *{animation-play-state:paused!important}.motion-off .work-atlas *{animation:none!important;transition:none!important}
@media(min-width:1600px){.atlas-plane{gap:10px}.atlas-bottom{bottom:24px}.atlas-heading{bottom:100px}.atlas-bottom p{font-size:16px}}
@media(max-width:950px){.atlas-plane{width:160%;left:-30%;grid-template-columns:repeat(5,minmax(0,1fr))}.atlas-heading h1{font-size:23vw}.atlas-bottom p{font-size:11px}.atlas-index-bar{padding-block:17px}.site-scenes.atelier-work.work-atlas-page .portfolio-grid{gap:28px 12px}.site-scenes.atelier-work.work-atlas-page .portfolio-grid>.work-card{grid-column:span 6!important}}
@media(max-width:650px){.work-atlas-page .site-head{height:64px;padding:0 5%}.work-atlas-page .mobile-menu{top:64px}.work-atlas{height:calc(100svh - 64px);min-height:520px;max-height:900px}.atlas-plane{left:-62.5%;top:-22%;width:225%;height:144%;gap:5px;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr))}.atlas-tile img{object-position:center!important}.atlas-tile>span{font-size:8px;padding:10px;opacity:1;translate:0 0}.atlas-tile>span>b{font-size:15px}.atlas-heading{left:4%;right:4%;bottom:139px}.atlas-heading h1{font-size:22.5vw;line-height:.85}.atlas-heading h1>span{font-size:.22em;margin-left:0;padding:.3em .2em}.atlas-topline{left:5%;right:5%;top:14px;font-size:7px}.atlas-bottom{left:5%;right:5%;bottom:23px;display:block}.atlas-bottom p{font-size:12px;line-height:1.6}.atlas-bottom small{font-size:7px;margin-top:3px}.atlas-actions{margin-top:16px;justify-content:space-between}.atlas-actions button{width:33px;height:33px;font-size:17px}.atlas-actions a{margin-left:auto;font-size:10px;padding:12px 19px}.atlas-hint{width:70px;height:70px;top:45%;font-size:7px}.atlas-hint b{font-size:19px}.atlas-index-bar{padding:20px 5%;flex-wrap:wrap;gap:13px}.atlas-index-bar strong{font-size:36px}.atlas-index-bar>span{font-size:7px}.atlas-index-bar>span:last-child{width:100%;text-align:left}.site-scenes.atelier-work.work-atlas-page .portfolio{padding:0 5% 35px}.site-scenes.atelier-work.work-atlas-page .portfolio-toolbar{gap:18px;padding:18px 0;position:relative}.work-atlas-page .filter-group{gap:19px}.work-atlas-page .filter-group button{font-size:15px}.site-scenes.atelier-work.work-atlas-page .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 11px}.site-scenes.atelier-work.work-atlas-page .portfolio-grid>.work-card,.site-scenes.atelier-work.work-atlas-page .portfolio-grid:not(.filtered):not([data-columns="3"])>.work-card:nth-child(5n+1),.site-scenes.atelier-work.work-atlas-page .portfolio-grid:not(.filtered):not([data-columns="3"])>.work-card:nth-child(5n+2){grid-column:auto!important}.site-scenes.atelier-work.work-atlas-page .portfolio-grid[data-columns="2"]{grid-template-columns:1fr}.site-scenes.atelier-work.work-atlas-page .portfolio-grid .work-info h3{font-size:20px}.site-scenes.atelier-work.work-atlas-page .portfolio-grid .work-info p{font-size:8px;line-height:1.6}.site-scenes.atelier-work.work-atlas-page .portfolio-grid .work-info p span{display:block}.site-scenes.atelier-work.work-atlas-page .portfolio-grid .work-desc{font-size:9px;line-height:1.7}.work-atlas-page .collection-outro{padding:30px 5%}.work-atlas-page .collection-outro>div h2{font-size:21px}.work-atlas-page .collection-outro>p{font-size:21vw}.work-atlas-page .collection-outro>div{gap:22px}}
@media(prefers-reduced-motion:reduce){.work-atlas *{animation:none!important;transition:none!important}}

.site-scenes.atelier-work.work-atlas-page .filter-group button.active{background:#171816;color:#eeeae3}.work-atlas-page .density button{color:#171816}.work-atlas-page .density button[aria-pressed=true]{background:#171816;color:#eeeae3}