.sj-byo{position:relative;overflow:hidden;isolation:isolate;background:#131b2e;color:#ece6da;padding-block:72px}.sj-byo *,.sj-byo *:before,.sj-byo *:after{box-sizing:border-box}.sj-byo .sj-byo-inner{position:relative;z-index:1;display:grid;grid-template-areas:"head media" "body media";grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:0 56px;align-items:end}.sj-byo-head{grid-area:head;align-self:end}.sj-byo-media{grid-area:media;margin:0;align-self:center;min-width:0}.sj-byo-body{grid-area:body;align-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-top:20px}.sj-byo .sj-byo-label{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#d08a62;margin:0 0 14px}.sj-byo .sj-byo-label span{margin-right:6px}.ss-journal .sj-byo h2{color:#faf6ee;margin:0;font-size:clamp(36px,3.4vw,50px)!important;line-height:1.04!important;text-wrap:balance}.ss-journal .sj-byo h2 em{color:#c98059;font-style:italic}.sj-byo .sj-byo-lede{color:#ece6dadb;font-size:16px;line-height:1.7;margin:0;max-width:46ch}.sj-byo .sj-byo-proof{list-style:none;margin:0;padding:0;display:grid;gap:10px}.sj-byo .sj-byo-proof li{display:flex;gap:12px;font-size:14.5px;line-height:1.5;color:#ece6dadb;padding:0;border:0}.sj-byo .sj-byo-proof li:before{content:"\2726";color:#d08a62;flex:none;position:static;width:auto;height:auto;background:none;border-radius:0}.sj-byo .sj-byo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;padding-top:4px}.ss-journal .sj-byo a.sj-byo-primary{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 28px;border-radius:100px;background:#b8623d;color:#fff;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .2s,transform .2s}.ss-journal .sj-byo a.sj-byo-primary:hover{background:#934d2f;color:#fff;transform:translateY(-2px)}.sj-byo .sj-byo-primary svg{width:18px;height:18px}.ss-journal .sj-byo a.sj-byo-secondary{color:#ece6da;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding-bottom:5px;border-bottom:1px solid rgba(236,230,218,.35)}.ss-journal .sj-byo a.sj-byo-secondary:hover{color:#fff;border-bottom-color:#d08a62}.ss-journal .sj-byo a:focus-visible,.sj-byo .sj-byo-play:focus-visible{outline:2px solid #d08a62;outline-offset:3px}.sj-byo-browser{background:#0b1628;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px #00000059}.sj-byo-chrome{display:flex;align-items:center;gap:6px;height:28px;padding:0 12px;background:#e9e4dc}.sj-byo-chrome i{display:block;width:9px;height:9px;border-radius:50%;background:#cfc6b8}.sj-byo-chrome span{margin-left:10px;padding:2px 10px;border-radius:5px;background:#f6f2ec;color:#6d665d;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sj-byo-frame{position:relative;overflow:hidden;background:#0b1628;max-width:100%}.sj-byo-frame--wide{aspect-ratio:1600/850}.sj-byo-frame--phone{aspect-ratio:4/5;border-radius:18px;box-shadow:0 30px 60px #00000059}.sj-byo-video{display:block;width:100%;height:100%;object-fit:cover}.sj-byo-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;border:0;border-radius:50%;background:#f5efe6;color:#131b2e;box-shadow:0 8px 24px #0000004d;cursor:pointer}.sj-byo-play[hidden]{display:none}.sj-byo-play svg{width:26px;height:26px;margin-left:3px;fill:currentColor}.sj-byo-media figcaption{margin-top:12px;text-align:center;font-size:12px;letter-spacing:.04em;color:#9aa3b5}.sj-byo-mob{display:none}.sj-byo-pill{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:2px;padding:4px 4px 4px 0;border-radius:100px;background:#131b2e;box-shadow:0 10px 30px #131b2e59;font-family:DM Sans,sans-serif;max-width:calc(100% - 32px);animation:sj-byo-in .25s ease-out}.sj-byo-pill[hidden]{display:none}.sj-byo-pill a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 6px 0 20px;color:#faf6ee;font-size:13px;font-weight:600;letter-spacing:.04em;text-decoration:none;white-space:nowrap}.sj-byo-pill a span:first-child{color:#d08a62}.sj-byo-pill a:hover{color:#fff}.sj-byo-pill button{width:36px;height:36px;margin-left:4px;border:0;border-radius:50%;background:#ece6da1f;color:#ece6da;font-size:18px;line-height:1;cursor:pointer;padding:0}.sj-byo-pill a:focus-visible,.sj-byo-pill button:focus-visible{outline:2px solid #d08a62;outline-offset:2px}@keyframes sj-byo-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:1100px)and (min-width:821px){.sj-byo .sj-byo-inner{gap:0 36px}}@media(max-width:820px){.sj-byo{padding-block:44px 48px}.sj-byo .sj-byo-inner{grid-template-areas:"head" "media" "body";grid-template-columns:minmax(0,1fr)}.ss-journal .sj-byo h2{font-size:clamp(30px,8.4vw,38px)!important}.sj-byo-media{padding-top:22px}.sj-byo-media--split{justify-self:center;width:100%;max-width:300px}.sj-byo-media--split .sj-byo-desk{display:none}.sj-byo-media--split .sj-byo-mob{display:block}.sj-byo-media figcaption{margin-top:8px}.sj-byo-body{align-items:stretch;gap:18px}.sj-byo .sj-byo-lede{font-size:15px;line-height:1.6}.sj-byo .sj-byo-proof li{font-size:13.5px}.sj-byo .sj-byo-actions{flex-direction:column;align-items:stretch;gap:14px}.ss-journal .sj-byo a.sj-byo-primary{justify-content:center;min-height:48px}.ss-journal .sj-byo a.sj-byo-secondary{align-self:center}}@media(prefers-reduced-motion:reduce){.ss-journal .sj-byo a.sj-byo-primary{transition:none}.ss-journal .sj-byo a.sj-byo-primary:hover{transform:none}.sj-byo-pill{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/ss-journal-byo.css.map */