/* Hero stage. Shared by the standalone preview and the PP page template. */
#pp-philosophy .philosophy-hero.pp-cinema{position:relative;display:block;isolation:isolate;min-height:680px;height:calc(100svh - 72px);max-height:1100px;background:#151812;color:#fff;overflow:hidden}
#pp-philosophy .pp-cinema .hero-visual{position:absolute;inset:0;z-index:-3;min-height:0;height:100%;max-height:none;transform:scale(var(--pp-scene-scale,1.04));transform-origin:65% 50%;will-change:transform}
#pp-philosophy .pp-cinema:after{content:'';position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(10,14,10,.82),rgba(10,14,10,.35) 65%,rgba(10,14,10,.16)),linear-gradient(0deg,rgba(10,14,10,.8),transparent 45%);pointer-events:none}
#pp-philosophy .pp-cinema:before{content:'';position:absolute;z-index:-1;left:5%;top:0;bottom:0;width:1px;background:rgba(214,192,132,.3);transform:scaleY(0);transform-origin:top;animation:pp-cinema-rule 1.5s .25s cubic-bezier(.2,.7,.2,1) forwards;pointer-events:none}
#pp-philosophy .pp-cinema .hero-editorial{height:100%;padding:45px 0 40px;display:flex;align-items:center;transform:translateY(var(--pp-copy-y,0px));opacity:var(--pp-copy-opacity,1);will-change:transform,opacity}
#pp-philosophy .pp-cinema .hero-editorial>.wrap{width:84%;max-width:1440px;margin-inline:auto}
#pp-philosophy .pp-cinema .eyebrow{color:#d6c18d;font-size:10px;letter-spacing:.28em}
#pp-philosophy .pp-cinema .page-caption{font-size:11px;letter-spacing:.14em;color:#d1d4c9;margin:8px 0 36px}
#pp-philosophy .pp-cinema h1{font-size:clamp(44px,6.8vw,108px);line-height:1.48;letter-spacing:-.045em;font-weight:500;color:#fff;margin:0;padding:0;border:0;background:none;text-shadow:0 2px 24px #0003}
#pp-philosophy .pp-cinema h1:before,#pp-philosophy .pp-cinema h1:after{content:none}
#pp-philosophy .pp-title-line{display:block;overflow:hidden;padding-bottom:.06em}
#pp-philosophy .pp-title-line>span{display:block;transform:translateY(115%);animation:pp-cinema-rise 1.2s cubic-bezier(.16,1,.3,1) forwards}
#pp-philosophy .pp-title-line:nth-child(1)>span{animation-delay:.15s}
#pp-philosophy .pp-title-line:nth-child(2)>span{animation-delay:.5s}
#pp-philosophy .pp-title-line:nth-child(3)>span{animation-delay:.95s;color:#dbc58d;font-size:1.16em;letter-spacing:.015em}
#pp-philosophy .pp-title-line:last-child{position:relative;width:fit-content;padding-right:.14em}
#pp-philosophy .pp-title-line:last-child:after{content:'';display:block;height:2px;background:#cbb573;transform:scaleX(0);transform-origin:left;animation:pp-cinema-rule-x 1.15s 1.45s cubic-bezier(.2,.7,.2,1) forwards}
#pp-philosophy .pp-cinema .hero-foot{margin-top:32px;padding-top:20px;border-color:#d5c49055;max-width:850px}
#pp-philosophy .pp-cinema .hero-foot p{color:#e2e4dc;font-size:12px;letter-spacing:.08em}
#pp-philosophy .pp-cinema .hero-foot a{display:flex;gap:16px;align-items:center;color:#d6c18d;font-size:25px}
#pp-philosophy .pp-cinema .hero-foot a:before{content:'SCROLL TO DISCOVER';font:9px Arial,sans-serif;letter-spacing:.15em}
#pp-philosophy .pp-cinema .photo-label{display:none}
#pp-philosophy .pp-cinema .video-toggle{pointer-events:auto;z-index:5}
/* Keep video control above the visual overlay. */
#pp-philosophy .pp-cinema>.video-toggle{position:absolute;right:22px;bottom:18px}
#pp-philosophy .pp-cinema+.compact-message{position:relative;z-index:1}
@keyframes pp-cinema-rise{to{transform:translateY(0)}}
@keyframes pp-cinema-rule{to{transform:scaleY(1)}}
@keyframes pp-cinema-rule-x{to{transform:scaleX(1)}}
/* Invisible intent: a field of fine lines yields around an unseen form. */
#pp-philosophy .pp-cinema .hero-visual{opacity:.38;filter:saturate(.55)}
#pp-philosophy .pp-cinema:after{background:linear-gradient(90deg,#101710ed,#10171080 65%,#10171055),linear-gradient(0deg,#101710aa,transparent 60%)}
#pp-philosophy .pp-cinema .hero-editorial{position:relative;z-index:2;pointer-events:none}
#pp-philosophy .pp-cinema .hero-editorial a{pointer-events:auto}
#pp-philosophy .pp-intent-art{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
#pp-philosophy .pp-title-line:nth-child(2)>span{color:#d9d4bc;background:linear-gradient(100deg,#898d7d 0%,#f5edcf 36%,#c4b780 50%,#e7e6d7 68%,#89927f 100%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:pp-cinema-rise 1.7s .55s cubic-bezier(.16,1,.3,1) forwards,pp-intent-light 12s 2s ease-in-out infinite alternate}
@keyframes pp-intent-light{from{background-position:100% 50%}to{background-position:0% 50%}}
@media(max-width:700px){
 #pp-philosophy .philosophy-hero.pp-cinema{height:calc(100svh - 66px);min-height:560px;max-height:850px}
 #pp-philosophy .pp-cinema .hero-editorial{padding:35px 0 60px}
 #pp-philosophy .pp-cinema .hero-editorial>.wrap{width:88%}
 #pp-philosophy .pp-cinema:before{left:3%}
 #pp-philosophy .pp-cinema h1{font-size:clamp(29px,7.7vw,53px);line-height:1.7;letter-spacing:-.05em}
 #pp-philosophy .pp-cinema .page-caption{margin-bottom:42px;font-size:10px}
 #pp-philosophy .pp-cinema .hero-foot{margin-top:40px;gap:15px}
 #pp-philosophy .pp-cinema .hero-foot p{font-size:10px}
 #pp-philosophy .pp-cinema .hero-foot a:before{content:'SCROLL';font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 #pp-philosophy .pp-cinema .hero-editorial{transform:none;opacity:1;will-change:auto}
 #pp-philosophy .pp-cinema .hero-visual{transform:none;will-change:auto}
 #pp-philosophy .pp-title-line>span,#pp-philosophy .pp-cinema:before,#pp-philosophy .pp-title-line:last-child:after{animation:none;transform:none}
 #pp-philosophy .pp-title-line:nth-child(2)>span{animation:none;transform:none;-webkit-text-fill-color:#d9d4bc;background:none}
}

/* Quiet typography; the complexity lives in the light field, not type size. */
#pp-philosophy .pp-cinema h1{font-size:clamp(30px,3.2vw,46px);line-height:1.95;letter-spacing:.055em;font-weight:400;text-shadow:0 2px 16px #0008}
#pp-philosophy .pp-title-line:nth-child(3)>span{font-size:1em;letter-spacing:.055em;color:#dfcfa5}
#pp-philosophy .pp-cinema .hero-visual{opacity:.22;filter:saturate(.3)}
#pp-philosophy .pp-cinema:after{background:linear-gradient(90deg,#101410e6,#10141085 48%,#10141055),linear-gradient(0deg,#0b110de0,transparent 65%)}
#pp-philosophy .pp-cinema .hero-editorial>.wrap{width:82%;max-width:1440px}
#pp-philosophy .pp-cinema .hero-foot{max-width:530px;margin-top:38px;border-color:#d5c49030}
#pp-philosophy .pp-cinema .page-caption{margin-bottom:40px;color:#aeb5a6;font-size:10px}
#pp-philosophy .pp-title-line{overflow:visible}
#pp-philosophy .pp-title-line>span{transform:none;opacity:0;filter:blur(7px);clip-path:inset(0 100% 0 0);animation:pp-intent-focus 2s .2s cubic-bezier(.16,1,.3,1) forwards}
#pp-philosophy .pp-title-line:nth-child(2)>span{animation:pp-intent-focus 2.6s .75s cubic-bezier(.16,1,.3,1) forwards,pp-intent-light 14s 3.3s ease-in-out infinite alternate}
#pp-philosophy .pp-title-line:nth-child(3)>span{animation-delay:1.5s}
#pp-philosophy .pp-title-line:last-child:after{height:1px;animation-delay:2.7s}
@keyframes pp-intent-focus{0%{opacity:0;filter:blur(7px);clip-path:inset(0 100% 0 0);transform:translateX(9px)}55%{opacity:.85;filter:blur(1.5px)}100%{opacity:1;filter:blur(0);clip-path:inset(0 0 0 0);transform:translateX(0)}}
@media(max-width:700px){
 #pp-philosophy .pp-cinema h1{font-size:clamp(25px,6.4vw,32px);line-height:2;letter-spacing:.015em}
 #pp-philosophy .pp-cinema .hero-editorial>.wrap{width:86%}
 #pp-philosophy .pp-cinema .hero-editorial{align-items:flex-end;padding-bottom:70px}
 #pp-philosophy .pp-cinema .page-caption{margin-bottom:30px}
 #pp-philosophy .pp-cinema .hero-foot{margin-top:28px}
 #pp-philosophy .pp-title-line:nth-child(3)>span{letter-spacing:.015em}
}
@media(prefers-reduced-motion:reduce){
 #pp-philosophy .pp-title-line>span,#pp-philosophy .pp-title-line:nth-child(2)>span,#pp-philosophy .pp-title-line:nth-child(3)>span{animation:none;transform:none;opacity:1;filter:none;clip-path:none}
}

/* Cursor overlay never intercepts clicks; only active with a fine mouse pointer. */
.pp-comet-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none!important;z-index:9990;contain:strict}
@media(hover:hover) and (pointer:fine){
 .pp-comet-active,.pp-comet-active *{cursor:none!important}
}
@media(prefers-reduced-motion:reduce){.pp-comet-canvas{display:none!important}}

/* Optional click/keyboard alternative to the sweep gesture. */
#pp-philosophy .pp-cinema .pp-reshape{position:absolute;right:8%;bottom:72px;z-index:4;padding:10px 0;border:0;border-bottom:1px solid #cbb57366;border-radius:0;background:transparent;color:#d6c18d;font:400 10px/1.8 'Noto Sans JP',sans-serif;letter-spacing:.13em;cursor:pointer}
#pp-philosophy .pp-cinema .pp-reshape:after{content:' ↗';margin-left:18px}
#pp-philosophy .pp-cinema .pp-reshape:focus-visible{outline:2px solid #cbb573;outline-offset:5px}
@media(max-width:700px){#pp-philosophy .pp-cinema .pp-reshape{right:7%;bottom:24px;font-size:9px}}

/* The abstract form resolves into real work: photos, then individual links. */
#pp-philosophy .pp-art-cases[hidden]{display:none!important}
#pp-philosophy .pp-art-cases{position:absolute;z-index:5;right:5%;bottom:125px;width:46%;max-width:700px}
#pp-philosophy .pp-art-cases-label{color:#e2d2aa;font:400 11px/1.8 'Noto Sans JP',sans-serif;letter-spacing:.15em;margin:0 0 14px}
#pp-philosophy .pp-art-cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;perspective:1000px}
#pp-philosophy .pp-art-case{display:block;min-width:0;text-decoration:none;color:#eee8db;background:#111714ed;border:1px solid #cbb57344;overflow:hidden;animation:pp-case-reveal 1.1s calc(var(--case-order)*.16s) both cubic-bezier(.16,1,.3,1)}
#pp-philosophy .pp-art-case img{display:block;width:100%;height:140px;object-fit:cover;transition:transform .8s,filter .8s;filter:saturate(.7)}
#pp-philosophy .pp-art-case:hover img{transform:scale(1.045);filter:saturate(1)}
#pp-philosophy .pp-art-case:focus-visible{outline:2px solid #dfc790;outline-offset:4px}
#pp-philosophy .pp-art-case-caption{display:block;padding:13px 11px}
#pp-philosophy .pp-art-case strong{display:block;color:#f1ebde;font:400 11px/1.7 'Noto Sans JP',sans-serif}
#pp-philosophy .pp-art-case small{display:block;color:#b8b5aa;font:400 9px/1.8 'Noto Sans JP',sans-serif;margin-top:5px}
#pp-philosophy .pp-art-case-cta{display:block;margin-top:15px;padding-top:10px;border-top:1px solid #cbb57355;color:#dfc790;font:400 10px/1.6 'Noto Sans JP',sans-serif;animation:pp-case-link .8s calc(.6s + var(--case-order)*.16s) both}
@keyframes pp-case-reveal{from{opacity:0;transform:translateY(35px) rotateX(12deg);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes pp-case-link{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:701px) and (max-width:1100px){#pp-philosophy .pp-cinema.pp-cases-ready{min-height:880px}#pp-philosophy .pp-art-cases{width:60%;bottom:100px}#pp-philosophy .pp-cinema.pp-cases-ready .hero-editorial{align-items:flex-start;padding-top:110px}}
@media(max-width:700px){
 #pp-philosophy .pp-cinema.pp-cases-ready{min-height:1040px}
 #pp-philosophy .pp-cinema.pp-cases-ready .hero-editorial{align-items:flex-start;padding-top:100px}
 #pp-philosophy .pp-art-cases{width:86%;right:7%;bottom:90px}
 #pp-philosophy .pp-art-cases-grid{gap:6px}
 #pp-philosophy .pp-art-case img{height:140px}
 #pp-philosophy .pp-art-case-caption{padding:10px 7px}
 #pp-philosophy .pp-art-case strong{font-size:10px}
 #pp-philosophy .pp-art-case-cta{font-size:9px}
 #pp-philosophy .pp-cinema .pp-reshape{right:auto;left:7%;bottom:25px}
}
@media(prefers-reduced-motion:reduce){#pp-philosophy .pp-art-case,#pp-philosophy .pp-art-case-cta{animation:none}#pp-philosophy .pp-art-case img{transition:none}}

/* One real project per transformation; hidden projects cannot receive focus. */
#pp-philosophy .pp-art-case[hidden]{display:none!important}
#pp-philosophy .pp-art-cases{width:31%;max-width:400px;transition:opacity .3s}
#pp-philosophy .pp-art-cases[data-changing="true"]{opacity:0;pointer-events:none}
#pp-philosophy .pp-art-cases-grid{grid-template-columns:minmax(0,1fr)}
#pp-philosophy .pp-art-case img{height:190px}
#pp-philosophy .pp-art-case-caption{padding:15px 18px}
#pp-philosophy .pp-art-case strong{font-size:13px}
#pp-philosophy .pp-art-case small{font-size:10px}
@media(min-width:701px) and (max-width:1100px){#pp-philosophy .pp-art-cases{width:38%;bottom:90px}}
@media(max-width:700px){#pp-philosophy .pp-art-cases{width:70%;right:7%;bottom:85px}#pp-philosophy .pp-art-case img{height:175px}}
@media(prefers-reduced-motion:reduce){#pp-philosophy .pp-art-cases{transition:none}}
/* Pointer and keyboard access to the architectural wireframe. */
#pp-philosophy .pp-cinema .pp-perspective{bottom:32px}
@media(max-width:700px){#pp-philosophy .pp-cinema .pp-perspective{bottom:55px}}
/* Text fragments are decorative; the heading always retains its accessible text. */
#pp-philosophy .pp-message-title{position:relative;width:max-content;max-width:100%;isolation:isolate}
#pp-philosophy .pp-message-title .pp-title-line{width:max-content;max-width:100%}
#pp-philosophy .pp-message-title .pp-title-line>span{display:inline-block}
#pp-philosophy .pp-shred-layer{position:absolute;inset:0;pointer-events:none;perspective:700px;z-index:2}
#pp-philosophy .pp-shred-piece{position:absolute;display:block;overflow:hidden;transform-origin:50% 0;pointer-events:none}
#pp-philosophy .pp-shred-piece>span{position:absolute;top:0;display:block;white-space:nowrap;-webkit-text-fill-color:currentColor;text-shadow:0 0 8px #cbb57333}
#pp-philosophy .pp-message-next{display:block;margin:16px 0 0;padding:6px 0;border:0;border-bottom:1px solid #cbb57355;background:transparent;color:#c8ba96;font:400 9px/1.8 'Noto Sans JP',sans-serif;letter-spacing:.1em}
#pp-philosophy .pp-message-next:focus-visible{outline:2px solid #cbb573;outline-offset:4px}

#pp-philosophy .pp-title-line:last-child:after{content:none;display:none;animation:none}
/* Restore text interaction inside the otherwise pointer-transparent art overlay. */
#pp-philosophy .pp-cinema .hero-editorial .pp-message-title,
#pp-philosophy .pp-cinema .hero-editorial .pp-message-next{pointer-events:auto}
#pp-philosophy .pp-cinema .hero-editorial .pp-shred-layer,
#pp-philosophy .pp-cinema .hero-editorial .pp-shred-layer *{pointer-events:none}

/* Keep typography, artwork, controls and case photography in separate rows. */
#pp-philosophy .pp-art-stage{position:absolute;inset:0;z-index:1;isolation:isolate;pointer-events:none}
@media(max-width:700px){
 #pp-philosophy .philosophy-hero.pp-cinema,
 #pp-philosophy .philosophy-hero.pp-cinema.pp-cases-ready{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding-bottom:28px}
 #pp-philosophy .pp-cinema .hero-editorial,
 #pp-philosophy .pp-cinema.pp-cases-ready .hero-editorial{order:0;flex:none;display:block;height:auto;min-height:0;padding:48px 0 24px;transform:none;opacity:1;will-change:auto}
 #pp-philosophy .pp-cinema .hero-editorial>.wrap{width:86%}
 #pp-philosophy .pp-cinema .page-caption{margin-bottom:24px}
 #pp-philosophy .pp-cinema .hero-foot{margin-top:26px}
 #pp-philosophy .pp-cinema .pp-art-stage{order:1;position:relative;inset:auto;width:100%;height:340px;flex:none;border-top:1px solid #cbb57322;border-bottom:1px solid #cbb57322;overflow:hidden}
 #pp-philosophy .pp-cinema .hero-visual{inset:0;height:100%;transform:none;will-change:auto}
 #pp-philosophy .pp-cinema .pp-reshape,
 #pp-philosophy .pp-cinema .pp-perspective{order:2;position:static;align-self:flex-start;margin:8px 7% 0;min-height:44px;font-size:11px;max-width:86%}
 #pp-philosophy .pp-cinema .pp-art-cases{order:3;position:relative;inset:auto;width:86%;max-width:none;align-self:center;margin:24px 0 0}
 #pp-philosophy .pp-art-case img{height:230px}
 #pp-philosophy .pp-cinema .pp-message-next{min-height:44px;font-size:11px;margin-top:12px}
 #pp-philosophy .pp-message-title{touch-action:pan-y}
 #pp-philosophy .pp-cinema>.video-toggle{order:2;position:static;align-self:flex-end;margin:8px 7%;min-height:44px}
}

/* Compact mobile typography; keep the existing 7% side margins. */
@media(max-width:700px){
 #pp-philosophy .pp-cinema .hero-editorial,
 #pp-philosophy .pp-cinema.pp-cases-ready .hero-editorial{padding:28px 0 16px}
 #pp-philosophy .pp-cinema h1{font-size:clamp(22px,5.7vw,27px);line-height:1.65}
 #pp-philosophy .pp-cinema .page-caption{margin:5px 0 16px}
 #pp-philosophy .pp-cinema .hero-foot{margin-top:12px;padding-top:10px}
 #pp-philosophy .pp-cinema .hero-foot p{font-size:11px;line-height:1.75}
 #pp-philosophy .pp-cinema .pp-message-next{margin-top:4px}
}
@media(pointer:coarse){
 #pp-philosophy .pp-cinema .pp-art-stage{pointer-events:auto;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
 #pp-philosophy .pp-cinema .pp-art-stage .hero-visual,
 #pp-philosophy .pp-cinema .pp-art-stage .hero-visual *{pointer-events:none}
 #pp-philosophy .pp-cinema[data-pp-perspective="true"] .pp-art-stage{touch-action:none}
}
/* Mobile text uses the full available column with fixed, modest side padding. */
@media(max-width:700px){
 #pp-philosophy .pp-cinema .hero-editorial>.wrap{box-sizing:border-box;width:calc(100% - 32px)!important;max-width:none!important;margin-left:16px!important;margin-right:16px!important;padding-left:0!important;padding-right:0!important}
 #pp-philosophy .pp-cinema .hero-editorial h1{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
}
/* A consistent, quieter section hierarchy on phones. */
@media(max-width:700px){
 #pp-philosophy .compact-message h2,
 #pp-philosophy .design-message h2,
 #pp-philosophy .compact-ending h2{font-size:clamp(20px,5.3vw,22px);line-height:1.65;letter-spacing:.02em}
 #pp-philosophy .compact-message h2{margin:10px 0 18px}
 #pp-philosophy .design-message h2{margin:8px 0 14px}
 #pp-philosophy .principle-links h3{font-size:14px;line-height:1.65}
}
/* Direct manipulation begins on first contact, independent of pressure. */
@media(pointer:coarse){
 #pp-philosophy .pp-cinema .pp-art-stage{touch-action:none}
 #pp-philosophy .pp-message-title{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
 #pp-philosophy .pp-message-next,#pp-philosophy .pp-reshape{touch-action:manipulation}
}
/* Mobile copy sits close to the left edge over a quiet, replaceable hero photo. */
@media(max-width:700px){
 #pp-philosophy .pp-cinema .hero-editorial{isolation:isolate;text-align:left}
 #pp-philosophy .pp-cinema .hero-editorial:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,rgba(15,20,16,.45),rgba(15,20,16,.1)),var(--pp-editorial-photo);background-size:cover;background-position:var(--pp-editorial-position,50% 50%);opacity:.2;pointer-events:none}
 #pp-philosophy .pp-cinema .hero-editorial>.wrap{width:calc(100% - 20px)!important;margin-left:10px!important;margin-right:10px!important;padding-inline:0!important;text-align:left!important}
 #pp-philosophy .pp-cinema .hero-editorial h1,
 #pp-philosophy .pp-cinema .hero-editorial .pp-title-line,
 #pp-philosophy .pp-cinema .hero-editorial .eyebrow,
 #pp-philosophy .pp-cinema .hero-editorial .page-caption,
 #pp-philosophy .pp-cinema .hero-editorial .hero-foot{margin-left:0!important;padding-left:0!important;text-align:left!important}
}
/* Reset the original grid item's center alignment in the mobile flex column. */
@media(max-width:700px){
 #pp-philosophy .pp-cinema .hero-editorial,
 #pp-philosophy .pp-cinema.pp-cases-ready .hero-editorial{align-self:stretch;width:100%;min-width:0;max-width:none;box-sizing:border-box;margin-inline:0}
}
/* A single crop continues behind both mobile hero rows. */
@media(max-width:700px){
 #pp-philosophy .pp-cinema .hero-editorial:before{content:none;display:none}
 #pp-philosophy .pp-cinema .pp-art-stage .hero-visual{display:none}
 #pp-philosophy .pp-cinema:before{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:auto;width:100%;height:var(--pp-mobile-scene-height,700px);z-index:0;background-image:linear-gradient(90deg,rgba(15,20,16,.45),rgba(15,20,16,.1)),var(--pp-editorial-photo);background-size:cover;background-position:var(--pp-editorial-position,50% 50%);opacity:.2;transform:none;animation:none;pointer-events:none}
 #pp-philosophy .pp-cinema .pp-art-stage{background:transparent;border-top-color:transparent}
}
/* Mobile balance: modest text inset and a readable, visible continuous photo. */
@media(max-width:700px){
 #pp-philosophy .pp-cinema .hero-editorial>.wrap{width:calc(100% - 40px)!important;margin-left:20px!important;margin-right:20px!important}
 #pp-philosophy .pp-cinema:before{background-image:linear-gradient(90deg,rgba(10,15,12,.52) 0%,rgba(10,15,12,.22) 48%,rgba(10,15,12,0) 78%),var(--pp-editorial-photo);opacity:.42}
}

/* Related reading titles */
#pp-philosophy .principle-links h3{font-size:16px;line-height:1.85;overflow-wrap:anywhere}
@media(max-width:700px){#pp-philosophy .principle-links>a{display:block;padding:20px 40px 20px 20px}#pp-philosophy .principle-links h3{font-size:14px;margin:8px 0 0}#pp-philosophy .principle-links b{top:50%;transform:translateY(-50%)}}

#pp-philosophy .principle-links-single{grid-template-columns:1fr}