.pv-pair{--making-progress:1;--pair-mix:0;aspect-ratio:1.3;justify-self:end;width:100%;min-width:0;max-width:630px;display:grid}.pv-pair>.pv-visual{aspect-ratio:auto;grid-area:1/1;width:100%;height:100%}.pv-pair>.pv-visual:first-child{opacity:calc(1 - var(--pair-mix))}.pv-pair>.pv-visual:last-child{opacity:var(--pair-mix)}.pv-visual{aspect-ratio:1.4;isolation:isolate;color:#264737;background:#eeeae2;border-radius:22px;justify-self:end;width:100%;max-width:630px;position:relative;overflow:hidden;container-type:inline-size}.pv-plan-photo{transform:scale(calc(1.04 - var(--making-progress) * .04));position:absolute;inset:0}.pv-plan-photo img{object-fit:cover}.pv-scene-1{background:#e8ede6}.pv-scene-2{background:#e6ebed}.pv-scene-3{background:#eee8de}.pv-site{color:#264737;background:#faf9f6;width:100%;height:100%;overflow:hidden}.pv-site-nav{border-bottom:1px solid #ddded8;justify-content:space-between;align-items:center;height:22%;padding:0 5%;display:flex}.pv-site-nav>strong,.pv-list-title>strong{letter-spacing:-.055em;font:italic 500 clamp(21px,4.4cqw,29px)/1 Argilla Fraunces,Georgia,serif}.pv-site-nav>span{font-size:clamp(7px,1.65cqw,11px)}.pv-site-body{grid-template-columns:1fr 1fr;height:78%;display:grid}.pv-site-body>div:first-child{flex-direction:column;justify-content:center;align-items:flex-start;padding:8%;display:flex}.pv-site-body>div>strong{letter-spacing:-.045em;font:italic 500 clamp(20px,4.8cqw,32px)/1.06 Argilla Fraunces,Georgia,serif}.pv-site-body p{color:#5e665d;margin:10% 0;font-size:clamp(8px,1.8cqw,12px);line-height:1.45}.pv-site-body>div>span{color:#faf9f6;background:#264737;border-radius:3px;padding:8% 10%;font-size:clamp(7px,1.6cqw,11px)}.pv-site-photo{min-width:0;position:relative}.pv-site-photo img{object-fit:cover}.pv-review-page{border:1px solid #cbd4c8;border-radius:5px;position:absolute;inset:8% 8% 26%;box-shadow:0 10px 30px #26473716}.pv-review-page .pv-site{border-radius:inherit}.pv-pin{color:#fff;background:#b45e35;border:2px solid #faf9f6;border-radius:50%;place-items:center;width:27px;height:27px;font:600 13px/1 Arial,sans-serif;display:grid;position:absolute;box-shadow:0 2px 6px #0002}.pv-pin-title{top:29%;left:40%}.pv-pin-photo{top:55%;right:10%}.pv-review-notes{transform:translateY(calc((1 - var(--making-progress)) * 14px));gap:14px;display:flex;position:absolute;inset:auto 8% 7%}.pv-review-notes>div{background:#faf9f6;border-radius:4px;flex:1;align-items:center;gap:9px;padding:12px;font-size:clamp(10px,2cqw,13px);display:flex;box-shadow:0 3px 8px #26473708}.pv-review-notes b{color:#fff;background:#b45e35;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.pv-laptop{height:64%;position:absolute;top:14%;left:7%;right:15%}.pv-laptop-screen{background:#303734;border-radius:12px 12px 3px 3px;height:100%;padding:9px;box-shadow:0 14px 30px #263c3422}.pv-laptop-base{background:linear-gradient(#cbd0ce,#9aa5a0);border-radius:2px 2px 60% 60%;height:12px;position:absolute;left:-5%;right:-5%}.pv-phone{width:23%;height:65%;transform:translateY(calc((1 - var(--making-progress)) * 15px));background:#303734;border-radius:20px;padding:6px;position:absolute;bottom:15%;right:6%;box-shadow:0 10px 25px #263c3433}.pv-phone .pv-site{border-radius:14px}.pv-phone .pv-site-nav{justify-content:center;height:17%;padding-top:8px}.pv-phone .pv-site-nav strong{font-size:clamp(14px,3cqw,20px)}.pv-phone .pv-site-nav>span,.pv-phone .pv-site-body p{display:none}.pv-phone .pv-site-body{flex-direction:column;height:83%;display:flex}.pv-phone .pv-site-body>div:first-child{height:48%;padding:9%}.pv-phone .pv-site-body>div>strong{font-size:clamp(13px,2.7cqw,18px)}.pv-phone .pv-site-body>div>span{margin-top:9px;padding:7px 5px;font-size:clamp(6px,1.1cqw,8px)}.pv-phone .pv-site-photo{flex:1;min-height:0}.pv-phone-camera{background:#303734;border-radius:5px;width:20%;height:4px;position:absolute;top:9px;left:40%}.pv-publish-label{letter-spacing:.01em;font-size:clamp(11px,2.2cqw,15px);position:absolute;bottom:7%;left:8%}.pv-publish-label span{margin-left:12px}.pv-updates{flex-direction:column;justify-content:center;gap:18px;display:flex;position:absolute;inset:6% 8%}.pv-version{color:#586252;margin-bottom:7px;font-size:clamp(10px,1.9cqw,13px);display:block}.pv-before{width:82%}.pv-after{width:92%;transform:translateY(calc((1 - var(--making-progress)) * 12px));align-self:flex-end}.pv-course-list{background:#faf9f6;border:1px solid #d6d9cf;border-radius:6px;overflow:hidden;box-shadow:0 5px 15px #26473708}.pv-list-title{border-bottom:1px solid #e0e2d9;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.pv-list-title>strong{font-size:clamp(18px,3.6cqw,24px)}.pv-list-title>span{font-size:clamp(10px,1.8cqw,12px)}.pv-course-row{align-items:center;gap:12px;padding:9px 13px;display:flex}.pv-course-row img{object-fit:cover;border-radius:2px;width:60px;height:48px}.pv-course-row>div{min-width:0}.pv-course-row strong{font-size:clamp(11px,2.2cqw,15px);font-weight:500;display:block}.pv-course-row span{color:#5b6456;margin-top:3px;font-size:clamp(8px,1.6cqw,11px);display:block}.pv-course-added{background:#e9efdf;border-top:1px solid #cdd8c1}.pv-course-added>b{border:1px solid #a6b396;border-radius:4px;margin-left:auto;padding:4px 7px;font-size:10px;font-weight:500}@media (max-width:760px){.pv-pair{aspect-ratio:auto;justify-self:stretch;width:auto;max-width:none;height:370px;margin:0 -8px}.pv-visual{aspect-ratio:1.12;border-radius:18px}.pv-scene-0{aspect-ratio:1.3}.pv-scene-3{aspect-ratio:.91}.pv-site-body>div>strong{font-size:18px}.pv-site-body p{margin:6px 0}.pv-site-body>div>span{padding:6px 8px}.pv-review-page{inset:8% 6% 27%}.pv-review-notes{gap:6px;inset:auto 6% 7%}.pv-review-notes>div{gap:5px;padding:9px 7px}.pv-pin{width:23px;height:23px;font-size:11px}.pv-review-notes b{width:18px;height:18px;font-size:10px}.pv-laptop{height:56%;top:17%;left:5%;right:13%}.pv-laptop-screen{padding:6px}.pv-phone{border-radius:14px;width:25%;height:58%;padding:4px;right:5%}.pv-phone .pv-site{border-radius:10px}.pv-phone .pv-site-body>div>span{margin-top:6px;padding:5px 3px}.pv-updates{gap:14px;inset:6%}.pv-before{width:92%}.pv-after{width:100%}.pv-list-title{padding:8px 11px}.pv-course-row{gap:9px;padding:9px}.pv-course-row img{width:46px;height:40px}.pv-course-added>b{padding:3px 4px;font-size:8px}}@media (prefers-reduced-motion:reduce){.pv-plan-photo,.pv-review-notes,.pv-phone,.pv-after{transform:none}}