/* Original Ambrosio identity inside the portfolio's shared editorial system. */
.project-ambrosio{--amb-yellow:#ffc72a;--amb-charcoal:#1d252c}
.amb-intro-info{display:grid;grid-template-columns:1fr 1fr;gap:var(--project-gap);padding:64px 0 60px}
.amb-facts{display:flex;flex-wrap:wrap;align-content:start;gap:28px 40px;font-size:11px;line-height:1.6}
.amb-facts dt{color:#777;margin-bottom:8px}.amb-facts dd{margin:0}
.amb-intro-info .project-summary{max-width:37ch;margin:0}
.amb-cover{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#f5f4ef;margin:0}
.amb-cover-sign{padding:clamp(22px,3vw,55px);display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.amb-cover-sign>.mono{font-size:10px}.amb-cover-sign>img{width:62%;height:auto;margin:auto;display:block}
.amb-film{aspect-ratio:1;position:relative;min-width:0}
.amb-video-control{position:absolute;right:18px;bottom:16px;z-index:2;font-size:10px;background:#fff;color:#111;border:0;min-height:44px;padding:10px 15px;cursor:pointer}
.amb-video-control:focus-visible{outline:2px solid #ffc72a;outline-offset:4px}
.amb-gallery{gap:24px}.amb-chapter{padding-top:clamp(80px,10vw,160px);padding-bottom:24px}
.amb-photo{background:#f3f2ee}.amb-photo>img{width:100%;height:auto;display:block}
.amb-portrait{aspect-ratio:2/3}.amb-square{aspect-ratio:1}.amb-portrait>img,.amb-square>img{height:100%;object-fit:cover}
.amb-diagram{background:#fff;display:grid;place-items:center;padding:clamp(24px,4vw,64px) 0}
.amb-diagram>img{width:100%;height:auto;object-fit:contain}
.amb-evolution{padding-top:45px;padding-bottom:55px}.amb-name-grid{padding-inline:5%}
.amb-masonry{padding:clamp(25px,5vw,80px);min-height:380px}
.amb-lockup{background:#f5f4ef;display:grid;place-items:center;padding:15%;aspect-ratio:1.25}.amb-lockup>img{width:100%;height:auto}
.amb-mark{display:flex;flex-direction:column;padding:clamp(24px,3vw,48px);background:var(--amb-yellow);min-height:0}
.amb-mark>div{flex:1;min-height:250px;display:grid;place-items:center}.amb-mark img{width:45%;height:auto;display:block}.amb-mark figcaption{font-size:11px;padding-top:30px}
.amb-mark.amb-bianco{background:var(--amb-charcoal);color:white}
.amb-palette{grid-column:1/-1;display:grid;grid-template-columns:2fr 1fr;min-height:160px}
.amb-palette>div{display:flex;flex-direction:column;justify-content:space-between;padding:26px;font-size:11px;background:var(--amb-yellow)}.amb-palette>div+div{background:var(--amb-charcoal);color:#fff}
.amb-palette+.amb-mark{min-height:430px}.amb-palette+.amb-mark+.amb-mark{min-height:430px}
.amb-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;grid-column:1/-1}
.amb-triptych>.project-media{grid-column:auto!important}
.amb-finale{grid-column:1/-1;position:relative;background:var(--amb-yellow);padding:clamp(28px,5vw,80px);min-height:480px;display:flex;flex-direction:column;gap:90px;justify-content:space-between;margin-top:65px;overflow:hidden}
.amb-finale>.mono{font-size:11px}.amb-finale h2{font-size:clamp(48px,7vw,112px);font-weight:500;line-height:1.02;letter-spacing:-.055em;max-width:80%}.amb-finale>img{position:absolute;width:15%;height:auto;bottom:12%;right:5%}
.amb-credits{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:75px 0 100px}.amb-credits>.mono{font-size:11px}.amb-credits p{font-size:14px;line-height:1.6}.amb-credits p+p{margin-top:18px;color:#666}
.amb-home-card{position:relative}.amb-work-link{display:block}.projects-editorial .work-card .work-image.amb-sequence-cover{aspect-ratio:1!important}.amb-sequence-cover .orbit-media{position:absolute;inset:0}.amb-home-card .amb-video-control{bottom:20px;right:20px}
.project-next-preview.amb-next-cover{aspect-ratio:1;background:#ffc72a}
@media(max-width:800px){
 .project-ambrosio .project-topline{gap:12px}.project-ambrosio .project-topline>.mono{font-size:9px}
 .amb-intro-info{grid-template-columns:1fr;padding:35px 0;gap:32px}.amb-facts{order:2;gap:22px 28px;font-size:10px}.amb-intro-info .project-summary{max-width:none;font-size:22px}
 .amb-cover{grid-template-columns:1fr}.amb-cover-sign{min-height:340px;padding:24px}.amb-cover-sign>img{width:48%;max-width:260px;padding:20px 0}
 .amb-gallery{gap:16px}.amb-chapter{grid-template-columns:1fr;gap:20px;padding:65px 0 20px}.amb-chapter .project-copy h2{font-size:34px}.amb-chapter .project-copy p{font-size:18px;max-width:none}
 .amb-triptych{gap:16px;grid-template-columns:1fr 1fr}.amb-triptych>figure:last-child{grid-column:1/-1!important;aspect-ratio:1.15}.amb-triptych>figure:last-child img{height:100%;object-fit:cover}
 .amb-mark{min-height:360px}.amb-mark>div{min-height:250px}.amb-mark img{width:42%}.amb-palette+.amb-mark,.amb-palette+.amb-mark+.amb-mark{min-height:360px}
 .amb-masonry{min-height:280px}.amb-evolution{padding:30px 0}.amb-name-grid{padding:28px 0}.amb-palette{min-height:120px}.amb-palette>div{padding:20px 16px;font-size:10px}
 .amb-finale{min-height:360px;padding:28px 22px;gap:65px;margin-top:35px}.amb-finale h2{font-size:clamp(36px,9vw,65px);max-width:85%}.amb-finale>img{width:16%;right:6%;bottom:9%}
 .amb-credits{grid-template-columns:1fr;padding:50px 0 65px}
}
@media(prefers-reduced-motion:reduce){.amb-video-control{display:none}}
@media(max-width:360px){.project-ambrosio .site-footer{grid-template-columns:1fr;gap:14px}.project-ambrosio .site-footer>a:last-child{justify-self:start}}
/* Updated construction boards from the original Illustrator document. */
.amb-board{margin:0;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:clamp(20px,3vw,48px)}
.amb-board>img{display:block;width:100%;height:auto;object-fit:contain;max-height:760px}
.amb-board figcaption,.amb-logo-motion figcaption{font-size:10px;line-height:1.5;color:#606060}
.amb-triptych>.amb-board{padding:12px;justify-content:space-between}
.amb-triptych>.amb-board img{aspect-ratio:1;object-fit:contain}
.amb-board-7>img,.amb-board-8>img,.amb-board-9>img{max-height:720px}
.amb-logo-motion{background:#fff;grid-column:1/-1;margin:0;padding:20px 0}
.amb-logo-motion>.amb-film{width:min(100%,720px);margin:auto}
.amb-logo-motion>figcaption{padding:10px 24px 0;text-align:center}
@media(max-width:800px){.amb-triptych:has(.amb-board){grid-template-columns:1fr}.amb-triptych>.amb-board:last-child{aspect-ratio:auto}.amb-triptych>.amb-board:last-child img{height:auto;object-fit:contain}.amb-triptych>.amb-board{padding:22px}.amb-board{padding:16px 0;gap:18px}.amb-board figcaption{padding-inline:8px}.amb-board-8{padding-block:12px}.amb-logo-motion{padding-block:0}}
/* Configurations are laid out in HTML, using the portfolio's label system. */
.amb-config-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 36px}
.amb-config{margin:0;padding:30px 20px 24px;border-top:1px solid #d6d6d6;display:flex;flex-direction:column;gap:32px}
.amb-config>div{height:300px;display:flex;align-items:center;justify-content:center}
.amb-config img{max-width:84%;width:auto;height:auto;max-height:210px;display:block}.amb-config:first-child img{width:175px;height:175px}
.amb-config figcaption{font-size:10px;line-height:1.5;color:#606060}
.amb-responsive{grid-column:1/-1;padding:28px 0 0;border-top:1px solid #d6d6d6}
.amb-responsive-top{display:flex;align-items:center;justify-content:space-between;font-size:11px}
.amb-device-stage{width:min(100%,1000px);margin:0 auto}.amb-device-stage svg{display:block;width:100%;height:auto;overflow:visible}
.amb-device-stage :is(rect,path,circle){vector-effect:non-scaling-stroke;stroke-width:1.2px}
.amb-responsive-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:5px 0 28px;min-height:100px}
.amb-responsive-bottom p{margin:0}.amb-responsive-bottom .mono{font-size:11px;margin-bottom:10px}.amb-responsive-bottom p:not(.mono){font-size:15px;line-height:1.5;color:#666}
.amb-responsive-play{font-size:11px;border:0;background:transparent;white-space:nowrap;padding:14px 0 14px 18px;cursor:pointer;min-height:44px}
.amb-device-options{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d6d6d6}
.amb-device-options button{border:0;background:none;text-align:left;font-size:10px;padding:20px 8px;color:#777;cursor:pointer;min-height:54px;position:relative}
.amb-device-options button::before{content:'';width:5px;height:5px;display:inline-block;background:transparent;margin-right:10px;vertical-align:middle}
.amb-device-options button[aria-pressed=true]{color:#111}.amb-device-options button[aria-pressed=true]::before{background:#111}
.amb-responsive button:focus-visible{outline:2px solid #111;outline-offset:3px}
@media(max-width:800px){.amb-config-grid{grid-template-columns:1fr;gap:24px;margin-bottom:24px}.amb-config{padding:22px 0;gap:24px}.amb-config>div{height:260px}.amb-config img{max-height:195px}.amb-responsive{padding-top:22px}.amb-responsive-top{font-size:9px}.amb-device-stage{margin-block:24px}.amb-responsive-bottom{align-items:flex-start;gap:10px;padding-bottom:22px}.amb-responsive-bottom p:not(.mono){font-size:13px;max-width:28ch}.amb-responsive-play{font-size:10px;padding-top:0}.amb-device-options{grid-template-columns:1fr 1fr}.amb-device-options button{font-size:9px;padding:16px 0}.amb-device-options button:nth-child(n+3){border-top:1px solid #eee}}
@media(prefers-reduced-motion:reduce){.amb-responsive-play{display:none}}

/* Independent monogram replaces the third construction board. */
.amb-independent{grid-column:1/-1;margin:0;background:white;border-top:0;scroll-margin-top:100px}
.amb-independent-stage{width:min(100%,800px);margin:0 auto}.amb-independent-stage svg{display:block;width:100%;height:auto}
.amb-independent figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 24px;font-size:10px;color:#606060}
.amb-independent button{font-size:11px;border:0;background:transparent;cursor:pointer;min-height:44px;padding:12px 0 12px 20px;color:#111;white-space:nowrap}
.amb-independent button:focus-visible{outline:2px solid #111;outline-offset:4px}
@media(max-width:800px){.amb-independent-stage{padding-block:30px}.amb-independent figcaption{font-size:9px}.amb-independent button{font-size:10px}}

.amb-photo-solo{width:min(100%,660px);justify-self:center}

/* Match the construction cards, including their labels and square framing. */
.amb-triptych>.amb-independent .amb-independent-stage{width:100%;padding:0;aspect-ratio:1}
.amb-triptych>.amb-independent figcaption{position:relative;padding:0;min-height:15px;gap:8px}
.amb-triptych>.amb-independent button{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:10px;padding:10px 0 10px 8px}
.amb-triptych>.amb-independent svg{aspect-ratio:1;overflow:hidden}

/* Original pencil sketches open the process, ahead of the geometric construction. */
.amb-sketch{grid-column:1/-1;width:min(100%,1100px);justify-self:center;margin:clamp(40px,6vw,80px) 0 0;background:#fff}
.amb-sketch>img{display:block;width:100%;height:auto}
.amb-sketch figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 0;font-size:10px;line-height:1.5;color:#606060}
@media(max-width:400px){.amb-sketch figcaption{font-size:9px;gap:10px;flex-wrap:wrap}}

/* Unified vector construction: one stage for letter, synthesis and filled mark. */
.amb-unified{padding:0;background:#fff}
.amb-unified .amb-independent-stage{width:min(100%,900px);padding:0}
.amb-unified figcaption{padding:8px 12px 20px;gap:12px}
@media(max-width:400px){.amb-unified figcaption{font-size:9px;flex-wrap:wrap}.amb-unified button{font-size:9px}}

/* Closing application triptych: preserve complete square images on small screens. */
@media(max-width:800px){.amb-digital-triptych{grid-template-columns:1fr}.amb-digital-triptych>figure:last-child{aspect-ratio:1}.amb-digital-triptych>figure:last-child img{height:auto;object-fit:contain}}