@font-face{font-family:MSAnton;src:url(assets/video/anton.ttf) format('truetype');font-display:swap;font-weight:400}
.has-video-tutorial{--paper:#fcf8f4;--accent:#b83b16}.has-video-tutorial .header-inner{width:calc(100% - 72px);max-width:1440px;min-height:136px}.has-video-tutorial .brand img{width:255px}.has-video-tutorial .desktop-nav{gap:44px}.has-video-tutorial .desktop-nav a{font-size:21px}
.ms-watch-page{padding-top:26px}.ms-video-stage{background:#252525;color:#fcf8f4;padding:40px 0 32px}.ms-video-stage-inner{width:calc(100% - 152px);max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,1.95fr) minmax(0,1fr);align-items:center;gap:70px}.ms-video-slot{aspect-ratio:16/9;min-width:0;position:relative}.ms-video-poster{display:block;position:absolute;inset:0;width:100%;height:100%;line-height:0;border:6px solid #fcf8f4}.ms-video-poster>img{display:block;width:100%;height:100%;object-fit:contain}.ms-play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:112px;height:112px;border:5px solid #fff;border-radius:50%;background:var(--accent)}.ms-play-circle img,.ms-play-button img{filter:brightness(0) invert(1)}.ms-video-slot iframe{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;aspect-ratio:16/9}.ms-video-heading h1{font:400 clamp(58px,9.6vw,132px)/.96 MSAnton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.015em;margin:0 0 18px}.ms-video-meta{display:flex;gap:12px;align-items:center;flex-wrap:nowrap;white-space:nowrap;font:19px/1.35 Arial,sans-serif;margin:0 0 28px}.ms-video-meta>span{color:var(--accent);font-size:38px;line-height:1}.ms-video-meta em{font-weight:700}.ms-play-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:5px;background:var(--accent);color:#fff;text-transform:uppercase;text-decoration:none;padding:18px 30px;font:400 42px/1.1 MSAnton,Impact,sans-serif;white-space:nowrap;width:100%}.ms-play-button:hover{color:#fff;background:#97300f}.ms-video-fallback{max-width:1222px;margin:18px auto 0;padding-inline:20px;font-size:16px}.ms-video-fallback a{color:#fff}
.ms-video-reading{max-width:1440px;width:calc(100% - 144px);margin:54px auto 40px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:62px}.ms-video-copy.entry-content{font:27px/1.42 Arial,sans-serif;max-width:none;margin:0}.ms-video-copy p{margin-bottom:25px}.ms-video-copy p:last-child{margin-bottom:0}.ms-video-resources{border-left:1px solid var(--accent);padding-left:48px}.ms-video-resources h2{font:400 44px/1.15 MSAnton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.015em;margin:0 0 30px}.ms-resource-link{font:700 27px/1.4 Arial,sans-serif;color:var(--accent);display:inline-flex;gap:14px;align-items:center;margin-bottom:36px}.ms-resource-link img{width:32px;flex-shrink:0}.ms-library-link{font-size:27px;line-height:1.4;display:block}.ms-video-discussion{width:calc(100% - 144px);max-width:1440px;margin:0 auto}.ms-video-discussion .comments-area{max-width:none;margin:0;border-color:var(--accent);padding-top:28px}.ms-video-discussion .comment-compose{margin-top:0}.ms-video-discussion .comment-compose>summary{font-size:27px;display:flex;align-items:center;gap:22px;list-style:none}.ms-video-discussion .comment-compose>summary::before{content:'';width:42px;height:42px;display:inline-block;background:var(--accent);mask:url(assets/video/chat.svg) center/contain no-repeat}.ms-original-project-media{width:calc(100% - 144px);max-width:1440px;margin:40px auto}.ms-original-project-media summary{cursor:pointer;font-size:17px}.ms-original-project-media .entry-content{margin-top:24px}.ms-original-project-media img{display:block;margin:0 auto 24px;max-height:900px;width:auto}.has-video-tutorial .site-footer{margin-top:50px}
@media(max-width:1150px){.has-video-tutorial .desktop-nav{gap:24px}.has-video-tutorial .desktop-nav a{font-size:17px}.ms-video-stage-inner{width:calc(100% - 80px);gap:38px}.ms-video-meta{font-size:18px;gap:12px}.ms-play-button{font-size:28px;padding:16px 24px}.ms-video-reading{width:calc(100% - 80px);gap:35px}.ms-video-copy.entry-content{font-size:23px}.ms-video-resources{padding-left:30px}.ms-video-resources h2{font-size:34px}.ms-resource-link,.ms-library-link{font-size:22px}.ms-video-discussion,.ms-original-project-media{width:calc(100% - 80px)}}
@media(max-width:900px){.has-video-tutorial .header-inner{min-height:100px;width:calc(100% - 40px)}.has-video-tutorial .brand img{width:190px}.has-video-tutorial .desktop-nav{display:none}.has-video-tutorial .mobile-menu{display:block;margin-left:auto}.ms-video-stage-inner{width:calc(100% - 40px);grid-template-columns:1fr;gap:30px}.ms-video-heading{display:flex;flex-direction:column;align-items:flex-start}.ms-video-heading h1{font-size:clamp(58px,12vw,90px);max-width:12ch}.ms-video-meta{font-size:19px;gap:12px;margin-bottom:22px}.ms-play-button{font-size:27px}.ms-video-reading{width:calc(100% - 40px);grid-template-columns:1fr;margin-top:32px;gap:30px}.ms-video-copy.entry-content{font-size:21px;line-height:1.5}.ms-video-resources{border-left:0;border-top:1px solid var(--rule);padding:26px 0 0}.ms-video-resources h2{font-size:34px;margin-bottom:20px}.ms-resource-link{margin-bottom:20px}.ms-library-link{font-size:20px}.ms-video-discussion,.ms-original-project-media{width:calc(100% - 40px)}.ms-video-discussion .comment-compose>summary{font-size:23px}.ms-play-circle{width:78px;height:78px;border-width:3px}.ms-play-circle img{width:38px;height:38px}.ms-video-stage{padding-top:24px}.ms-watch-page{padding-top:14px}}
@media(max-width:360px){.has-video-tutorial .brand img{width:150px}.has-video-tutorial .header-inner{gap:12px}.ms-video-meta{flex-wrap:wrap;white-space:normal;gap:4px 12px;font-size:17px}.ms-resource-link{font-size:20px}}
.ms-resource-link img{filter:invert(24%) sepia(93%) saturate(2032%) hue-rotate(352deg) brightness(88%) contrast(94%)}