/* Centered calculator from Figma1784:8575. */
html,body{overflow-x:clip}.p-shell{margin:0 50px;color:#111;font:400 18px/1.3 Gertrude,Arial,sans-serif}.p-shell *{box-sizing:border-box}.p-shell h1,.p-shell h2,.p-shell p,.p-shell figure{margin:0}.p-shell button,.p-shell input{font:inherit}.p-shell button{cursor:pointer;color:inherit}.p-shell :focus-visible{outline:2px solid #43c9df;outline-offset:4px}.p-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body.pension-page #pension-main{padding:0}
.p-stage{--photo:min(27.2vw,calc(65svh - 250px),522px);--dots:145px;--head:calc(106 * (100vw - 100px) / 1820 + 26px);position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) var(--dots);row-gap:20px;height:100svh;min-height:620px;padding:var(--head) 0 25px}.p-intro{display:contents}.p-intro h1{grid-row:1;grid-column:1;text-align:center;font-size:clamp(38px,3.35vw,64px);line-height:.8;letter-spacing:-.04em;font-weight:400;justify-self:center}.p-calculator{grid-row:2;grid-column:1;width:min(700px,60vw);min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;justify-self:center;align-self:start}.p-rockers{position:absolute;width:min(29vw,calc(var(--photo)*1.1));height:auto;right:0;bottom:calc(var(--dots) + 45px);object-fit:contain;mix-blend-mode:multiply;transform:scaleX(-1)}.p-baseline{position:absolute;right:5vw;top:calc(var(--head) + 6.7vw + var(--photo)*.28);width:240px;text-align:center}.p-baseline strong{font-size:clamp(38px,4.2vw,80px);line-height:.8;letter-spacing:-.04em;font-weight:400}.p-baseline p{font-size:clamp(13px,1.5vw,28px);line-height:.9;color:#8f8f8f;margin-top:12px}.p-baseline button{border:0;padding:0;background:none;font-size:12px;vertical-align:top}
.p-photo{position:relative;width:var(--photo);height:var(--photo);max-width:100%;flex-shrink:0}.p-visual{height:100%;width:100%;border-radius:6px;overflow:hidden;background:#eee}.p-visual img{display:block;height:100%;width:100%;object-fit:cover}.p-price{position:absolute;top:18px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #d1d1d1;border-radius:100px;white-space:nowrap;padding:9px 18px;font-size:clamp(12px,1.1vw,20px)!important;line-height:1.1;color:#8f8f8f!important}.p-result{width:100%;margin-top:14px;min-width:0}.p-result h2{font-weight:400;font-size:clamp(22px,2.4vw,46px);line-height:.98;letter-spacing:-.02em;height:2em;display:flex;align-items:center;justify-content:center;width:100%;text-wrap:balance}.p-controls{width:var(--photo);max-width:100%;margin-top:12px}.p-count-row{display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px}.p-count-row button{height:60px;width:60px;border:10px solid #eee;border-radius:50%;background:white;font-size:32px;display:grid;place-items:center;line-height:1;padding:0;flex-shrink:0}.p-count-row button:disabled{opacity:.35;cursor:default}.p-count-row button:hover:not(:disabled){background:#43c9df}.p-count-row output{display:block;font-size:clamp(28px,2.4vw,46px);line-height:.95;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.p-count-row span{display:block;color:#8f8f8f;font-size:11px;margin-top:4px}#slider{appearance:none;display:block;width:100%;height:20px;margin:0;background:none;cursor:pointer}#slider::-webkit-slider-runnable-track{height:5px;border-radius:20px;background:linear-gradient(to right,#43c9df var(--progress,0%),#eee var(--progress,0%))}#slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#43c9df;margin-top:-6.5px;border:0}#slider::-moz-range-track{height:5px;border-radius:20px;background:#eee}#slider::-moz-range-progress{height:5px;background:#43c9df}#slider::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#43c9df}.p-popover{position:absolute;background:#fff;padding:18px;border:1px solid #ddd;border-radius:8px;font-size:14px;line-height:1.35;box-shadow:0 8px 30px #0001;z-index:5;text-align:left;max-width:360px}.p-popover a{display:block;text-decoration:underline;margin-top:10px}.p-photo .p-popover{top:60px;right:0;left:0;margin:auto}.p-stage>#baseline-note{left:10%;bottom:150px}.p-popover[hidden]{display:none}

.p-stage>#baseline-note{left:auto;right:3vw;bottom:auto;top:calc(var(--head) + 6.7vw + var(--photo)*.28 + 110px)}body.pension-page .more-projects{margin-top:160px}
@media(min-width:701px) and (max-height:800px){.p-stage{--dots:100px;--photo:min(27vw,calc(100svh - 445px),340px);row-gap:16px;min-height:600px}.p-count-row,.p-count-row button{height:46px}.p-count-row button{width:46px;border-width:7px;font-size:28px}.p-count-row output{font-size:32px}.p-result h2{font-size:clamp(20px,2vw,34px)}.p-controls{margin-top:6px}.p-baseline{width:190px;right:3vw}.p-baseline strong{font-size:45px}.p-baseline p{font-size:17px}}
@media(max-width:1000px) and (min-width:701px){.p-baseline{right:0;width:150px}.p-baseline strong{font-size:40px}.p-baseline p{font-size:15px}.p-rockers{width:22vw}.p-calculator{width:60vw}}
@media(max-width:700px){.p-shell{margin:0 calc(19 * var(--igla-mobile-unit));font-size:14px}.p-stage{--photo:min(74vw,calc(100svh - 430px),300px);--dots:95px;--head:calc(82 * var(--igla-mobile-unit));height:100svh;min-height:600px;padding:var(--head) 0 14px;grid-template-rows:auto 36px minmax(0,1fr) var(--dots);row-gap:10px}.p-intro h1{font-size:clamp(30px,9vw,54px);line-height:.85}.p-rockers{display:none}.p-baseline{position:static;grid-row:2;grid-column:1;display:flex;justify-content:center;align-items:center;gap:8px;width:auto;justify-self:center}.p-baseline strong{font-size:24px}.p-baseline p{font-size:11px;margin:0;text-align:left}.p-baseline button{font-size:10px}.p-calculator{grid-row:3;width:100%;align-self:center}.p-photo{width:var(--photo);height:var(--photo)}.p-price{top:10px;padding:6px 12px;font-size:12px!important}.p-result{width:100%;margin-top:10px}.p-result h2{font-size:24px}.p-controls{width:var(--photo);margin-top:8px}.p-count-row,.p-count-row button{height:45px}.p-count-row button{width:45px;border-width:7px;font-size:27px}.p-count-row output{font-size:30px}.p-count-row span{font-size:10px}.p-stage>#baseline-note{top:195px;right:0;width:280px}.p-popover{font-size:12px}.p-photo .p-popover{left:auto;right:0;width:280px;max-width:85vw}body.pension-page .more-projects{margin-top:75px}}

/* Figma1789:13955: large centered title and calculator. */
.p-stage{--head:calc(106 * (100vw - 100px) / 1820 + 26px);--photo:min(27.2vw,calc(100svh - var(--head) - clamp(90px,8.2vw,157px) - 240px),522px);--photo-top:350px;display:grid;grid-template-rows:auto minmax(0,1fr);row-gap:clamp(22px,1.8vw,35px);padding:calc(var(--head) + 22px) 0 20px;height:100svh;min-height:650px}
.p-intro h1{font-size:clamp(48px,5vw,96px);line-height:.8;letter-spacing:-.04em}.p-calculator{align-self:start;grid-row:2;width:min(740px,60vw)}

.p-rockers{right:0;bottom:40px;width:min(32.5vw,calc(var(--photo)*1.2));transform:none;mix-blend-mode:normal}.p-baseline{top:calc(var(--photo-top) + var(--photo)*.37);right:6vw;width:240px}.p-baseline strong{font-size:clamp(38px,4.2vw,80px)}.p-baseline p{font-size:clamp(13px,1.5vw,28px)}.p-stage>#baseline-note{top:calc(var(--photo-top) + var(--photo)*.37 + 120px)}
@media(min-width:701px) and (max-height:800px){.p-stage{--photo:min(27.2vw,calc(100svh - var(--head) - 8.2vw - 205px),380px);row-gap:22px;min-height:620px;padding-top:calc(var(--head) + 16px)}.p-baseline{right:3vw;width:190px}.p-baseline strong{font-size:45px}.p-baseline p{font-size:17px}.p-rockers{bottom:30px}}
@media(min-width:701px) and (max-width:1000px){.p-baseline{right:0;width:150px}.p-baseline strong{font-size:40px}.p-baseline p{font-size:15px}.p-rockers{width:25vw}.p-intro h1{font-size:clamp(45px,5vw,60px)}}
@media(max-width:700px){.p-stage{--photo:min(60vw,calc(100svh - 390px),300px);--head:calc(82 * var(--igla-mobile-unit));height:100svh;min-height:600px;padding:var(--head) 0 14px;grid-template-rows:auto 36px minmax(0,1fr);row-gap:12px}.p-intro h1{font-size:clamp(34px,10.3vw,60px);line-height:.83}.p-baseline{position:static;grid-row:2;display:flex;width:auto;justify-self:center}.p-baseline strong{font-size:24px}.p-baseline p{font-size:11px}.p-calculator{grid-row:3;width:100%;align-self:center}.p-photo,.p-controls{transform:translateX(7vw)}.p-result{padding-left:8vw}.p-rockers{display:none}.p-stage>#baseline-note{top:calc(var(--head) + 110px);right:0}.p-result h2{font-size:24px}.p-photo .p-popover{max-width:78vw}body.pension-page .more-projects{margin-top:75px}}
.p-result{width:min(100%,calc(var(--photo) + 80px));align-self:center}.p-rockers{width:min(29vw,calc(var(--photo)*1.12))}
@media(max-width:700px){.p-result{width:100%;padding-left:8vw}}

.p-count-row{gap:clamp(4px,1vw,12px)}.p-count-row>div{flex:1;min-width:0}.p-count-row output{white-space:nowrap}
@media(min-width:701px) and (max-width:1000px){.p-rockers{width:22vw}}

/* Owner revision, 8 November: lower slider and centered mobile content. */
#slider{margin-top:10px}
@media(max-width:700px){.p-stage{--photo:calc(100vw - 38 * var(--igla-mobile-unit));height:auto;min-height:100svh;padding-bottom:30px;grid-template-rows:auto 36px auto}.p-calculator{align-self:start}.p-photo,.p-controls{transform:none}.p-result{padding-left:0}.p-photo .p-popover{max-width:100%}}

/* Owner's heading/baseline refinement and mobile-only information trigger. */
.p-heading-pensions{white-space:nowrap}#mobile-baseline-info{display:none}.p-baseline strong,.p-baseline p{font-weight:400;font-family:Gertrude,sans-serif;font-synthesis:none}
.p-baseline{top:auto;bottom:calc(40px + min(29vw,calc(var(--photo)*1.12)) * .696825 + 34px)}
.p-stage>#baseline-note{top:auto;bottom:calc(40px + min(29vw,calc(var(--photo)*1.12)) * .696825 + 160px)}
.p-note-close{position:absolute;right:10px;top:6px;font-size:22px!important}.p-popup-pension{display:block;font-size:32px;font-weight:400;padding-right:20px}.p-popup-label{color:#8f8f8f;margin:6px 0 12px!important;font-weight:400}
@media(min-width:701px) and (max-height:800px){.p-baseline{bottom:calc(30px + min(29vw,calc(var(--photo)*1.12)) * .696825 + 28px)}}
@media(min-width:701px) and (max-width:1000px){.p-baseline{bottom:calc(30px + 22vw * .696825 + 24px)}}
@media(max-width:700px){
 .p-stage{min-height:0;grid-template-rows:auto auto;padding-bottom:0}.p-calculator{grid-row:2}.p-baseline{display:none}
 #mobile-baseline-info{display:inline-block;color:#8f8f8f;font:400 .3em/1 Gertrude,sans-serif;vertical-align:middle;margin-right:.25em;transform:translateY(-.12em);background:none;border:0}
 .p-stage>#baseline-note{top:calc(var(--head) + clamp(34px,10.3vw,60px) * 1.66 + 12px);bottom:auto;right:0;width:100%;max-width:360px;z-index:6}
 body.pension-page .mobile-game-projects{margin-top:136px}.p-stage{row-gap:24px}
}

/* Repeated touch taps change the item without invoking double-tap zoom. */
.p-controls,.p-count-row button{touch-action:manipulation}
@media(max-width:700px){
 .p-count-row button{transition:background-color 140ms ease}
 .p-count-row button:hover:not(:disabled){background:#fff}
 .p-count-row button:active:not(:disabled),.p-count-row button.tap-feedback:not(:disabled){background:#43c9df}
}

/* Desktop milestones mirror the existing pension baseline and illustration. */
.p-fact{position:absolute;inset:0;pointer-events:none}.p-fact[hidden]{display:none}
.p-stage .p-fact-copy{left:var(--fact-center);right:auto;top:var(--fact-top);bottom:auto;transform:translateX(-50%);width:min(324px,calc(2 * var(--fact-center)))}
.p-fact-stat{display:flex;justify-content:center;align-items:baseline;gap:6px;white-space:nowrap}.p-fact-stat span{color:#8f8f8f;font-size:clamp(12px,1.04vw,20px);line-height:1}
.p-fact-copy p{font-weight:400}.p-fact-image{position:absolute;left:var(--fact-art-left);bottom:var(--fact-art-bottom);width:var(--fact-art-width);height:auto;max-height:var(--fact-art-room);object-fit:contain;object-position:center bottom}
@media(max-width:700px){.p-fact{display:none!important}}