.jsn{--ink:#332d20;--paper:#faf7ee;--accent:#b47716;--content-width:1240px}.jsn .jsn-opening{background:#e5c786;padding:45px 0 35px}.jsn .jsn-cover{display:grid;grid-template-columns:250px 1fr;column-gap:40px;row-gap:30px}.jsn .jsn-cover header{padding-top:15px;display:flex;flex-direction:column;align-items:flex-start}.jsn .jsn-cover h1{font-size:16px}.jsn .jsn-cover h1 span{font-size:38px;line-height:1.5;margin-top:30px;font-weight:600}.jsn .jsn-cover .motion{margin-top:auto;max-width:160px}.jsn .jsn-cover .link{margin-bottom:30px}.jsn .jsn-cover>figure{height:480px;position:relative;overflow:hidden}.jsn .jsn-cover>figure img{object-position:50% 45%;animation:jsnCanvas 7s ease-in-out infinite alternate}.jsn .jsn-unfold{position:absolute;top:0;bottom:0;right:0;width:8px;background:#8c5e17;transform-origin:right;animation:jsnUnfold 6s ease-in-out infinite}.jsn .jsn-proposition{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:50px;border-top:1px solid #a97c32;padding-top:25px}.jsn .jsn-proposition h2{font-size:27px}.jsn .jsn-proposition p{font-size:15px;max-width:520px;padding-right:50px}.jsn .jsn-business{padding:65px 0}.jsn .jsn-selector{display:grid;grid-template-columns:1fr 1.3fr;gap:15px 50px;align-items:center}.jsn .jsn-selector .eyebrow{margin:0}.jsn .jsn-selector [role=group]{display:flex;gap:0;justify-content:flex-start}.jsn .jsn-selector button{border:0;border-bottom:2px solid #d8c9a9;background:none;color:#74633f;font-size:19px;padding:12px 30px;cursor:pointer}.jsn .jsn-selector button[aria-pressed=true]{border-color:#91600b;color:#392c16;background:#f0e7d1}.jsn .jsn-selection-note{grid-column:2;font-size:14px;color:#756a53;min-height:60px;padding-right:70px}.jsn .jsn-scroll{display:grid;grid-template-columns:1.16fr 1fr;gap:65px;margin-top:30px}.jsn .jsn-scroll article{position:relative;transition:border .3s;border-top:3px solid transparent}.jsn .jsn-scroll[data-active=product] .jsn-product,.jsn .jsn-scroll[data-active=service] .jsn-service{border-color:#b47b21}.jsn .jsn-product figure{height:345px;position:relative;overflow:hidden}.jsn .jsn-product>div{padding:30px 25px 0 0}.jsn .jsn-scroll small{font-size:13px;color:#91702d}.jsn .jsn-scroll h2{font-size:29px;margin:15px 0 22px}.jsn .jsn-scroll p{font-size:15px;color:#6b624f;margin-top:15px}.jsn .jsn-service>div{padding:40px 65px 28px 0}.jsn .jsn-service figure{height:285px;position:relative;overflow:hidden}.jsn .jsn-opening-note{display:grid;grid-template-columns:1fr 2fr;gap:70px;margin-top:45px;padding:27px 60px 0 0;border-top:1px solid #c9ba98}.jsn .jsn-opening-note strong{font-size:19px;font-weight:500}.jsn .jsn-opening-note p{font-size:14px;color:#817258}.jsn .jsn-continuity{background:#282a23;color:#f4ead3;padding:70px 0}.jsn .jsn-continuity header{display:grid;grid-template-columns:1fr 1fr;column-gap:90px;align-items:end}.jsn .jsn-continuity header .eyebrow{grid-column:1/-1;color:#cba86a}.jsn .jsn-continuity header>p:last-child{color:#c2bba8;font-size:15px;padding-right:70px}.jsn .jsn-receipt{height:330px;position:relative;overflow:hidden;margin-top:35px}.jsn .jsn-receipt img{object-position:50% 50%}.jsn .jsn-receipt span{position:absolute;left:7%;right:7%;top:50%;height:2px;background:linear-gradient(90deg,transparent,#fff5db,transparent);transform-origin:left;animation:jsnReceipt 6s ease-in-out infinite}.jsn .jsn-cost{display:grid;grid-template-columns:260px 1fr;gap:50px;padding-top:40px}.jsn .jsn-cost-label{padding-top:8px}.jsn .jsn-cost-label h3{font-size:23px}.jsn .jsn-cost-label p:last-child{font-size:13px;color:#b9b4a6;margin-top:15px}.jsn .price-terms{padding-right:65px}.jsn .price-terms dl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.jsn .price-terms dl>div{display:block;padding-top:10px}.jsn .price-terms dd{font-size:29px;margin-top:10px}.jsn .price-terms>p:last-of-type{color:#d0c6b0;opacity:1;font-size:12px}.jsn .jsn-faq{margin-top:25px;padding-right:65px}.jsn .jsn-faq summary{font-size:16px}.jsn .jsn-faq p{font-size:14px;opacity:1;color:#c2bba8}.jsn .jsn-promotions{padding-top:15px}.jsn .aux-reference>div{grid-template-columns:1fr}.jsn .aux-reference a{background:#efe6d1;border-left:3px solid #b47b21}@keyframes jsnCanvas{from{transform:scale(1.06) translateX(12px)}to{transform:scale(1) translateX(0)}}@keyframes jsnUnfold{0%,100%{transform:scaleX(1)}50%{transform:scaleX(8)}}@keyframes jsnReceipt{0%{transform:scaleX(.1);opacity:.4}80%,100%{transform:scaleX(1);opacity:1}}@media(max-width:900px){.jsn .jsn-cover{grid-template-columns:220px 1fr;gap:25px}.jsn .jsn-cover h1 span{font-size:34px}.jsn .jsn-scroll{gap:30px}.jsn .jsn-scroll h2{font-size:26px}.jsn .jsn-service>div{padding-right:40px}.jsn .jsn-cost{grid-template-columns:210px 1fr;gap:25px}.jsn .price-terms dl{gap:15px}.jsn .price-terms dd{font-size:25px}.jsn .jsn-continuity header{gap:25px}}@media(max-width:680px){.jsn .jsn-opening{padding-top:25px}.jsn .jsn-cover{display:flex;flex-direction:column;gap:25px}.jsn .jsn-cover header{display:block;padding:0}.jsn .jsn-cover .eyebrow br{display:none}.jsn .jsn-cover h1{font-size:14px}.jsn .jsn-cover h1 span{font-size:30px;margin-top:15px}.jsn .jsn-cover h1 span br:last-child{display:none}.jsn .jsn-cover .link{margin:18px 20px 0 0}.jsn .jsn-cover .motion{font-size:10px;vertical-align:middle;margin:15px 0 0}.jsn .jsn-cover>figure{height:290px}.jsn .jsn-cover>figure img{object-position:43% 50%;animation:none}.jsn .jsn-proposition{display:block;padding-top:22px}.jsn .jsn-proposition h2{font-size:24px}.jsn .jsn-proposition p{font-size:14px;padding:0;margin-top:15px}.jsn .jsn-business{padding:40px 0}.jsn .jsn-selector{display:block}.jsn .jsn-selector [role=group]{margin-top:15px}.jsn .jsn-selector button{font-size:16px;padding:10px 20px}.jsn .jsn-selection-note{margin-top:18px;min-height:100px;padding-right:45px;font-size:13px}.jsn .jsn-scroll{display:block;margin-top:20px}.jsn .jsn-product figure{height:250px}.jsn .jsn-product>div{padding:22px 45px 0 0}.jsn .jsn-scroll h2{font-size:25px;margin:10px 0 17px}.jsn .jsn-service{display:flex;flex-direction:column;margin-top:30px}.jsn .jsn-service figure{order:-1;height:235px}.jsn .jsn-service>div{padding:22px 45px 0 0}.jsn .jsn-scroll p{font-size:14px}.jsn .jsn-opening-note{display:block;padding-right:45px;margin-top:30px}.jsn .jsn-opening-note strong{font-size:18px}.jsn .jsn-opening-note p{font-size:13px;margin-top:15px}.jsn .jsn-continuity{padding:40px 0}.jsn .jsn-continuity header{display:block}.jsn .jsn-continuity header>p:last-child{margin-top:20px;padding-right:45px;font-size:14px}.jsn .jsn-receipt{height:240px;margin-top:25px}.jsn .jsn-receipt img{object-position:45% center}.jsn .jsn-cost{display:block;padding-top:25px}.jsn .jsn-cost-label{margin-bottom:25px}.jsn .price-terms{padding-right:60px}.jsn .price-terms dl{display:block}.jsn .price-terms dl>div{display:flex;justify-content:space-between;align-items:center}.jsn .price-terms dd{font-size:25px;margin:0}.jsn .jsn-faq{padding-right:45px}.jsn .jsn-faq summary{font-size:15px}}

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

/* Phase 2: semantic title boundaries and local composition at narrow widths. */
.jsn .jsn-note-break{display:none}@media(max-width:1000px){.jsn .jsn-note-break{display:initial}}

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