/* Scoped to this fixed page; does not style the site header or footer. */

#pp-philosophy{--ink:#292b28;--paper:#f7f7f4;--grey:#e7e9e3;--dark:#20231e;--gold:#806326;--gold-light:#cbb573;--muted:#55594f}
#pp-philosophy *{box-sizing:border-box}
#pp-philosophy{scroll-behavior:smooth;scroll-padding-top:20px}
#pp-philosophy{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP','Yu Gothic',Meiryo,sans-serif;font-size:14px;line-height:2;-webkit-font-smoothing:antialiased}
#pp-philosophy a{color:inherit;text-decoration:none}
#pp-philosophy a:focus-visible,#pp-philosophy button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
#pp-philosophy img{display:block;max-width:100%}
#pp-philosophy h1,#pp-philosophy h2,#pp-philosophy h3,#pp-philosophy p,#pp-philosophy figure{margin:0}
#pp-philosophy h1,#pp-philosophy h2,#pp-philosophy h3{font-weight:500}
#pp-philosophy em{font-style:normal;color:var(--gold)}
#pp-philosophy .wrap{width:min(1160px,calc(100% - 112px));margin-inline:auto}
#pp-philosophy .eyebrow{color:var(--gold);font-size:10px;letter-spacing:.17em;font-weight:500}
#pp-philosophy .text-link{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:13px 0;border-bottom:1px solid #a69673;font-size:11px;line-height:1.9;width:fit-content;color:var(--gold)}
#pp-philosophy .text-link span{font:20px Arial;flex-shrink:0;transition:transform .2s}
#pp-philosophy .text-link:hover span{transform:translate(3px,-3px)}
#pp-philosophy .skip{position:fixed;left:20px;top:-80px;z-index:100;background:var(--gold-light);padding:10px;color:#000}
#pp-philosophy .skip:focus{top:10px}
#pp-philosophy header{height:80px;padding:0 4%;display:flex;justify-content:space-between;align-items:center;background:#080808;color:#f2f0eb}
#pp-philosophy .logo img{width:150px;height:50px;object-fit:contain}
#pp-philosophy header nav{display:flex;align-items:center;gap:31px;font-size:11px;letter-spacing:.06em}
#pp-philosophy header a:hover{color:var(--gold-light)}
#pp-philosophy .company{border-left:1px solid #39372f;padding-left:30px}
#pp-philosophy .company span{color:var(--gold-light);margin-left:20px}
#pp-philosophy .philosophy-hero{display:grid;grid-template-columns:48% 52%;min-height:560px;background:#e7e8e4;overflow:hidden}
#pp-philosophy .hero-editorial{align-self:center;padding:40px 0}
#pp-philosophy .hero-editorial>.wrap{width:calc(100% - 100px);max-width:650px}
#pp-philosophy .page-caption{font-size:12px;color:#565951;margin:12px 0 30px}
#pp-philosophy h1{font-size:clamp(30px,3.3vw,53px);line-height:1.7;letter-spacing:.03em}
#pp-philosophy .hero-foot{display:flex;align-items:end;justify-content:space-between;margin-top:35px;border-top:1px solid #bec0b7;padding-top:25px}
#pp-philosophy .hero-foot p{font-size:13px;color:#565951}
#pp-philosophy .hero-foot a{font-size:27px;color:var(--gold)}
#pp-philosophy .hero-visual{min-height:560px;background:#d8d8d2}
#pp-philosophy .hero-visual .parallax-image{object-position:61% center}
#pp-philosophy .photo-label{position:absolute;z-index:2;bottom:25px;left:28px;max-width:calc(100% - 150px);color:#fff;font-size:9px;letter-spacing:.12em;text-shadow:0 1px 6px #000}
#pp-philosophy .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
#pp-philosophy .hero-video.is-visible{opacity:1}
#pp-philosophy .video-toggle{position:absolute;z-index:3;right:20px;bottom:20px;background:#1b1d18dd;border:1px solid #b49a52;color:#f2f0eb;padding:9px 12px;font:inherit;font-size:11px;cursor:pointer}
#pp-philosophy .video-toggle[hidden]{display:none}
#pp-philosophy .video-toggle:focus-visible{outline-color:var(--gold-light)}
#pp-philosophy .compact-message{padding:70px 0}
#pp-philosophy .compact-message-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}
#pp-philosophy .compact-message h2{font-size:clamp(29px,3vw,41px);line-height:1.75;margin:14px 0 24px}
#pp-philosophy .compact-message p:not(.eyebrow){font-size:14px;line-height:2.15;color:var(--muted);margin-bottom:20px}
#pp-philosophy .compact-message .compact-signature{font-size:10px;letter-spacing:.06em;margin:26px 0 0}
#pp-philosophy .compact-message figure{min-width:0}
#pp-philosophy .compact-photo{height:420px;background:#d9dbd5}
#pp-philosophy .compact-message figcaption{font-size:10px;color:#666b60;line-height:1.8;margin-top:12px}
#pp-philosophy .compact-design{height:530px;background:#b3a38d}
#pp-philosophy .compact-design>.wrap{height:100%;position:relative;display:flex;align-items:center;justify-content:flex-end;z-index:1}
#pp-philosophy .design-message{background:#191c18ed;color:#f2f0eb;width:min(470px,100%);padding:34px 38px;border-top:2px solid #b49a52}
#pp-philosophy .design-message .eyebrow{color:var(--gold-light)}
#pp-philosophy .design-message h2{font-size:clamp(28px,3vw,39px);line-height:1.75;margin:12px 0 20px}
#pp-philosophy .design-message>p:not(.eyebrow){font-size:12px;line-height:2.2;color:#d0d2c7}
#pp-philosophy .design-message .text-link{width:100%;color:var(--gold-light);margin-top:12px;border-color:#655d44}
#pp-philosophy .design-message a:focus-visible{outline-color:var(--gold-light)}
#pp-philosophy .compact-photo-credit{position:absolute;left:0;bottom:20px;color:white;text-shadow:0 1px 6px #000;font-size:10px}
#pp-philosophy .compact-principles{padding:55px 0 35px;background:var(--grey)}
#pp-philosophy .compact-ending{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px}
#pp-philosophy .compact-ending h2{font-size:clamp(25px,2.8vw,36px);line-height:1.8}
#pp-philosophy .principle-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#73735f}
#pp-philosophy .principle-links>a{display:block;position:relative;background:#22251f;color:#f2f0eb;padding:23px 26px 24px}
#pp-philosophy .principle-links span{font-size:9px;letter-spacing:.15em;color:var(--gold-light)}
#pp-philosophy .principle-links h3{font-size:18px;line-height:1.8;margin:12px 20px 0 0}
#pp-philosophy .principle-links b{position:absolute;right:20px;bottom:29px;color:var(--gold-light);font-weight:400}
#pp-philosophy .principle-links a:hover{background:#34392e}
#pp-philosophy .principle-links a:focus-visible{outline-color:var(--gold-light);outline-offset:-3px}
#pp-philosophy .company-next{display:flex;justify-content:space-between;border-top:1px solid #c0c4b9;margin-top:28px;padding-top:19px;font-size:11px}
#pp-philosophy .company-next span{color:var(--gold)}
#pp-philosophy footer{background:#090909;color:#f2f0eb;padding:30px 0 22px}
#pp-philosophy .footer-top{display:flex;align-items:center;gap:40px;margin-bottom:35px}
#pp-philosophy footer img{width:145px;height:auto}
#pp-philosophy .footer-top p{font-size:11px;line-height:2}
#pp-philosophy .footer-top p span{font-size:10px;color:#aaa69b}
#pp-philosophy .back-top{margin-left:auto;border:1px solid #39372f;height:42px;width:42px;text-align:center;line-height:40px;color:var(--gold-light)}
#pp-philosophy .footer-bottom{border-top:1px solid #282620;padding-top:23px;display:flex;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:.09em;color:#aaa69b}
#pp-philosophy .footer-bottom div{display:flex;gap:23px}
#pp-philosophy .parallax-frame{position:relative;overflow:hidden;isolation:isolate}
#pp-philosophy .parallax-image{position:absolute;inset:-22% 0;width:100%;height:144%;max-width:none;object-fit:cover;will-change:transform;transform:translate3d(0,0,0)}
@media(max-width:1000px){
#pp-philosophy .wrap{width:calc(100% - 70px)}
#pp-philosophy header nav{gap:20px;font-size:10px}
#pp-philosophy .company{padding-left:20px}
#pp-philosophy .hero-editorial>.wrap{width:calc(100% - 60px)}
#pp-philosophy .compact-message-grid{gap:6%}
#pp-philosophy .desktop-break{display:none}
#pp-philosophy .design-message{width:440px}
#pp-philosophy .principle-links>a{padding:20px 18px}
#pp-philosophy .principle-links h3{font-size:15px}
#pp-philosophy .principle-links b{right:12px;bottom:23px}
}
@media(max-width:700px){
#pp-philosophy .wrap{width:calc(100% - 44px)}
#pp-philosophy header{height:76px;padding-inline:22px}
#pp-philosophy .logo img{width:125px;height:auto}
#pp-philosophy header nav>a:not(.company){display:none}
#pp-philosophy .company{border:0;padding:0;font-size:10px}
#pp-philosophy .company span{margin-left:10px}
#pp-philosophy .philosophy-hero{grid-template-columns:1fr;min-height:0}
#pp-philosophy .hero-editorial{padding-block:30px}
#pp-philosophy .hero-editorial>.wrap{width:calc(100% - 44px)}
#pp-philosophy h1{font-size:clamp(30px,7.7vw,44px)}
#pp-philosophy .page-caption{margin-bottom:20px}
#pp-philosophy .hero-foot{margin-top:22px;padding-top:18px}
#pp-philosophy .hero-visual{min-height:0;height:38vh;max-height:350px}
#pp-philosophy .photo-label{left:22px;font-size:8px}
#pp-philosophy .compact-message{padding-block:45px}
#pp-philosophy .compact-message-grid{grid-template-columns:1fr;gap:28px}
#pp-philosophy .compact-message h2{font-size:29px}
#pp-philosophy .compact-message p:not(.eyebrow){font-size:13px}
#pp-philosophy .compact-message .compact-signature{font-size:10px}
#pp-philosophy .compact-photo{height:270px}
#pp-philosophy .compact-design{height:470px}
#pp-philosophy .compact-design>.wrap{align-items:flex-end;padding-bottom:45px}
#pp-philosophy .design-message{padding:24px;width:100%}
#pp-philosophy .design-message h2{font-size:29px;margin:10px 0 15px}
#pp-philosophy .design-message>p:not(.eyebrow){font-size:11px}
#pp-philosophy .compact-photo-credit{font-size:9px;bottom:13px}
#pp-philosophy .compact-principles{padding:38px 0 28px}
#pp-philosophy .compact-ending{display:block;margin-bottom:24px}
#pp-philosophy .compact-ending h2{font-size:26px}
#pp-philosophy .compact-ending .text-link{margin-top:15px}
#pp-philosophy .principle-links{grid-template-columns:1fr}
#pp-philosophy .principle-links>a{padding:16px 20px;display:flex;align-items:center;gap:20px}
#pp-philosophy .principle-links h3{margin:0 15px 0 0;font-size:15px}
#pp-philosophy .principle-links span{font-size:8px;min-width:80px}
#pp-philosophy .principle-links b{right:16px;bottom:auto;top:17px}
#pp-philosophy .footer-top{flex-wrap:wrap;gap:20px;margin-bottom:25px}
#pp-philosophy footer img{width:120px}
#pp-philosophy .footer-top p{font-size:9px}
#pp-philosophy .footer-top p span{font-size:8px}
#pp-philosophy .back-top{display:none}
#pp-philosophy .footer-bottom{display:block;font-size:7px;line-height:2}
#pp-philosophy .footer-bottom div{flex-wrap:wrap;gap:15px;margin-top:12px}
}
@media(prefers-reduced-motion:reduce){
#pp-philosophy{scroll-behavior:auto}
#pp-philosophy *{transition:none!important}
#pp-philosophy .parallax-image{transform:none!important;will-change:auto}
}