/* Amorusse case: white base with pale blue-grey project sections. */
.amorusse-page{--paper:#fff;background:#fff}.amorusse-page .header{background:#fff}
.am-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;margin-top:48px}.am-title h1{font-size:clamp(76px,7.8vw,112px);line-height:1;letter-spacing:-6px;font-weight:700;margin-top:12px}.am-title>.eyebrow{color:var(--muted)}.am-intro-copy{font-size:16px;line-height:1.7;color:var(--muted);max-width:370px;margin-top:24px}.am-title>.text-link{margin-top:26px}.am-cover{margin:0}.am-cover .case-image-button{background:#fff}.amorusse-page .case-meta{grid-template-columns:1fr 1.2fr 1fr 1.5fr;margin-bottom:0;margin-top:40px}.am-tint{background:#f4f7fb}.am-desktop-preview .case-image-button{aspect-ratio:1.72;background:#fff}.am-desktop-preview img{height:100%;object-fit:cover;object-position:top}.am-screen-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:58px}.am-screen-pair h3,.am-ui-heading h3{font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.8px}.am-screen-pair article>p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:14px;max-width:460px;min-height:48px}.am-screen-pair .case-figure{margin-top:24px}.am-screen-pair .case-image-button{height:370px;background:#fff}.am-profile-preview img{height:100%;object-fit:cover;object-position:top}.am-chat-preview img{height:100%;object-fit:contain}.am-mobile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:44px;padding:36px 48px;border-radius:20px;background:#f4f7fb}.am-mobile-grid .case-figure{margin:0}.am-mobile-screen .case-image-button{aspect-ratio:375/720;border-radius:14px;border:0;background:#fff;box-shadow:0 8px 22px #2921330a}.am-mobile-screen img{height:auto}.am-mobile-screen figcaption{font-size:11px;margin-top:16px}.am-image-note{font-size:11px;color:var(--muted);text-align:center;margin-top:18px}.am-logo-board{display:flex;align-items:center;justify-content:center;min-height:260px;flex-direction:column;gap:34px;border-radius:18px;background:var(--paper);margin:40px 0 0;padding:48px}.am-logo-board img{width:min(420px,90%);height:auto}.am-logo-board figcaption{font-size:11px;color:var(--muted)}.am-ui-heading{display:flex;justify-content:space-between;align-items:start;gap:56px;margin-top:58px}.am-ui-heading h3{max-width:430px}.am-ui-heading .case-copy{max-width:440px;font-size:14px}.am-ui-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.am-ui-grid .case-image-button{aspect-ratio:.78;background:#fff}.am-ui-grid img{height:100%;object-fit:cover;object-position:top}.am-case-end{padding-block:44px}.am-case-end .case-end{margin:0}
@media(max-width:1100px){.am-intro-grid{gap:32px}.am-title h1{font-size:clamp(66px,7.9vw,88px);letter-spacing:-4px}.am-title .case-subtitle{font-size:28px}.am-intro-copy{font-size:14px}.am-mobile-grid{padding:30px;gap:25px}.am-screen-pair .case-image-button{height:300px}.am-screen-pair h3,.am-ui-heading h3{font-size:25px}}
@media(max-width:760px){.am-intro-grid{grid-template-columns:1fr;gap:30px;margin-top:34px}.am-title h1{font-size:clamp(60px,14.8vw,86px);letter-spacing:-3.6px}.am-title .case-subtitle{font-size:27px}.am-intro-copy{max-width:420px;margin-top:20px}.am-title>.text-link{margin-top:20px}.am-cover{max-width:500px;width:100%}.amorusse-page .case-meta{grid-template-columns:1fr 1fr;margin-top:28px;gap:22px 18px}.am-desktop-preview .case-image-button{aspect-ratio:1.2}.am-screen-pair{grid-template-columns:1fr;gap:36px;margin-top:36px}.am-screen-pair h3,.am-ui-heading h3{font-size:25px}.am-screen-pair article>p{min-height:0;margin-top:12px}.am-screen-pair .case-figure{margin-top:20px}.am-screen-pair .case-image-button{height:auto;aspect-ratio:1.12}.am-chat-preview .case-image-button{aspect-ratio:1.77}.am-mobile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 14px;margin-top:28px;border-radius:12px}.am-mobile-screen .case-image-button{border-radius:6px}.am-mobile-screen .zoom-label{inset:auto 4px 6px auto;width:24px;height:24px;padding:5px;overflow:hidden;font-size:0;gap:0;justify-content:center}.am-mobile-screen figcaption{font-size:9px;margin-top:10px;line-height:1.5}.am-image-note{font-size:10px;margin-top:14px}.am-logo-board{min-height:180px;padding:32px 22px;gap:25px;margin-top:28px;border-radius:12px}.am-logo-board img{width:85%}.am-ui-heading{flex-direction:column;gap:15px;margin-top:36px}.am-ui-heading .case-copy{font-size:14px}.am-ui-grid{gap:14px}.am-ui-grid .case-figure{margin-top:24px}.am-ui-grid .case-image-button{border-radius:8px}.am-ui-grid figcaption{font-size:9px}.am-case-end{padding-block:30px}.am-case-end .case-end{gap:24px}.amorusse-page .case-breadcrumb>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.amorusse-page .case-image-button img{transition:none}@media(hover:hover){.amorusse-page .case-image-button[data-enlarge]:hover img{transform:none}}}



.amorusse-page .case-image-button,
.amorusse-page .am-logo-board{
  box-shadow:none;
  border:1px solid #e0e5ec;
}

/* Keep the chat screenshot in its original proportions, without letterboxing. */
.am-screen-pair .am-chat-preview .case-image-button{height:auto;aspect-ratio:16/9}
.am-screen-pair .am-chat-preview img{height:auto;object-fit:contain}

/* Give original artwork a consistent presentation grid. */
.am-artwork-showcase{display:grid;gap:28px;margin-top:36px}
.am-artwork-showcase .case-figure{margin:0}
.am-icon-board,.am-illustration-board{padding:48px;background:#fff}
.am-icon-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px 16px;align-items:center;justify-items:center}
.am-icon-grid .am-art:nth-last-child(2){grid-column:6}
.am-icon-grid .am-art{width:32px;height:32px;max-width:100%;overflow:visible}
.am-spot-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:24px;align-items:center;justify-items:center}
.am-spot-grid .am-art{width:100%;height:auto;aspect-ratio:1;max-width:132px;overflow:visible}
.am-character-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;justify-items:center;margin-top:48px}
.am-character-grid .am-art{width:100%;height:240px;max-width:320px;overflow:visible}

/* Separate case navigation from the hero metadata. */








@media(max-width:1100px){.am-icon-board,.am-illustration-board{padding:36px}.am-icon-grid{gap:20px 12px}.am-spot-grid{gap:16px}.am-character-grid{gap:32px;margin-top:36px}}
@media(max-width:760px){
 .am-artwork-showcase{gap:22px;margin-top:26px}
 .am-icon-board,.am-illustration-board{padding:24px}
 .am-icon-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 12px}
 .am-icon-grid .am-art{width:24px;height:24px}
 .am-icon-grid .am-art:nth-last-child(2){grid-column:3}
 .am-spot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 .am-spot-grid .am-art:last-child{grid-column:2}
 .am-character-grid{gap:24px;margin-top:32px}
 .am-character-grid .am-art{height:140px}





}

/* Six mobile website screens: three columns on desktop, two on phones. */

@media(max-width:760px){.am-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding:20px 16px}}

/* Equal mobile viewports with the original action panels anchored to their lower edge. */
.am-mobile-screen .case-image-button{aspect-ratio:375/667}
.am-mobile-screen .case-image-button>.am-screen-body{position:absolute;top:0;left:0;right:0}
.am-screen-body{display:block;position:relative;overflow:hidden;flex:none;width:100%}
.am-screen-body>img{position:absolute;inset:0 auto auto 0;width:100%;height:auto;max-width:none}
.am-screen-footer{display:block;flex:none;width:100%;background-size:100% auto;background-repeat:no-repeat;background-color:#fff}
.am-mobile-screen .am-screen-footer{position:absolute;inset:auto 0 0;z-index:1}@media(hover:hover){.am-mobile-screen .case-image-button[data-enlarge]:hover img{transform:none}}
.am-mobile-screen .zoom-label{top:10px;bottom:auto;z-index:2}
.am-filter-icon-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px}
.am-filter-icon-grid .am-art:nth-last-child(2){grid-column:auto}
@media(max-width:760px){
 .am-filter-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}
 .am-filter-icon-grid .am-art{width:28px;height:28px}
 .am-filter-icon-grid .am-art:nth-last-child(2){grid-column:auto}
 .am-mobile-screen .zoom-label{inset:6px 4px auto auto}
}

/* More breathing room between the hero, project facts, and navigation. */
.amorusse-page .case-meta{margin-top:64px}
.amorusse-page .case-intro{padding-bottom:56px}
@media(max-width:760px){.amorusse-page .case-meta{margin-top:40px}.amorusse-page .case-intro{padding-bottom:36px}}