.byo-rem-hero{grid-template-columns:1fr;align-items:center;gap:40px;display:grid}@media (width>=960px){.byo-rem-hero{grid-template-columns:1.15fr .85fr;gap:56px}}.byo-rem-proj{border:1px solid var(--byo-line);border-radius:var(--byo-radius-lg);background:#fff;padding:14px;box-shadow:0 30px 60px -34px #15161a59}.byo-rem-proj-head{color:var(--byo-ink);justify-content:space-between;align-items:center;gap:10px;padding:2px 4px 12px;font-size:13.5px;font-weight:700;display:flex}.byo-rem-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--byo-text-3);border:1px solid var(--byo-line);border-radius:999px;flex:none;padding:2px 8px;font-size:11.5px;font-weight:600}.byo-rem-pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.byo-rem-shot{aspect-ratio:4/3;opacity:0;border-radius:10px;position:relative;overflow:hidden;transform:translateY(8px)}.byo-rem-shot:before{content:"";border-radius:3px;height:16%;position:absolute;bottom:34%;left:10%;right:10%}.byo-rem-shot:after{content:"";border-radius:3px;height:22%;position:absolute;top:16%;left:18%;right:18%}.byo-rem-shot-before{background:linear-gradient(160deg,#e3e2dd,#cfcec8)}.byo-rem-shot-before:before{background:#b9b8b1}.byo-rem-shot-before:after{background:#c7c6bf}.byo-rem-shot-after{background:linear-gradient(160deg,#eef1f8,#dfe5f3)}.byo-rem-shot-after:before{background:var(--byo-accent);opacity:.85}.byo-rem-shot-after:after{opacity:.9;background:#fff}.byo-rem-shot-label{z-index:1;letter-spacing:.1em;text-transform:uppercase;color:var(--byo-ink);background:#ffffffe6;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700;position:absolute;bottom:8px;left:8px}.byo-rem-meta{opacity:0;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid;transform:translateY(8px)}.byo-rem-meta-cell{min-width:0}.byo-rem-meta-cell span{letter-spacing:.1em;text-transform:uppercase;color:var(--byo-text-3);font-size:11.5px;font-weight:600;display:block}.byo-rem-meta-cell strong{color:var(--byo-ink);margin-top:2px;font-size:13px;font-weight:600;line-height:1.35;display:block}.byo-rem-ask{border-top:1px solid var(--byo-line);opacity:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:12px;display:flex;transform:translateY(8px)}.byo-rem-ask-note{color:var(--byo-text-2);flex:1;min-width:150px;font-size:11.5px;line-height:1.4}.byo-rem-ask-btn{color:#fff;background:var(--byo-ink);border-radius:999px;flex:none;padding:8px 14px;font-size:12.5px;font-weight:700}.byo-in .byo-rem-shot,.byo-in .byo-rem-meta,.byo-in .byo-rem-ask{animation:byoRise .5s var(--byo-ease) forwards;animation-delay:calc(var(--i) * .24s + .2s)}@media (prefers-reduced-motion:reduce){.byo-rem-shot,.byo-rem-meta,.byo-rem-ask{opacity:1;animation:none;transform:none}}.byo-rem-path{border-top:1px solid var(--byo-line);grid-template-columns:1fr;gap:0;margin:0;padding:0;list-style:none;display:grid}.byo-rem-path li{border-bottom:1px solid var(--byo-line);padding:22px 0}.byo-rem-path h3{letter-spacing:-.01em;color:var(--byo-ink);margin:8px 0 6px;font-size:17px;font-weight:700}.byo-rem-path p{color:var(--byo-text-2);margin:0;font-size:14.5px;line-height:1.55}@media (width>=900px){.byo-rem-path{border-top:none;grid-template-columns:repeat(5,1fr);gap:28px}.byo-rem-path li{border-bottom:none;border-top:2px solid var(--byo-line);padding-top:18px}}.byo-rem-play{flex-direction:column;padding:26px;display:flex}.byo-rem-play-h{letter-spacing:-.015em;color:var(--byo-ink);margin-bottom:8px;font-size:18px;font-weight:700}.byo-rem-play-p{color:var(--byo-text-2);flex:1;margin-bottom:16px;font-size:14.5px;line-height:1.6}.byo-rem-proc{border-top:1px solid #2a2b30;padding:24px 0}.byo-rem-proc h3{color:#fff;margin:0 0 8px;font-size:18px;font-weight:700}.byo-rem-proc p{color:#c2c4ca;margin:0;font-size:14.5px;line-height:1.6}@media (width>=680px){.byo-rem-proc{padding:26px 32px 26px 0}}.byo-rem-split{grid-template-columns:1fr;align-items:start;gap:36px;display:grid}@media (width>=960px){.byo-rem-split{grid-template-columns:1.2fr .8fr;gap:56px}}.byo-rem-steps>div{border-top:1px solid var(--byo-line);padding:18px 0}.byo-rem-steps h3{color:var(--byo-ink);margin:8px 0 6px;font-size:17px;font-weight:700}.byo-rem-steps p{color:var(--byo-text-2);margin:0;font-size:14.5px;line-height:1.55}.byo-rem-aside{background:var(--byo-paper-2);padding:28px}
