.cm{--paper:#f7f5eb;--ink:#3d4b35;--accent:#626f3c;--content-width:1240px}.cm figure{position:relative;overflow:hidden}.cm-opening{padding:50px 0 25px;background:#eef0e3}.cm-opening header{text-align:center;max-width:850px;margin:0 auto 42px;padding:0 40px}.cm-opening h1 span{font-size:44px;letter-spacing:.04em;margin-top:12px}.cm-opening header>p:last-of-type{margin-top:25px;font-size:16px}.cm-opening figure{height:385px}.cm-opening figure img{object-position:center 60%;animation:cm-light 8s ease-in-out infinite alternate}.cm-ribbon{display:flex;gap:28px;align-items:center;margin:0 9%;padding:20px 25px;background:#f7f5eb;transform:translateY(-25px);position:relative;z-index:1;font-size:13px}.cm-ribbon i{flex:1;height:1px;background:#a5af91;position:relative}.cm-ribbon i:after{content:"";position:absolute;inset:0;background:#4d6437;transform-origin:left;animation:cm-connect 7s infinite}.cm-ribbon i:nth-of-type(2):after{animation-delay:2.2s}.cm-opening-tools{display:flex;justify-content:space-between;align-items:center;margin-top:-12px}.cm-opening-tools p{font-size:12px;opacity:.7}.cm-letter{padding:95px 0;background:#faf8f0}.cm-page{display:grid;grid-template-columns:.24fr 1fr .82fr;gap:55px}.cm-margin{border-left:1px solid #9ca487;padding-left:17px;position:relative}.cm-margin:before{content:"";position:absolute;left:-1px;top:0;width:2px;height:100%;background:#5d713f;transform-origin:top;transform:scaleY(.05)}.cm-letter[data-seen=true] .cm-margin:before{animation:cm-line 2.5s ease-out both}.cm-margin p{font-size:13px;line-height:1.9}.cm-margin .eyebrow{font-size:11px;letter-spacing:0;max-width:75px}.cm-copy{padding-top:15px}.cm-copy>p:not(.eyebrow){margin-top:25px}.cm-copy h2{font-size:31px}.cm-account-copy{margin-top:75px;padding-top:25px;border-top:1px solid #9aa48466}.cm-account-copy>p:last-of-type{margin-top:22px}.cm-annotations{padding-top:70px}.cm-together{height:330px}.cm-annotations>p{padding:21px 0;font-size:13px;line-height:1.7;color:#7c8269}.cm-steady{height:290px;margin-top:30px!important;width:88%}.cm-outward{padding:78px 0;background:#d8dfc5}.cm-outward-title{display:flex;align-items:flex-end;gap:65px;margin-bottom:40px}.cm-outward-title .eyebrow{width:22%;margin:0}.cm-outward-title h2{font-size:32px}.cm-presence{display:grid;grid-template-columns:1.3fr .9fr;gap:60px;align-items:start}.cm-presence>figure{height:460px}.cm-outward[data-seen=true] .cm-presence>figure{animation:cm-window 3.5s both}.cm-presence>div{padding:5px 60px 0 0}.cm-presence>div>p{font-size:15px}.cm-presence>div>p+p{font-size:13px;opacity:.75;margin-top:17px}.cm-price{margin-top:24px;border-top:1px solid #7b8b64;border-bottom:1px solid #7b8b64!important;padding:18px 0!important}.cm-price summary{font-size:16px;line-height:1.8}.cm-price>div{padding-top:20px}.cm-price .price-terms dd{font-size:27px}.cm-price .price-terms dt{font-size:14px}.cm-price .price-terms>p:last-of-type{font-size:12px}.cm-presence .cm-selection{margin-top:20px;font-size:13px}.cm-price[open]{border-left:2px solid #52653b;padding-left:18px!important}.cm-answers{padding:55px 0}.cm-answers .bound{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding-right:65px}.cm-answers h2{font-size:29px}.cm-answers details:first-child{padding-top:0}@keyframes cm-connect{0%,12%{transform:scaleX(.02)}75%,100%{transform:scaleX(1)}}@keyframes cm-line{to{transform:scaleY(1)}}@keyframes cm-light{from{transform:scale(1.02) translateX(-.4%)}to{transform:scale(1.06) translateX(.8%)}}@keyframes cm-window{from{clip-path:inset(0 12% 0 0)}to{clip-path:inset(0)}}@media(max-width:1000px){.cm-page{grid-template-columns:1fr .9fr;gap:45px}.cm-margin{grid-column:1/-1;display:flex;gap:40px;align-items:center}.cm-margin .eyebrow{max-width:none;margin:0}.cm-margin p br{display:none}.cm-annotations{padding-top:40px}.cm-presence{gap:35px}.cm-presence>div{padding-right:55px}.cm-together{height:300px}.cm-answers .bound{gap:40px}}@media(max-width:680px){.cm-opening{padding-top:35px}.cm-opening header{padding:0 30px 0 0;margin-bottom:28px;text-align:left}.cm-opening h1 span{font-size:30px;letter-spacing:0}.cm-opening header>p:last-of-type{font-size:14px;margin-top:20px}.cm-opening figure{height:250px}.cm-opening figure img{object-position:55% center}.cm-ribbon{margin:0 14px;gap:8px;padding:14px 10px;transform:translateY(-14px);font-size:10px}.cm-opening-tools{align-items:flex-start;gap:20px;margin-top:0}.cm-opening-tools p{font-size:11px;max-width:155px}.cm-opening-tools button{font-size:10px;white-space:nowrap}.cm-letter{padding:50px 0}.cm-page{display:grid;grid-template-columns:1fr;gap:25px}.cm-margin{grid-column:auto;gap:20px}.cm-margin p{font-size:11px}.cm-copy{padding:0 50px 0 0}.cm-copy h2{font-size:26px}.cm-copy>p:not(.eyebrow){font-size:15px;margin-top:20px}.cm-account-copy{margin-top:40px;padding-top:25px}.cm-account-copy>p:last-of-type{font-size:15px}.cm-annotations{padding:0;display:grid;grid-template-columns:1fr .8fr;gap:15px;align-items:end}.cm-together{height:215px;grid-column:1}.cm-annotations>p{font-size:11px;grid-column:2;grid-row:1;padding:0 5px 10px 0}.cm-steady{grid-column:2;grid-row:2;width:100%;height:155px;margin-top:-35px!important}.cm-annotations figcaption{font-size:9px;left:5px;right:5px;padding:3px}.cm-outward{padding:50px 0}.cm-outward-title{display:block;margin-bottom:28px;padding-right:45px}.cm-outward-title .eyebrow{width:auto;margin-bottom:17px}.cm-outward-title h2{font-size:25px}.cm-presence{display:block}.cm-presence>figure{height:250px}.cm-presence>div{padding:26px 55px 0 0}.cm-presence>div>p{font-size:14px}.cm-price summary{font-size:15px}.cm-price[open]{padding-left:12px!important}.cm-price .price-terms dd{font-size:24px}.cm-price .price-terms dt{font-size:13px}.cm-answers{padding:30px 0}.cm-answers .bound{display:block;padding-right:50px}.cm-answers h2{font-size:25px;margin-bottom:28px}}

/* Keep decorative connection lines under the same pause and offscreen controls. */
.cm.motion-paused *::before,.cm.motion-paused *::after,.cm [data-live="false"] *::before,.cm [data-live="false"] *::after{animation-play-state:paused!important}

/* Phase 2: the annotation owns its row; the second photo must not overlap it. */
@media(max-width:680px){.cm-annotations>p{padding-bottom:0}.cm-annotations .cm-steady{margin-top:0!important}}

/* Phase 2: semantic title boundaries and local composition at narrow widths. */
.cm .cm-title-break{display:none}.cm .cm-opening figure figcaption{bottom:36px}@media(max-width:680px){.cm .cm-title-break{display:initial}.cm .cm-opening figure figcaption{bottom:30px}}

/* Pause the section pseudo-element itself as well as descendants. */
.cm [data-live="false"]::before,.cm [data-live="false"]::after{animation-play-state:paused!important}