/* Live-text post artwork and the expanded carousel / reel storyboard viewer. */
.showcase-artwork{position:relative;isolation:isolate;container-type:inline-size;overflow:hidden;background:#edf8ff;color:#173d6b;line-height:1.6;text-align:left;border:1px solid #d1e5f2}
.artwork-carousel{aspect-ratio:4/5}.artwork-reel{aspect-ratio:9/16}
.showcase-artwork p{margin:0}.showcase-artwork img{display:block;max-width:100%;object-fit:contain}
.art-photo{position:absolute;inset:0}.art-photo>img{width:100%;height:100%;object-fit:cover}
.art-brow{position:absolute;top:4%;left:6%;z-index:2;padding:1.5cqw 3cqw;background:#fff;color:#0b65b1;border:1px solid #c8dfee;border-radius:20cqw;font-size:3cqw;font-weight:800;line-height:1.7}
.art-page{position:absolute;top:4%;right:5%;z-index:3;display:inline-block;padding:.9cqw 2cqw;border:1px solid #c9dfed;background:#fffffff0;border-radius:10cqw;font:700 2.7cqw/1.5 'DM Sans',sans-serif;color:#315c7c}
.art-ortho{background:#edf8ff}
.art-ortho .art-brow{max-width:70%;top:3%;font-size:2.8cqw;padding:1cqw 2.5cqw}
.art-ortho .art-photo{top:12%;left:6%;right:6%;bottom:auto;height:45%;border:1.2cqw solid #fff;border-radius:14cqw 14cqw 4cqw 4cqw;overflow:hidden;box-shadow:0 0 0 .5cqw #b9dced}
.art-ortho .art-photo>img{object-position:50% 40%}
.art-question{position:absolute;left:8%;top:25%;font:800 22cqw/1 'DM Sans',sans-serif;color:#ffcf25;text-shadow:.7cqw .7cqw 0 white;transform:rotate(-9deg)}
.art-ortho .art-tooth{position:absolute;top:50%;right:3%;z-index:2;width:25%;height:18%;filter:drop-shadow(.5cqw .5cqw 0 #fff)}
.art-pretitle{position:absolute;top:60%;left:7%;right:30%;font-size:3.2cqw;font-weight:700;color:#0b65b1}
.art-cover-title{position:absolute;top:68%;left:7%;right:5%;font-family:var(--heading);font-size:7.2cqw;line-height:1.7;font-weight:800;letter-spacing:-.02em}
.art-cover-title strong{display:block;font-size:8.3cqw;font-weight:900;line-height:1.8;background:linear-gradient(transparent 65%,#ffe23dbb 65%);width:fit-content}
.art-footer{position:absolute;bottom:4%;left:7%;right:7%;display:flex;justify-content:space-between;gap:3cqw;align-items:center;font-size:3.2cqw;line-height:1.7;font-weight:700;color:#315c7c}
.art-footer>span{font-size:5cqw;line-height:1}
.art-team{background:#174c83;color:white}
.art-team:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 26%,#103f7833 40%,#0a3975ed 100%);z-index:0;pointer-events:none}
.art-team .art-photo>img{object-position:50% 42%}
.art-team .art-brow{font-size:3.3cqw;color:#0b65b1}
.art-team .art-cover-title{top:auto;bottom:14%;font-size:4.4cqw;color:#fff;z-index:1;line-height:1.9}
.art-team .art-cover-title strong{font-size:11cqw;line-height:1.6;background:transparent;color:#fff;letter-spacing:.01em;margin-top:3cqw}
.art-team .art-footer{color:#fff;z-index:1;font-size:3.6cqw;bottom:5%}
.art-reel{background:#244c6d;color:#fff}
.art-reel:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(transparent 28%,#102a4133 48%,#092d55d9 100%);pointer-events:none}
.art-reel .art-photo>img{object-position:50% 43%}
.art-reel .art-brow{top:5%;font-size:4.1cqw;left:5%;right:5%;text-align:center;letter-spacing:0;padding:2cqw 1cqw;border:0;border-radius:2cqw}
.art-reel-title{position:absolute;left:6%;right:5%;bottom:23%;z-index:1;font-family:var(--heading);font-size:8.5cqw;line-height:1.8;font-weight:900;letter-spacing:-.035em}
.art-reel-title>span{display:table;padding:0 2cqw;background:#0d3567ed;color:white;margin-bottom:2cqw}
.art-reel-title>strong{display:table;padding:0 2cqw;background:#ffe23def;color:#173d6b;font-weight:900;line-height:1.8}
.art-reel-bottom{position:absolute;left:7%;right:7%;bottom:11%;z-index:1;font-size:4.1cqw;line-height:1.9;color:white;font-weight:700;text-shadow:0 1px 4px #0007}
.art-sample-label{position:absolute;bottom:4%;left:7%;right:7%;z-index:1;font:600 2.6cqw/1.7 'DM Sans',sans-serif;letter-spacing:.03em;color:#fff}
.art-recruit.art-reel .art-brow{background:#fff2f7;color:#64445c}
.art-inside{--inside-color:#0b65b1;--inside-bg:#ecf8ff;display:flex;flex-direction:column;background:var(--inside-bg);padding:7%}
.art-inside.art-recruit{--inside-color:#275e70;--inside-bg:#f0fbf7}
.inside-top{display:flex;align-items:center;justify-content:space-between;gap:3cqw;font:700 2.5cqw/1.6 'DM Sans',sans-serif;color:var(--inside-color);letter-spacing:.04em}
.inside-top .art-page{position:static;font-size:2.5cqw;padding:.6cqw 1.5cqw}
.art-inside .inside-kicker{font-size:3.6cqw;font-weight:700;line-height:1.7;color:var(--inside-color);margin-top:5cqw}
.art-inside .inside-title{font-family:var(--heading);font-size:8.4cqw;line-height:1.65;font-weight:900;letter-spacing:-.025em;margin-top:3.5cqw;color:#173d6b}
.inside-body{display:grid;grid-template-columns:minmax(0,1fr) 31%;gap:2cqw;align-items:center;flex:1;min-height:0;padding-block:4cqw}
.inside-body>img{grid-column:2;grid-row:1;width:100%;height:28cqw;object-fit:contain}
.inside-body>ul{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:3cqw;list-style:none;padding:0;margin:0}
.inside-body li{display:flex;align-items:flex-start;gap:1.6cqw;font-size:5cqw;line-height:1.9;font-weight:700;color:#315c7c}
.inside-body li:before{content:'✓';display:block;color:var(--inside-color);font-size:3.4cqw;line-height:2;flex-shrink:0}
.inside-foot{padding-top:3cqw;border-top:.3cqw dashed #b6d4e6;font-size:3.6cqw;line-height:1.9;font-weight:700;color:var(--inside-color)}
.inside-foot>span{float:right;font-size:4cqw;line-height:1.5;margin-left:2cqw}
.art-reel-question .art-reel-title{top:37%;bottom:auto;font-size:8.5cqw}
.art-reel-question .art-reel-title>strong{background:#0b4f9bf0;color:white}
.reel-question-list{position:absolute;left:7%;right:7%;bottom:13%;z-index:1;display:flex;flex-direction:column;gap:3cqw}
.reel-question-list li{background:#fffffff0;border-radius:2cqw;color:#173d6b;font-size:4.5cqw;line-height:1.8;font-weight:800;padding:1.8cqw 3cqw}
.art-reel-end{background:#eaf8ff;border-color:#badcee;color:#173d6b}
.art-reel-end.art-recruit{background:#effaf4}
.art-reel-end>.art-brow{font-size:3.6cqw;top:6%;left:6%;right:6%;text-align:center}
.art-reel-end>img{position:absolute;top:19%;left:8%;width:84%;height:34%;object-fit:contain}
.reel-end-title{position:absolute;left:7%;right:6%;bottom:24%;font-family:var(--heading);font-size:8.2cqw;line-height:1.9;font-weight:900;letter-spacing:-.03em}
.reel-end-text{position:absolute;left:7%;right:7%;bottom:13%;font-size:4.1cqw;line-height:1.9;font-weight:700;color:#315c7c}
.art-reel-end .art-sample-label{color:#315c7c}
.showcase-frame-wrap{position:relative}.showcase-cover-open{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:0;padding:0;color:#173d6b;display:block}
.showcase-cover-open>span{position:absolute;right:3%;bottom:3%;display:grid;place-items:center;width:37px;height:37px;border:1px solid #a9c9dd;border-radius:50%;background:#fffffff0;font-size:21px;font-weight:500;box-shadow:0 2px 0 #d8e9f3}
.showcase-cover-open:hover{background:#fff1}.showcase-cover-open:hover>span{background:#ffe23d}
.showcase-cover-open:focus-visible{outline:3px solid #0b65b1;outline-offset:3px;z-index:3}
.post-dialog.showcase-dialog{width:min(980px,calc(100% - 32px));max-height:94dvh;padding:20px 24px 19px;border:2px solid #c7e1f2;border-radius:20px;background:#f3f9fd;overscroll-behavior:contain}
.showcase-dialog .post-dialog-header{position:sticky;top:-20px;z-index:5;padding:10px 0 14px;background:#f3f9fd;border-bottom:1px solid #cce2f0;margin-bottom:20px}
.showcase-dialog .post-dialog-header h2{font-size:17px;color:#173d6b;font-family:var(--heading);font-weight:800}
.showcase-dialog .post-dialog-close{width:44px;height:44px;box-shadow:0 2px 0 #d1e4f0}
.showcase-dialog .post-preview-stage{max-width:none;margin:0}
.viewer-layout{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:30px;align-items:start}
.viewer-gallery{background:#fff;border:1px solid #d1e5f2;border-radius:14px;padding:16px;min-width:0}
.viewer-slides{width:100%;margin:auto}.viewer-slide[hidden]{display:none}
.viewer-gallery-reel .viewer-slides,.viewer-gallery-reel .viewer-account{max-width:236px;margin-inline:auto}
.viewer-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:15px;margin-top:16px}
.viewer-controls>button{width:44px;height:44px;display:grid;place-items:center;background:#edf8ff;border:1px solid #bdd9ea;border-radius:50%;color:#0b65b1;font-size:21px}
.viewer-controls>button:hover{background:#ffe23d}.viewer-controls>button:disabled{opacity:.35;cursor:default;background:#edf8ff}
.viewer-current{text-align:center;color:#315c7c;font:700 13px/1.7 'DM Sans',sans-serif}
.viewer-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
.viewer-dots>button{width:44px;height:44px;border-radius:9px;border:1px solid #c4deed;background:#fff;color:#315c7c;font:700 12px 'DM Sans',sans-serif}
.viewer-dots>button[aria-pressed=true]{background:#ffe23d;border-color:#ddbd21;color:#173d6b}
.viewer-how{font-size:10px;line-height:1.9;color:#526b86;text-align:center;margin-top:13px}
.viewer-info{min-width:0;padding-top:8px}.viewer-kind{font-size:10px;font-weight:700;color:#0b65b1;background:#fff;border:1px solid #c9dfed;border-radius:20px;padding:5px 12px;display:inline-block;line-height:1.8}
.viewer-info>h3{font-size:23px;line-height:1.9;margin-top:15px;font-weight:900;color:#173d6b}
.viewer-intent{margin-top:20px}.viewer-intent>span{font-size:11px;font-weight:700;color:#0b65b1}.viewer-intent>p{font-size:13px;line-height:2.1;color:#486985;margin-top:10px}
.viewer-caption{margin-top:23px;padding:21px 22px;background:#fff;border:1px solid #d1e4f0;border-radius:13px}
.viewer-caption h4{font-size:11px;font-weight:700;color:#0b65b1}.viewer-caption>p{font-size:13px;line-height:2.1;white-space:pre-line;color:#315c7c;margin-top:14px}
.viewer-sample-note{font-size:10px;line-height:2;color:#526b86;margin-top:19px}
.showcase-dialog>.post-preview-note{font-size:10px;line-height:1.9;margin-top:19px;color:#526b86}
@media(max-width:800px){.viewer-layout{grid-template-columns:1fr;gap:24px}.viewer-gallery{width:100%;max-width:370px;justify-self:center}.viewer-info{padding-top:0}.viewer-info>h3{font-size:22px}.viewer-caption>p{font-size:14px}.viewer-intent>p{font-size:14px}.showcase-dialog .post-dialog-header h2{font-size:15px}}
@media(max-width:600px){.post-dialog.showcase-dialog{width:calc(100% - 20px);max-height:94dvh;padding:12px 13px 17px;border-radius:15px}.showcase-dialog .post-dialog-header{top:-12px;padding-top:5px;margin-bottom:16px}.showcase-dialog .post-dialog-header h2{font-size:14px}.showcase-dialog .post-dialog-close{width:44px;height:44px}.viewer-gallery{padding:12px;border-radius:11px}.viewer-info>h3{font-size:21px}.viewer-kind{font-size:9px}.viewer-intent{margin-top:17px}.viewer-caption{padding:18px 17px;margin-top:20px}.viewer-caption>p{font-size:13px;line-height:2.15}.viewer-intent>p{font-size:13px;line-height:2.1}.viewer-controls{gap:12px;margin-top:14px}.viewer-how{font-size:9px}.viewer-sample-note,.showcase-dialog>.post-preview-note{font-size:9px}.showcase-cover-open>span{width:35px;height:35px;font-size:20px}}