.editorial-guides{background:#141414;color:#fff;padding:0 32px}
.guide-section{max-width:1200px;margin:0 auto;padding:100px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.guide-section+.guide-section{border-top:1px solid #303030}
.guide-copy{min-width:0}
.guide-eyebrow{font-size:13px!important;font-weight:700;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;color:#fc7d90;margin:0 0 21px}
.guide-copy h2{font-size:clamp(2rem,3.5vw,3.15rem);line-height:1.16;letter-spacing:-.025em;margin:0 0 26px;text-wrap:balance}
.guide-copy h2 span{background:linear-gradient(110deg,#ffac7d,#ff3378);background-clip:text;-webkit-background-clip:text;color:transparent}
.guide-intro{font-size:17px;line-height:1.8;color:#c2c2c2;margin:0 0 29px}
.guide-copy h3{font-size:18px;font-weight:700;line-height:1.4;color:#fff;margin:0 0 7px}
.guide-steps{list-style:none;padding:0;margin:0 0 32px;display:grid;gap:21px}
.guide-steps li{display:grid;grid-template-columns:28px 1fr;gap:18px}
.guide-step-number{font-size:13px;font-weight:700;color:#ff7c91;padding-top:4px;font-variant-numeric:tabular-nums}
.guide-steps p,.guide-tips p{font-size:16px;line-height:1.7;color:#a9a9af;margin:0}
.guide-tips{display:grid;gap:22px;margin:0 0 32px}
.guide-tips>div{padding-left:20px;border-left:2px solid #65404a}
.guide-visual{margin:0;min-width:0;border-radius:22px;overflow:hidden;background:#252525;position:relative;isolation:isolate;aspect-ratio:4/5}
.guide-visual picture{display:block;width:100%;height:100%}
.guide-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.65,.3,1);object-position:center}
.guide-visual-travel img{object-position:48% center}
.guide-visual-studio img{object-position:55% center}
.guide-visual:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.68));z-index:1;pointer-events:none}
.guide-visual figcaption{position:absolute;inset:auto 28px 29px;z-index:2;color:#fff;display:grid;gap:7px}
.guide-visual figcaption span:first-child{font-size:22px;line-height:1.35;font-weight:700;max-width:340px}
.guide-visual figcaption span:last-child{font-size:14px;color:#e0dddd;line-height:1.5}
.guide-section-reverse .guide-visual{grid-column:1;grid-row:1}
.guide-section-reverse .guide-copy{grid-column:2;grid-row:1}
.guide-section.will-reveal .guide-copy,.guide-section.will-reveal .guide-visual{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .9s cubic-bezier(.2,.65,.3,1)}
.guide-section.is-visible .guide-copy,.guide-section.is-visible .guide-visual{opacity:1;transform:none}
.guide-section.is-visible .guide-visual{transition-delay:.12s}
@media(hover:hover){.guide-visual:hover img{transform:scale(1.035)}}
@media(max-width:1100px){.guide-section{gap:40px;padding:80px 0}.guide-copy h2{font-size:2.35rem}.guide-visual{aspect-ratio:3/4}.guide-intro{font-size:16px}}
@media(max-width:767px){.editorial-guides{padding:0 22px}.guide-section{grid-template-columns:1fr;gap:35px;padding:62px 0}.guide-copy h2{font-size:clamp(1.9rem,7.8vw,2.7rem);margin-bottom:22px}.guide-eyebrow{font-size:12px!important;letter-spacing:.09em;margin-bottom:17px}.guide-intro{line-height:1.75;margin-bottom:27px}.guide-copy h3{font-size:17px}.guide-steps p,.guide-tips p{font-size:16px}.guide-steps li{gap:13px}.guide-visual{aspect-ratio:4/3;border-radius:17px}.guide-visual figcaption{inset:auto 21px 22px}.guide-visual figcaption span:first-child{font-size:20px}.guide-visual figcaption span:last-child{font-size:13px}.guide-section-reverse .guide-copy,.guide-section-reverse .guide-visual{grid-column:auto;grid-row:auto}.guide-section .try-button{min-height:50px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.guide-section.will-reveal .guide-copy,.guide-section.will-reveal .guide-visual{opacity:1;transform:none;transition:none}.guide-visual img{transition:none}}