.tutorial-page{background:#f8f6f0}
.tutorial-hero{position:relative;overflow:hidden;padding:154px 0 98px;border-bottom:1px solid var(--line);background:linear-gradient(145deg,#eee8dc 0%,#f4f1e9 55%,#e4eadf 100%)}
.tutorial-hero:before,.tutorial-hero:after{content:"";position:absolute;pointer-events:none;border-radius:50%}
.tutorial-hero:before{top:-160px;right:-40px;width:500px;height:500px;background:rgba(255,251,226,.65);filter:blur(8px)}
.tutorial-hero:after{right:-8%;bottom:-240px;width:70%;height:390px;border-radius:50% 50% 0 0;background:rgba(104,132,103,.17);transform:rotate(-5deg)}
.tutorial-hero-inner{position:relative;z-index:1}
.tutorial-hero h1{max-width:880px;margin:21px 0 25px;font-size:clamp(48px,6.2vw,82px);font-weight:560;line-height:1.04;letter-spacing:-.06em}
.tutorial-hero-inner>p{max-width:660px;margin:0;color:#5f625b;font-size:15px;line-height:1.9}
.tutorial-prerequisite{max-width:690px;display:flex;align-items:center;gap:14px;margin-top:27px;padding:12px 15px;border:1px solid rgba(45,44,39,.1);border-radius:12px;background:rgba(255,255,255,.43);color:#666961;font-size:11px;backdrop-filter:blur(12px)}
.tutorial-prerequisite strong{color:#22231f}.tutorial-prerequisite a{color:#315f46;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.tutorial-section{padding:110px 0 130px}
.tutorial-gallery{display:grid;gap:88px}
.tutorial-step{scroll-margin-top:100px}
.tutorial-copy{display:grid;grid-template-columns:42px minmax(0,1fr);gap:18px;align-items:start;max-width:780px;margin:0 0 24px}
.tutorial-copy>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#1d1d1a;font-size:10px;font-weight:800}
.tutorial-copy h2{margin:1px 0 8px;font-size:clamp(26px,3vw,38px);font-weight:590;letter-spacing:-.035em}
.tutorial-copy p{max-width:680px;margin:0;color:#6a6c65;font-size:13px;line-height:1.8}
.tutorial-step figure{overflow:hidden;margin:0;border:1px solid rgba(40,39,34,.12);border-radius:18px;background:#efede7;box-shadow:0 24px 70px rgba(47,47,41,.12)}
.tutorial-step figure img{width:100%;cursor:zoom-in}
.tutorial-step figure.compact-shot{padding:28px;background:linear-gradient(145deg,#ece9e1,#f7f5ef)}
.tutorial-step figure.compact-shot img{border:1px solid rgba(40,39,34,.08);border-radius:12px;box-shadow:0 16px 42px rgba(48,48,43,.1)}
.tutorial-download{padding:0 0 96px}
.tutorial-download .download-card{width:min(1180px,calc(100% - 48px))}
.image-lightbox{background:rgba(20,20,18,.84)!important;backdrop-filter:blur(14px)}
@media(max-width:720px){.tutorial-hero{padding:118px 0 72px}.tutorial-hero h1{font-size:43px}.tutorial-prerequisite{align-items:flex-start;flex-direction:column;gap:5px}.tutorial-section{padding:76px 0 90px}.tutorial-gallery{gap:62px}.tutorial-copy{grid-template-columns:34px minmax(0,1fr);gap:12px}.tutorial-step figure{border-radius:12px}.tutorial-step figure.compact-shot{padding:10px}.tutorial-download{padding-bottom:62px}.tutorial-download .download-card{width:min(100% - 28px,1180px)}}