/* Approved aligned sections and compact paper pricing. */
.psp-wrap .psp-personal .hero:before{background:rgba(246,243,238,.80)}
.psp-wrap .psp-personal .introduction{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:28px;align-items:center}
.psp-wrap .psp-personal .intro-copy{grid-column:1;grid-row:1;padding:0;margin:0;background:transparent}
.psp-wrap .psp-personal .intro-copy p{max-width:none}
.psp-wrap .psp-personal .intro-image{grid-column:2;grid-row:1;max-width:none;width:100%;margin:0}
.psp-wrap .psp-personal .intro-image img{height:345px;object-position:48% 45%}
.psp-wrap .psp-personal .intro-image figcaption{padding:12px 0 0 20px;line-height:1.8!important}
.psp-wrap .psp-personal .about-band,.psp-wrap .psp-resource{background:#f6f3ee;padding:62px 0}
.psp-wrap .psp-personal .about,.psp-wrap .resource-layout,.psp-wrap .psp-resource--support .resource-layout{max-width:1120px;padding:0 32px;display:grid;grid-template-columns:350px minmax(0,1fr);gap:75px;align-items:center;margin:auto}
.psp-wrap .psp-personal .about-image,.psp-wrap .resource-art{width:100%;max-width:none!important;padding:0!important;margin:0!important;justify-self:stretch;grid-column:1;grid-row:1;position:relative}
.psp-wrap .psp-personal .about>div,.psp-wrap .resource-copy{grid-column:2;grid-row:1;max-width:none}
.psp-wrap .psp-personal .about-image img{height:390px;aspect-ratio:auto;object-position:43% center}
.psp-wrap .psp-personal .about .about-image .brand-note,.psp-wrap .resource-art figcaption{position:relative;right:auto;bottom:auto;transform:none;max-width:none;width:100%;min-height:0;background:transparent;padding:17px 0 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:18px;text-align:left;color:#0b6e7e}
.psp-wrap .psp-personal .brand-note span,.psp-wrap .resource-art figcaption span{font:400 31px/1.2 'Hurricane',cursive;display:block}
.psp-wrap .psp-personal .brand-note span br,.psp-wrap .resource-art figcaption span br{display:none}
.psp-wrap .psp-personal .brand-note i,.psp-wrap .resource-art figcaption i{margin:0;display:block;width:48px;height:1px;background:#0b6e7e;flex-shrink:0}
.psp-wrap .psp-personal .about-image:before,.psp-wrap .resource-art:before{content:'';position:absolute;left:-12px;right:12px;top:-12px;bottom:54px;border:1px solid #a4bcbf;pointer-events:none}
.psp-wrap .psp-personal .about h2,.psp-wrap .resource-copy h2{font-size:38px;line-height:1.18}
.psp-wrap .psp-personal .about p,.psp-wrap .resource-copy p{font-size:15px;line-height:1.8}
.psp-wrap .psp-personal .about p:last-child{margin-top:20px}
.psp-wrap .psp-resource .resource-layout{border-top:1px solid #d5cec2;padding-top:48px}
.psp-wrap .psp-resource{padding-top:0;padding-bottom:48px}
.psp-wrap .resource-art img{aspect-ratio:3/2;object-fit:contain;height:auto}
.psp-wrap .pricing-paper{padding:60px 24px;background:#eee9df}
.psp-wrap .price-paper{position:relative;max-width:820px;margin:auto;padding:34px 38px 34px 58px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;background:#f6f3ee url('Images/mockup-paper-grain.png');box-shadow:0 6px 16px #18171514;clip-path:polygon(22px 0,100% 0,100% 100%,22px 100%,0 calc(100% - 22px),0 22px)}
.psp-wrap .tag-hole{position:absolute;left:20px;top:50%;width:8px;height:8px;border:1px solid #c3b6a5;background:#eee9df;border-radius:50%}
.psp-wrap .price-paper h2{font:400 30px/1.18 'Gilda Display',serif;margin:0 0 12px;text-wrap:balance}
.psp-wrap .price-paper h2 em{color:#0b6e7e}
.psp-wrap .price-paper p{font:14px/1.7 'Lora',serif;margin:0}
.psp-wrap .price-action{padding-left:30px;border-left:1px solid #d4cbc0}
.psp-wrap .price-action .price-amount{font:400 26px/1.3 'Gilda Display',serif;color:#0b6e7e;margin-bottom:13px}
.psp-wrap .price-action .resource-link{font-size:13px;gap:10px}
/* Fixed bases and a text-sized sheet: no layout mutation on open/close. */
.psp-wrap .psp-folders .folders{align-items:end;margin-top:25px}
.psp-wrap .psp-folders .folder{height:var(--folder-height,490px);padding:0}
.psp-wrap .psp-folders .back{height:230px}
.psp-wrap .psp-folders .sheet,.psp-wrap .psp-folders .folder.is-open .sheet{display:block;position:absolute;left:13px;right:13px;bottom:195px;margin:0;height:auto;padding:25px 24px 40px;overflow:hidden;transform:translateY(calc(100% - 35px));clip-path:inset(0 0 calc(100% - 35px) 0);transition:transform .45s cubic-bezier(.22,.61,.36,1),clip-path .45s cubic-bezier(.22,.61,.36,1)}
.psp-wrap .psp-folders .folder.is-open .sheet{transform:translateY(0);clip-path:inset(0)}
.psp-wrap .psp-folders .pocket,.psp-wrap .psp-folders .folder.is-open .pocket{position:absolute;bottom:0;height:210px;transition:none}
.psp-wrap .psp-folders .pocket-content,.psp-wrap .psp-folders .folder.is-open .pocket-content{padding:58px 25px 32px}
.psp-wrap .psp-folders .pocket h3,.psp-wrap .psp-folders .folder.is-open .pocket h3{font-size:27px}
.psp-wrap .psp-folders .control,.psp-wrap .psp-folders .folder.is-open .control{height:210px;bottom:0;top:auto}
.psp-wrap .psp-folders .sheet-content{transition:opacity .2s}
.psp-wrap .psp-folders .folder.is-open .sheet-content{transition:opacity .2s .12s}
@media(max-width:1000px){.psp-wrap .psp-personal .about,.psp-wrap .resource-layout,.psp-wrap .psp-resource--support .resource-layout{grid-template-columns:290px minmax(0,1fr);gap:40px}.psp-wrap .psp-personal .about h2,.psp-wrap .resource-copy h2{font-size:34px}}
@media(max-width:760px){.psp-wrap .psp-personal .introduction{display:flex;gap:20px}.psp-wrap .psp-personal .intro-image{max-width:560px}.psp-wrap .psp-personal .intro-image img{height:auto;aspect-ratio:1.55;object-position:center}.psp-wrap .psp-personal .intro-image figcaption{position:relative;width:100%;padding:12px 0 0;letter-spacing:.15em}.psp-wrap .psp-personal .intro-image:after{bottom:94px}.psp-wrap .price-paper{gap:24px;padding:30px 28px 30px 46px}}
@media(max-width:640px){.psp-wrap .psp-personal .about-band{padding:42px 0}.psp-wrap .psp-personal .about,.psp-wrap .resource-layout,.psp-wrap .psp-resource--support .resource-layout{display:flex;flex-direction:column;padding-left:23px;padding-right:23px;gap:30px}.psp-wrap .psp-personal .about>div,.psp-wrap .resource-copy{order:0}.psp-wrap .psp-personal .about-image,.psp-wrap .resource-art{order:1;max-width:350px!important;align-self:center}.psp-wrap .psp-personal .about-image img{height:330px}.psp-wrap .psp-personal .about h2,.psp-wrap .resource-copy h2{font-size:33px}.psp-wrap .psp-resource .resource-layout{padding-top:35px}.psp-wrap .psp-resource{padding-bottom:35px}.psp-wrap .price-paper{grid-template-columns:1fr;gap:22px}.psp-wrap .price-action{padding:19px 0 0;border-left:0;border-top:1px solid #d4cbc0}.psp-wrap .pricing-paper{padding:40px 23px}.psp-wrap .psp-folders .folders{gap:12px}}
@media(prefers-reduced-motion:reduce){.psp-wrap .psp-folders .sheet,.psp-wrap .psp-folders .sheet-content{transition:none!important}}

/* Consistent two-line starting-point labels, with breathing room above. */
.psp-wrap .psp-starting .tab{padding:22px 8px 16px;min-height:80px;vertical-align:top}
.psp-wrap .psp-starting .tab-label{display:block;line-height:1.4}
.psp-wrap .psp-starting .tab-label>span{display:block}

/* Review fixes, 3 Oct 2026 */
/* Process folders grow smoothly when opened (height set in process-sizing.js). */
.psp-wrap .psp-folders .folder{transition:height .45s cubic-bezier(.22,.61,.36,1)}
/* Starting points: breathing room between the panel headline and its raspberry line. */
.psp-wrap .psp-starting .panel h3{margin:0 0 20px}
/* Contact: space between the heading and its intro paragraph. */
.psp-wrap #contact h2{margin-bottom:1.1rem}
.psp-wrap .psp-folders .folders{margin-top:56px}
@media(max-width:800px){.psp-wrap .psp-folders .folders{margin-top:40px}}
/* Six menu links plus the button: tighter spacing keeps the header on one line from 1001px up. */
.psp-wrap .psp-nav{gap:1.2rem}
.psp-wrap .psp-nav__link{font-size:.95rem}
.psp-wrap .psp-header .psp-container{gap:1.25rem}
/* About: closing line as a teal italic pull line. */
.psp-wrap .psp-personal .about .about-close{font-style:italic;color:var(--teal);font-size:1.12em}
/* Starting points on phones: swipeable folder cards (built in index.html script). */
.psp-wrap .psp-starting .swipe{position:relative;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -22px;padding:6px 22px 8px;scroll-padding:0 22px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.psp-wrap .psp-starting .swipe::-webkit-scrollbar{display:none}
.psp-wrap .psp-starting .swipe:focus-visible{outline:2px solid var(--cream);outline-offset:-2px}
.psp-wrap .psp-starting .slide{flex:0 0 84%;scroll-snap-align:start;display:flex;flex-direction:column}
.psp-wrap .psp-starting .slide-tab{position:relative;isolation:isolate;align-self:flex-start;margin:0;padding:10px 18px 9px;font:400 15px/1.3 'Lora',serif;color:var(--berry)}
.psp-wrap .psp-starting .slide-tab::before{content:'';position:absolute;inset:0 -4px -3px;z-index:-1;border-radius:10px 10px 0 0;background:var(--cream) url('Images/mockup-paper-grain.png');transform:perspective(95px) rotateX(13deg);transform-origin:bottom;box-shadow:inset 0 1px 1px #ffffff80,0 -2px 4px #00000021}
.psp-wrap .psp-starting .slide-card{flex:1;background:var(--cream) url('Images/mockup-paper-grain.png');color:var(--ink);border-radius:0 6px 6px 6px;padding:24px 22px 28px;box-shadow:inset 0 1px 1px #ffffffd9,0 3px 8px #0000001f}
.psp-wrap .psp-starting .slide-count{display:block;font-size:12px;color:var(--teal);margin-bottom:10px}
.psp-wrap .psp-starting .slide-card p{font-size:15.5px}
.psp-wrap .psp-starting .swipe-dots{display:flex;justify-content:center;gap:4px;margin-top:16px}
.psp-wrap .psp-starting .swipe-dots button{width:44px;height:44px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center}
.psp-wrap .psp-starting .swipe-dots button span{width:8px;height:8px;border-radius:50%;background:#ffffff59;transition:background .2s,transform .2s}
.psp-wrap .psp-starting .swipe-dots button[aria-current="true"] span{background:var(--cream);transform:scale(1.25)}
.psp-wrap .psp-starting .swipe-dots button:focus-visible{outline:2px solid var(--cream);outline-offset:-8px;border-radius:50%}
.psp-wrap .psp-starting .swipe-hint{text-align:center;font-size:13px;color:var(--cream);margin:0 auto}