/* Application guide: preparation notes, six illustrated stages, finishing notes and next steps. */
.guide-block{margin-top:clamp(48px,5vw,80px)}
.guide-block-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:26px;margin-bottom:clamp(28px,3vw,44px)}
.guide-block-heading .eyebrow{order:2;margin:0}
.guide-block-heading h2{margin:0;font-size:clamp(32px,3.4vw,50px)}

.guide-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px)}
.guide-notes>div{border-top:1px solid #bab2a5;padding-top:22px}
.guide-notes h3{font:400 clamp(22px,1.9vw,26px)/1.25 var(--serif);letter-spacing:-.025em;margin-bottom:12px}
.guide-notes p{font-size:15px;line-height:1.7;margin:0}

.guide-notes.with-photos>div{border-top:0;padding-top:0}
.guide-photo{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--soft);margin-bottom:22px}
.guide-tools{display:flex;align-items:center;gap:18px 32px;flex-wrap:wrap;margin-top:clamp(32px,3vw,44px);padding:22px 28px;background:var(--soft)}
.guide-tools h3{font:500 11px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0}
.guide-tools ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.guide-tools li{padding:7px 14px;border:1px solid #d6cfc3;background:#fbf9f5;font-size:14px;line-height:1.4}

.guide-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,4vw,64px) clamp(24px,3vw,44px);list-style:none;margin:0;padding:0}
.guide-stages li{display:flex;flex-direction:column;min-width:0}
.guide-stage-art{position:relative;aspect-ratio:4/3;display:grid;place-items:center;background:#fbf9f5;border:1px solid #e7e1d7;margin-bottom:24px;overflow:hidden}
.guide-stage-art img{width:68%;height:auto;aspect-ratio:1;object-fit:contain;transition:transform .65s cubic-bezier(.22,1,.36,1)}
.guide-stages li:hover .guide-stage-art img{transform:scale(1.035) rotate(-1deg)}
.guide-stage-number{position:absolute;top:18px;left:20px;font:500 12px/1 var(--sans);letter-spacing:.12em;color:var(--bronze)}
.guide-stages h3{font:400 clamp(24px,2.1vw,29px)/1.2 var(--serif);letter-spacing:-.03em;margin-bottom:12px;text-wrap:balance}
.guide-stage-meta{align-self:flex-start;margin:0 0 14px;padding:5px 11px;background:rgba(0,63,80,.08);color:var(--teal);font-size:13px;font-weight:600;line-height:1.35}
.guide-stages p:last-child{font-size:15px;line-height:1.7;margin:0}

.editorial-page .guide-video{max-width:none;margin:clamp(48px,5vw,80px) 0 0;border-top:1px solid var(--line);padding-top:26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);grid-template-rows:auto auto 1fr;gap:0 clamp(28px,4vw,64px);align-items:start}
.editorial-page .guide-video h2{font-size:clamp(30px,2.8vw,42px);margin:0 0 16px}
.editorial-page .guide-video video{grid-column:2;grid-row:1/span 3}
.editorial-page .guide-video figcaption{grid-column:1;grid-row:3;align-self:end;margin:0}

.guide-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px 56px;margin-top:clamp(40px,4vw,64px);padding:clamp(30px,3.5vw,52px);background:var(--teal);color:#f5f2ed}
.guide-cta h2{font-size:clamp(30px,3vw,44px);margin-bottom:14px}
.guide-cta p{max-width:560px;margin:0;color:#cfdcde;font-size:16px}
.guide-cta .actions{margin:0;gap:14px 28px;justify-content:flex-end}
.guide-cta .button{background:#f5f2ed;border-color:#f5f2ed;color:var(--teal)}
.guide-cta .button img{filter:none}
.guide-cta .button:hover{background:#fff;color:var(--teal)}
.guide-cta .text-link{border-color:#9fbac0;font-size:14px}
.guide-cta .text-link img{filter:invert(1)}
.guide-cta .text-link:hover{color:#fff;border-color:#fff}
.guide-cta a:focus-visible{outline-color:#e8c9a0}

@media(max-width:1180px){
    .editorial-page .guide-video{grid-template-columns:1fr;grid-template-rows:none}
    .editorial-page .guide-video video{grid-column:1;grid-row:auto;margin-bottom:12px}
    .editorial-page .guide-video figcaption{grid-column:1;grid-row:auto}
    .guide-cta{grid-template-columns:1fr}
    .guide-cta .actions{justify-content:flex-start}
}
@media(max-width:900px){
    .guide-stages{grid-template-columns:repeat(2,minmax(0,1fr))}
    .guide-notes{grid-template-columns:1fr;gap:26px}
}
@media(max-width:600px){
    .guide-block-heading{flex-direction:column;gap:10px;padding-top:22px}
    .guide-block-heading .eyebrow{order:0}
    .guide-block-heading h2{font-size:32px}
    .guide-stages{grid-template-columns:1fr;gap:44px}
    .guide-stage-art{aspect-ratio:16/10;margin-bottom:20px}
    .guide-stage-art img{width:52%}
    .guide-stages h3{font-size:25px}
    .guide-notes h3{font-size:22px}
    .guide-notes p,.guide-stages p:last-child{font-size:14px}
    .guide-tools{padding:20px;margin-inline:-22px}
    .guide-tools li{font-size:13px;padding:6px 11px}
    .guide-cta{margin-inline:-22px;padding:32px 22px}
    .guide-cta .actions{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.guide-stages li:hover .guide-stage-art img{transform:none}}