/* V8 About: tested page-level front/back transition in the existing visual system. */
.about-trigger{border:0;padding:0;background:none;color:rgba(255,255,255,.57);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:color .2s ease}
.about-trigger:is(:hover,:focus-visible),.about-trigger[aria-expanded="true"]{color:#fff}
.page-flip-front{position:relative;z-index:1;min-height:100vh;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.about-flip-page{position:fixed;z-index:1200;inset:0;min-width:1180px;overflow-y:auto;visibility:hidden;opacity:0;pointer-events:none;color:var(--cream);background:radial-gradient(circle at 78% 16%,rgba(112,25,41,.32),transparent 32%),linear-gradient(125deg,#090707 0,#21070d 56%,#100708 100%);transform:perspective(1600px) rotateY(180deg);transform-origin:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.about-flip-page::before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(238,226,215,.07) calc(25% - 1px) 25%);opacity:.42}
.about-flip-close{position:fixed;z-index:2;top:31px;right:3vw;display:flex;align-items:center;gap:12px;border:0;background:none;color:#e6d8d0;font-size:11px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}
.about-flip-close span{font-family:"Playfair Display",Georgia,serif;font-size:28px;line-height:1}
.about-flip-inner{position:relative;z-index:1;width:min(1450px,92vw);min-height:100vh;margin:0 auto;padding:110px 0 64px}
.about-flip-heading{display:grid;grid-template-columns:.72fr 1.6fr .82fr;gap:5vw;align-items:start;padding-bottom:60px;border-bottom:1px solid rgba(239,226,217,.25)}
.about-flip-heading>span,.about-flip-meta span{color:#d1a0a6;font:10px/1.3 monospace;letter-spacing:.15em}
.about-flip-heading h2{margin:0;font-family:"Playfair Display","Noto Sans SC",serif;font-size:clamp(58px,5.3vw,90px);font-weight:500;line-height:1.02;letter-spacing:-.06em}
.about-flip-heading h2 i{color:#d0a0a5;font-weight:500}
.about-flip-heading p{margin:7px 0 0;color:#c7b8b3;font-size:14px;line-height:1.9}
.about-flip-route{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(239,226,217,.25)}
.about-flip-route a{position:relative;min-height:170px;padding:25px 25px 27px 0;border-bottom:1px solid rgba(239,226,217,.16);transition:background .2s ease,color .2s ease}
.about-flip-route a:not(:nth-child(4n+1)){padding-left:25px;border-left:1px solid rgba(239,226,217,.16)}
.about-flip-route a:is(:hover,:focus-visible){background:rgba(207,157,164,.08)}
.about-flip-route span{display:block;color:#c98e97;font:10px/1 monospace;letter-spacing:.14em}
.about-flip-route strong{display:block;margin-top:35px;font-family:"Playfair Display",Georgia,serif;font-size:28px;font-weight:500}
.about-flip-route small{display:block;margin-top:10px;color:#9f9090;font-size:11px;line-height:1.55}
.about-flip-meta{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:48px}
.about-flip-meta>div{display:grid;grid-template-columns:120px 1fr;gap:0 28px}
.about-flip-meta strong{font-family:"Playfair Display","Noto Sans SC",serif;font-size:23px;font-weight:500}
.about-flip-meta p{grid-column:2;margin:15px 0 0;color:#9f9090;font-size:12px;line-height:1.75}
.about-flip-sources{display:grid;grid-template-columns:1fr 1fr;gap:13px 24px;font-size:11px}
.about-flip-sources a{padding-bottom:7px;border-bottom:1px solid rgba(239,226,217,.23)}
body.about-flip-active{overflow:hidden}
body.about-flip-active .page-flip-front{position:fixed;left:0;right:0;top:calc(-1 * var(--flip-scroll-y,0px));width:100%;transform-style:preserve-3d;transform-origin:50% var(--flip-origin-y,50vh);transform:perspective(1600px) rotateY(0);transition:transform 720ms cubic-bezier(.16,1,.3,1);will-change:transform}
body.about-flip-active .about-flip-page{visibility:visible;pointer-events:auto;transition:transform 720ms cubic-bezier(.16,1,.3,1),opacity 220ms ease;will-change:transform,opacity}
body.about-flip-active .site-header,body.about-flip-active .scroll-progress{top:var(--flip-scroll-y,0px)}
body.about-flip-to-back .page-flip-front{transform:perspective(1600px) rotateY(-180deg)}
body.about-flip-to-back .about-flip-page{opacity:1;transform:perspective(1600px) rotateY(0)}
body.about-flip-restoring .page-flip-front{transition:none!important}
@supports not (transform-style:preserve-3d){body.about-flip-active .page-flip-front,body.about-flip-active .about-flip-page{transform:none!important}body.about-flip-to-back .page-flip-front{opacity:0}body.about-flip-to-back .about-flip-page{opacity:1}}
@media(prefers-reduced-motion:reduce){body.about-flip-active .page-flip-front,body.about-flip-active .about-flip-page{transform:none!important;transition:none!important}body.about-flip-to-back .page-flip-front{opacity:0}body.about-flip-to-back .about-flip-page{opacity:1}}