.showcase-classbound .project-logo{width:86px;height:86px;object-fit:contain}
.home-class-gallery{margin:0;padding:28px 28px 25px 0;min-width:0}
.home-class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.home-class-portrait{position:relative;display:block;overflow:hidden;border-radius:12px;border:1px solid #bfa67360;background:#101725;transition:transform .2s,border-color .2s;text-decoration:none}
.home-class-art{display:block;aspect-ratio:1;background:url('/assets/classbound-official/commanders.webp');background-size:300% 200%;background-position:var(--portrait-position)}
.home-class-portrait strong{position:absolute;inset:auto 0 0;padding:28px 10px 10px;background:linear-gradient(transparent,#080e19e8);font-size:13px;text-align:center;color:#fff3d4;letter-spacing:.04em}
.home-class-portrait:hover{transform:translateY(-3px);border-color:#f1ce87}.home-class-portrait:focus-visible{outline:3px solid #a2e4ff;outline-offset:3px}
.home-class-gallery figcaption,.home-chores-gallery figcaption{margin:15px 0 0;color:#bed0df;font-size:11px;line-height:1.5;text-align:center}
.studio-project.showcase-chores{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;background:linear-gradient(120deg,#052838ed,#061829f0 55%,#213351c9);min-height:600px}
.showcase-chores .project-copy{padding:40px}.showcase-chores .project-identity{margin-bottom:22px}.showcase-chores h2{font-size:clamp(33px,3.3vw,48px)}
.home-chores-numbers{display:flex;gap:26px;margin:26px 0 20px}.home-chores-numbers div{border-left:1px solid #a2dfc750;padding-left:14px}.home-chores-numbers dt{font-size:30px;font-weight:800;line-height:1.1;color:#c0f7df}.home-chores-numbers dd{font-size:11px;margin:7px 0 0;color:#c3ddde}
.showcase-chores p.home-feature-line{font-size:12px;margin:0 0 20px;color:#c3eedc}
.home-chores-gallery{margin:0;padding:34px 30px 28px 0;min-width:0}.home-phone-trio{display:flex;align-items:center;gap:13px;perspective:1000px;min-width:0;padding:6px}
.home-phone-trio>a{display:block;width:calc((100% - 26px)/3);min-width:0;flex-shrink:0}.home-phone-trio>a:focus-visible{outline:3px solid #aff1e0;outline-offset:5px;border-radius:23px}
.home-phone-trio img{display:block;width:100%;height:auto;aspect-ratio:390/1006;object-fit:cover;object-position:top;border-radius:23px;border:5px solid #101c2b;box-shadow:0 16px 36px #0008;min-width:0;background:#0c1a25}
.home-phone-trio>a:first-child{transform:translateY(20px) rotate(-4deg)}.home-phone-trio>a:last-child{transform:translateY(20px) rotate(4deg)}
@media(min-width:1600px){.home-class-gallery{padding:32px 32px 28px 0}.home-class-grid{gap:13px}}
@media(max-width:850px){.studio-project.showcase-classbound,.studio-project.showcase-chores{grid-template-columns:1fr}.home-class-gallery,.home-chores-gallery{padding:0 25px 28px}.showcase-chores .project-copy{padding:30px}.home-phone-trio{max-width:560px;margin:0 auto}.home-chores-gallery{padding-top:0;padding-bottom:32px}.home-phone-trio img{border-width:4px;border-radius:22px}.showcase-chores .project-copy>p{max-width:620px!important}.home-class-grid{gap:9px}.home-class-portrait strong{font-size:12px}}
@media(max-width:650px){.home-phone-trio{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:8px;overscroll-behavior-x:contain;gap:16px;padding:8px 8px 24px;perspective:none;align-items:flex-start;scrollbar-width:thin;scrollbar-color:#b0e4d6 #173142}.home-phone-trio>a{width:88%;max-width:340px;scroll-snap-align:center}.home-phone-trio>a:first-child,.home-phone-trio>a:last-child{transform:none}.home-phone-trio img{border-width:4px;border-radius:25px}.home-chores-gallery figcaption::after{content:' · Swipe to explore'}}
@media(max-width:420px){.showcase-classbound .project-logo{width:66px;height:66px}.showcase-classbound .project-identity h3{font-size:27px}.home-class-gallery,.home-chores-gallery{padding-inline:15px}.home-class-grid{gap:6px}.home-class-portrait{border-radius:8px}.home-class-portrait strong{font-size:10px;padding:20px 3px 7px}.showcase-chores .project-copy{padding:24px}.home-chores-numbers{gap:15px}.home-chores-numbers div{padding-left:10px}.home-chores-numbers dd{font-size:10px}}
@media(prefers-reduced-motion:reduce){.home-class-portrait{transition:none}}