/* Shared materials, independently drawn objects and product interactions. */
.sp-page h1{font-size:clamp(40px,4.25vw,60px);line-height:1.03;letter-spacing:-.055em;text-wrap:balance}
.sp-page .rh-hero-copy{gap:26px}
.sp-page .sh-case-ledger{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sp-page .sh-case-ledger details,.sp-page .sh-case-ledger summary>span{min-width:0}
.sp-page .sh-case-ledger summary>span{overflow-wrap:anywhere;hyphens:auto}
.sp-hero-art{display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:660px;padding:30px;overflow:hidden}
.sp-explanations{display:grid;min-height:144px;align-content:start}
.sp-explanations>[data-sp-panel]{grid-area:1/1}
.sp-explanations h3{margin:0 0 8px}.sp-explanations [hidden]{display:none!important}
.sp-page .rh-house-choice button{transition:background .25s,color .25s;touch-action:manipulation}
.sp-page button:active{transform:scale(.97)}
.sp-benefits .rh-highlight{gap:20px;padding:34px}
.sp-benefits h3{max-width:none;text-wrap:pretty}
.sp-benefits .rh-small{margin-top:auto}
.sp-number-art{height:160px;display:flex;align-items:center;gap:7px;flex-shrink:0;font-variant-numeric:tabular-nums}
.sp-number-art>span{font-size:78px;font-weight:600;letter-spacing:-.07em;line-height:1}
.sp-number-art>small{font-size:24px;align-self:center;margin-top:32px;font-weight:500}
.sp-mini-art{height:160px;display:grid;place-items:center;flex-shrink:0;position:relative}
.sp-soft-corner{border-radius:30px 80px 30px 30px}
.sp-arch-card{border-radius:90px 90px 30px 30px}
.sp-page .sp-amount-choice{border-color:#d2d4da}
.sp-sb-choice{display:flex;gap:6px}.sp-sb-choice button{flex:1;min-height:46px;border-radius:12px;border:1px solid #c2c5ce;background:#fff8;color:#53535b;font-size:12px;padding:8px}
.sp-sb-choice button[aria-pressed=true]{background:#242426;color:white;border-color:#242426}
.sp-year-ring{height:135px;width:135px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background:linear-gradient(145deg,#ffffff18,#ffffff02);box-shadow:inset 0 1px 1px #fff6,0 12px 22px #0001}
.sp-year-ring:after{content:'';inset:-12px;border:1px dashed var(--line);position:absolute;border-radius:50%;transition:transform .8s}
.sp-year-ring b{font-size:65px;line-height:1;font-weight:500;letter-spacing:-.06em}.sp-year-ring span{font-size:12px;color:var(--muted);margin-top:5px}
.sp-dialog-art{position:relative;width:240px;height:145px;max-width:100%}.sp-dialog-art>span{position:absolute;top:15px;left:0;border:1px solid #ffffff45;border-radius:22px 22px 22px 5px;background:linear-gradient(145deg,#fff3,#fff1);padding:16px;font-size:13px;box-shadow:0 10px 20px #0001;transition:transform .5s}.sp-dialog-art>span+span{top:76px;left:auto;right:0;background:#eeeeef;color:#33333a;border-radius:22px 22px 5px 22px}.sp-dialog-art>b{position:absolute;left:48%;top:55px;font-size:25px;color:#aabfe5;font-weight:400}
.sp-traffic-sign{width:114px;height:114px;display:grid;place-items:center;border:7px solid #ededf1;border-radius:50%;background:linear-gradient(145deg,#444449,#202023);font-size:61px;color:#bacceb;box-shadow:0 9px 25px #0003;position:relative}.sp-traffic-sign>i{position:absolute;top:105px;height:28px;width:5px;background:#b3b6bf}
.sp-route-art{position:relative;width:240px;height:145px;text-align:center;padding-top:28px}.sp-route-art i{position:absolute;inset:15px 30px;border:1px dashed var(--line);border-radius:60px 10px 60px 10px;transform:rotate(-8deg)}.sp-route-art b{font-size:66px;font-weight:500;line-height:1}.sp-route-art span{display:block;font-size:11px;color:var(--muted);margin-top:8px}
.sp-meeting-art{position:relative;width:220px;height:140px}.sp-meeting-art>b{position:absolute;inset:20px 45px;border-radius:50%;background:linear-gradient(140deg,#ffffff3a,#ffffff0b);border:1px solid #ffffff55;transform:rotateX(30deg)}.sp-meeting-art>i{position:absolute;width:45px;height:45px;top:45px;left:5px;border:1px solid #fff8;border-radius:50%;background:linear-gradient(135deg,#fff,#b4b9c3);box-shadow:0 10px 25px #0003;transition:transform .5s}.sp-meeting-art>i:nth-of-type(2){left:auto;right:5px}.sp-meeting-art>span{position:absolute;left:90px;top:47px;font-size:30px;color:#c5d5f2}
.sp-ledger-art{height:155px;position:relative;width:180px}.sp-ledger-art span{position:absolute;inset:16px 0 0;background:linear-gradient(135deg,#fff,#d5d9e1);color:#414851;border:1px solid white;border-radius:12px;padding:13px 16px;font-size:11px;box-shadow:0 9px 22px #0001;transform:rotate(-8deg);transition:transform .5s}.sp-ledger-art span:nth-child(2){inset:50px -10px -10px 15px;transform:rotate(2deg)}.sp-ledger-art span:nth-child(3){inset:85px -18px -18px 30px;transform:rotate(8deg);background:linear-gradient(135deg,#3e3e43,#232326);color:#d0d8e7}
.sp-rent-tags{display:flex;align-items:center;gap:10px}.sp-rent-tags>span{border:1px solid #ffffff45;background:#ffffff12;border-radius:16px;padding:17px 10px;font-size:12px}.sp-rent-tags b{font-size:44px;font-weight:400;color:#b8c9e5}
/* Private: the letter lifts out of its glass envelope; later scroll opens the file. */
.sp-scene{height:320px;min-height:320px;position:relative;margin:auto;max-width:480px;--progress:0;--choice:0;isolation:isolate}
.sp-letter-shadow{position:absolute;left:15%;right:10%;bottom:7%;height:23px;border-radius:50%;background:#5d657021;filter:blur(5px)}
.sp-letter-sheet{position:absolute;left:23%;width:58%;height:74%;top:6%;padding:25px;background:linear-gradient(140deg,#fff,#e1e4eb);border:1px solid #fff;border-radius:14px;box-shadow:0 12px 26px #25263016;transform:translateY(calc((var(--progress) + var(--choice)) * -15px)) rotate(-5deg);transition:rotate .5s;z-index:2}
.sp-letter-sheet>span{font-size:9px;letter-spacing:.13em;color:#7286a7}.sp-letter-sheet>b{display:block;font-size:26px;line-height:1.15;letter-spacing:-.035em;color:#35383e;margin:17px 0}.sp-letter-sheet>i{display:block;width:90%;height:4px;border-radius:4px;background:#c0c6d1;margin-top:9px}.sp-letter-sheet>i:nth-of-type(2){width:64%}.sp-letter-sheet>em{font-style:normal;display:block;font-size:9px;margin-top:18px;color:#6a7b99}
.sp-envelope-back{position:absolute;left:13%;right:9%;bottom:9%;height:48%;border:1px solid #ffffffb3;background:linear-gradient(145deg,#c5ccd8,#e6e9f0);border-radius:14px;z-index:1;transform:rotate(3deg)}
.sp-envelope-front{position:absolute;left:13%;right:9%;bottom:9%;height:45%;border-radius:14px;z-index:3;background:linear-gradient(155deg,#ffffffa6,#d9dde675);border:1px solid #fff;backdrop-filter:blur(8px);box-shadow:0 20px 25px #1d243320;transform:rotate(3deg);clip-path:polygon(0 0,50% 34%,100% 0,100% 100%,0 100%)}
.sp-envelope-front>span{position:absolute;bottom:23px;left:24px;font-size:13px;letter-spacing:-.02em;color:#515967}
.sp-letter-stamp{position:absolute;z-index:4;right:6%;bottom:3%;width:82px;height:82px;border-radius:50%;background:linear-gradient(135deg,#43444a,#1d1d20);border:1px solid #73757b;box-shadow:0 12px 25px #1d203026;color:#c2d3f4;display:grid;place-items:center;font-size:43px;transform:translateY(calc(var(--progress)*-15px))}
.sp-hero-art[data-sp-state=gespraech] .sp-letter{--choice:.6}.sp-hero-art[data-sp-state=loesung] .sp-letter{--choice:1.3}
/* Traffic: dimensional touring car on a curved, divided road. */
.sp-road-map{position:absolute;inset:15% 2% 13%;border:1px solid #d0d4dc;border-radius:90px 15px 100px 20px;transform:rotate(-9deg);opacity:.55}.sp-road-map i{position:absolute;border:1px solid #d0d4dc;width:50px;height:65px;border-radius:10px;left:30px;top:25px}.sp-road-map i:nth-child(2){left:100px;top:45px;height:95px}.sp-road-map i:nth-child(3){left:auto;right:25px;top:80px}
.sp-highway{position:absolute;left:2%;right:0;top:56%;height:92px;background:linear-gradient(180deg,#46474c,#25262b);border:1px solid #5c5e66;border-radius:45px 10px 45px 10px;transform:rotate(-9deg);box-shadow:0 23px 26px #30344128;overflow:hidden}.sp-highway:after{content:'';position:absolute;top:48%;left:0;right:0;border-top:2px dashed #ced0d6}.sp-highway>span{position:absolute;inset:9px 0;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}
.sp-auto{position:absolute;left:calc(12% + var(--progress)*28% + var(--choice)*25%);top:43%;width:200px;height:70px;z-index:3;transform:rotate(-9deg);filter:drop-shadow(0 15px 10px #17192155)}
.sp-auto-cabin{position:absolute;left:43px;top:-31px;width:101px;height:46px;background:linear-gradient(135deg,#eef0f5,#b9c4d4);border:5px solid #e5e8ee;border-radius:45px 52px 0 0;transform:skewX(8deg);overflow:hidden}.sp-auto-cabin>i{position:absolute;left:49%;width:5px;height:100%;background:#f1f2f5}.sp-auto-body{position:absolute;inset:0;background:linear-gradient(180deg,#fff 0%,#dfe2e9 50%,#969eab);border:1px solid #fff;border-radius:30px 42px 16px 16px}.sp-auto-body:after{content:'';position:absolute;top:26px;left:19px;right:18px;height:1px;background:#a0a8b5}.sp-auto-body>span{position:absolute;right:4px;top:17px;width:21px;height:11px;border-radius:4px 9px 4px 4px;background:#fbfcff;box-shadow:5px 0 12px #fff9}.sp-auto-body>b{position:absolute;left:4px;top:20px;width:7px;height:11px;background:#9eacbf;border-radius:3px}
.sp-wheel{position:absolute;bottom:-10px;width:37px;height:37px;border-radius:50%;border:7px solid #292b31;background:conic-gradient(#b7bfcd,#f1f4f9,#7f8898,#b7bfcd);box-shadow:0 2px 0 #1115;z-index:4}.sp-wheel-a{left:23px}.sp-wheel-b{right:24px}
.sp-milepost{position:absolute;right:15%;top:8%;z-index:1;text-align:center}.sp-milepost>b{width:62px;height:62px;display:grid;place-items:center;border:5px solid #7c94bd;border-radius:50%;background:#f9fafd;color:#5b749d;font-size:35px;font-weight:500;box-shadow:0 6px 12px #0001}.sp-milepost:after{content:'';position:absolute;width:5px;height:125px;background:linear-gradient(90deg,#a8adb7,#d4d9e1);left:29px;top:61px;z-index:-1}.sp-milepost>span{display:block;font-size:8px;letter-spacing:.07em;color:#4f607c;background:#eef1f5;padding:5px;margin-top:5px;border-radius:5px}
.sp-road-label{position:absolute;left:8%;right:5%;bottom:0;display:flex;justify-content:space-between;color:#687387;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.sp-hero-art[data-sp-state=neu] .sp-mobility{--choice:1}
/* Business: contract and personnel files fan from a metal-edged briefcase. */
.sp-board-shadow{position:absolute;left:10%;right:10%;bottom:7%;height:25px;background:#5c637822;filter:blur(6px);border-radius:50%}
.sp-business-document{position:absolute;left:23%;width:42%;height:65%;top:7%;border-radius:12px;background:linear-gradient(135deg,#fff,#dfe2ea);border:1px solid #fff;box-shadow:0 12px 22px #30374715;padding:22px;color:#607495;transform:rotate(calc(-12deg - var(--progress)*8deg)) translateX(calc(var(--progress)*-15px));transform-origin:50% 100%}
.sp-business-document>span{font-size:10px;letter-spacing:.15em}.sp-business-document>i{display:block;height:4px;border-radius:4px;background:#c3cad6;margin-top:17px;width:90%}.sp-business-document>i+i{width:64%;margin-top:10px}
.sp-business-document-b{left:44%;top:10%;transform:rotate(calc(8deg + var(--progress)*10deg)) translateX(calc(var(--progress)*15px));background:linear-gradient(145deg,#e5e8ef,#fff)}
.sp-case-handle{position:absolute;top:33%;left:41%;width:24%;height:45px;border:8px solid #626671;border-radius:15px 15px 0 0;z-index:2;background:transparent;box-shadow:inset 0 1px 0 #fff8}
.sp-case-body{position:absolute;left:12%;right:8%;top:44%;height:44%;background:linear-gradient(145deg,#45464c,#1c1d21);border:1px solid #737680;border-radius:16px 16px 25px 25px;padding:30px;color:#fff;box-shadow:0 18px 30px #1d253030;z-index:3}
.sp-case-seam{position:absolute;inset:12px;border:1px solid #ffffff22;border-radius:9px 9px 18px 18px}.sp-case-body>span{position:relative;font-size:9px;letter-spacing:.14em;color:#bac6db}.sp-case-body>b{position:relative;display:block;font-size:25px;font-weight:500;line-height:1.15;margin-top:10px;letter-spacing:-.025em}.sp-case-body>i{position:absolute;top:-1px;left:48%;width:23px;height:18px;background:linear-gradient(90deg,#9ea5b2,#eef1f6,#a0a9b8);border-radius:0 0 5px 5px}
.sp-negotiation{position:absolute;bottom:0;right:0;z-index:4;padding:12px 16px;display:flex;gap:12px;align-items:center;border:1px solid #fff;border-radius:18px;background:#ffffffa6;backdrop-filter:blur(12px);box-shadow:0 12px 22px #0002;font-size:10px;color:#4b5e7e;transform:translateY(calc(var(--progress)*-25px))}.sp-negotiation>b{font-size:24px;font-weight:400}
.sp-hero-art[data-sp-state=team] .sp-business-document-b{transform:rotate(15deg) translate(10px,-18px)}.sp-hero-art[data-sp-state=auftrag] .sp-business-document-a{transform:rotate(-15deg) translate(-5px,-12px)}.sp-hero-art[data-sp-state=partner] .sp-negotiation{transform:translateY(-18px)}
/* Rental: a front door and key, plus a bounded time-window exploration. */
.sp-wall{position:absolute;top:6%;bottom:12%;left:17%;right:15%;border:1px solid #fff;background:linear-gradient(135deg,#fbfcfe,#cfd5df);border-radius:22px 65px 7px 7px;box-shadow:0 22px 24px #27304120}
.sp-door{position:absolute;top:17%;bottom:0;left:35%;width:49%;background:linear-gradient(135deg,#3e4149,#202229);border:5px solid #f1f3f7;border-bottom:0;border-radius:6px 6px 0 0;box-shadow:inset 0 0 0 1px #8991a0;transform-origin:left;transition:transform .6s}.sp-door>i{position:absolute;top:15%;left:48%;width:6px;height:6px;border-radius:50%;background:#bdc6d7}.sp-door>b{position:absolute;right:13%;top:54%;width:22px;height:5px;background:linear-gradient(90deg,#7f8ba0,#e7edf7);border-radius:5px}.sp-door>span{position:absolute;left:8%;right:8%;bottom:20%;text-align:center;color:#bfcadd;font-size:8px;letter-spacing:.1em}
.sp-window{position:absolute;left:8%;top:22%;width:20%;height:29%;border:4px solid white;background:linear-gradient(135deg,#dbe4f2,#bdcadf)}.sp-window:after{content:'';position:absolute;top:50%;left:0;right:0;border-top:3px solid white}.sp-doorbell{position:absolute;right:6%;top:42%;width:11px;height:27px;border:1px solid #a8b0bf;border-radius:4px;background:#e9edf4}
.sp-key{position:absolute;left:12%;bottom:5%;width:142px;height:75px;transform:rotate(-28deg);filter:drop-shadow(0 10px 10px #28364e25);z-index:3}.sp-key>i{position:absolute;left:0;top:6px;width:65px;height:65px;border:14px solid #f4f6fa;border-radius:50%;box-shadow:inset 0 0 0 1px #a8b8d3,0 0 0 1px #b6c2d6;background:#d7e0ed66}.sp-key>b{position:absolute;left:56px;top:29px;width:77px;height:19px;background:linear-gradient(#fafcff,#b7c4d8);border:1px solid #a5b4ce;border-radius:0 4px 4px 0}.sp-key>span{position:absolute;left:102px;top:44px;height:14px;width:12px;background:#b8c5da;box-shadow:19px 0 #b8c5da}
.sp-doormat{position:absolute;left:44%;bottom:6%;width:34%;height:20px;border-radius:50%;background:#949eaf30;filter:blur(2px)}.sp-hero-art[data-sp-state=extra] .sp-door{transform:perspective(600px) rotateY(-16deg)}
.sp-rental-entry{padding:0 0 40px}.sp-rental-entry .rh-section{margin-top:80px}.sp-rental-entry .rh-card h1,.sp-rental-entry .rh-card h2,.sp-rental-entry .rh-card h3{color:var(--ink)!important}
.sp-rental-entry .sp-hero-art{background:linear-gradient(135deg,#fff,#e9eaee)!important}
.sp-rental-entry .sp-scene{flex:0 0 320px}
.sp-month-card{display:grid;grid-template-columns:.6fr 1.4fr;gap:45px;align-items:center}.sp-month-display strong{display:block;font-size:95px;font-weight:500;line-height:1.1;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.sp-month-display>span{font-size:15px;color:var(--muted)}.sp-month-card label{display:block;font-size:14px;font-weight:600;margin-bottom:25px}.sp-month-card input{width:100%;min-height:32px;accent-color:#5276b7}.sp-month-labels{display:flex;justify-content:space-between;font-size:11px;color:#6a6e77;margin:8px 0 25px}.sp-month-card #sp-month-note{min-height:85px;font-size:15px}
.sp-rental-video{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;width:min(1280px,calc(100% - 64px));margin:40px auto 70px}.sp-rental-video>div:first-child{padding:30px}.sp-rental-video h2{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.04em;margin:18px 0}.sp-rental-video p{font-size:17px;line-height:1.7;color:#62626a}html[data-theme=dark] .sp-rental-video p{color:#bdbdc5}.sp-rental-video>.fc-mobile-video-layout{height:540px!important;min-height:0!important}.sp-rental-video .fc-mobile-video-caption{padding:22px!important}.sp-rental-video .fc-mobile-video-caption>div{padding:20px!important}
/* Native scroll drives different objects; no additional scrolling engine. */
.sp-page .sh-story-visual .sp-scene{height:290px;min-height:290px;max-width:400px}.sp-page .sh-step{min-height:355px}
@media(hover:hover){.sp-hero-art:hover .sp-letter-stamp{rotate:7deg}.sp-hero-art:hover .sp-auto-body>span{box-shadow:14px 0 23px #fff}.sp-benefits article:hover .sp-year-ring:after{transform:rotate(45deg)}.sp-benefits article:hover .sp-dialog-art>span{transform:translateX(6px)}.sp-benefits article:hover .sp-dialog-art>span+span{transform:translateX(-6px)}.sp-benefits article:hover .sp-meeting-art>i:first-child{transform:translateX(7px)}.sp-benefits article:hover .sp-meeting-art>i:nth-of-type(2){transform:translateX(-7px)}.sp-benefits article:hover .sp-ledger-art span:first-child{transform:rotate(-14deg) translateY(-8px)}}
.sp-hero-art .sp-letter-sheet,.sp-hero-art .sp-auto,.sp-hero-art .sp-business-document,.sp-hero-art .sp-negotiation{transition:transform .65s cubic-bezier(.2,.8,.2,1),left .65s cubic-bezier(.2,.8,.2,1)}
@media(max-width:1050px) and (min-width:761px){.sp-page h1{font-size:43px}.sp-benefits{grid-template-columns:1fr 1fr}.sp-benefits>article:last-child{grid-column:1/-1;display:grid;grid-template-columns:200px 1fr}.sp-benefits>article:last-child>.rh-eyebrow{grid-column:1/-1}.sp-benefits>article:last-child>.sp-mini-art{grid-row:span 3}.sp-explanations{min-height:220px}.sp-scene{scale:.9}.sp-number-art>span{font-size:65px}}
@media(max-width:760px){.sp-page h1{font-size:clamp(34px,9.6vw,46px)}.sp-page .rh-hero-copy{padding:32px 26px}.sp-hero-art{padding:26px;min-height:535px;gap:16px}.sp-hero-art .sp-scene{height:265px;min-height:265px;flex-basis:265px}.sp-explanations{min-height:205px}.sp-explanations h3{font-size:24px}.sp-page .rh-house-choice button{min-height:44px;font-size:12px;padding:8px 5px}.sp-benefits .rh-highlight{padding:29px}.sp-number-art>span{font-size:74px}.sp-number-art>small{font-size:20px}.sp-arch-card{border-radius:70px 70px 25px 25px}.sp-letter-sheet{padding:18px;left:18%;width:65%}.sp-letter-sheet>b{font-size:23px}.sp-envelope-front>span{font-size:10px;left:17px}.sp-letter-stamp{width:65px;height:65px;font-size:35px}.sp-auto{width:150px;height:52px;left:calc(6% + var(--progress)*25% + var(--choice)*27%)}.sp-auto-cabin{width:79px;height:39px;left:31px;top:-25px}.sp-wheel{width:29px;height:29px;border-width:6px}.sp-wheel-a{left:16px}.sp-wheel-b{right:18px}.sp-milepost{right:12%;top:3%}.sp-case-body{padding:25px 20px}.sp-case-body>b{font-size:24px}.sp-business-document{padding:15px}.sp-business-document>span{font-size:8px}.sp-case-handle{top:32%}.sp-negotiation{gap:9px;padding:9px 12px;font-size:9px}.sp-rental-entry{width:calc(100% - 32px)}.sp-month-card{grid-template-columns:1fr;gap:25px;padding:26px}.sp-month-display strong{font-size:75px}.sp-month-card #sp-month-note{min-height:145px}.sp-rental-video{width:calc(100% - 32px);grid-template-columns:1fr;gap:18px}.sp-rental-video>div:first-child{padding:20px}.sp-rental-video>.fc-mobile-video-layout{height:auto!important;min-height:480px!important}
 .sp-page .sh-story-visual .sp-scene{height:135px;min-height:135px;max-width:215px}.sp-page .sh-story-visual .sp-letter-sheet{padding:10px;top:5%;height:80%;left:23%;width:58%}.sp-page .sh-story-visual .sp-letter-sheet>span{font-size:6px}.sp-page .sh-story-visual .sp-letter-sheet>b{font-size:14px;margin:9px 0}.sp-page .sh-story-visual .sp-letter-sheet>i{height:2px;margin-top:5px}.sp-page .sh-story-visual .sp-letter-sheet>em,.sp-page .sh-story-visual .sp-envelope-front>span{display:none}.sp-page .sh-story-visual .sp-letter-stamp{width:40px;height:40px;font-size:24px}.sp-page .sh-story-visual .sp-auto{scale:.6;transform-origin:left;top:36%}.sp-page .sh-story-visual .sp-highway{height:46px}.sp-page .sh-story-visual .sp-milepost{scale:.55;transform-origin:top right}.sp-page .sh-story-visual .sp-road-label{font-size:8px}.sp-page .sh-story-visual .sp-business-document{padding:9px}.sp-page .sh-story-visual .sp-business-document>span{font-size:6px}.sp-page .sh-story-visual .sp-business-document>i{height:2px;margin-top:7px}.sp-page .sh-story-visual .sp-case-body{padding:12px}.sp-page .sh-story-visual .sp-case-body>span{font-size:6px}.sp-page .sh-story-visual .sp-case-body>b{font-size:14px;margin-top:4px}.sp-page .sh-story-visual .sp-case-handle{height:24px;border-width:5px}.sp-page .sh-story-visual .sp-negotiation{padding:5px 8px;font-size:6px;gap:5px}.sp-page .sh-story-visual .sp-negotiation>b{font-size:16px}.sp-page .sh-step{min-height:440px;scroll-margin-top:285px}}
@media(max-width:360px){.sp-explanations{min-height:265px}.sp-hero-art .sp-scene{height:225px;min-height:225px;flex-basis:225px}.sp-letter-sheet>b{font-size:19px}.sp-case-body>b{font-size:20px}.sp-case-body>span{font-size:7px}.sp-number-art>span{font-size:64px}.sp-rent-tags{gap:5px}.sp-rent-tags>span{font-size:10px;padding:12px 8px}}
@media(prefers-reduced-motion:reduce){.sp-page *,.sp-page *:before,.sp-page *:after{transition:none!important;animation:none!important}.sp-page .sh-step{min-height:0;scroll-margin-top:110px}.sp-page .sh-story-visual .sp-scene{--progress:0!important}}
@media(prefers-reduced-transparency:reduce){.sp-envelope-front,.sp-negotiation{backdrop-filter:none;background:#e9edf3}}

@media(max-width:360px){.sp-hero-art .sp-letter-sheet>b{font-size:17px}.sp-hero-art .sp-letter-sheet>em{display:none}}
@media(max-width:760px){.sp-page .sh-case-ledger{grid-template-columns:minmax(0,1fr)}}
.sp-month-labels{position:relative;height:17px;display:block}
.sp-month-labels span{position:absolute;top:0;left:0}
.sp-month-labels span:nth-child(2){left:66.666%;transform:translateX(-50%)}
.sp-month-labels span:last-child{left:auto;right:0}