.brand{display:inline-flex;align-items:center;gap:9px}.brand img{width:36px;height:36px;object-fit:contain}.brand span{font:700 20px 'Manrope';letter-spacing:-.06em}.tutorial-nav{display:flex;gap:30px;font-size:13px;color:#aaa}.tutorial-nav a.active{color:#ff7620}.tutorial-hero{max-width:1000px;margin:auto;padding:125px 25px 70px;text-align:center;background:radial-gradient(circle at 50% 10%,#ff711d24,transparent 38%)}.tutorial-hero>span{font-size:8px;letter-spacing:.22em;color:#ff7620}.tutorial-hero h1{font:800 clamp(53px,7vw,92px)/.95 'Manrope';letter-spacing:-.065em;margin:20px 0}.tutorial-hero h1 em{font-style:normal;color:#666}.tutorial-hero p{max-width:680px;margin:auto;color:#8c8c8c;line-height:1.7}.tutorial-hero>div{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:30px;color:#aaa;font-size:9px}.tutorial-hero>div i{width:3px;height:3px;border-radius:50%;background:#ff7620}.tutorial-grid{max-width:1120px;margin:0 auto;padding:0 25px 120px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.tutorial-card{border:1px solid #292929;border-radius:15px;background:#111;overflow:hidden}.tutorial-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);min-height:420px;border-color:#3a2c23;background:linear-gradient(135deg,#121212,#0b0b0b)}.featured-video{position:relative;display:grid;place-items:center;min-height:420px;overflow:hidden;border-right:1px solid #292929;background:radial-gradient(circle at 50% 48%,#ff76203d,transparent 27%),linear-gradient(145deg,#191919,#090909)}.featured-video:before{content:'';position:absolute;inset:24px;border:1px solid #3a302a;border-radius:12px;background:linear-gradient(115deg,transparent 38%,#ffffff0c 48%,transparent 58%);background-size:220% 100%;animation:videoSheen 5s linear infinite}.featured-video>span{position:absolute;left:38px;top:36px;color:#ff7620;font-size:8px;letter-spacing:.2em}.featured-video button{position:relative;z-index:1;width:82px;height:82px;border:1px solid #ff9a5d;border-radius:50%;background:#ff7620;color:#101010;font-size:23px;padding-left:6px;box-shadow:0 0 70px #ff76205e;opacity:1}.featured-video>small{position:absolute;right:38px;bottom:34px;color:#8b8b8b;font-size:8px;letter-spacing:.16em}.featured-copy{display:flex;flex-direction:column;justify-content:center;padding:48px}.featured-copy>small{font-size:8px;letter-spacing:.18em;color:#ff7620}.featured-copy h2{font:700 clamp(31px,3.3vw,48px)/1.02 'Manrope';letter-spacing:-.055em;margin:16px 0}.featured-copy p{color:#929292;font-size:13px;line-height:1.75;margin:0 0 28px}.upcoming-label{align-self:flex-start;display:inline-flex;align-items:center;border:1px solid #613821;border-radius:999px;background:#ff76200d;color:#ff7620;font-size:8px;font-weight:700;letter-spacing:.14em;padding:8px 11px}.video-placeholder{height:278px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,#ff762028,transparent 29%),linear-gradient(135deg,#151515,#090909);border-bottom:1px solid #292929}.video-placeholder:before{content:'';position:absolute;inset:18px;border:1px solid #2d2d2d;border-radius:10px;background:linear-gradient(120deg,transparent 45%,#ffffff05 46%,transparent 48%);background-size:220% 100%;animation:videoSheen 5s linear infinite}.video-placeholder>span{position:absolute;left:31px;top:27px;color:#4f4f4f;font:700 32px 'Manrope'}.video-placeholder button{position:relative;z-index:1;width:64px;height:64px;border:0;border-radius:50%;background:#ff7620;color:#101010;font-size:18px;padding-left:5px;box-shadow:0 0 45px #ff762050;opacity:.55}.video-placeholder>small{position:absolute;right:30px;bottom:26px;color:#ff7620;font-size:7px;font-weight:700;letter-spacing:.15em}.tutorial-copy{position:relative;padding:27px 28px 29px}.tutorial-copy>small{font-size:7px;letter-spacing:.16em;color:#ff7620}.tutorial-copy>.upcoming-label{position:absolute;right:26px;top:22px;padding:6px 9px}.tutorial-copy h2{font:700 25px/1.1 'Manrope';letter-spacing:-.04em;margin:10px 0 12px}.tutorial-copy p{color:#838383;font-size:12px;line-height:1.65;margin:0}.tutorial-upcoming .tutorial-copy h2,.tutorial-upcoming .tutorial-copy p{filter:blur(5px);opacity:.48;user-select:none;pointer-events:none}.tutorial-copy>div{display:flex;gap:7px;margin-top:20px}.tutorial-copy b,.tutorial-copy div>span{font-size:7px;font-weight:500;border:1px solid #303030;color:#8a8a8a;border-radius:20px;padding:6px 9px}.tutorial-copy b{border-color:#56321f;color:#ff7620;background:#ff76200a}@keyframes videoSheen{to{background-position:-220% 0}}footer{padding-top:35px}@media(max-width:820px){.tutorial-nav{display:none}.tutorial-grid{grid-template-columns:1fr}.tutorial-featured{grid-template-columns:1fr}.featured-video{min-height:360px;border-right:0;border-bottom:1px solid #292929}.featured-copy{padding:36px}.video-placeholder{height:250px}}@media(max-width:550px){.site-header{padding-inline:18px}.brand span{font-size:17px}.tutorial-hero{padding-top:85px}.tutorial-grid{padding-inline:18px}.featured-video{min-height:260px}.featured-video:before{inset:14px}.featured-video>span{left:25px;top:24px}.featured-video>small{right:25px;bottom:23px}.featured-copy{padding:29px 23px 32px}.video-placeholder{height:210px}.tutorial-copy{padding:23px 21px}.tutorial-copy>.upcoming-label{right:20px;top:18px}}