:root{color-scheme:dark;--background:#272725;--text:#fff;--accent:#95938b;--content:1400px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--text);font-family:Arial,"Helvetica Neue",sans-serif;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%}button{font:inherit}h1,h2,p{margin:0}h1,h2{font-weight:700;line-height:1.32}h1{font-size:clamp(32px,2.136vw,46.24px)}p{line-height:1.8}a:focus-visible,button:focus-visible,video:focus-visible{outline:2px solid #83b9f5;outline-offset:6px}.content-wide,.header-inner{width:calc(100% - 6vw);max-width:var(--content);margin-inline:auto}.site-header{padding:3vw 0}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:48px;min-height:100px}.brand{flex-shrink:1;line-height:0}.brand img{width:562px;height:100px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:30px;flex-shrink:0}.site-header nav>a{text-decoration:none;white-space:nowrap;line-height:1.6}.site-header nav>a[aria-current="page"]:not(.download-button){text-decoration:underline;text-underline-offset:9px;text-decoration-color:var(--accent)}.site-header nav>a:hover{opacity:.78}.download-button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:16px 29px;background:var(--accent);color:#fff;text-decoration:none;font-size:13.4px;font-weight:500;line-height:1.5}.site-header .download-button{margin-left:12px}.menu-toggle{display:none}.skip-link{position:fixed;left:16px;top:-100px;z-index:99;background:#fff;color:#272725;padding:10px 18px}.skip-link:focus{top:12px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.home-intro{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:6.6vw;padding-bottom:2.8vw}.home-intro h1{max-width:580px}.home-intro p{padding-top:0;max-width:700px}.gallery{display:grid}.gallery img{width:100%;height:100%;object-fit:cover}.gallery-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5vw;margin:3vw 3vw 0}.gallery-three img{aspect-ratio:1;object-position:center}.gallery-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5vw;margin-top:6vw}.gallery-two img{aspect-ratio:1.495;object-fit:contain}.demo{margin-top:6vw;margin-bottom:10vw;position:relative;aspect-ratio:16/9}.demo video{display:block;width:100%;aspect-ratio:16/9;background:#171716;object-fit:contain}.video-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;background:rgba(0,0,0,.75);border:1px solid #fff9;border-radius:50%;color:white;cursor:pointer;font-size:25px;line-height:1}.video-start[hidden]{display:none}.video-start span{display:block;margin-left:4px}.video-error{padding:14px 18px;background:#171716}.video-error[hidden]{display:none}
.tutorials-layout{padding:50px 3vw 120px;display:grid;grid-template-columns:230px 1fr;gap:30px}.tutorials-layout aside{padding-top:14px;font-weight:bold}.tutorials-layout aside a{text-decoration:none}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 30px}.lesson-card a{text-decoration:none}.lesson-card img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;background:#101010}.lesson-card h2{font-size:20px;line-height:1.4;margin-top:18px}.lesson-card a:hover h2{text-decoration:underline;text-underline-offset:5px}.lesson-video{width:100%;aspect-ratio:16/9;background:#111}.lesson-video iframe{display:block;width:100%;height:100%;border:0}.lesson-content{padding-top:75px;padding-bottom:100px}.lesson-content time{font-size:14px}.lesson-content h1{margin:15px 0 25px}.lesson-content>p{max-width:850px}.watch-youtube{display:inline-block;color:#c3c1b8;font-size:14px;margin-top:15px;text-underline-offset:4px}.lesson-paging{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:90px 0}.lesson-paging a{text-decoration:none;font-size:clamp(22px,1.8vw,36px);font-weight:bold;line-height:1.4}.lesson-paging span{display:block;font-size:14px;font-weight:normal;margin-bottom:10px}.lesson-paging .next{text-align:right}.related-heading{font-size:36px;margin-bottom:40px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 30px}
.faq{padding-top:6.6vw;padding-bottom:120px}.faq-copy{max-width:1106px}.faq h2{font-size:clamp(27px,1.67vw,36.16px);margin-bottom:32px}.faq section+section{margin-top:32px}.faq p a,.biography a{color:#c0bdb2;text-underline-offset:3px}.about{padding:50px 60px 120px}.about h1{margin:10px 0 65px}.about-grid{display:grid;grid-template-columns:340px 580px;gap:12px}.profile{text-align:center}.profile img{width:276px;height:276px;border-radius:50%;object-fit:cover;margin:auto}.profile h2{font-size:36.16px;white-space:nowrap;margin-top:12px}.biography p{line-height:1.8}.not-found{padding:100px 0 180px}.not-found p{margin:20px 0 35px}
@media(min-width:2400px){.home-intro{padding-top:155px}.faq{padding-top:155px}}
@media(max-width:1200px){.header-inner{gap:24px}.brand img{width:400px;height:auto}.site-header nav{gap:22px}.tutorials-layout{grid-template-columns:150px 1fr;padding-inline:0}.about{padding-inline:0}.about-grid{grid-template-columns:280px minmax(0,580px);gap:35px}.profile img{width:250px;height:250px}.profile h2{font-size:30px}.home-intro{gap:40px}.desktop-break{display:none}}
@media(max-width:800px){.site-header{padding:24px 0}.content-wide,.header-inner{width:calc(100% - 44px)}.header-inner{min-height:64px;flex-wrap:wrap;gap:0}.brand img{width:min(68vw,370px);height:auto}.menu-toggle{display:flex;flex-direction:column;gap:7px;justify-content:center;align-items:center;width:44px;height:44px;padding:6px;border:0;background:none;color:white;cursor:pointer}.menu-toggle span{width:25px;height:1px;background:currentColor;transition:transform .18s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-header nav{display:none;width:100%;flex-direction:column;align-items:center;gap:24px;padding:38px 0 20px}.site-header nav.open{display:flex}.site-header nav>a{font-size:24px}.site-header .download-button{margin:0;font-size:15px;min-width:150px}.home-intro{grid-template-columns:1fr;gap:30px;padding-top:52px;padding-bottom:45px}.home-intro h1{font-size:36px;max-width:550px}.home-intro p{max-width:none}.gallery-three{grid-template-columns:1fr;gap:24px;margin:10px 22px 0}.gallery-three img{aspect-ratio:1}.gallery-two{grid-template-columns:1fr;gap:24px;margin-top:48px}.demo{margin-top:48px;margin-bottom:80px}.tutorials-layout{display:block;padding:36px 0 80px}.tutorials-layout aside{padding:0;margin-bottom:28px}.lesson-grid{gap:45px 24px}.lesson-card h2{font-size:18px}.lesson-content{padding-top:40px;padding-bottom:70px}.lesson-content h1{font-size:30px}.lesson-paging{gap:25px;margin:60px 0}.lesson-paging a{font-size:22px}.related-heading{font-size:28px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq{padding-top:50px;padding-bottom:80px}.faq h2{font-size:28px;margin-bottom:22px}.faq section+section{margin-top:38px}.about{padding:40px 0 80px}.about h1{margin:0 0 42px;font-size:36px}.about-grid{grid-template-columns:1fr;gap:35px}.profile img{width:260px;height:260px}.profile h2{font-size:30px}.biography{max-width:600px;margin:auto}.not-found{padding:60px 0 100px}}
@media(max-width:520px){.lesson-grid{grid-template-columns:1fr}.home-intro h1{font-size:33px}.related-grid{grid-template-columns:1fr}.lesson-paging a{font-size:19px}.lesson-paging{gap:20px}.video-start{width:52px;height:52px;font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}