.studio-samples{scroll-margin-top:calc(var(--school-header-height,150px) + 20px)}
.sample-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.sample-heading h2{margin:8px 0 12px}.sample-heading p{margin-bottom:0}.sample-heading>.text-link{flex-shrink:0}
.sample-feature{border:1px solid #51463e;border-radius:24px;background:#181613;overflow:hidden}.sample-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px}.sample-toolbar h3{font-size:clamp(20px,2vw,28px);margin:0}.sample-navigation{display:flex;align-items:center;gap:14px;white-space:nowrap}.sample-navigation button{border:1px solid #78685d;background:transparent;color:#f4eae1;border-radius:50%;width:42px;height:42px;font-size:22px;cursor:pointer}.sample-navigation span{font-size:12px;letter-spacing:.12em;color:#d1bdb0;font-variant-numeric:tabular-nums}
.sample-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px}.sample-pair figure{margin:0;position:relative;background:#e6ddd1;border-radius:16px;overflow:hidden}.sample-pair a{display:block}.sample-pair img{display:block;width:100%;height:clamp(260px,33vw,440px);object-fit:contain;background:#e6ddd1}.sample-stage{position:absolute;top:14px;left:14px;padding:8px 14px;border-radius:20px;background:#f3ece2;color:#352a24;font-size:12px;font-weight:700;box-shadow:0 2px 12px #0002;pointer-events:none}.sample-stage-after{background:#edb2c6}
.sample-caption{padding:18px 24px;display:flex;gap:20px;align-items:center;justify-content:space-between}.sample-caption p{margin:0}.sample-caption strong{display:block;color:#e9b3c5;font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px}.sample-caption .small{max-width:250px;color:#bdafa2;font-size:12px}.sample-picker{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;margin-top:18px}.sample-thumb{position:relative;padding:4px;border:1px solid #51463e;border-radius:14px;background:#191613;cursor:pointer;opacity:.68}.sample-thumb img{display:block;width:100%;height:74px;object-fit:cover;border-radius:10px}.sample-thumb span{position:absolute;bottom:8px;right:8px;background:#241b17df;color:#fff;border-radius:9px;padding:2px 5px;font-size:10px}.sample-thumb[aria-pressed=true]{border-color:#efacc4;box-shadow:0 0 0 2px #efacc4;opacity:1}.sample-thumb:hover{opacity:1}.sample-context{max-width:850px;margin-top:18px;color:#bdafa2;line-height:1.7}.studio-samples button:focus-visible,.sample-pair a:focus-visible{outline:3px solid #f4b6cd;outline-offset:4px}
@media(max-width:900px){.sample-heading{display:block}.sample-heading>.text-link{display:inline-block;margin-top:16px}.sample-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.sample-caption{display:block}.sample-caption .small{max-width:none;margin-top:10px}}
@media(max-width:550px){.sample-toolbar{padding:16px;align-items:start}.sample-toolbar h3{font-size:20px;max-width:190px}.sample-navigation{gap:8px}.sample-navigation button{width:34px;height:34px}.sample-navigation span{font-size:10px;letter-spacing:0}.sample-pair{padding:0 10px;gap:8px}.sample-pair img{height:240px}.sample-stage{top:8px;left:6px;padding:6px 8px;font-size:10px}.sample-caption{padding:16px}.sample-picker{gap:8px}.sample-thumb img{height:50px}.sample-thumb{border-radius:10px}.sample-feature{border-radius:18px}}