/* A cloth-bound landscape album. PageFlip owns the moving leaf geometry;
   this sheet owns the binding, paper and print treatment. */
.about-page .portfolio-book-stage{padding:96px 5vw 24px;gap:20px}
.about-page .portfolio-book-stage .folio-shell{width:min(92vw,1240px)!important;max-width:1240px!important;isolation:isolate;filter:drop-shadow(5px 12px 9px #0007) drop-shadow(0 32px 26px #0004)}
.about-page #portfolio-book{isolation:isolate;overflow:visible;rotate:-11deg;scale:1;transition:transform 1.1s cubic-bezier(.37,0,.63,1),scale 1.1s cubic-bezier(.37,0,.63,1)}
.about-page .folio-shell.is-closed #portfolio-book{transform:translateX(-25%);scale:1.16}
/* The boards stay within each page's bounds; no line spans the empty half. */
.about-page .portfolio-book-section:not(.folio-static) #portfolio-book:before,
.about-page .portfolio-book-section:not(.folio-static) #portfolio-book:after{content:'';position:absolute;z-index:-1;top:3px;bottom:-8px;width:calc(50% + 3px);background:#5f6062 url('/assets/portfolio-suede.webp') center/cover;border:1px solid #45464a;border-radius:2px 5px 5px 2px;box-shadow:0 1px 1px #bbbbbd55,2px 4px 2px #0006;pointer-events:none}
.about-page .portfolio-book-section:not(.folio-static) #portfolio-book:before{left:50%;border-top:5px solid #d7d4cc;border-right:4px solid #e0dcd3;background-clip:padding-box}
.about-page .portfolio-book-section:not(.folio-static) #portfolio-book:after{left:-4px;border-left:4px solid #dedbd4;transition:opacity .45s .2s}
.about-page .folio-shell.is-closed #portfolio-book:after{opacity:0;transition:opacity .15s}
.about-page .folio-shell .folio-page{border:0;border-radius:1px 3px 3px 1px;background:#f4f1e9 url('/assets/paper-fibre.webp') center/600px;box-shadow:none}
.about-page .folio-shell .folio-cover{background-color:#68696b;background-image:linear-gradient(106deg,#ffffff09,transparent 35%,#17181b1a),url('/assets/portfolio-suede.webp');background-size:cover;background-blend-mode:normal,luminosity;border:1px solid #626366;border-radius:3px 6px 6px 3px;box-shadow:inset 1px 1px 1px #ffffff40,inset -1px -1px 2px #24252890,1px 2px 0 #434447,2px 4px 0 #777879,3px 5px 1px #242527aa}
.about-page .folio-cover-content{padding:9% 9% 9% 12%;align-items:center;justify-content:center;text-align:center}
.about-page .folio-cover-content:before{left:4.8%;width:1.25%;background:linear-gradient(90deg,#10111600,#17181c50 38%,#d3d3d51c 72%,transparent);box-shadow:1px 0 5px #1111150d}
.about-page .folio-cover-content:after{content:'';position:absolute;inset:2px;border-radius:inherit;border-top:1px solid #ffffff0d;pointer-events:none}
.about-page .folio-cover-content>span{width:auto;max-width:100%;font-family:FarsightSerif,Georgia,serif;font-weight:300;font-size:calc(var(--folio-page-width,500px) * .111);letter-spacing:.04em;line-height:1.08;color:#b8b9bc;text-shadow:0 -1px .6px #25262b,0 1px .6px #ffffff80,0 2px 1px #24252830}
.about-page .folio-cover-content small{margin-top:1.05em;font-size:.3em;letter-spacing:.34em;padding-left:.34em;color:#b3b4b7}
.about-page .folio-cover-dot{color:#cb1722;letter-spacing:0;text-shadow:0 -1px .7px #620a10,0 1px .6px #ff828266}
.about-page .folio-shell .folio-photo{padding:calc(var(--folio-page-width) * .05) calc(var(--folio-page-width) * .05) calc(var(--folio-page-width) * .04) calc(var(--folio-page-width) * .06);box-shadow:inset -10px 0 16px -12px #3e372ba6,inset 0 -1px #b7b0a750}
.about-page .folio-photo img{display:block;width:100%;height:calc(100% - 24px);object-fit:cover;border:1px solid #ddd6c9;box-shadow:0 1px 1px #1c181d40,0 2px 5px #302c2417}
.about-page .folio-photo>span{display:block;margin-top:9px;font-family:var(--site-font,Arial,sans-serif);font-size:calc(var(--folio-page-width,500px) * .019);letter-spacing:.12em;color:#817d75}
.about-page .folio-shell .folio-copy{position:relative;padding:calc(var(--folio-page-width) * .07) calc(var(--folio-page-width) * .08) calc(var(--folio-page-width) * .06) calc(var(--folio-page-width) * .09);box-shadow:inset 12px 0 20px -13px #40362a80,inset 0 -1px #b7b0a750}
.about-page .folio-copy>div{justify-content:flex-start;position:relative;z-index:1}
.about-page .folio-copy .folio-number{font-size:calc(var(--folio-page-width,500px) * .024);line-height:1.3;letter-spacing:.16em;color:#918a7c}
.about-page .folio-copy h3{font-family:FarsightSerif,Georgia,serif;font-style:normal;font-weight:400;font-size:calc(var(--folio-page-width,500px) * .07);line-height:1.03;letter-spacing:-.025em;margin:.5em 0 .65em;max-width:92%}
.about-page .folio-copy p{font-family:var(--site-font,Arial,sans-serif);font-size:calc(var(--folio-page-width,500px) * .0305);line-height:1.55;color:#554f46;margin:0}
.about-page .folio-copy .folio-footer{margin-top:auto;font-size:calc(var(--folio-page-width,500px) * .019);padding-top:10px;color:#817c72}
.about-page .folio-controls{gap:24px;min-height:48px;z-index:4}
.about-page .folio-controls button{width:48px;height:48px;border:1px solid #c4b8a680;background:#18161120;color:#f5efe4;display:grid;place-items:center;transition:background .25s,border-color .25s,transform .25s}
.about-page .folio-controls button:not(:disabled):hover{background:#f2ebdc;color:#26221d;border-color:#f2ebdc;transform:translateY(-2px)}
.about-page .folio-status{font-size:14px;letter-spacing:.035em;color:#f2ebde}
@media(max-width:700px){
 .about-page .portfolio-book-stage{padding:90px 10px 22px;gap:16px}
 .about-page .portfolio-book-stage .folio-shell{width:96vw!important;max-width:96vw!important}
 .about-page .folio-shell.is-closed #portfolio-book{scale:1.35}
 .about-page .folio-shell .folio-copy{padding:calc(var(--folio-page-width) * .08) calc(var(--folio-page-width) * .07) calc(var(--folio-page-width) * .07) calc(var(--folio-page-width) * .09)}
 .about-page .folio-copy h3{font-size:calc(var(--folio-page-width,170px) * .103);line-height:1.12;margin:.5em 0}
 .about-page .folio-copy .folio-number{font-size:10px}
 .about-page .folio-copy p,.about-page .folio-copy .folio-footer,.about-page .folio-photo>span{display:none}
 .about-page .folio-photo img{height:100%}
 .about-page .folio-reading-copy{font-size:16px;line-height:1.45;min-height:100px;max-width:440px;padding:4px 12px}
 .about-page .folio-status{font-size:13px;min-width:124px}
 .about-page .folio-controls{gap:18px}
}
@media(prefers-reduced-motion:reduce){
 .about-page #portfolio-book{rotate:none!important;scale:1!important;transform:none!important;transition:none}
 .about-page .folio-static .folio-shell{filter:none;width:100%!important}
 .about-page .folio-static #portfolio-book{display:grid;grid-template-columns:1fr 1fr;gap:0}
 .about-page .folio-static .folio-page{position:relative;min-height:300px}
 .about-page .folio-static .folio-photo img{height:100%}
 .about-page .folio-static .folio-copy h3{font-size:28px}
 .about-page .folio-static .folio-copy p{display:block;font-size:16px}
 .about-page .folio-static .folio-copy .folio-number{font-size:12px}
}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.about-page .folio-static #portfolio-book{grid-template-columns:1fr}.about-page .folio-static .folio-copy{min-height:240px}.about-page .folio-static .folio-photo{min-height:260px}}