body[data-case-study="fabric-garage-office"] :is(.k-back-pill,.k-home-pill){display:none!important}
body[data-case-study="fabric-garage-office"] .case-hero h1{max-width:11ch;font-size:clamp(52px,8vw,120px)}
.fabric-next-film{display:inline-flex;align-items:center;margin-top:20px;color:#fff;font-size:clamp(14px,1.2vw,18px);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}
.fabric-next-film:focus-visible{outline:2px solid #ff5b23;outline-offset:5px}
.fabric-office-feature{padding:clamp(72px,9vw,150px) 0 0;background:var(--korner-page-bg);scroll-margin-top:76px}
.fabric-office-intro{display:grid;grid-template-columns:minmax(150px,.48fr) minmax(0,1.52fr);gap:clamp(34px,7vw,108px);align-items:start;margin-bottom:clamp(28px,5vw,80px)}
.fabric-office-intro .case-heading{max-width:14ch}
.fabric-office-intro .case-lead{max-width:54ch}
.fabric-office-video{position:relative;width:100%;aspect-ratio:426/224;background:#171717;overflow:hidden}
.fabric-office-video iframe,.fabric-office-poster{position:absolute;inset:0;width:100%;height:100%;border:0}
.fabric-office-poster{z-index:1;object-fit:cover;transition:opacity .35s ease;pointer-events:none}
.fabric-office-video.is-playing .fabric-office-poster{opacity:0}
.fabric-office-controls{position:absolute;left:clamp(16px,4vw,60px);right:clamp(16px,4vw,60px);bottom:clamp(16px,4vw,60px);display:flex;gap:8px;z-index:2;pointer-events:none}
.fabric-office-controls button{pointer-events:auto;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(12,12,13,.72);color:#fff;font-size:20px;cursor:pointer;backdrop-filter:blur(12px)}
.fabric-office-controls button:last-child{margin-left:auto}
.fabric-office-controls button:focus-visible{outline:2px solid #ff5b23;outline-offset:3px}
@media(max-width:740px){body[data-case-study="fabric-garage-office"] .case-hero h1{font-size:clamp(40px,11vw,58px)}.fabric-office-feature{padding-top:70px}.fabric-office-intro{display:block;padding:0 24px}.fabric-office-intro .case-label{margin-bottom:20px}.fabric-office-video{aspect-ratio:426/224}.fabric-office-controls{left:8px;right:8px;bottom:8px;gap:5px}.fabric-office-controls button{width:35px;height:35px;font-size:16px}}
