/* Photo-led Instagram cover examples. Each frame remains live text over original generated photography. */
.goal-panel{grid-template-columns:.95fr 1.22fr;gap:40px;min-height:555px}.sample-pair.realistic-samples{grid-template-columns:1fr .86fr;gap:16px;align-items:center;padding-bottom:0;max-width:none}.real-sample{min-width:0}.post-kind{font-size:10px;font-weight:600;display:flex;align-items:center;gap:8px;line-height:1.6;margin-bottom:10px;color:#526b86;white-space:nowrap}.post-kind>span{font:800 8px/1.4 'DM Sans',sans-serif;letter-spacing:.04em;color:#0b65b1}.real-frame{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:5px;border:1px solid #e7e0d8;container-type:inline-size;box-shadow:3px 5px 0 #e3edf3;background:#e7dfd4;isolation:isolate}.real-frame h4{font-family:'Noto Sans JP',sans-serif;font-weight:700;margin:0}.real-frame img{display:block;width:100%;height:100%;object-fit:cover}.ortho-cover{background:#e8e2d8;color:#604b36}.ortho-cover:before,.ortho-cover:after{content:'';position:absolute;border-radius:50%;background:#fff8;z-index:-1}.ortho-cover:before{width:70%;height:55%;right:-24%;bottom:-15%;background:#eaddd880}.ortho-cover:after{width:72%;height:58%;left:-25%;bottom:-6%}.cover-account{position:absolute;top:4%;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;font-family:'Noto Serif JP',serif;font-size:3.5cqw;letter-spacing:.04em;color:#5c4837}.cover-account>span{font:600 2.8cqw 'DM Sans',sans-serif;border:1px solid #87715966;border-radius:20px;padding:1cqw 2cqw}.ortho-photo{position:absolute;top:13%;left:6%;right:6%;height:51%;border:1cqw solid #fff6e8;border-radius:18cqw 18cqw 3cqw 3cqw;overflow:hidden;box-shadow:0 0 0 .5cqw #d7c5a6}.ortho-photo img{object-position:50% 42%}.cover-question{position:absolute;left:12%;top:25%;font:500 23cqw 'Noto Serif JP',serif;line-height:1;color:#d2a755;transform:rotate(-9deg);opacity:.9}.cover-pretitle{position:absolute;left:7%;right:7%;top:69%;font:500 3.4cqw/1.7 'Noto Serif JP',serif;letter-spacing:.02em}.ortho-title{position:absolute;left:7%;right:5%;top:75%;font-family:'Noto Serif JP',serif!important;font-size:8.2cqw;line-height:1.85;letter-spacing:.02em;color:#5c4837;white-space:nowrap}.ortho-title>span{background:linear-gradient(transparent 60%,#e5ca8c66 60%);padding-right:2cqw}.cover-bottomline{position:absolute;bottom:4%;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;font-family:'Noto Serif JP',serif;font-size:2.6cqw;color:#6a5541}.cover-bottomline>span{font-size:5cqw}.post-zoom{position:absolute;right:3%;bottom:3%;z-index:5;display:grid;place-items:center;width:32px;height:32px;background:#fffffff0;border:1px solid #173d6b22;border-radius:50%;color:#173d6b;box-shadow:0 2px 5px #173d6b12}.post-zoom svg{width:14px;height:14px;stroke-width:1.7}.post-zoom:hover{background:#ffdf37}.ortho-cover .post-zoom{top:16%;bottom:auto;right:9%}.reel-frame{aspect-ratio:9/16;background:#d1c5b6;border-color:#d8d3cd}.reel-frame:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(transparent 36%,#0000000a 48%,#162220a8 100%);pointer-events:none}.reel-frame>img{object-position:50% 43%}.reel-topic{position:absolute;left:5%;right:5%;top:5%;z-index:1;display:block;background:#f9f8f1f5;color:#172c36;font-size:5.4cqw;line-height:1.8;text-align:center;font-weight:900;box-shadow:0 1px 3px #0002}.reel-title{position:absolute;left:6%;right:5%;bottom:25%;z-index:1;font-size:9.8cqw;line-height:1.7;letter-spacing:-.025em;color:#fff;text-shadow:0 1px 3px #0005}.reel-title>span{display:table;background:#182323ee;margin-top:2.2cqw;padding:0 2.2cqw}.reel-title>span:last-child{background:#f5e28ef5;color:#172c36;text-shadow:none}.reel-subtitle{position:absolute;bottom:14%;left:7%;right:7%;z-index:1;font-size:4.1cqw;line-height:1.8;font-weight:700;color:white;text-shadow:0 1px 4px #0008}.reel-footnote{position:absolute;bottom:4.5%;left:7%;z-index:1;font:500 2.6cqw/1.5 'DM Sans',sans-serif;letter-spacing:.04em;color:#fff}.reel-frame .post-zoom{width:29px;height:29px}.day-cover{color:white;background:#567070}.day-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 26%,#162d321a 44%,#153b46d9 100%);z-index:0;pointer-events:none}.day-cover>img{object-position:53% 42%}.day-cover-tag{position:absolute;left:6%;top:5%;z-index:1;display:block;padding:1.6cqw 3cqw;background:#faf8f0f2;color:#4c605a;font-size:4.1cqw;font-weight:600;letter-spacing:.025em}.day-page{position:absolute;right:5%;top:5%;z-index:1;font:600 3cqw/1.7 'DM Sans',sans-serif;color:#fff;background:#173d6b8c;border-radius:20px;padding:1cqw 2cqw}.day-cover-title{position:absolute;left:7%;right:7%;bottom:7%;z-index:1}.day-cover-title>p{font-size:3.8cqw;line-height:1.7;letter-spacing:.03em;color:white;margin-bottom:4cqw}.day-cover-title h4{font-family:'Noto Serif JP',serif;font-size:12cqw;line-height:1.6;font-weight:600;letter-spacing:.04em;color:white;text-shadow:0 1px 3px #173d6b4d}.day-cover-title>span{display:block;font-size:3.4cqw;letter-spacing:.04em;line-height:1.8;margin-top:4cqw;color:white}.recruit-reel .reel-topic{background:#f6e5e8f7;color:#513c42;font:700 4.3cqw/2 'DM Sans',sans-serif;letter-spacing:.08em;padding-block:1cqw}.recruit-reel .reel-title{font-size:9.3cqw;bottom:24%}.recruit-reel .reel-title>span:last-child{background:#f6d6e2f5;color:#433339}.recruit-reel .reel-subtitle{font-size:3.7cqw}.realistic-samples .sample-disclaimer{position:static;grid-column:1/-1;font-size:9px;line-height:1.9;color:#526b86;margin-top:4px}.realistic-samples .sample-disclaimer>span{display:block;margin-bottom:5px;font-size:9px;font-weight:600;color:#0b65b1}.post-dialog{width:min(495px,calc(100% - 30px));max-height:94dvh;border:0;border-radius:16px;padding:18px 20px 20px;overflow:auto;background:#f4f7f9}.post-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.post-dialog-header h2{font-size:14px;font-family:'Noto Sans JP',sans-serif;font-weight:700;line-height:1.6;margin:0}.post-dialog-close{width:40px;height:40px;background:white;color:#173d6b;border-radius:50%;font-size:27px;line-height:1;flex-shrink:0}.post-dialog-close:hover{background:var(--lime)}.post-preview-stage{max-width:390px;margin:auto}.post-preview-stage .real-frame{box-shadow:none}.post-preview-stage .reel-frame{max-width:310px;margin:auto}.post-dialog>.post-preview-note{font-size:10px;text-align:center;color:#526b86;line-height:1.9;margin-top:15px}
.cover-pretitle{top:67%}.ortho-title{top:73%;font-size:8cqw;line-height:1.55}.cover-bottomline{bottom:3%;line-height:1.3}.cover-bottomline>span{font-size:4cqw;line-height:1}
@media(max-width:1200px){.goal-panel{gap:27px;grid-template-columns:.98fr 1.12fr;padding-inline:25px}.sample-pair.realistic-samples{gap:13px}.post-kind{font-size:8px;gap:6px}.post-kind>span{font-size:7px}.realistic-samples .sample-disclaimer{font-size:8px}}
@media(max-width:1100px){.goal-panel{grid-template-columns:.95fr 1.12fr;gap:23px}.post-kind{font-size:7px;gap:5px}.post-kind>span{font-size:6px}.post-zoom{width:27px;height:27px}.post-zoom svg{width:12px;height:12px}}
@media(max-width:800px){.goal-panel{grid-template-columns:1fr;padding:30px;gap:30px}.sample-pair.realistic-samples{width:100%;max-width:500px;margin-inline:auto;gap:18px;align-items:center}.post-kind{font-size:10px;gap:8px}.post-kind>span{font-size:8px}.realistic-samples .sample-disclaimer{font-size:10px}.post-zoom{width:32px;height:32px}.post-zoom svg{width:14px;height:14px}}
@media(max-width:600px){.goal-panel{padding:25px 15px 22px;gap:29px;min-height:0}.sample-pair.realistic-samples{grid-template-columns:1fr .86fr;gap:12px}.post-kind{font-size:8px;gap:4px;margin-bottom:9px;flex-wrap:wrap;line-height:1.6}.post-kind>span{font-size:7px;display:block;width:100%}.realistic-samples .sample-disclaimer{font-size:9px;line-height:1.95;margin-top:4px}.realistic-samples .sample-disclaimer>span{font-size:9px;margin-bottom:6px}.real-frame{border-radius:4px;box-shadow:2px 4px 0 #e3edf3}.post-zoom,.reel-frame .post-zoom{width:25px;height:25px;right:4%;bottom:3%}.post-zoom svg{width:11px;height:11px}.ortho-cover .post-zoom{top:16%;bottom:auto;right:9%}.post-dialog{padding:13px 15px 16px;border-radius:13px}.post-dialog-header{margin-bottom:10px}.post-dialog-header h2{font-size:13px}.post-dialog-close{width:37px;height:37px;font-size:25px}.post-preview-stage .reel-frame{max-width:280px}.post-dialog>.post-preview-note{font-size:9px;margin-top:13px}}
@media(max-width:360px){.goal-panel{padding-inline:12px}.sample-pair.realistic-samples{gap:10px}.post-kind{font-size:7px}.post-kind>span{font-size:6px}.post-zoom svg{width:10px;height:10px}}
.post-zoom,.reel-frame .post-zoom{width:44px;height:44px;background:transparent;border:0;box-shadow:none}.post-zoom:before{content:'';position:absolute;inset:6px;border:1px solid #173d6b22;border-radius:50%;background:#fffffff0;box-shadow:0 2px 5px #173d6b12;transition:background .2s}.post-zoom svg{position:relative;z-index:1}.post-zoom:hover{background:transparent}.post-zoom:hover:before{background:#ffdf37}@media(max-width:600px){.post-zoom:before{inset:9px}}