.how{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6%;align-items:center;padding-block:82px}.how-copy h2{margin-top:22px;font-size:clamp(48px,5.5vw,82px);line-height:1.02}.how-copy h2>span{color:var(--purple)}.how .steps{display:flex;flex-direction:column;gap:0;margin-top:28px}.how .steps article{display:flex;align-items:center;gap:15px;padding:18px 0;background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;transform:none;color:var(--espresso)}.step-number{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;background:var(--apricot);border-radius:50%;font-size:11px;font-weight:800}.steps article:nth-child(2) .step-number{background:var(--ice)}.steps article:nth-child(3) .step-number{background:var(--citron)}.how .steps h3{font-size:24px;letter-spacing:0;margin:0 0 4px;line-height:1}.how .steps p{font-size:13px;line-height:1.5}.how .how-media{width:100%;margin:0;padding:0;border:0;border-radius:7px;overflow:hidden;transform:rotate(1.5deg);background:var(--apricot);box-shadow:8px 10px 0 var(--coffee)}.how .how-media>img{aspect-ratio:1.15;width:100%;height:auto;object-fit:cover;object-position:80% center}.how .how-media figcaption{padding:17px 18px;font-size:9px;letter-spacing:.6px}.photo-sticker{position:absolute;left:20px;top:20px;background:var(--citron);color:var(--dark);padding:14px 16px;transform:rotate(-7deg);font-weight:900;font-size:12px;line-height:1.25;box-shadow:2px 3px 6px #452a3226}.photo-sticker>span{position:absolute;right:-12px;bottom:-11px;font-size:35px;color:var(--purple)}.mood-section{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:5%;padding-block:80px}.mood-copy h2{font-size:clamp(48px,5.6vw,82px)}.mood-copy>p{max-width:265px;font-size:15px;line-height:1.6}.mood-tabs{gap:8px;margin-top:25px}.mood-tabs button{padding:13px 20px}.mood-detail{margin-top:32px;padding-top:24px;border-top:1px solid #fbf7ee40;min-height:130px}.mood-detail>span{font-size:9px;letter-spacing:1.2px;color:var(--cream)}.mood-detail h3{font-size:19px;letter-spacing:-.3px;margin:13px 0 8px;line-height:1.3}.mood-detail p{font-size:13px;max-width:270px;line-height:1.6;color:#f5e8c4cc}.mood-section .mood-panel{margin:0;min-height:0;padding:0;display:block;border:0;border-radius:8px;overflow:hidden;box-shadow:8px 9px #21141a}.mood-photo-wrap{position:relative;overflow:hidden;aspect-ratio:1.12}.mood-photo{width:100%;height:100%;object-fit:cover}.mood-photo-smile{position:absolute;bottom:22px;right:22px;width:66px;transform:rotate(9deg);filter:drop-shadow(3px 4px 3px #21141a25)}.mood-panel figcaption{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px 22px;font-size:9px;font-weight:800;letter-spacing:.7px;color:var(--espresso)}@media(min-width:1500px){.how,.mood-section{padding-inline:max(6%,calc((100vw - 1400px)/2))}}@media(max-width:1000px){.how{gap:5%}.how-copy .eyebrow{font-size:9px;letter-spacing:1px}.mood-tabs button{padding-inline:15px}.how .how-media>img{aspect-ratio:.78}.mood-photo-wrap{aspect-ratio:.86}.mood-panel figcaption{font-size:8px;letter-spacing:.2px;padding:16px 15px}.mood-copy h2{font-size:6vw}.how .how-media figcaption{font-size:8px;padding:14px 12px}}@media(max-width:650px){.how,.mood-section{grid-template-columns:1fr;padding-block:48px;gap:28px}.how-copy{display:contents}.how-copy>.eyebrow{grid-row:1}.how-copy h2{grid-row:2;font-size:52px;margin:-12px 0 0;max-width:100%}.how-copy h2 span{display:inline-block}.how .how-media{grid-row:3;transform:rotate(1deg);margin:0 3px 0 0;width:calc(100% - 5px)}.how .how-media>img{aspect-ratio:1.04;object-position:80% center}.how .how-media figcaption{font-size:8px;padding:15px 12px}.photo-sticker{font-size:10px;padding:12px;top:16px;left:16px}.how .steps{grid-row:4;margin-top:0;gap:0}.how .steps article{padding:17px 0}.how .steps h3{font-size:23px}.how .steps p{font-size:12px}.mood-copy h2{font-size:56px;margin:20px 0 15px}.mood-copy>p{max-width:none;font-size:14px}.mood-detail{margin-top:24px;padding-top:20px;min-height:0}.mood-detail h3{font-size:19px}.mood-detail p{max-width:none}.mood-photo-wrap{aspect-ratio:1.04}.mood-photo-smile{width:50px;bottom:18px;right:18px}.mood-panel figcaption{font-size:8px;padding:17px 13px;line-height:1.4}.mood-panel figcaption span:last-child{max-width:90px;text-align:right}.mood-section .mood-panel{margin-right:6px}}@media(max-width:350px){.how-copy h2{font-size:45px}.mood-copy h2{font-size:50px}.mood-tabs button{padding-inline:16px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ohsip-photography.css.map */