/* Authored material, not an arbitrary page builder. Layout stays studio-owned. */
.cs-parent-case{display:inline-flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 24px 24px;padding:10px 14px;border:1px solid #e5e3de;border-radius:24px;font-size:12px;color:#666;text-decoration:none}
.cs-parent-case strong{font-weight:500;color:#111}.cs-parent-case svg{width:15px;height:15px;stroke:currentColor}
.cs-parent-case:focus-visible,.cs-linked-case>a:focus-visible{outline:2px solid #ff6418;outline-offset:6px}
.cs-authored{padding-top:56px;padding-bottom:64px}
.cs-authored__image{margin:0;overflow:hidden;border-radius:24px;background:#f3f2ef}
.cs-authored__image>img{display:block;width:100%;height:auto}
.cs-authored__copy{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;margin-top:38px;align-items:start}
.cs-page .cs-authored__copy h2{font-size:clamp(28px,3.5vw,48px);line-height:1.12;font-weight:500;letter-spacing:-.045em;overflow-wrap:anywhere}
.cs-page .cs-authored__copy p{max-width:560px;font-size:16px;line-height:1.75;color:#666;overflow-wrap:anywhere}
.cs-authored--text .cs-authored__copy{margin-top:0;padding-top:40px;border-top:1px solid #e5e3de}
.cs-print{position:relative;isolation:isolate;display:grid;place-items:center;min-height:420px;aspect-ratio:2.1;overflow:hidden;border-radius:24px;background:#f3f2ef;padding:60px}
.cs-print figure{margin:0;width:min(640px,70%);line-height:0;box-shadow:1px 3px 0 #b7b3ab,0 25px 35px -18px #1115;transform:rotate(-6deg);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.cs-print img{display:block;width:100%;height:auto;border-radius:2px}
.cs-print--pair .cs-print__front{position:absolute;left:12%;top:14%;width:48%;z-index:1;transform:rotate(-9deg)}
.cs-print--pair .cs-print__back{position:absolute;right:10%;bottom:12%;width:48%;transform:rotate(7deg)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.cs-print:hover .cs-print__front{transform:translate(-8px,-8px) rotate(-6deg)}.cs-print:hover .cs-print__back{transform:translate(8px,8px) rotate(4deg)}}
.cs-case-group{padding-top:72px;padding-bottom:72px}
.cs-case-group__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px}
.cs-linked-case{min-width:0}.cs-linked-case>a{display:block;text-decoration:none;color:#111}
.cs-linked-case__scene{position:relative;aspect-ratio:1.25;display:grid;align-items:center;padding:25px 20px 35px;border-radius:24px;background:#f3f2ef;overflow:hidden;perspective:900px}
.cs-linked-case__screen{width:92%;border:5px solid #242424;border-bottom-width:9px;border-radius:10px;overflow:hidden;transform:rotateY(-8deg) rotateX(3deg) rotate(-2deg);box-shadow:4px 4px 0 #aaa8a3,0 18px 28px -12px #1115;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.cs-linked-case__screen>span{height:12px;display:flex;gap:3px;align-items:center;padding-left:5px;background:#242424}
.cs-linked-case__screen i{display:block;width:3px;height:3px;border-radius:50%;background:#9d9b96}
.cs-linked-case__screen>img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;object-position:top}
.cs-linked-case__phone{position:absolute;right:7%;bottom:9%;width:24%;border:4px solid #242424;border-radius:14px;overflow:hidden;box-shadow:3px 3px 0 #aaa8a3,0 12px 18px -9px #1117;transform:rotate(7deg)}
.cs-linked-case__phone>img{display:block;width:100%;aspect-ratio:.47;object-fit:cover;object-position:top}
.cs-linked-case__title{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:24px}
.cs-page .cs-linked-case__title h3{font-size:24px;line-height:1.15;font-weight:500;letter-spacing:-.035em;overflow-wrap:anywhere}
.cs-linked-case__title svg{width:22px;height:22px;flex:0 0 auto;stroke:currentColor}
.cs-page .cs-linked-case>p{font-size:14px;line-height:1.7;color:#666;margin-top:12px;overflow-wrap:anywhere}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.cs-linked-case>a:hover .cs-linked-case__screen{transform:rotateY(0) rotateX(0) rotate(0)}}
@media(max-width:899px){.cs-authored{padding-top:32px;padding-bottom:40px}.cs-authored__copy{grid-template-columns:1fr;gap:20px;margin-top:28px}.cs-page .cs-authored__copy p{font-size:15px}.cs-case-group{padding-block:40px}.cs-case-group__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.cs-parent-case{display:flex;width:fit-content;margin:0 0 24px}.cs-print{min-height:320px;padding:30px}.cs-print--pair .cs-print__front{width:60%;left:8%;top:16%}.cs-print--pair .cs-print__back{width:60%;right:8%;bottom:16%}}
@media(max-width:599px){.cs-case-group__grid{grid-template-columns:1fr;gap:36px}.cs-print{aspect-ratio:1.1;min-height:300px}.cs-print--pair .cs-print__front{width:68%;left:7%;top:16%}.cs-print--pair .cs-print__back{width:68%;right:7%;bottom:17%}.cs-print figure{width:90%}.cs-linked-case__scene{aspect-ratio:1.45}}
@media(prefers-reduced-motion:reduce){.cs-print figure,.cs-linked-case__screen{transition:none}}
