/* Original collection compositions; all assets remain self-hosted. */
#app .invitation.atlas{--cream:var(--atlas-paper);--ink:var(--atlas-ink);--accent:var(--atlas-accent);color:var(--atlas-ink);background:var(--atlas-paper);font-family:'Plus Jakarta Sans',sans-serif}
#app .atlas h1,#app .atlas h2,#app .atlas h3{color:var(--atlas-ink);font-family:Georgia,serif;font-style:normal;font-weight:400;letter-spacing:-.025em;line-height:1.12;text-align:inherit;overflow-wrap:anywhere}
#app .atlas p,#app .atlas small,#app .atlas .eyebrow{color:var(--atlas-ink)}
#app .atlas .desktop-panel{background:var(--atlas-paper);isolation:isolate}
#app .atlas .desktop-panel:after{background:linear-gradient(0deg,color-mix(in srgb,var(--atlas-paper) 96%,transparent),color-mix(in srgb,var(--atlas-paper) 20%,transparent));opacity:1;z-index:0}
#app .atlas .desktop-photo{object-fit:cover;object-position:center;opacity:.85}
#app .atlas .desktop-caption{color:var(--atlas-ink);z-index:2;text-shadow:none;max-width:650px;padding:28px}
#app .atlas .desktop-caption h2{font-size:clamp(48px,5vw,88px);text-align:center}
#app .atlas .desktop-caption strong{color:var(--atlas-ink)}
#app .atlas .desktop-panel>.botanical{display:none}
#app .atlas #cover{min-height:calc(100svh - 44px);padding:65px 38px 85px;display:flex;flex-direction:column;justify-content:center;gap:18px;background:var(--atlas-paper);color:var(--atlas-ink);isolation:isolate;overflow:hidden;text-align:center;transition:transform 1.5s cubic-bezier(.22,.75,.3,1),opacity 1.4s,clip-path 1.5s;clip-path:inset(0)}
#app .atlas #cover[hidden]{display:none}
#app .atlas .cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;z-index:-2;filter:none}
#app .atlas #cover:after{display:none}
#app .atlas #cover>*:not(.cover-photo):not(.atlas-door):not(.atlas-motifs):not(.atlas-motion){position:relative;z-index:3;margin:0 auto;max-width:100%}
#app .atlas #cover h1{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:100%;font-size:clamp(40px,10vw,65px);text-align:center;line-height:1.06;width:100%;text-shadow:none}
#app .atlas #cover h1 em{font-size:.5em;color:var(--atlas-accent);display:block;margin:0;font-family:Georgia,serif}
#app .atlas #cover>p{font-size:12px;line-height:1.7}
#app .atlas .guest-label{font-size:11px;padding:15px 0;line-height:1.8;color:var(--atlas-ink)}
#app .atlas .guest-label strong{display:block;font-size:17px;color:var(--atlas-ink)}
#app .atlas .atlas-stamp{font-size:9px;letter-spacing:3px}
#app .atlas .atlas-seal{width:66px;height:66px;border:1px solid var(--atlas-accent);border-radius:50%;display:grid;place-items:center;font:20px Georgia,serif;background:color-mix(in srgb,var(--atlas-paper) 90%,transparent)}
#app .atlas .atlas-door{position:absolute;inset:0;background:var(--atlas-art) center/cover;z-index:0;opacity:.25;transition:transform 1.6s cubic-bezier(.22,.75,.3,1)}
#app .atlas .atlas-door-left{clip-path:inset(0 50% 0 0)}#app .atlas .atlas-door-right{clip-path:inset(0 0 0 50%)}
#app .atlas #cover.cover-opening{opacity:0;transform:translateY(-45px);pointer-events:none}
#app .atlas[data-opening=split] #cover.cover-opening .atlas-door-left{transform:translateX(-100%)}#app .atlas[data-opening=split] #cover.cover-opening .atlas-door-right{transform:translateX(100%)}
#app .atlas[data-opening=iris] #cover.cover-opening{clip-path:inset(50% 50% round 50%);transform:none}
#app .atlas[data-opening=curtain] #cover.cover-opening{transform:scaleY(.04);transform-origin:top}
#app .atlas[data-opening=fade] #cover.cover-opening{transform:scale(1.07)}
#app .atlas[data-opening=slide] #cover.cover-opening{transform:translateX(100%)}
#app .atlas .atlas-hero{height:auto;min-height:690px;padding:55px 30px 35px;position:relative;display:flex;flex-direction:column;gap:28px;justify-content:center;background:var(--atlas-paper);overflow:hidden}
#app .atlas .atlas-hero>.atlas-hero-copy{position:relative;inset:auto;transform:none;text-align:center;z-index:2;display:block;padding:0;color:var(--atlas-ink)}
#app .atlas .atlas-names{font-size:clamp(35px,9vw,54px);display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:center;align-items:center;margin:20px 0}
#app .atlas .atlas-names em{font-size:.6em;color:var(--atlas-accent)}
#app .atlas .atlas-date{font-size:11px;line-height:1.7}
#app .atlas .atlas-frames{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:420px;margin:auto;padding:0;inset:auto;transform:none}
#app .atlas .atlas-frame{position:relative;display:block;inset:auto;width:auto;height:auto;aspect-ratio:3/4;margin:0;overflow:hidden;border:5px solid color-mix(in srgb,var(--atlas-paper) 90%,white);box-shadow:0 8px 28px #0002;transform:none}
#app .atlas .atlas-frame img{position:static;display:block;width:100%;height:100%;object-fit:cover;filter:none;opacity:1;transform:none;mix-blend-mode:normal}
#app .atlas .atlas-frame-0{grid-column:1/-1;aspect-ratio:4/3}
#app .atlas .atlas-caption{position:relative;font-size:9px;letter-spacing:2.5px;line-height:1.8;text-align:center;margin:0}
#app .atlas .scroll-cue{position:relative;inset:auto;margin:0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--atlas-accent);color:var(--atlas-ink);font-size:18px}
#app .atlas[data-layout=arch] .atlas-frame-0{aspect-ratio:3/4;border-radius:48% 48% 4px 4px}#app .atlas[data-layout=arch] .atlas-frame:not(:first-child){display:none}
#app .atlas[data-layout=offset] .atlas-frames{grid-template-columns:1.2fr 1fr;align-items:end;padding-bottom:30px}#app .atlas[data-layout=offset] .atlas-frame-0{grid-column:auto;aspect-ratio:3/5}#app .atlas[data-layout=offset] .atlas-frame-1{transform:translateY(30px);aspect-ratio:3/5}#app .atlas[data-layout=offset] .atlas-frame-2{display:none}
#app .atlas[data-layout=stack] .atlas-hero-copy{order:1}#app .atlas[data-layout=stack] .atlas-frames{display:block;width:80%}#app .atlas[data-layout=stack] .atlas-frame-0{aspect-ratio:4/5;border-radius:8px}#app .atlas[data-layout=stack] .atlas-frame-1{position:absolute;width:39%;bottom:-15px;right:-24px;border-width:5px}#app .atlas[data-layout=stack] .atlas-frame-2{display:none}#app .atlas[data-layout=stack] .atlas-caption{order:2}#app .atlas[data-layout=stack] .scroll-cue{order:3}
#app .atlas[data-layout=mosaic] .atlas-frames{grid-template-columns:1fr 1fr;gap:6px}#app .atlas[data-layout=mosaic] .atlas-frame{border:0;box-shadow:none}#app .atlas[data-layout=mosaic] .atlas-frame-0{grid-column:auto;grid-row:span 2;aspect-ratio:auto;height:100%}#app .atlas[data-layout=mosaic] .atlas-frame:not(:first-child){aspect-ratio:1}
#app .atlas[data-layout=oval] .atlas-frames{display:block;width:75%}#app .atlas[data-layout=oval] .atlas-frame-0{aspect-ratio:3/4;border-radius:50%;border:8px double var(--atlas-accent)}#app .atlas[data-layout=oval] .atlas-frame:not(:first-child){display:none}
#app .atlas[data-layout=poster] .atlas-hero-copy{text-align:left;order:1}#app .atlas[data-layout=poster] .atlas-names{justify-content:flex-start;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:48px;text-transform:uppercase}#app .atlas[data-layout=poster] .atlas-frames{display:block}#app .atlas[data-layout=poster] .atlas-frame-0{aspect-ratio:4/5;border:0}#app .atlas[data-layout=poster] .atlas-frame:not(:first-child){display:none}#app .atlas[data-layout=poster] .atlas-caption{order:2}#app .atlas[data-layout=poster] .scroll-cue{order:3}
#app .atlas[data-layout=journal] .atlas-frames{display:block;width:75%;padding:20px 0}#app .atlas[data-layout=journal] .atlas-frame-0{aspect-ratio:4/5;transform:rotate(-5deg);border:12px solid white;border-bottom:35px solid white}#app .atlas[data-layout=journal] .atlas-frame-1{position:absolute;width:43%;right:-30px;bottom:0;transform:rotate(7deg);border:6px solid white;border-bottom:18px solid white}#app .atlas[data-layout=journal] .atlas-frame-2{display:none}
#app .atlas[data-layout=strip] .atlas-frames{grid-template-columns:repeat(3,1fr);gap:6px}#app .atlas[data-layout=strip] .atlas-frame{grid-column:auto;aspect-ratio:2/5;border:0}#app .atlas[data-layout=strip] .atlas-frame:nth-child(2){transform:translateY(25px)}
#app .atlas[data-layout=minimal] .atlas-frames{display:block}#app .atlas[data-layout=minimal] .atlas-frame-0{aspect-ratio:4/3;border:0;box-shadow:none}#app .atlas[data-layout=minimal] .atlas-frame:not(:first-child){display:none}
#app .atlas[data-layout=hanging] .atlas-frames{display:block;width:75%;padding-top:25px;border-top:1px solid var(--atlas-ink)}#app .atlas[data-layout=hanging] .atlas-frame-0{aspect-ratio:4/5;border:10px solid var(--atlas-accent)}#app .atlas[data-layout=hanging] .atlas-frame:not(:first-child){display:none}
#app .atlas[data-layout=split] .atlas-hero-copy{text-align:left;border-left:2px solid var(--atlas-accent);padding-left:18px}#app .atlas[data-layout=split] .atlas-names{justify-content:flex-start}#app .atlas[data-layout=split] .atlas-frame-0{aspect-ratio:16/9}#app .atlas[data-layout=split] .atlas-frame-2{display:none}
#app .atlas[data-layout=capsule] .atlas-frames{width:70%;display:block}#app .atlas[data-layout=capsule] .atlas-frame-0{aspect-ratio:3/5;border-radius:150px}#app .atlas[data-layout=capsule] .atlas-frame:not(:first-child){display:none}
#app .atlas .invite-section{padding:65px 30px;background:var(--atlas-paper);color:var(--atlas-ink);border:0;overflow:hidden;text-align:center}
#app .atlas .invite-section:nth-of-type(even){background:color-mix(in srgb,var(--atlas-paper) 92%,var(--atlas-accent))}
#app .atlas .invite-section>h2{font-size:clamp(29px,8vw,40px);max-width:100%;margin:18px auto 25px;text-align:center}
#app .atlas .invite-section>p{font-size:13px;line-height:1.9;max-width:380px;margin:18px auto}
#app .atlas .opening-verse{margin:0;padding:55px 35px;background:var(--atlas-ink);color:var(--atlas-paper);border:0;text-align:center}
#app .atlas .opening-verse p,#app .atlas .opening-verse span{color:var(--atlas-paper)}#app .atlas .verse-meaning{font:17px/1.9 Georgia,serif}
#app .atlas .couple.individual-profiles{display:flex;flex-direction:column;gap:38px;margin:35px 0}
#app .atlas .individual-profile{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;padding:0;background:none;text-align:center}
#app .atlas .couple>span{color:var(--atlas-accent);font:32px Georgia,serif;margin:0}
#app .atlas .person-portrait{width:180px;max-width:80%;aspect-ratio:3/4;border:5px double var(--atlas-accent);border-radius:100px 100px 6px 6px;margin:0 0 18px;overflow:hidden;box-shadow:0 8px 25px #0001}
#app .atlas .person-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transform:none}
#app .atlas .individual-profile h3{font-size:28px;text-align:center;margin:0 0 10px;max-width:100%;color:var(--atlas-ink)}#app .atlas .individual-profile p{color:var(--atlas-ink);font-size:12px;line-height:1.8;max-width:300px;margin:auto}
#app .atlas[data-profiles=alternating] .individual-profile{align-items:flex-start;text-align:left}#app .atlas[data-profiles=alternating] .individual-profile:nth-of-type(2){align-items:flex-end}#app .atlas[data-profiles=alternating] .individual-profile h3{text-align:inherit}
#app .atlas[data-profiles=paired] .couple{display:grid;grid-template-columns:1fr 1fr;gap:22px}#app .atlas[data-profiles=paired] .couple>span{display:none}#app .atlas[data-profiles=paired] .person-portrait{width:100%;max-width:100%}#app .atlas[data-profiles=paired] .individual-profile h3{font-size:22px}
#app .atlas[data-profiles=polaroid] .person-portrait{border:8px solid white;border-bottom:22px solid white;border-radius:0;transform:rotate(-4deg)}#app .atlas[data-profiles=polaroid] .individual-profile:nth-of-type(2) .person-portrait{transform:rotate(4deg)}
#app .atlas[data-profiles=oval] .person-portrait{border-radius:50%;border:6px double var(--atlas-accent)}
#app .atlas .countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0;padding:0}#app .atlas .countdown>div{min-width:0;padding:15px 3px;border:1px solid var(--atlas-accent);background:color-mix(in srgb,var(--atlas-paper) 92%,white);border-radius:4px;color:var(--atlas-ink)}#app .atlas .countdown strong{font:27px Georgia,serif;color:var(--atlas-ink)}#app .atlas .countdown span{font-size:9px;color:var(--atlas-ink)}
#app .atlas .events{display:grid;grid-template-columns:1fr;gap:20px}#app .atlas .events>article{position:relative;padding:30px 22px;border:1px solid var(--atlas-accent);background:color-mix(in srgb,var(--atlas-paper) 88%,white);border-radius:90px 90px 6px 6px;box-shadow:none;color:var(--atlas-ink)}#app .atlas .events h3{font-size:25px;text-align:center;color:var(--atlas-ink)}#app .atlas .events p{font-size:12px;line-height:1.9;color:var(--atlas-ink)}#app .atlas .atlas-event-number{display:block;font:32px Georgia,serif;color:var(--atlas-accent);margin:0 0 20px}
#app .atlas .story{display:grid;grid-template-columns:1fr;gap:28px;padding:0;overflow:visible}#app .atlas .story>article{padding:0 0 25px;border:0;border-bottom:1px solid var(--atlas-accent);text-align:left;min-width:0;background:none}#app .atlas .story h3{font-size:25px;color:var(--atlas-ink);margin:10px 0}#app .atlas .story p{font-size:12px;line-height:1.8;color:var(--atlas-ink)}#app .atlas .story span,#app .atlas .atlas-index{font-size:10px;letter-spacing:2px;color:var(--atlas-accent)}#app .atlas .atlas-story-photo{width:100%;height:180px;object-fit:cover;border-radius:4px;margin:0 0 18px}
#app .atlas .gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}#app .atlas .gallery-button{position:relative;height:auto;aspect-ratio:3/4;transform:none;min-width:0;border:0;padding:0;border-radius:4px;overflow:hidden;background:var(--atlas-paper)}#app .atlas .gallery-button img{width:100%;height:100%;object-fit:cover;transform:none;filter:none}#app .atlas .atlas-photo-label{position:absolute;bottom:0;left:0;right:0;padding:9px 4px;font-size:8px;letter-spacing:1px;color:white;background:#0008}
#app .atlas[data-album=masonry] .gallery-button:nth-child(3n+1){grid-column:span 2;aspect-ratio:4/3}#app .atlas[data-album=filmstrip] .gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:15px}#app .atlas[data-album=filmstrip] .gallery-button{flex:0 0 70%;scroll-snap-align:center;aspect-ratio:4/5}#app .atlas[data-album=collage] .gallery{gap:16px;padding:8px}#app .atlas[data-album=collage] .gallery-button{border:7px solid white;border-bottom:22px solid white;transform:rotate(-3deg);box-shadow:0 7px 15px #0002}#app .atlas[data-album=collage] .gallery-button:nth-child(even){transform:rotate(4deg)}
#app .atlas .button,#app .atlas .copy{background:var(--atlas-ink);color:var(--atlas-paper);border:1px solid var(--atlas-ink);padding:14px 20px;border-radius:6px;min-height:44px;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;line-height:1.5;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 0 color-mix(in srgb,var(--atlas-ink) 30%,transparent)}#app .atlas .button:hover{transform:translateY(-2px);box-shadow:0 7px 16px #0002}#app .atlas .button:active{transform:translateY(1px)}#app .atlas .button.outline{background:transparent;color:var(--atlas-ink)}
#app .atlas .bank-card{border:1px solid var(--atlas-accent);background:color-mix(in srgb,var(--atlas-paper) 85%,white);color:var(--atlas-ink);padding:24px;border-radius:14px}#app .atlas .bank-card>*{color:var(--atlas-ink)}#app .atlas .bank-card strong{font-size:24px}#app .atlas .bank-card .copy{color:var(--atlas-paper)}
#app .atlas .rsvp-form{border:1px solid var(--atlas-accent);padding:22px;border-radius:12px;background:color-mix(in srgb,var(--atlas-paper) 82%,white)}#app .atlas .rsvp-form label{color:var(--atlas-ink);font-size:12px}#app .atlas .rsvp-form input,#app .atlas .rsvp-form select,#app .atlas .rsvp-form textarea{background:#fff;color:#26352e;border:1px solid #b6beb9;border-radius:6px;font:14px 'Plus Jakarta Sans',sans-serif;padding:12px;min-width:0;width:100%}#app .atlas .rsvp-form .theme-picker-trigger{color:#26352e;background:white}#app .atlas .messages article{background:color-mix(in srgb,var(--atlas-paper) 90%,white);color:var(--atlas-ink);border-color:var(--atlas-accent)}
#app .atlas .closing{padding-bottom:110px;background:var(--atlas-ink)}#app .atlas .closing>*{color:var(--atlas-paper)}#app .atlas .atlas-finale-mark{font-size:50px;display:block;margin-bottom:20px}
#app .atlas .sage-bottom-nav{background:var(--atlas-paper);border:1px solid var(--atlas-accent);border-radius:14px;bottom:12px}#app .atlas .sage-bottom-nav a,#app .atlas .sage-bottom-nav small{color:var(--atlas-ink)}#app .atlas .sage-bottom-nav a[aria-current]{background:color-mix(in srgb,var(--atlas-accent) 20%,var(--atlas-paper))}
#app .atlas .music-toggle{background:var(--atlas-ink);color:var(--atlas-paper);border:1px solid var(--atlas-paper);z-index:30}
#app .atlas .reveal{transition-duration:var(--atlas-duration);transition-timing-function:cubic-bezier(.2,.65,.3,1);transform:translateY(35px)}#app .atlas .reveal.visible{transform:none;opacity:1}
#app .atlas-motifs{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}#app .atlas-motifs i{position:absolute;left:calc(var(--n)*8%);top:-25px;width:6px;height:12px;border-radius:100% 0 100% 0;background:var(--atlas-accent);opacity:.28;animation:atlas-petal calc(9s + var(--n)*.6s) linear infinite;animation-delay:calc(var(--n)*-1.8s)}
#app .atlas-motion{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;opacity:.25;pointer-events:none;z-index:1;mix-blend-mode:multiply}
#app .atlas-heritage .atlas-hero,#app .atlas-castle .atlas-hero,#app .atlas-garden .atlas-hero{background:linear-gradient(color-mix(in srgb,var(--atlas-paper) 82%,transparent),color-mix(in srgb,var(--atlas-paper) 92%,transparent)),var(--atlas-art) center/cover}
#app .atlas-poster .invite-section>h2,#app .atlas-retro .invite-section>h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800}#app .atlas-retro .events>article{border-radius:18px;box-shadow:8px 8px 0 var(--atlas-accent)}#app .atlas-glass .events>article{border-radius:20px;background:#ffffff88;backdrop-filter:blur(8px)}#app .atlas-journal .events>article,#app .atlas-polaroid .events>article{border-radius:0;border:7px solid white;box-shadow:0 7px 20px #0001}
#app .atlas-textile .invite-section{background-image:repeating-linear-gradient(45deg,transparent,transparent 15px,color-mix(in srgb,var(--atlas-accent) 8%,transparent) 15px,color-mix(in srgb,var(--atlas-accent) 8%,transparent) 16px)}
@keyframes atlas-petal{to{transform:translate(55px,110vh) rotate(210deg)}}
@media(max-width:380px){#app .atlas #cover{padding-inline:25px}#app .atlas .atlas-hero,#app .atlas .invite-section{padding-inline:22px}#app .atlas .atlas-names{font-size:38px}#app .atlas .individual-profile h3{font-size:25px}#app .atlas .rsvp-form{padding:16px}}
@media(prefers-reduced-motion:reduce){#app .atlas *{animation:none!important;transition-duration:.01ms!important}#app .atlas .reveal{transform:none;opacity:1}}

/* Neutralize older hero overlays and keep every palette legible. */
#app .atlas .atlas-hero:before,#app .atlas .atlas-hero:after{display:none}
#app .atlas .atlas-hero{color:var(--atlas-ink)}
#app .atlas .closing h2,#app .atlas .closing p,#app .atlas .closing small,#app .atlas .closing a{color:var(--atlas-paper)}
#app .atlas .closing .button{background:var(--atlas-paper);color:var(--atlas-ink);border-color:var(--atlas-paper)}
#app .atlas-minimal h1,#app .atlas-minimal h2,#app .atlas-glass h1,#app .atlas-glass h2{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;letter-spacing:-.04em}
#app .atlas-poster h1,#app .atlas-retro h1{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800}
#app .atlas-journal .atlas-names,#app .atlas-polaroid .atlas-names{font-style:italic}
#app .atlas-oriental .atlas-seal{border-radius:8px;transform:rotate(45deg)}
#app .atlas-oriental .atlas-seal:after{content:'';position:absolute;inset:-12px;border:1px solid var(--atlas-accent);border-radius:8px;font-size:0}
#app .atlas-wayang #cover:before,#app .atlas-textile #cover:before{content:'';position:absolute;inset:10px;border:1px solid var(--atlas-accent);z-index:2;pointer-events:none}
#app .atlas-coastal .atlas-hero{border-bottom:8px double var(--atlas-accent);border-radius:0 0 50% 0 / 0 0 30px 0}
#app .atlas[data-layout=hanging] .atlas-frame-0:before,#app .atlas[data-layout=hanging] .atlas-frame-0:after{content:'';position:absolute;top:-4px;width:9px;height:22px;background:var(--atlas-ink);z-index:2;left:18%;transform:rotate(-7deg)}
#app .atlas[data-layout=hanging] .atlas-frame-0:after{left:78%;transform:rotate(6deg)}
#app .atlas[data-layout=hanging] .atlas-frame-0{overflow:visible}#app .atlas[data-layout=hanging] .atlas-frame-0 img{overflow:hidden}

#app .invitation.atlas{width:100%;max-width:520px;margin:0 auto;position:relative}
#app .atlas #cover{position:fixed;inset:44px 0 0;max-width:520px;margin:0 auto;z-index:25;min-height:0}
#app .atlas #cover h1,#app .atlas #cover .eyebrow,#app .atlas #cover p,#app .atlas #cover .guest-label{color:var(--atlas-ink)}
#app .atlas #cover .button{background:var(--atlas-ink);color:var(--atlas-paper)}
#app .atlas #cover h1 em{color:var(--atlas-accent)}
#app .atlas .demo-bar{background:var(--atlas-paper);color:var(--atlas-ink);min-height:44px;position:relative;z-index:26;font-size:8px;letter-spacing:0;padding:14px 12px}
#app .atlas .demo-bar a{color:var(--atlas-ink)}
#app .atlas .atlas-hero-copy .eyebrow{font-size:9px;letter-spacing:2.5px}
#app .atlas .sage-bottom-nav{display:flex;position:fixed;left:12px;right:12px;max-width:496px;margin:auto;z-index:22;padding:8px 6px;gap:2px;box-shadow:0 5px 25px #0002}
#app .atlas .sage-bottom-nav a{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:5px 2px;min-height:40px;border-radius:7px;text-decoration:none}
#app .atlas .sage-bottom-nav small{font-size:8px}
@media(min-width:1000px){#app .invitation.atlas{width:520px;max-width:none;margin:0 0 0 auto}#app .atlas #cover{left:auto;width:520px;margin:0}#app .atlas .sage-bottom-nav{left:auto;right:12px;width:496px}#app .atlas .desktop-caption{bottom:15vh}}
@media(min-width:1000px) and (max-width:1200px){#app .invitation.atlas,#app .atlas #cover{width:460px}#app .atlas .sage-bottom-nav{width:436px}}

#app .atlas .music-toggle{position:fixed;left:18px!important;right:auto!important;bottom:18px!important;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;z-index:30;box-shadow:0 4px 15px #0003}

#app .atlas .individual-profile{aspect-ratio:auto;height:auto;max-height:none;overflow:visible}#app .atlas .person-portrait{flex-shrink:0}

/* Keep the whole photo visible; a soft duplicate fills decorative frames. */
#app .atlas .atlas-frame{background-size:cover;background-position:center 20%;isolation:isolate}
#app .atlas .atlas-frame:after{content:'';position:absolute;inset:0;backdrop-filter:blur(16px);background:color-mix(in srgb,var(--atlas-paper) 50%,transparent);z-index:-1}
#app .atlas .atlas-frame img{object-fit:contain;background:transparent;position:relative;z-index:1}
#app .atlas .person-portrait img{object-fit:contain;object-position:center;background:#e5e2db}
#app .atlas .atlas-story-photo{object-fit:contain;object-position:center;height:220px;background:color-mix(in srgb,var(--atlas-paper) 90%,var(--atlas-accent))}
#app .atlas .gallery-button img{object-fit:contain;object-position:center;background:color-mix(in srgb,var(--atlas-paper) 85%,var(--atlas-accent));border-radius:0}

#app .atlas .desktop-caption h2 em{color:var(--atlas-ink)}

#app .atlas .sage-bottom-nav{transform:none!important;width:calc(100% - 24px);left:12px;right:12px}
#app .atlas.opened .sage-bottom-nav{opacity:1;visibility:visible}
@media(min-width:1000px){#app .atlas .sage-bottom-nav{left:auto;right:12px;width:496px}}
@media(min-width:1000px) and (max-width:1200px){#app .atlas .sage-bottom-nav{width:436px}}
@media(max-width:999px){#app .atlas.opened .music-toggle{bottom:90px!important}}