/* Atlas shares the portfolio's type, pure theme surfaces, and press colors. */
.atlas-section{padding-top:90px;padding-bottom:90px;background:var(--bg)}
.atlas-portal{position:relative;isolation:isolate;aspect-ratio:1.95;overflow:hidden;border-radius:var(--ui-radius);background:#071c39;color:#fff}
.atlas-portal>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.015)}
.atlas-portal-index,.atlas-portal-foot{position:absolute;left:3.5%;font-size:10px;letter-spacing:.1em;color:#d9e5f1}.atlas-portal-index{top:7%}.atlas-portal-foot{bottom:7%}
.atlas-portal-copy{position:absolute;left:65%;top:21%;right:4%;display:flex;flex-direction:column;align-items:flex-start;gap:34px}
.atlas-portal-copy>p{font-size:clamp(24px,4vw,64px);line-height:.98;letter-spacing:-.055em;font-weight:400}
.atlas-enter{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 25px;border:1px solid #ffffff90;border-radius:999px;background:#071c3980;color:#fff;font-size:13px;backdrop-filter:blur(8px);transition:background .25s}
.atlas-enter:hover{background:#ffffff20}.atlas-enter:active{background:#6666ff;color:#d8ff3e}
.atlas-page{--atlas-gutter:clamp(20px,4.5vw,76px);font-family:"Portfolio Jeko","Portfolio Lanting",Arial,sans-serif}
.atlas-bar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;margin:0 var(--atlas-gutter);height:82px;border-bottom:1px solid var(--line);font-size:12px}
.atlas-brand{font-size:15px;font-weight:550;letter-spacing:.03em}.atlas-bar button{padding:12px 0}.atlas-page button:active,.atlas-page a:active{color:#6666ff}.atlas-page button:focus-visible,.atlas-page a:focus-visible{outline:2px solid #6666ff;outline-offset:5px}
.atlas-intro{padding:64px var(--atlas-gutter) 42px}.atlas-intro>.eyebrow{color:var(--muted);font-size:10px}.atlas-intro h1{font-size:clamp(72px,11vw,166px);font-weight:400;line-height:.91;letter-spacing:-.065em;margin:34px 0 42px}.atlas-intro h1 span{margin-left:18vw}.atlas-intro-bottom{display:grid;grid-template-columns:1fr 1.5fr auto;gap:24px;align-items:end}.atlas-intro-bottom h2{font-size:24px;font-weight:400}.atlas-intro-bottom p{font-size:13px;color:var(--muted)}.atlas-intro-bottom>span{font-size:11px;color:var(--muted)}
.atlas-toolbar{position:sticky;top:0;z-index:5;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 var(--atlas-gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:65px}
#atlas-filters{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none}#atlas-filters button{font-size:12px;white-space:nowrap;min-height:62px;padding:0;border-radius:0;color:var(--muted);position:relative}#atlas-filters button[aria-pressed=true]{color:var(--text)}#atlas-filters button[aria-pressed=true]:after{content:'';position:absolute;bottom:12px;left:0;right:0;height:1px;background:currentColor}#atlas-filters sup{font-size:9px;margin-left:6px}#atlas-view{flex:none;font-size:12px;padding:10px 0;min-width:36px}
.atlas-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.atlas-gallery{padding:0 var(--atlas-gutter) 60px;min-height:50vh}
.atlas-work{position:relative;isolation:isolate;border-top:1px solid var(--line);padding:28px 0 56px;animation:atlas-in .6s both;animation-delay:calc(var(--order,0)*35ms)}
.atlas-work-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:20px}
/* Centered square artwork with one centered type line. The warm copy is
   clipped to exactly the same window, keeping every letter readable. */
.atlas-work{container-type:inline-size}
.atlas-work .atlas-composition{--frame-width:44%;--frame-left:28%;--frame-top:17%;--frame-bottom:17%;display:block;width:100%;max-width:min(1200px,calc((100svh - 160px)*1.5));container-type:inline-size;aspect-ratio:1.5;margin:28px auto 0;padding:0;position:relative;isolation:isolate;border-radius:0;text-align:left}
.atlas-work-title{position:absolute;inset:0;display:block;z-index:3;font-size:var(--title-size,11cqw);letter-spacing:-.055em;font-weight:400;line-height:.92;color:var(--text);pointer-events:none}
.atlas-title-line{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;white-space:nowrap}
.atlas-work-title--accent{z-index:4;color:#ffdb8b;clip-path:inset(var(--frame-top) var(--frame-left) var(--frame-bottom) round var(--ui-radius))}
.atlas-work-frame{position:absolute;z-index:2;display:block;width:var(--frame-width);left:var(--frame-left);top:var(--frame-top);aspect-ratio:1;overflow:clip;border-radius:var(--ui-radius);background:var(--bg)}
.atlas-work img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:scale(1.04);transition:transform .85s cubic-bezier(.16,1,.3,1)}
.atlas-composition-label,.atlas-composition-action{position:absolute;z-index:5;font-size:clamp(10px,1.2cqw,16px);color:var(--muted);pointer-events:none;line-height:1.5}
.atlas-composition-label{left:15%;top:27%}.atlas-composition-action{right:8%;top:65%}
.atlas-work.is-active .atlas-title-line,.atlas-work:focus-within .atlas-title-line{transform:none}
.atlas-work.is-active img,.atlas-work:focus-within img{transform:scale(1)}
.atlas-gallery.is-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}
.is-grid .atlas-work{min-width:0;padding:16px 0 0}.is-grid .atlas-work .atlas-composition{margin:20px 0 0;padding:0;aspect-ratio:1}
.is-grid .atlas-work-frame{width:100%;inset:0}.is-grid .atlas-work img{transform:none}.is-grid .atlas-work-title,.is-grid .atlas-composition-label,.is-grid .atlas-composition-action{display:none}.is-grid .atlas-work-meta{font-size:10px}
.atlas-end{display:flex;justify-content:space-between;gap:24px;padding:40px var(--atlas-gutter);border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.atlas-lightbox{position:fixed;inset:18px;width:calc(100% - 36px);height:calc(100dvh - 36px);max-width:none;max-height:none;margin:auto;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--bg);color:var(--text)}.atlas-lightbox::backdrop{background:#000b;backdrop-filter:blur(12px)}.atlas-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:20px}.atlas-lightbox-bar,.atlas-lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.atlas-lightbox button{min-height:44px;padding:0 15px}.atlas-lightbox-frame{min-height:0;display:flex;align-items:center;justify-content:center}.atlas-lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.atlas-page:has(.atlas-lightbox[open]){overflow:hidden}
@keyframes atlas-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

@media(max-width:680px){.atlas-section{padding-top:60px;padding-bottom:60px}.atlas-portal{aspect-ratio:.8}.atlas-portal>img{object-position:51% 50%}.atlas-portal-copy{left:10%;top:auto;bottom:17%;right:10%;gap:18px;align-items:center;text-align:center}.atlas-portal-copy>p{font-size:clamp(30px,8.5vw,46px);text-shadow:0 2px 20px #071c39}.atlas-enter{font-size:11px;padding:0 13px;min-height:44px;white-space:nowrap}.atlas-portal-index{left:6%;top:6%;max-width:100px;line-height:1.6;font-size:8px}.atlas-portal-foot{font-size:8px;left:6%;bottom:6%}.atlas-bar{height:68px;font-size:11px}.atlas-brand{font-size:12px}.atlas-intro{padding-top:44px;padding-bottom:28px}.atlas-intro h1{font-size:clamp(62px,17vw,110px);margin:30px 0}.atlas-intro h1 span{margin-left:8vw}.atlas-intro-bottom{grid-template-columns:1fr auto;gap:15px}.atlas-intro-bottom h2{font-size:22px}.atlas-intro-bottom p{grid-column:1/-1;grid-row:2;font-size:12px}.atlas-toolbar{gap:16px;min-height:58px}#atlas-filters{gap:20px}#atlas-filters button{min-height:58px;font-size:11px}.atlas-work{padding:20px 0 34px}.atlas-work .atlas-composition{--frame-width:64%;--frame-left:18%;--frame-top:19.6%;--frame-bottom:19.6%;margin-top:22px;max-width:100%;aspect-ratio:.95}.atlas-work-title{font-size:var(--title-size,11cqw)}.atlas-composition-label{left:0;top:2%;font-size:10px}.atlas-composition-action{right:0;top:89%;font-size:10px}.atlas-gallery.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.is-grid .atlas-work-meta{font-size:9px}.atlas-end{flex-wrap:wrap;line-height:1.8}.atlas-end>span{width:100%}.atlas-lightbox{inset:8px;width:calc(100% - 16px);height:calc(100dvh - 16px);padding:14px;border-radius:16px}}
@media(prefers-reduced-motion:reduce){.atlas-work{animation:none}.atlas-work img,.atlas-title-line{transition:none;transform:none}.atlas-page{scroll-behavior:auto}}

/* Folder labels and original filenames remain readable in both views. */
#atlas-filters{min-width:0;flex:1}.atlas-work-name{min-width:0;display:flex;align-items:baseline;gap:12px}.atlas-work-category{flex:none;color:var(--text)}.atlas-work-filename{overflow-wrap:anywhere;line-height:1.5}.atlas-work-count{flex:none}.is-grid .atlas-work-name{display:grid;gap:5px}.atlas-lightbox-bar p{min-width:0;overflow-wrap:anywhere;line-height:1.6}.atlas-lightbox-bar button{flex:none}
@media(max-width:680px){.atlas-work-name{display:grid;gap:4px}.atlas-work-meta{gap:8px}}