/* Max Larsson content, using the SAFU layout and interaction proportions. */
html{scroll-behavior:smooth}
html[data-theme] .atlas{--atlas-serif:Manrope,Arial,Helvetica,sans-serif}
.atlas .atlas-header-light .masthead,html[data-theme] .atlas.atlas-header-light .masthead,
html[data-theme] .atlas.light-page .masthead{color:var(--page-ink);background:var(--page-bg);text-shadow:none}
.atlas .masthead .menu-toggle>span:last-child{display:none}
.atlas .masthead .menu-toggle{min-width:44px;min-height:44px}
.atlas .atlas-menu{background:var(--page-bg);color:var(--page-ink)}
.atlas .atlas-menu-card{border-color:var(--page-line)}
.atlas .atlas-menu-card strong{font-size:13px;line-height:1.4}
.atlas .atlas-menu-card small{margin-top:6px;font-size:10px;letter-spacing:.06em}
.atlas .atlas-menu-links{font-size:12px;letter-spacing:.08em}
.atlas.reel-home .reel-frame{height:100svh;min-height:600px}
.atlas.reel-home .reel-watch{top:50%;transform:translate(-50%,-50%)}
.atlas.reel-home .reel-intro{top:auto;bottom:auto;inset:110px var(--pad) auto;font-size:10px;letter-spacing:.1em;z-index:7}
.atlas.reel-home .reel-intro p{display:block}
.atlas.reel-home .reel-frame-top{display:block;position:absolute;bottom:90px;left:var(--pad);top:auto;font-size:10px;letter-spacing:.1em}
.atlas.reel-home .reel-frame-bottom{bottom:28px;right:var(--pad);left:auto;pointer-events:auto}
.atlas.reel-home .reel-frame-bottom #reel-frame-time{display:none}
.atlas .atlas-hero-rails{display:none}
.atlas.reel-home .reel-edit{padding:40px var(--pad) 32px}
.atlas.reel-home .reel-edit-heading{font-size:10px;letter-spacing:.06em;color:var(--page-muted);margin-bottom:18px}
.atlas.reel-home .reel-bottom{padding-bottom:30px;font-size:10px;color:var(--page-muted)}
.atlas .atlas-film-hub{padding:0 var(--pad) 64px}
.atlas .atlas-hub-head{display:flex;flex-wrap:wrap;align-items:center;gap:16px 36px;padding:24px 0}
.atlas .atlas-kicker{font-size:12px;letter-spacing:.04em;flex:none}
.atlas .atlas-hub-tools{flex:1;margin:0;flex-wrap:nowrap;gap:30px}
.atlas .atlas-hub-head .max-library-intro{order:3;flex-basis:100%;margin:0;font:400 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;color:var(--page-muted)}
.atlas .atlas-film-hub .atlas-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 6px;padding:0;margin-inline:calc(-1 * var(--pad))}
.atlas .atlas-project-card:nth-child(even){transform:none}
.atlas .atlas-film-hub .atlas-project-image{aspect-ratio:16/9!important;position:relative}
.atlas .atlas-film-hub .atlas-project-image img{object-fit:cover;width:100%;height:100%;filter:none}
.atlas .atlas-film-hub .atlas-project-caption{position:static;grid-template-columns:minmax(0,1fr) auto;padding:16px var(--pad) 28px;background:none;align-items:baseline;color:var(--page-ink)}
.atlas .atlas-film-hub .atlas-project-caption h3{font:400 clamp(14px,1.2vw,19px)/1.4 Manrope,Arial,sans-serif;letter-spacing:-.02em}
.atlas .atlas-film-hub .atlas-project-caption>span:not(.sr-only){grid-column:2;grid-row:1;font-size:10px;line-height:1.5;color:var(--page-muted);white-space:normal;text-align:right;max-width:22ch}
.atlas .atlas-card-count{top:16px;left:16px;bottom:auto;font:500 10px/1.4 Arial,sans-serif!important;letter-spacing:.06em;padding:8px 11px;color:#fff;background:#1119;backdrop-filter:blur(10px)}
.atlas .atlas-stills-label{margin-bottom:30px}
.atlas .stills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 16px}
.atlas .stills-grid>a{margin:0;transform:none}
.atlas .stills-grid .still-image{aspect-ratio:3/2;height:auto;overflow:hidden}
.atlas .stills-grid .still-image img{height:100%;width:100%;object-fit:cover}
.atlas .still-caption{gap:10px;font-size:10px;line-height:1.6;color:var(--page-muted);padding-top:14px}
.atlas .about-section h2{font:400 clamp(24px,3.4vw,52px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin-bottom:28px}
.atlas .about-section>span{font-size:11px;letter-spacing:.06em}
.atlas .about-section p{font:400 clamp(20px,2.3vw,34px)/1.45 Manrope,Arial,sans-serif}
.atlas .about-section p+p{font:400 15px/1.8 Arial,sans-serif}
.atlas .contact-section{padding-top:46px;padding-bottom:32px}
.atlas .contact-section .section-heading{font-size:10px;letter-spacing:.03em}
.atlas .footer-links{grid-template-columns:1fr auto auto}
.atlas .footer-links>a:first-child{font:500 12px/1.5 Arial,sans-serif}
/* The project cover is an introduction; the collection is a complete visible grid. */
.atlas .film-page:not(.is-open){height:78svh;min-height:560px;max-height:920px}
.atlas .atlas-film-intro{padding:120px clamp(24px,6vw,100px) 110px;gap:40px}
.atlas .atlas-film-copy h1{font:400 clamp(36px,5.4vw,82px)/1.08 Manrope,Arial,sans-serif;letter-spacing:-.045em;max-width:20ch}
.atlas .atlas-film-copy>span{font-size:10px;letter-spacing:.08em}
.atlas .max-project-links{display:flex;align-items:center;flex-wrap:wrap;gap:20px 32px;margin-top:28px}
.atlas .max-project-links #film-intro-info{margin:0;min-height:44px;font-size:10px;letter-spacing:.05em}
.atlas .max-collection-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;border-bottom:1px solid #fff7;font:500 11px/1.4 Arial,sans-serif;letter-spacing:.05em}
.atlas .atlas-film-rails{gap:32px}
.atlas .atlas-film-enter{width:84px;height:84px;color:#fff;background:#1114}
.atlas .atlas-project-chapters,.atlas .atlas-project-notes,.atlas .atlas-project-frames{padding:64px var(--pad);background:var(--page-bg);color:var(--page-ink);border-color:var(--page-line)}
.atlas .atlas-detail-heading{display:grid;grid-template-columns:1fr auto;gap:12px 24px;margin-bottom:32px;border:0;padding:0}
.atlas .atlas-detail-heading>span{font-size:10px;letter-spacing:.08em}
.atlas .atlas-detail-heading h2{grid-column:1;font:400 clamp(25px,3vw,44px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.03em;margin:0}
.atlas .atlas-detail-heading p{grid-column:2;grid-row:2;align-self:end;font:400 12px/1.5 Arial,sans-serif;color:var(--page-muted)}
.atlas .atlas-detail-heading>a{grid-column:2;grid-row:2;font-size:10px;align-self:end;min-height:44px;display:flex;align-items:center}
.atlas .atlas-chapter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 16px}
.atlas .atlas-chapter-card{display:block;min-width:0;align-self:start;text-align:left;color:var(--page-ink)}
.atlas .max-chapter-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#1b1b1b}
.atlas .atlas-chapter-card img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:auto;transition:transform .5s,filter .3s}
.atlas .max-chapter-image i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border:1px solid #fff9;border-radius:50%;background:#1115;color:#fff;font-style:normal;font-size:12px;backdrop-filter:blur(6px)}
.atlas .atlas-chapter-card>span{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:baseline;margin:14px 0 0}
.atlas .atlas-chapter-card small{font:400 10px/1.5 Arial,sans-serif;margin:0;color:var(--page-muted)}
.atlas .atlas-chapter-card strong{font:400 clamp(14px,1.4vw,20px)/1.4 Manrope,Arial,sans-serif;letter-spacing:-.02em}
.atlas .atlas-chapter-card:hover img{transform:scale(1.025);filter:brightness(.82)}
.atlas .atlas-chapter-card[aria-pressed=true] .max-chapter-image{outline:2px solid currentColor;outline-offset:3px}
.atlas .atlas-project-copy{border-top:1px solid var(--page-line);padding-top:28px;gap:40px}
.atlas .atlas-project-copy .project-copy{color:var(--page-ink);font-size:15px;line-height:1.85}
.atlas .atlas-project-frames .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.atlas .atlas-film-close{top:24px;font:500 12px Arial,sans-serif;min-height:48px;z-index:35}
.atlas .film-page.is-open{z-index:150}
.atlas .film-toolbar{overflow-x:auto;scrollbar-width:thin}
.max-player-picker{flex:0 1 260px;min-width:150px}
.max-player-picker select{width:100%;max-width:260px;background:#111;color:#fff;border:1px solid #ffffff40;border-radius:0;padding:9px 12px;font:400 12px/1.3 Arial,sans-serif;min-height:44px}
/* Preserve the complete About story, using the same page rhythm and palette. */
html[data-theme] .atlas .about-hero,html[data-theme] .atlas .about-experience,html[data-theme] .atlas .about-future,
html[data-theme] .atlas .about-story,html[data-theme] .atlas .about-recognition{background:var(--page-bg);color:var(--page-ink)}
.atlas .about-hero{padding-top:120px;min-height:auto}
.atlas .about-hero-top,.atlas .about-hero-bottom,.atlas .about-section-marker{font:400 11px/1.6 Arial,sans-serif;letter-spacing:.06em;border-color:var(--page-line)}
.atlas .about-hero-grid{min-height:0;padding-block:50px 60px}
.atlas .about-hero-portrait{height:min(68svh,720px)}
.atlas .about-role{font:400 11px/1.5 Arial,sans-serif;letter-spacing:.08em;color:var(--page-muted)}
.atlas .about-hero-statement{font:400 clamp(25px,3.5vw,52px)/1.3 Manrope,Arial,sans-serif;letter-spacing:-.03em;margin-top:26px}
.atlas .about-story-link{font:400 11px/1.5 Arial,sans-serif;letter-spacing:.05em;border-color:var(--page-line)}
.atlas .about-story,.atlas .about-experience,.atlas .about-future,.atlas .about-recognition{padding:80px var(--pad);gap:50px;border-top:1px solid var(--page-line)}
.atlas .about-story h2,.atlas .about-experience h2,.atlas .about-future h2,.atlas .about-recognition h2{font:400 clamp(28px,3.5vw,54px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.04em}
.atlas .about-story-columns,.atlas .about-future-content>div,.atlas .about-recognition-grid{margin-top:40px}
.atlas .about-roster dd{font:400 17px/1.85 Manrope,Arial,sans-serif}
.atlas .about-story-columns p,.atlas .about-future-content p,.atlas .about-recognition li{font:400 15px/1.9 Arial,sans-serif;color:var(--page-ink)}
@media(max-width:1000px){.atlas .atlas-hub-tools{flex-basis:100%}.atlas .atlas-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){
 .atlas .atlas-hub-tools{flex-wrap:nowrap;gap:20px}.atlas .atlas-hub-head .atlas-kicker{display:none}
 .atlas .atlas-hub-head{gap:12px}.atlas .max-library-intro{font-size:11px!important}
 .atlas.reel-home .reel-intro{top:92px!important;bottom:auto;left:20px;right:20px;font-size:9px;letter-spacing:.05em}
 .atlas.reel-home .reel-frame{min-height:500px}.atlas.reel-home .reel-watch{top:50%}
 .atlas .stills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .atlas .about-section>div{grid-column:1}
 .atlas .film-page:not(.is-open){height:68svh;min-height:480px}
 .atlas .atlas-film-intro{padding:100px 24px 110px;gap:24px}
 .atlas .atlas-film-copy h1{font-size:clamp(30px,6.5vw,52px)}
 .atlas .about-hero-grid{grid-template-columns:1fr 1fr;gap:28px}
 .atlas .about-story,.atlas .about-experience,.atlas .about-future,.atlas .about-recognition{grid-template-columns:1fr;gap:30px;padding-block:60px}
}
@media(max-width:600px){
 .atlas.reel-home .reel-watch{top:50%;transform:translate(-50%,-50%)}
 .atlas .atlas-film-hub .atlas-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
 .atlas .atlas-film-hub .atlas-project-caption{display:block;padding:12px 12px 22px}
 .atlas .atlas-film-hub .atlas-project-caption h3{font-size:12px;line-height:1.45}
 .atlas .atlas-film-hub .atlas-project-caption>span:not(.sr-only){display:block;max-width:none;text-align:left;font-size:9px;margin-top:5px}
 .atlas .atlas-card-count{left:8px;top:8px;padding:5px 7px;font-size:9px!important}
 .atlas .atlas-chapter-grid{gap:28px 12px}.atlas .atlas-chapter-card>span{display:block;margin-top:12px}
 .atlas .atlas-chapter-card small{margin-bottom:5px}.atlas .atlas-chapter-card strong{font-size:13px}
 .atlas .atlas-detail-heading{display:block}.atlas .atlas-detail-heading h2{margin-top:12px}
 .atlas .atlas-detail-heading p{margin-top:12px}.atlas .atlas-project-chapters,.atlas .atlas-project-notes,.atlas .atlas-project-frames{padding-block:42px}
 .atlas .atlas-project-frames .photo-grid{grid-template-columns:1fr}
 .atlas .atlas-film-intro{grid-template-columns:1fr auto;padding-inline:20px;gap:15px}
 .atlas .atlas-film-enter{width:62px;height:62px;font-size:9px}.atlas .atlas-film-copy h1{font-size:30px}
 .atlas .atlas-film-copy>span{font-size:9px;letter-spacing:.03em}
 .atlas .max-project-links{gap:8px 18px;margin-top:20px}.atlas .max-collection-link{font-size:10px;gap:12px}
 .atlas .atlas-film-rails strong{font-size:11px}.atlas .atlas-film-rails a{font-size:8px}
 .atlas .film-page:not(.is-open){min-height:460px}
 .atlas .atlas-film-close{top:max(16px,env(safe-area-inset-top));right:16px}
 .atlas .film-toolbar{padding-bottom:max(12px,env(safe-area-inset-bottom))}
 .atlas .film-toolbar-title{display:none}.max-player-picker{min-width:160px}
 .atlas .about-hero-grid{grid-template-columns:1fr}.atlas .about-hero-copy{order:1}.atlas .about-hero-portrait{order:0;height:52svh}
 .atlas .about-story-columns,.atlas .about-recognition-grid{grid-template-columns:1fr}
 .atlas .about-role{font-size:10px}.atlas .about-hero-statement{font-size:30px}
 .atlas .about-roster>div{grid-template-columns:1fr;gap:12px}.atlas .about-roster dd{font-size:15px}
 .atlas .footer-links{grid-template-columns:1fr auto}.atlas .footer-links>a:first-child{font-size:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.atlas *{scroll-behavior:auto!important}.atlas.reel-home .reel-watch{transform:translate(-50%,-50%)}}

.atlas .atlas-film-hub .atlas-project-image .atlas-card-count{color:#fff!important;background:#111b}
/* Collection covers must shrink inside their phone grid tracks. */
.atlas .stills-grid>a{min-width:0;width:auto;max-width:100%;grid-column:auto!important;transform:none!important}
.atlas .stills-grid .still-image{width:100%;max-width:100%;min-width:0}
.atlas .stills-grid .still-image img{max-width:100%;width:100%;height:100%}

/* The hero keeps one navigation link left and its preview control right. */
.atlas.reel-home .reel-explore{left:var(--pad);right:auto;bottom:max(28px,env(safe-area-inset-bottom));min-height:44px;display:inline-flex;align-items:center;gap:28px;font:400 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none}
.atlas.reel-home .reel-frame-bottom{left:auto;right:var(--pad);bottom:max(28px,env(safe-area-inset-bottom));width:auto;min-height:44px;display:flex;align-items:center}
.atlas.reel-home #reel-preview-toggle{min-height:44px}
@media(max-width:850px){.atlas.reel-home .reel-explore{left:20px;bottom:max(20px,env(safe-area-inset-bottom))}.atlas.reel-home .reel-frame-bottom{right:20px;bottom:max(20px,env(safe-area-inset-bottom))}}
/* Every Stills collection cover has exactly the same crop and row height. */
.atlas .stills-grid>a .still-image{position:relative;aspect-ratio:3/2!important;height:auto!important;min-height:0;overflow:hidden}
.atlas .stills-grid>a .still-image img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}

/* Maceo-inspired work study: uninterrupted images with centered hover titles. */
.atlas.reel-home .reel-explore{left:50%;right:auto;bottom:max(28px,env(safe-area-inset-bottom));transform:translateX(-50%);flex-direction:column;gap:15px;min-width:120px;padding:8px;font:500 12px/1.4 Manrope,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:center}
.atlas.reel-home .reel-explore span{font-size:32px;line-height:1;font-weight:300;transition:transform .25s}
.atlas.reel-home .reel-explore:hover span{transform:translateY(5px)}
.atlas.reel-home .reel-frame-bottom[hidden]{display:none!important}
.atlas .atlas-film-hub .atlas-project-grid{gap:3px}
.atlas .atlas-film-hub .atlas-project-card{position:relative;display:block;overflow:hidden;transform:none;align-self:start;padding:0;border:0}
.atlas .atlas-film-hub .atlas-project-image{aspect-ratio:16/9!important;margin:0;overflow:hidden}
.atlas .atlas-film-hub .atlas-project-image img{display:block;transition:transform .6s ease,filter .35s ease}
.atlas .atlas-film-hub .atlas-project-caption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;text-align:center;background:linear-gradient(#0002,#0008);color:#fff;opacity:0;transition:opacity .3s ease;pointer-events:none}
.atlas .atlas-film-hub .atlas-project-caption h3{order:2;font:500 clamp(22px,2.5vw,42px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.035em;text-wrap:balance;max-width:25ch}
.atlas .atlas-film-hub .atlas-project-caption>span:not(.sr-only){order:1;max-width:none;text-align:center;font:400 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.1em;color:#fff}
.atlas .atlas-film-hub .atlas-project-caption>.sr-only{position:static!important;clip:auto!important;width:auto!important;height:auto!important;overflow:visible!important;white-space:normal!important;order:3;align-self:center;font:400 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.08em;margin:10px 0 0}
.atlas .atlas-film-hub .atlas-project-card:hover .atlas-project-caption,.atlas .atlas-film-hub .atlas-project-card:focus-visible .atlas-project-caption{opacity:1}
.atlas .atlas-film-hub .atlas-project-card:hover .atlas-project-image img{transform:scale(1.025)}
.atlas .atlas-film-hub .atlas-card-count{z-index:2}
.atlas .atlas-film-hub .atlas-project-card:focus-visible{outline:2px solid var(--page-ink);outline-offset:-3px}
@media(max-width:700px){
 .atlas .atlas-film-hub .atlas-project-grid{grid-template-columns:1fr;gap:3px}
 .atlas .atlas-film-hub .atlas-project-caption{opacity:1;justify-content:flex-end;align-items:flex-start;text-align:left;background:linear-gradient(transparent 35%,#000b);padding:20px;gap:6px}
 .atlas .atlas-film-hub .atlas-project-caption h3{font-size:clamp(22px,5vw,32px)}
 .atlas .atlas-film-hub .atlas-project-caption>span:not(.sr-only){font-size:9px;text-align:left}
 .atlas .atlas-film-hub .atlas-project-caption>.sr-only{display:none}
}
@media(prefers-reduced-motion:reduce){.atlas .atlas-film-hub .atlas-project-image img,.atlas .atlas-film-hub .atlas-project-caption,.atlas.reel-home .reel-explore span{transition:none}}

/* SVG playback symbols never fall back to colored emoji on iOS. */
.media-play-icon,.media-pause-icon{display:block;flex:none;width:20px;height:20px;fill:#fff;color:#fff}
.atlas .max-chapter-image i .media-play-icon{width:18px;height:18px}
.atlas #film-start,.atlas .reel-player-start{padding:0;align-items:center;justify-content:center}
.atlas #film-start:not([hidden]),.atlas .reel-player-start:not([hidden]){display:flex}
.atlas #film-start .media-play-icon,.atlas .reel-player-start .media-play-icon{width:30px;height:30px}
.atlas .atlas-film-enter b{display:flex;align-items:center;justify-content:center}
.atlas .atlas-film-enter:hover,.atlas .atlas-film-enter:focus-visible,.atlas.reel-home .reel-watch:hover .reel-play-ring{color:#fff;background:rgba(10,10,10,.45)}
.atlas.reel-home .reel-play-ring{color:#fff;background:rgba(10,10,10,.22)}

/* Project information follows one aligned layout at every content length. */
body.atlas .atlas-project-notes{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(32px,6vw,100px);padding-block:clamp(40px,5vw,72px);border-top:1px solid var(--page-line)}
body.atlas .atlas-project-notes>.atlas-detail-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;min-width:0;margin:0;padding:0;border:0}
body.atlas .atlas-project-notes .atlas-detail-heading h2{scroll-margin-top:100px;margin:0;max-width:24ch;font:400 clamp(26px,3vw,44px)/1.18 Manrope,Arial,sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere}
body.atlas .atlas-project-notes .atlas-detail-heading>a{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;margin:0;font:400 11px/1.4 Arial,sans-serif;letter-spacing:.05em}
body.atlas .atlas-project-notes>.atlas-project-copy{min-width:0;max-width:72ch;margin:0;padding:0;border:0}
body.atlas .atlas-project-notes .atlas-project-copy h3{margin:0 0 20px;font:400 11px/1.5 Arial,sans-serif;letter-spacing:.08em}
body.atlas .atlas-project-notes .project-copy{margin:0;max-width:68ch;font:400 clamp(15px,1.15vw,17px)/1.75 Manrope,Arial,sans-serif;overflow-wrap:anywhere}
body.atlas .atlas-project-notes .project-copy p{margin:0 0 1.4em}
body.atlas .atlas-project-notes .project-copy p:last-child{margin-bottom:0}
body.atlas .atlas-project-chapters>.atlas-detail-heading{display:block;margin:0 0 24px}
body.atlas .atlas-project-chapters .max-collection-title{margin:0;font:400 11px/1.5 Arial,sans-serif;letter-spacing:.08em}
@media(max-width:900px){
 body.atlas .atlas-project-notes{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:40px}
 body.atlas .atlas-project-notes>.atlas-detail-heading{gap:12px}
 body.atlas .atlas-project-notes>.atlas-project-copy{width:100%;max-width:68ch}
}

/* Contact: restrained ambient light with a real, selectable email link. */
body.atlas.contact-exp .contact-stage{min-height:max(560px,100svh);background:var(--page-bg)}
body.atlas.contact-exp .contact-ui{position:relative;min-height:max(560px,100svh);padding:120px var(--pad) max(28px,env(safe-area-inset-bottom));gap:48px}
body.atlas.contact-exp .contact-top{font:400 10px/1.6 Arial,sans-serif;letter-spacing:.09em;color:var(--page-muted)}
body.atlas.contact-exp .contact-invitation{gap:14px;background:transparent;padding:20px 0;width:100%;pointer-events:none}
body.atlas.contact-exp .contact-invitation h1{font:400 11px/1.5 Arial,sans-serif;letter-spacing:.08em;color:var(--page-muted)}
body.atlas.contact-exp .contact-email{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;pointer-events:auto;font:500 clamp(12px,1.05vw,15px)/1.5 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--page-ink);overflow-wrap:anywhere}
body.atlas.contact-exp .contact-email:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
body.atlas.contact-exp .contact-bottom{gap:32px}
body.atlas.contact-exp .contact-bottom a,body.atlas.contact-exp .contact-bottom button{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;border-color:var(--page-line);color:var(--page-ink)}
body.atlas.contact-exp .contact-toast{top:auto!important;bottom:96px;white-space:normal;width:max-content;max-width:calc(100% - 40px);font-size:10px;line-height:1.6}
/* Page chrome follows the palette; film and photograph pixels stay unchanged. */
html[data-theme] .atlas .credits-dialog,html[data-theme] .atlas .credits-header,
html[data-theme] .atlas #lightbox{background:var(--page-bg);color:var(--page-ink);border-color:var(--page-line)}
html[data-theme] .atlas .credits-dialog .project-copy,html[data-theme] .atlas #lightbox-caption{color:var(--page-muted)}
html[data-theme] .atlas .credits-dialog .eyebrow,html[data-theme] .atlas .frames-heading{color:var(--page-muted)}
html[data-theme] .atlas .collection-page .page-intro,html[data-theme] .atlas .collection-page{background:var(--page-bg);color:var(--page-ink)}
html[data-theme] .atlas .collection-page .page-intro p{color:var(--page-muted)}
html[data-theme] .atlas .atlas-menu-image{background:var(--page-line)}
html[data-theme] .atlas ::selection{background:var(--page-ink);color:var(--page-bg)}
@media(max-width:600px){
 body.atlas.contact-exp .contact-ui{padding-top:108px;gap:32px}
 body.atlas.contact-exp .contact-top{max-width:27ch;font-size:9px}
 body.atlas.contact-exp .contact-email{font-size:12px}
}
@media(prefers-reduced-motion:reduce){body.atlas.contact-exp .contact-toast{transition:none}}

/* Sparse drifting particles use a flat background, without gradient banding. */
body.atlas.contact-exp .contact-top,body.atlas.contact-exp .contact-invitation h1,
body.atlas.contact-exp .contact-bottom a,body.atlas.contact-exp .contact-bottom button{font-family:var(--font-display)}
body.atlas.contact-exp .contact-stage{background:var(--page-bg)}
body.atlas.contact-exp .contact-particle-field{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0;opacity:1}

/* Contact remains reachable in the navigation menu at every screen size. */
.atlas .atlas-menu-links .max-menu-contact{display:inline-flex;align-items:center;min-height:44px}

/* Match the reference contact composition and its uniform near-black surface. */
html[data-theme] body.atlas.contact-exp{--page-bg:var(--contact-bg);background:var(--contact-bg)}
body.atlas.contact-exp .contact-stage{background:var(--contact-bg)}
body.atlas.contact-exp .contact-ui{padding:120px var(--pad) max(32px,env(safe-area-inset-bottom));gap:0}
body.atlas.contact-exp .contact-top{max-width:none;font:400 10px/1.5 var(--font-display);letter-spacing:.1em;color:var(--page-ink)}
body.atlas.contact-exp .contact-invitation{gap:8px;padding:20px 24px}
body.atlas.contact-exp .contact-invitation h1{font:400 10px/1.5 var(--font-display);letter-spacing:.08em}
body.atlas.contact-exp .contact-email{min-height:44px;font:500 12px/1.5 var(--font-display);letter-spacing:.08em}
body.atlas.contact-exp .contact-bottom{gap:40px}
.atlas .masthead .top-nav a[aria-current],.atlas .atlas-menu-links a[aria-current]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
@media(max-width:850px){body.atlas.contact-exp .contact-ui{padding-top:110px}}
@media(max-width:600px){body.atlas.contact-exp .contact-bottom{gap:32px}}

/* The open film is a viewport overlay, with readable controls in both themes. */
html:has(.film-page.is-open),body.atlas:has(.film-page.is-open){overflow:hidden}
.atlas .film-page.is-open{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;min-height:0;max-height:none;margin:0;overflow:hidden}
html[data-theme] .atlas .film-page{color:#eeeee9;color-scheme:dark}
@media(max-width:500px){
 .atlas .film-toolbar .max-player-picker{grid-column:2/4;grid-row:1;min-width:0;width:100%}
 .atlas .film-toolbar .max-player-picker select{min-width:0;max-width:100%}
}

/* Remove decorative frame corners throughout Max Larsson pages. */
body.atlas .frame-corner{display:none}

/* Keep header alignment identical on scrolling and single-screen pages. */
html{scrollbar-gutter:stable}

/* Use Contact’s black consistently across stealth-mode page surfaces. */
html[data-theme="dark"]{background:var(--page-bg)}
html[data-theme="dark"] .atlas.watch-page.atlas-header-solid:not(.atlas-header-light) .masthead,
html[data-theme="dark"] .atlas #reel-dialog{background:var(--page-bg)}

/* Compact footer without the repeated email address. */
.atlas .contact-section .footer-links{grid-template-columns:1fr auto;margin-top:0;padding-top:0}
.atlas .contact-section .footer-links>a:first-child{grid-column:1;font-size:11px;font-weight:400;letter-spacing:.04em;text-transform:uppercase}
.atlas .contact-section .footer-links>a:nth-child(2){grid-column:2}
.atlas .contact-section .footer-links>span{grid-column:1/-1}