/* DESIGN INTENT: A continuous brand portfolio, legible copy and individually floating original cloud glyphs.
What: Work reads as one complete offer through real media; the original cloud viewer remains intact.
Why: Visitors see the whole offer and original work without choosing service tabs.
Where: aesthera99/site/service-work.css. Work uses the existing type and media with Web Engine reading choreography. */
.fast-drawer--work{width:min(100vw,76rem);background:#f7f8fc;color:#003a7e;scrollbar-color:#003a7e #e6ecf6}
.fast-drawer--work .fast-work{gap:24px;padding:clamp(24px,4.5vw,64px);padding-top:84px}
.fast-drawer--work .fast-drawer__close--floating{position:sticky;float:right;top:18px;margin:18px 18px -62px;background:#f7f8fc;color:#003a7e}
.suite-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:0 0 clamp(38px,5vw,64px)}
.suite-intro>.suite-artifact{grid-column:auto}
.suite-intro>.suite-artifact>img{height:auto;max-height:640px;aspect-ratio:3/4;object-fit:contain}
.suite-eyebrow{font:700 13px/1.4 Arial,sans-serif;letter-spacing:.08em;margin:0 0 24px}
.suite-intro h2{font:400 clamp(34px,4.3vw,55px)/1.05 'Peace Agency',Arial,sans-serif;letter-spacing:-.035em;white-space:pre-line;margin:0;max-width:1000px}
.suite-intro__summary{font:600 clamp(18px,1.7vw,21px)/1.45 Arial,sans-serif;max-width:810px;margin:24px 0 30px;text-wrap:pretty}
.suite-overview{display:grid;grid-template-columns:1fr;gap:14px;border-top:2px solid #003a7e;padding-top:22px}
.suite-overview>div{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:baseline}
.suite-overview strong{font:700 18px/1.2 Arial,sans-serif}
.suite-overview p{font:600 13px/1.5 Arial,sans-serif;margin:0}
.suite-chapter{border-top:1px solid #003a7e4d;padding:clamp(34px,5vw,64px) 0}
.suite-chapter__heading{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:start;margin-bottom:30px}
.suite-chapter__number{grid-column:1/-1;font:700 13px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;margin-bottom:18px}
.suite-chapter__heading h2{font:400 clamp(27px,3.2vw,42px)/1.12 'Peace Agency',Arial,sans-serif;letter-spacing:-.025em;margin:0;text-wrap:balance}
.suite-chapter__heading p{font:600 clamp(17px,1.6vw,21px)/1.5 Arial,sans-serif;margin:0;text-wrap:pretty}
.suite-collection+ .suite-collection{margin-top:52px}
.suite-collection>header{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:0 0 18px}
.suite-collection h3{font:700 25px/1.2 Arial,sans-serif;margin:0}
.suite-collection>header p{font:600 15px/1.45 Arial,sans-serif;margin:0}
.suite-collection__media{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.suite-artifact{margin:0;min-width:0;grid-column:span 3;scroll-margin-top:86px;outline:0}
.suite-artifact>img,.suite-artifact>video{display:block;width:100%;height:clamp(210px,30vw,390px);object-fit:contain;background:#e6eaf1}
.suite-artifact>video{background:#080a10}
.suite-collection__media>.suite-artifact:first-child{grid-column:1/-1}
.suite-collection__media>.suite-artifact:first-child>img,.suite-collection__media>.suite-artifact:first-child>video,.suite-chapter>.suite-artifact>img{height:clamp(260px,45vw,570px)}
.suite-collection--identities .suite-artifact,.suite-collection--identities .suite-artifact:first-child{grid-column:span 2}
.suite-collection--identities .suite-artifact>img,.suite-collection--identities .suite-artifact:first-child>img{height:clamp(230px,34vw,430px)}
.suite-artifact__caption{font:700 15px/1.4 Arial,sans-serif;margin-top:12px;display:flex;justify-content:space-between;gap:14px}
.suite-artifact__credit{font-size:12px;font-weight:600;max-width:48%;text-align:right;opacity:.78}
.suite-artifact[data-selected-work]>img,.suite-artifact[data-selected-work]>video{outline:3px solid #003a7e;outline-offset:5px}
.suite-artifact:focus-visible>img,.suite-artifact video:focus-visible{outline:3px solid #003a7e;outline-offset:5px}
.suite-spaces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.service-placeholder{margin:0;min-height:220px;border:1px dashed #003a7e66;background:linear-gradient(140deg,#f9fbff,#e7eef9);padding:28px;display:flex;flex-direction:column;justify-content:center;color:#003a7e;font:600 16px/1.4 Arial,sans-serif;text-align:left}
.service-placeholder span{font:700 12px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;margin-bottom:24px;opacity:.8}
.service-placeholder strong{font-size:24px;line-height:1.12}
.service-placeholder p{margin:12px 0 0;font-size:16px;line-height:1.5;font-weight:600}
.suite-system{padding:40px;background:#003a7e;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.suite-system h2,.suite-closing h2{font:400 clamp(27px,3vw,39px)/1.15 'Peace Agency',Arial,sans-serif;letter-spacing:-.025em;margin:0;white-space:pre-line}
.suite-system p,.suite-closing p{font:600 clamp(17px,1.7vw,21px)/1.5 Arial,sans-serif;margin:0}
.suite-closing{padding:55px 0 12px}.suite-closing p{margin-top:20px}
.fast-drawer--work .fast-work__contact{width:100%;color:#003a7e;background:transparent;border-color:#003a7e}
.project-cloud__summary{font-weight:600;font-size:clamp(16px,1.12vw,18px);line-height:1.5}
.project-cloud__scope{font-weight:700!important;font-size:14px!important;line-height:1.5!important}
.fast-contact__intro,.scope-feeder__hint,.scope-review__notice,.scope-review__summary p{font-weight:600}
.project-cloud__scope{font:600 12px/1.55 Arial;margin:15px 0 0}
.project-cloud__media-grid .service-placeholder{min-height:300px;grid-column:span 2;grid-row:span 2}
.project-cloud__media-grid[data-project-media-layout=service-web]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:42svh;grid-auto-flow:row;background:#e7eef9}
.project-cloud__media-grid[data-project-media-layout=service-web]>.project-cloud__media-card{grid-column:1/-1;grid-row:span 1}
.project-cloud__media-grid[data-project-media-layout=service-web]>.service-placeholder{grid-column:span 1;grid-row:span 1}
.project-cloud__media-grid[data-project-media-layout=service-social]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr;height:100%;background:#e7eef9}
.project-cloud__media-grid[data-project-media-layout=service-social]>.service-placeholder{grid-column:span 1;grid-row:span 1;justify-content:flex-start;padding-top:12svh}
@media(min-width:701px){
 .project-cloud__media-grid[data-project-media-layout=service-social]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
 .project-cloud__media-grid[data-project-media-layout=service-social]>.service-placeholder{padding-left:28%;padding-top:10svh}
 .project-cloud__media-grid[data-project-media-layout=service-social]>.service-placeholder:last-child{justify-content:flex-end;padding-bottom:9svh;padding-top:0}
 .project-cloud__media-grid[data-project-media-layout=service-web]>.service-placeholder:nth-child(2){text-align:right}
}
.service-film-label{position:absolute;z-index:1;left:12px;bottom:12px;padding:7px 10px;background:#fff;color:#003a7e;font:700 12px Arial}

/* Labels are siblings of the invisible hit areas, so the original atlas is their only motion clock. */
.work-portfolio__label{position:absolute;z-index:3;left:30.5%;top:48.2%;transform:translateX(-50%);font-size:clamp(25px,3.6vw,52px);white-space:nowrap;filter:drop-shadow(0 2px 3px #3375a76b);pointer-events:none;transition:opacity 360ms ease}
.work-portfolio__label[data-figure=angel]{left:67%;top:50.5%;font-size:clamp(24px,3.1vw,46px)}
.work-portfolio__label[data-figure=butterfly]{left:42.5%;top:80.5%}
.work-portfolio__label .cloud-puff-heading{gap:0;justify-content:center}
.work-portfolio__label .cloud-puff-heading__glyph{animation:none;will-change:transform}
.work-sky.is-project-open .work-portfolio__label,.work-sky__portfolios:has(.is-project-source) .work-portfolio__label{opacity:0}
@media(max-width:700px){
 .fast-drawer--work .fast-work{padding:74px 22px 30px}.suite-intro{grid-template-columns:1fr;gap:30px}.suite-eyebrow{font-size:11px;margin-bottom:20px}.suite-intro h2{font-size:clamp(33px,8.7vw,56px)}
 .suite-intro__summary{font-size:19px;margin:22px 0 28px}.suite-overview{grid-template-columns:1fr;gap:16px;padding-top:20px}.suite-overview>div{display:grid;grid-template-columns:115px 1fr;gap:12px;align-items:baseline}.suite-overview strong{font:700 18px/1.25 Arial,sans-serif}.suite-overview p{font-size:13px;margin:0}
 .suite-chapter__heading{grid-template-columns:1fr;gap:15px}.suite-chapter__number{margin:0}.suite-chapter__heading p{font-size:18px}.suite-chapter__heading h2{font-size:30px}
 .suite-collection>header{display:block}.suite-collection>header p{margin-top:8px}.suite-collection__media{gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .suite-artifact,.suite-collection--identities .suite-artifact,.suite-collection--identities .suite-artifact:first-child{grid-column:1/-1}
 .suite-artifact>img,.suite-artifact>video,.suite-collection__media>.suite-artifact:first-child>img,.suite-collection__media>.suite-artifact:first-child>video,.suite-chapter>.suite-artifact>img,.suite-collection--identities .suite-artifact>img,.suite-collection--identities .suite-artifact:first-child>img{height:auto;aspect-ratio:var(--artifact-ratio);max-height:70svh;object-fit:contain}
 .suite-artifact__caption{font-size:14px}.suite-artifact__credit{font-size:11px}.suite-spaces{grid-template-columns:1fr;gap:18px}.service-placeholder{padding:24px;min-height:210px}
 .suite-system{grid-template-columns:1fr;padding:28px 24px;gap:24px}.suite-system p,.suite-closing p{font-size:18px}.suite-closing{padding-top:42px}
 .project-cloud__summary{font-size:17px;line-height:1.5}.project-cloud__media-grid .service-placeholder{grid-column:1/-1}
 .work-portfolio__label{font-size:clamp(16px,5.2vw,30px);top:49%}.work-portfolio__label[data-figure=angel]{font-size:clamp(16px,5.1vw,30px);top:51.2%}
 .project-cloud__media-grid[data-project-media-layout=service-web],.project-cloud__media-grid[data-project-media-layout=service-social]{grid-template-columns:1fr;grid-auto-rows:45svh;height:auto}
 .project-cloud__media-grid[data-project-media-layout=service-social]>.service-placeholder{padding-top:40px}
}
@media(prefers-reduced-motion:reduce){.work-portfolio__label .cloud-puff-heading__glyph{will-change:auto}}

/* The Social chapter uses one landscape lead and three uncropped app films. */
[data-work-chapter=web]>.suite-artifact>video{height:auto;aspect-ratio:16/9;object-fit:contain}
[data-work-chapter=web] .suite-collection__media{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
[data-work-chapter=web] .suite-collection__media>.suite-artifact{grid-column:auto}
[data-work-chapter=web] .suite-collection__media>.suite-artifact>img{height:auto;aspect-ratio:16/9;object-fit:contain}
[data-work-chapter=web] .suite-artifact__caption{display:block}
[data-work-chapter=web] .suite-artifact__credit{display:block;max-width:none;text-align:left;margin-top:6px}
.suite-website-link{display:inline-block;margin-top:12px;color:inherit;text-decoration:underline;text-underline-offset:4px}
[data-work-chapter=web] .suite-collection__media>.suite-artifact>video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.project-cloud__media-card:has(video[data-portfolio-video]){min-width:0;min-height:0;overflow:hidden}
.project-cloud__media-card>video[data-portfolio-video]{display:block;width:100%;height:100%;max-width:100%;min-width:0;min-height:0;object-fit:cover;pointer-events:none}
.project-cloud__media-grid[data-project-media-layout=service-web] video[data-portfolio-video],.project-cloud__media-grid[data-project-media-layout=service-social] video[data-portfolio-video]{object-fit:contain}
.project-cloud__media-grid[data-project-media-layout=service-web]{grid-template-columns:1fr;grid-auto-rows:auto;height:auto}
.project-cloud__media-grid[data-project-media-layout=service-web]>.project-cloud__media-card{aspect-ratio:16/9;grid-column:auto;grid-row:auto}
.project-cloud__media-grid[data-project-media-layout=service-web]>.project-cloud__media-card img{object-fit:contain}
.project-gallery__stage:has(video[src*="/portfolio/web/"]){position:relative}
.project-gallery__stage>video[src*="/portfolio/web/"]{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:contain}
@media(max-width:700px){[data-work-chapter=web] .suite-collection__media{grid-template-columns:1fr}}
[data-work-chapter=social]>.suite-artifact>video{height:auto;aspect-ratio:16/9;background:white}
[data-work-chapter=social] .suite-collection__media{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
[data-work-chapter=social] .suite-collection__media>.suite-artifact{grid-column:auto}
[data-work-chapter=social] .suite-collection__media>.suite-artifact>video{height:auto;max-height:none;aspect-ratio:1/2;background:white}
[data-work-chapter=social] .suite-collection__media .suite-artifact__caption{display:block}
[data-work-chapter=social] .suite-collection__media .suite-artifact__credit{display:block;max-width:none;text-align:left;margin-top:6px}
.project-cloud__media-grid[data-project-media-layout=service-social]{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;grid-auto-rows:auto;height:auto;background:white}
.project-cloud__media-grid[data-project-media-layout=service-social]>.project-cloud__media-card{grid-column:auto;grid-row:auto;aspect-ratio:1/2}
.project-cloud__media-grid[data-project-media-layout=service-social]>.project-cloud__media-card img{object-fit:contain}
/* Replaced-video intrinsic sizing otherwise overflows the gallery's shrinking grid row. */
.project-gallery__stage:has(video[src*="/portfolio/social/"]){position:relative}
.project-gallery__stage>video[src*="/portfolio/social/"]{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:contain}
@media(max-width:700px){
 [data-work-chapter=social] .suite-collection__media{grid-template-columns:1fr}
 [data-work-chapter=social] .suite-collection__media>.suite-artifact>video{max-height:70svh}
 .project-cloud__media-grid[data-project-media-layout=service-social]{grid-template-columns:1fr}
.project-cloud__media-grid[data-project-media-layout=service-social]>.project-cloud__media-card{max-height:70svh}
}

/* Yellow editorial Work: quiet grids, emphatic scale, and original uncropped media.
   All new rules belong to the Work drawer; shared cloud layouts above retain ownership. */
.fast-drawer--work{width:100vw;background:var(--signal-yellow);color:#15170c;scrollbar-color:#15170c var(--signal-yellow)}
.fast-drawer--work .fast-work{padding:92px clamp(24px,5vw,96px) 56px;gap:0;max-width:1800px;margin:auto}
.fast-drawer--work .fast-drawer__close--floating{background:var(--signal-yellow);color:#15170c;top:20px;margin-right:25px;width:48px;height:48px;border:1px solid #15170c}
.fast-drawer--work .fast-drawer__close--floating:hover{background:#15170c;color:var(--signal-yellow)}
.suite-intro{grid-template-columns:1.12fr 1fr;gap:5vw;align-items:center;min-height:calc(100svh - 140px);padding-bottom:72px}
.suite-eyebrow{font:400 12px/1.4 Arial,sans-serif;letter-spacing:.13em;margin-bottom:30px}
.suite-intro h2{font-size:clamp(56px,7.7vw,132px);line-height:.9;letter-spacing:-.065em;max-width:none}
.suite-intro__summary{max-width:480px;font-size:clamp(19px,1.75vw,27px);line-height:1.35;margin:28px 0}
.suite-intro>.suite-artifact{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-height:400px}
.suite-intro>.suite-artifact>video{height:65svh;max-height:850px;width:100%;object-fit:cover;background:#0a312d;border-radius:45% 45% 0 0}
.suite-overview{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid #15170c;padding-top:14px;max-width:520px}
.suite-jump{border:0;border-bottom:1px solid transparent;padding:10px 20px 10px 0;background:transparent;color:inherit;font:400 12px/1.4 Arial,sans-serif;cursor:pointer;transition:padding 180ms,border-color 180ms}
.suite-jump:hover,.suite-jump:focus-visible{border-bottom-color:currentColor;padding-right:28px;outline-offset:5px}
.suite-chapter{border-top:1px solid #15170c;padding:90px 0 100px}
.suite-chapter__heading{grid-template-columns:1.25fr 1fr;gap:24px 8vw;margin:0 0 45px;align-items:end}
.suite-chapter__number{font:400 13px/1.4 Arial,sans-serif;letter-spacing:.12em;margin:0 0 8px}
.suite-chapter__heading h2{font-size:clamp(46px,6.5vw,112px);line-height:.95;letter-spacing:-.055em;white-space:pre-line;text-wrap:initial}
.suite-chapter__heading p{font-size:clamp(22px,2.2vw,32px);line-height:1.35;max-width:490px}
.suite-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin:0 0 80px}
.suite-benefits>div{border-top:1px solid #15170c66;padding-top:18px}
.suite-benefits h3{font:600 17px/1.25 Arial,sans-serif;letter-spacing:-.025em;margin:0 0 12px}
.suite-benefits p{font:500 19px/1.45 'LT Saeada',Arial,sans-serif;margin:0;max-width:340px}
.suite-collection+ .suite-collection{margin-top:85px}
.suite-collection>header{margin-bottom:25px;align-items:start;gap:50px}
.suite-collection h3{font:400 clamp(30px,3.3vw,52px)/1 'Peace Agency',Arial,sans-serif;letter-spacing:-.045em}
.suite-collection>header p{font-size:18px;max-width:450px;text-align:right}
.suite-collection__media{gap:38px 24px}
.suite-artifact>img,.suite-artifact>video{background:transparent;height:clamp(280px,44vw,620px)}
.suite-collection__media>.suite-artifact:first-child>img,.suite-collection__media>.suite-artifact:first-child>video{height:auto;max-height:80svh;aspect-ratio:var(--artifact-ratio);object-fit:contain}
.suite-artifact__caption{font:400 13px/1.4 Arial,sans-serif;margin-top:12px;padding-top:10px;border-top:1px solid #15170c44;gap:20px}
.suite-artifact__credit{font-size:11px;font-weight:400;opacity:.72}
.suite-collection--identities .suite-artifact>img,.suite-collection--identities .suite-artifact:first-child>img{height:40vw;max-height:590px}
[data-work-chapter=web] .suite-collection__media{gap:44px 28px}
[data-work-chapter=web] .suite-collection__media>.suite-artifact>img,[data-work-chapter=web] .suite-collection__media>.suite-artifact>video{border-radius:12px}
.suite-website-link{font:600 13px/1.4 Arial,sans-serif;text-decoration:none;border-bottom:1px solid;padding-bottom:5px;transition:padding 180ms}
.suite-website-link:hover{padding-left:12px;padding-right:12px}
[data-work-chapter=web]>.suite-artifact{max-width:880px;margin:64px auto 0}
[data-work-chapter=social] .suite-collection__media{gap:28px}
[data-work-chapter=social] .suite-collection__media>.suite-artifact>video{border-radius:18px}
.suite-system{position:relative;border-top:1px solid #15170c;border-bottom:1px solid #15170c;padding:75px 0;background:transparent;color:inherit;grid-template-columns:1.25fr 1fr;gap:28px 8vw}
.suite-system>.suite-eyebrow{grid-column:1/-1;margin:0}
.suite-system h2{font-size:clamp(42px,5.7vw,94px);line-height:.98;letter-spacing:-.055em}
.suite-system p{font-size:25px;line-height:1.4}
.suite-system .suite-system__authorship{grid-column:2;font-size:18px;max-width:440px}
.suite-closing{padding:100px 0 35px;display:grid;grid-template-columns:1.25fr 1fr;gap:25px 8vw;align-items:end}
.suite-closing>.suite-eyebrow{grid-column:1/-1;margin:0}
.suite-closing h2{font-size:clamp(52px,7.3vw,122px);line-height:.92;letter-spacing:-.06em}
.suite-closing p{font-size:25px;line-height:1.4;margin:0}
.fast-drawer--work .fast-work__contact{border:1px solid #15170c;border-radius:0;background:#15170c;color:var(--signal-yellow);padding:27px 30px;display:flex;justify-content:space-between;align-items:center;transition:background 200ms,color 200ms}
.fast-drawer--work .fast-work__contact:after{content:'↗';font:400 32px/1 Arial}
.fast-drawer--work .fast-work__contact:hover{background:transparent;color:#15170c}
.fast-drawer--work .fast-work__contact:focus-visible,.suite-jump:focus-visible,.suite-website-link:focus-visible{outline:3px solid #15170c;outline-offset:5px}
@media(min-width:1450px){.suite-intro>.suite-artifact>video{max-height:750px}}
@media(max-width:700px){
 .fast-drawer--work .fast-work{padding:84px 22px 28px}.fast-drawer--work .fast-drawer__close--floating{margin-right:16px;top:14px;width:44px;height:44px}
 .suite-intro{grid-template-columns:1fr;gap:30px;padding-bottom:48px;min-height:0}.suite-eyebrow{font-size:10px;margin-bottom:25px}
 .suite-intro h2{font-size:clamp(54px,13vw,90px);line-height:.94}.suite-intro__summary{font-size:21px;line-height:1.4;max-width:440px}
 .suite-overview{display:flex;gap:0}.suite-jump{font-size:11px;padding-right:15px}.suite-intro>.suite-artifact{min-height:0}.suite-intro>.suite-artifact>video{height:55svh;max-height:560px;border-radius:42% 42% 0 0}
 .suite-chapter{padding:50px 0 55px}.suite-chapter__heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.suite-chapter__number{font-size:11px}.suite-chapter__heading h2{font-size:clamp(42px,11vw,75px)}.suite-chapter__heading p{font-size:23px}
 .suite-benefits{grid-template-columns:1fr;gap:22px;margin-bottom:45px}.suite-benefits>div{display:grid;grid-template-columns:1fr 1.35fr;gap:20px;padding-top:16px}.suite-benefits h3{font-size:16px}.suite-benefits p{font-size:17px;line-height:1.4}
 .suite-collection>header{display:block}.suite-collection h3{font-size:34px}.suite-collection>header p{text-align:left;font-size:18px;margin-top:12px}.suite-collection+ .suite-collection{margin-top:52px}
 .suite-artifact>img,.suite-artifact>video,.suite-collection--identities .suite-artifact>img,.suite-collection--identities .suite-artifact:first-child>img{height:auto;max-height:75svh;aspect-ratio:var(--artifact-ratio)}
 .suite-artifact__caption{font-size:12px}.suite-artifact__credit{font-size:10px}.suite-system{grid-template-columns:1fr;padding:50px 0;gap:24px}.suite-system h2{font-size:12vw}.suite-system p{font-size:23px}.suite-system .suite-system__authorship{grid-column:1;font-size:18px}
 .suite-closing{grid-template-columns:1fr;padding:55px 0 30px;gap:25px}.suite-closing h2{font-size:13vw}.suite-closing p{font-size:23px}.fast-drawer--work .fast-work__contact{padding:22px}
}
@media(prefers-reduced-motion:reduce){.suite-jump,.suite-website-link,.fast-drawer--work .fast-work__contact{transition:none}}
/* Owner correction: a colorful Aesthera99 composition, held in rounded white surfaces.
   Blue carries reading contrast; lilac and pink separate the chapter personalities. */
.fast-drawer--work{--work-blue:var(--post-cloud-blue);--work-lilac:var(--fluid-world-pink);color:var(--work-blue);scrollbar-color:var(--work-blue) var(--signal-yellow)}
.fast-drawer--work .fast-work{padding:76px 32px 32px;max-width:1640px}
.fast-drawer--work .fast-drawer__close--floating{background:white;color:var(--work-blue);border:0;box-shadow:0 3px 14px #003a7e12}
.fast-drawer--work .fast-drawer__close--floating:hover{background:var(--work-lilac);color:var(--work-blue)}
.suite-intro{position:relative;background:white;border-radius:42px;padding:48px;grid-template-columns:1.13fr 1fr;gap:42px;min-height:0;margin-bottom:30px;overflow:hidden}
.suite-intro__copy{position:relative;z-index:1}
.suite-eyebrow{font-family:'Aeogo Pixel',monospace;letter-spacing:.02em;font-size:12px;color:var(--work-blue)}
.suite-intro h2{font-size:clamp(48px,5.9vw,96px);line-height:1.01;letter-spacing:-.045em;white-space:normal}
.suite-title>span{display:block}.suite-title>span:nth-child(2){color:#9862ab}.suite-title>span:last-child{color:var(--work-lilac);font-size:1.34em;letter-spacing:-.075em;text-shadow:0 2px 0 #b47ccf}
.suite-intro__summary{font-size:clamp(20px,1.65vw,25px);line-height:1.4;margin:24px 0 28px;max-width:460px}
.suite-intro>.suite-artifact{background:var(--work-lilac);padding:16px;border-radius:32px;min-height:0;align-self:stretch;justify-content:flex-start;box-shadow:0 8px 0 #003a7e0a}
.suite-intro>.suite-artifact>video{flex:1;min-height:360px;height:53svh;max-height:720px;border-radius:22px;object-fit:cover}
.suite-intro .suite-artifact__caption{border:0;margin:0;padding:16px 5px 3px;color:var(--work-blue)}
.suite-overview{border:0;gap:9px;max-width:none;padding:0;flex-wrap:wrap}
.suite-jump{border:0;border-radius:30px;background:#e9effc;padding:12px 16px;color:var(--work-blue);font-family:'Aeogo Pixel',monospace;font-size:11px;transition:background 200ms,translate 200ms}
.suite-jump:nth-child(2){background:#eee3f8}.suite-jump:nth-child(3){background:#fbe2ed}
.suite-jump:hover,.suite-jump:focus-visible{background:var(--signal-yellow);padding:12px 16px;translate:0 -3px}
.suite-chapter{--chapter-accent:var(--work-blue);background:white;border:0;border-radius:42px;padding:48px;margin:0 0 30px;overflow:hidden}
.suite-chapter__heading{gap:24px 60px;align-items:center;margin-bottom:34px;grid-template-columns:1.05fr 1fr}
.suite-chapter__number{width:max-content;padding:10px 18px;border-radius:22px;background:#e9effc;font-family:'Aeogo Pixel',monospace;letter-spacing:.04em;color:var(--chapter-accent)}
.suite-chapter__heading h2{font-size:clamp(45px,5.2vw,82px);line-height:1.02;letter-spacing:-.045em;color:var(--chapter-accent)}
.suite-chapter__heading p{font-size:clamp(21px,1.95vw,29px);line-height:1.4}
.suite-benefits{gap:14px;margin-bottom:60px;counter-reset:benefit}
.suite-benefits>div{border:0;border-radius:22px;padding:25px;background:#eef3fb;counter-increment:benefit}
.suite-benefits>div:nth-child(2){background:#f0e6fa}.suite-benefits>div:nth-child(3){background:#ffe9f0}
.suite-benefits>div:before{content:'0' counter(benefit);display:block;font:400 12px/1 'Aeogo Pixel',monospace;margin-bottom:28px;opacity:.65}
.suite-benefits h3{font-size:18px;color:var(--chapter-accent)}
.suite-benefits p{font-size:18px;line-height:1.45}
.suite-collection+ .suite-collection{margin-top:60px}
.suite-collection h3{font-size:clamp(30px,3vw,46px);color:var(--chapter-accent)}
.suite-collection>header p{font-size:18px}
.suite-collection__media{gap:25px 18px}
.suite-artifact__caption{border-color:#003a7e25;color:var(--work-blue)}
.suite-artifact>img,.suite-artifact>video{border-radius:20px;background:#f1eff8}
.suite-collection__media>.suite-artifact:first-child>img,.suite-collection__media>.suite-artifact:first-child>video{border-radius:26px}
[data-work-chapter=web]{--chapter-accent:#003a7e;background:#e7edfb}
[data-work-chapter=web] .suite-chapter__number{background:white}
[data-work-chapter=web] .suite-benefits>div{background:white}
[data-work-chapter=web] .suite-benefits>div:nth-child(2){background:#dca5f9}
[data-work-chapter=web] .suite-benefits>div:nth-child(3){background:#f8f5b1}
[data-work-chapter=web] .suite-collection__media>.suite-artifact{background:white;padding:12px 12px 20px;border-radius:24px}
[data-work-chapter=web] .suite-artifact__caption{border:0;padding:12px 10px 0;margin:0}
[data-work-chapter=web] .suite-collection__media{gap:22px}
.suite-website-link{border:0;border-radius:20px;background:#e9effc;padding:9px 14px;transition:background 180ms,color 180ms}
.suite-website-link:hover{padding:9px 14px;background:var(--work-blue);color:white}
[data-work-chapter=social]{--chapter-accent:#824b96;background:#f9e7f3}
[data-work-chapter=social] .suite-chapter__number{background:white}
[data-work-chapter=social] .suite-benefits>div{background:white}
[data-work-chapter=social] .suite-benefits>div:nth-child(2){background:#e4cdf5}
[data-work-chapter=social] .suite-benefits>div:nth-child(3){background:#fff6be}
[data-work-chapter=social] .suite-collection__media{gap:22px}
[data-work-chapter=social] .suite-artifact{background:white;padding:12px;border-radius:28px}
[data-work-chapter=social] .suite-artifact__caption{padding:12px 5px 4px;border:0}
.suite-system{padding:48px;background:var(--work-blue);color:white;border:0;border-radius:42px;gap:24px 60px;grid-template-columns:1.1fr 1fr;margin-bottom:30px}
.suite-system>.suite-eyebrow{color:#dca5f9}.suite-system h2{color:var(--work-lilac);font-size:clamp(42px,4.8vw,78px);line-height:1.02}
.suite-system p{font-size:23px}.suite-system .suite-system__authorship{color:#e9dcf7;font-size:18px}
.suite-closing{background:white;padding:48px;border-radius:42px 42px 0 0;gap:26px 50px;margin-top:0}
.suite-closing h2{font-size:clamp(46px,5.7vw,92px);color:var(--work-blue);line-height:1.01}
.suite-closing p{font-size:23px}
.fast-drawer--work .fast-work__contact{border:0;border-radius:0 0 42px 42px;background:var(--work-lilac);color:var(--work-blue);padding:27px 48px}
.fast-drawer--work .fast-work__contact:hover{background:var(--work-blue);color:white}
.fast-drawer--work .fast-work__contact:focus-visible,.suite-jump:focus-visible,.suite-website-link:focus-visible{outline-color:var(--work-blue)}
@media(max-width:700px){
 .fast-drawer--work .fast-work{padding:70px 12px 20px}.suite-intro{padding:28px 23px;grid-template-columns:1fr;gap:28px;border-radius:28px;margin-bottom:18px}
 .suite-eyebrow{font-size:10px;line-height:1.6;margin-bottom:22px}.suite-intro h2{font-size:clamp(37px,10.1vw,65px);line-height:1.04}.suite-intro__summary{font-size:20px;margin:23px 0}.suite-overview{gap:8px}.suite-jump{font-size:10px;padding:11px 13px}.suite-jump:hover,.suite-jump:focus-visible{padding:11px 13px}
 .suite-intro>.suite-artifact{padding:10px;border-radius:22px}.suite-intro>.suite-artifact>video{height:48svh;min-height:280px;border-radius:15px;max-height:540px}
 .suite-intro .suite-artifact__caption{font-size:10px;gap:8px;padding:12px 2px 3px}.suite-intro .suite-artifact__credit{font-size:9px}
 .suite-chapter{padding:28px 22px;border-radius:28px;margin-bottom:18px}.suite-chapter__heading{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.suite-chapter__number{font-size:10px;padding:10px 13px}.suite-chapter__heading h2{font-size:clamp(34px,9.4vw,62px)}.suite-chapter__heading p{font-size:21px}
 .suite-benefits{grid-template-columns:1fr;gap:12px;margin-bottom:35px}.suite-benefits>div{display:block;padding:22px;border-radius:19px}.suite-benefits>div:before{margin-bottom:16px}.suite-benefits h3{font-size:17px;margin-bottom:10px}.suite-benefits p{font-size:18px;max-width:none}
 .suite-collection>header p{font-size:17px}.suite-collection h3{font-size:29px}.suite-collection__media{gap:24px}.suite-artifact__caption{display:block;font-size:11px}.suite-artifact__credit{display:block;max-width:none;text-align:left;margin-top:5px;font-size:10px}
 [data-work-chapter=web] .suite-collection__media>.suite-artifact{padding:9px 9px 17px;border-radius:20px}.suite-website-link{font-size:12px}
 .suite-system{padding:30px 24px;grid-template-columns:1fr;border-radius:28px;gap:24px;margin-bottom:18px}.suite-system h2{font-size:10vw}.suite-system p{font-size:21px}.suite-system .suite-system__authorship{grid-column:1;font-size:17px}
 .suite-closing{padding:30px 24px;grid-template-columns:1fr;border-radius:28px 28px 0 0}.suite-closing h2{font-size:11vw}.suite-closing p{font-size:21px}.fast-drawer--work .fast-work__contact{padding:24px;border-radius:0 0 28px 28px}
}
@media(prefers-reduced-motion:reduce){.suite-jump,.suite-jump:hover{translate:none;transition:none}}
/* A floated close control must not narrow the whole grid and leave an uneven yellow rail. */
.fast-drawer--work .fast-work{width:100%;min-width:0}
.suite-title>span:last-child{color:#a363bd;text-shadow:none}
/* Original work retains its dimensions and opaque pixels. */
/* Reserve source proportions before lazy video metadata arrives, preventing chapter-jump drift. */
.fast-drawer--work .suite-chapter .suite-artifact>img,.fast-drawer--work .suite-chapter .suite-artifact>video{height:auto;min-height:0;max-height:none;aspect-ratio:var(--artifact-ratio);object-fit:contain;background:transparent}
.fast-drawer--work .suite-chapter .suite-artifact{align-self:start;opacity:1}
.fast-drawer--work [data-work-chapter=branding] .suite-collection__media>.suite-artifact:first-child>img{width:auto;max-width:100%;max-height:78svh;margin-inline:auto}
/* Vinci material, flat color only. Masks protect native lettering and original media. */
/* Mixed-ratio campaigns stack independently instead of inheriting the tallest grid row. */
.fast-drawer--work .suite-collection__media--stacked{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.suite-collection__media--stacked>.suite-artifact{grid-column:1/-1}
.suite-artifact-stack{display:flex;flex-direction:column;gap:24px;min-width:0}
@media(max-width:700px){.fast-drawer--work .suite-collection__media--stacked{grid-template-columns:1fr}}
.fast-drawer--work .work-liquid{position:relative;isolation:isolate}
.fast-drawer--work .work-liquid>.work-liquid__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0;border-radius:inherit;mix-blend-mode:normal;filter:none;mask-image:none}
.fast-drawer--work .work-liquid-ink{color:#a51f67;text-shadow:none;background:none}
.fast-drawer--work .work-liquid-ink span{color:inherit;text-shadow:none;transition:none}
.fast-drawer--work .work-liquid-ink.work-liquid--painted,.fast-drawer--work .work-liquid-ink.work-liquid--painted span{-webkit-text-fill-color:transparent}
.fast-drawer--work h2.work-liquid>.work-liquid__canvas,.fast-drawer--work h3.work-liquid>.work-liquid__canvas{z-index:0;border-radius:0}
.fast-drawer--work .suite-intro{background:#fff}
.fast-drawer--work .suite-intro>.suite-artifact{background:#f2a7ce}
.fast-drawer--work .suite-intro .suite-artifact__caption{background:#f9ddeb;border-radius:8px}
.fast-drawer--work .suite-jump{overflow:hidden}
.fast-drawer--work .suite-system .work-liquid-ink{color:#f05aae}
/* The drawer is the native touch scroll owner; heading line boxes reserve actual ink height. */
.fast-drawer{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;overflow-anchor:none}
.fast-drawer--work .suite-chapter__heading{min-width:0}
.fast-drawer--work .suite-chapter__heading h2{min-width:0;white-space:pre-line;line-height:1.16;padding-block:.08em;text-wrap:initial}
@media(max-width:700px){
 .fast-drawer--work .suite-chapter__heading h2{font-size:clamp(29px,8.8vw,58px);letter-spacing:-.035em}
}
@media(prefers-reduced-motion:reduce){.fast-drawer--work .work-liquid>.work-liquid__canvas{display:none}.fast-drawer--work .work-liquid-ink.work-liquid--painted,.fast-drawer--work .work-liquid-ink.work-liquid--painted span{-webkit-text-fill-color:currentColor}}
/* Owner-selected white original wordmark; liquid remains on non-text surfaces only. */

/* Original alpha artwork: 1096x619, visible bounds x85 y174 w975 h249. */
.work-header-logo{position:absolute;top:10px;left:32px;width:220px;aspect-ratio:975/249;z-index:4;background:#003a7e;mask:url('./public/assets/aesthera99-logo.png') 70.247934% 47.027027%/112.410256% 248.594378% no-repeat}
.work-header-logo img{display:block;width:100%;height:100%;opacity:0}
@media(max-width:700px){.work-header-logo{top:12px;left:24px;width:180px}}/* Same source-loop poses: centered lower vertex on desktop, dedicated vertical atlas on phones. */
.work-portfolio--butterfly{left:29.914474%}
.work-portfolio__label[data-figure=butterfly]{left:48.914474%}
.work-sky__portfolios:has(.work-portfolio--butterfly.is-project-source.is-project-ready) .work-sky__portfolios-video{--portfolio-source-mask:radial-gradient(ellipse 12% 15% at 48.514474% 68.8%,transparent 0 88%,#000 100%)}
@media(max-width:700px){
 .work-sky__portfolios{--portfolio-composition-width:min(100vw,53.5svh);aspect-ratio:608/1000}
 .work-portfolio--heart{left:1.973684%;top:0;width:96.052632%}
 .work-portfolio--angel{left:7.072368%;top:33%;width:85.855263%}
 .work-portfolio--butterfly{left:12.006579%;top:66%;width:75.986842%}
 .work-portfolio__label,.work-portfolio__label[data-figure=angel],.work-portfolio__label[data-figure=butterfly]{left:50%;font-size:clamp(18px,5.2vw,27px)}
 .work-portfolio__label{top:28%}
 .work-portfolio__label[data-figure=angel]{top:62%}
 .work-portfolio__label[data-figure=butterfly]{top:94%}
 .work-sky__portfolios:has(.work-portfolio--heart.is-project-source.is-project-ready) .work-sky__portfolios-video{--portfolio-source-mask:radial-gradient(ellipse 23% 13.2% at 50% 16.88%,transparent 0 88%,#000 100%)}
 .work-sky__portfolios:has(.work-portfolio--angel.is-project-source.is-project-ready) .work-sky__portfolios-video{--portfolio-source-mask:radial-gradient(ellipse 28% 15.6% at 49.38% 47.32%,transparent 0 88%,#000 100%)}
 .work-sky__portfolios:has(.work-portfolio--butterfly.is-project-source.is-project-ready) .work-sky__portfolios-video{--portfolio-source-mask:radial-gradient(ellipse 24% 12% at 49.17% 78.24%,transparent 0 88%,#000 100%)}
}