.py{--ink:#172d3d;--paper:#f8f7f3;--accent:#a63e26;--content-width:1260px}.py .py-place{font-size:13px;color:#5b6c73;margin-bottom:25px}.py .py-intro{padding:30px 0 28px;background:#e9e8e1}.py .py-intro-copy{display:grid;grid-template-columns:1.15fr 1fr;column-gap:12%;align-items:end}.py .py-place{grid-column:1/-1}.py h1 span{font-size:44px;line-height:1.42;margin-top:15px}.py .py-lead{padding-bottom:4px;max-width:430px}.py .py-lead p{font-size:16px;color:#425967}.py .py-main-action{display:flex;justify-content:space-between;align-items:center;font-size:15px;border-bottom:1px solid #9b4b37;margin-top:24px;padding:10px 0;color:#8a3325}.py .py-main-action span{font-size:25px}.py .py-scenes{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:26px;align-items:start;margin-top:36px;position:relative;min-height:520px;perspective:1200px}.py .py-scenes figure{position:relative;overflow:hidden}.py .py-owner{height:470px;transform-origin:right bottom}.py .py-owner img{object-position:50% 52%}.py .py-partner{height:400px;margin-top:85px;transform-origin:left top}.py .py-partner img{object-position:50% 45%}.py .py-photo-note{grid-column:1;display:flex;justify-content:space-between;border-top:1px solid #92a1a8;padding-top:12px;font-size:13px;color:#425967;gap:20px}.py figcaption{font-size:13px;max-width:calc(100% - 28px);left:14px;bottom:12px;padding:4px 8px;line-height:1.5;background:#f8f7f3e8}.py .py-intro-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:22px}.py .py-intro-foot p{font-size:13px;color:#52656d}.py .motion{font-size:13px;display:none}.py.js-ready .motion{display:inline-block}.py .py-opening{padding-top:85px;padding-bottom:70px;display:grid;grid-template-columns:1fr 1fr;gap:40px 9%;align-items:start}.py .py-opening>header{max-width:510px}.py .py-opening header p:last-child{margin-top:26px;color:#4c5e69}.py .py-opening-image{height:390px;overflow:hidden;position:relative;margin-top:35px}.py .py-opening-image img{object-position:45% center}.py .py-reasons{display:grid;grid-template-columns:1fr 1fr;gap:50px;grid-column:1/-1;padding:35px 0 20px;border-top:2px solid #a63e26}.py .py-reasons article{display:grid;grid-template-columns:.8fr 1fr;gap:24px}.py .py-reasons h3{font-size:24px}.py .py-reasons p{font-size:15px;color:#4c5e69}.py .py-scope{grid-column:1/-1;padding:25px 0}.py details p{color:#4c5e69;opacity:1;max-width:850px}.py .py-records{background:#1d3745;color:#f0f2ed;padding:65px 0 45px}.py .py-record-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:35px 7%;align-items:start}.py .py-record-copy{grid-column:1;max-width:560px}.py .py-record-copy p:not(.eyebrow){margin-top:25px;color:#c7d4d6}.py .py-record-photo{grid-column:1;grid-row:2;position:relative;overflow:hidden;height:335px}.py .py-record-photo img{object-position:45% center}.py .py-fee{grid-column:2;grid-row:1/span 2;background:#e9ebe3;color:#173240;padding:32px}.py .py-fee h3{font-size:27px;margin-bottom:25px}.py .py-fee .price-terms>p:last-of-type{font-size:13px;line-height:1.95;opacity:1;color:#4b5f65}.py .price-terms small{font-size:13px}.py .py-single{grid-column:1/-1;font-size:14px;border-top:1px solid #ffffff40;padding-top:22px;color:#ccdadc;max-width:100%}.py .py-presence{padding:45px 0 55px}.py .py-presence header{margin-bottom:35px}.py .py-presence-body{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center}.py .py-presence figure{height:400px;overflow:hidden;position:relative}.py .py-presence-body>div>p{color:#4c5e69;margin-bottom:20px}.py .py-closing{padding-top:45px;padding-bottom:55px;border-top:2px solid #a63e26;display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.py .py-closing h2{font-size:30px}.py .py-closing p{font-size:15px;color:#4c5e69}.py .ad p{font-size:13px;opacity:1;color:#62737a}.py .aux-reference>div{grid-template-columns:1fr}.py .aux-reference a{background:#e9e8e1;border-top:2px solid #a63e26}.py .aux-reference span,.py .aux-reference b{font-size:14px}.py .aux-reading{border-top:1px solid #a2adb1}.py .aux-reading h2{font-size:24px}.py .aux-related nav{font-size:14px}.py .py-scenes[data-seen] .py-owner{animation:pyOwner 7s cubic-bezier(.23,.65,.2,1) both}.py .py-scenes[data-seen] .py-partner{animation:pyPartner 7s cubic-bezier(.23,.65,.2,1) both}.py .py-opening-image[data-seen] img{animation:pyBusinessReveal 2.7s cubic-bezier(.18,.7,.25,1) both}.py .py-record-photo[data-seen] img{animation:pyRecordsUnfold 3s cubic-bezier(.18,.7,.25,1) both}.py .py-presence figure[data-seen] img{animation:pyPresenceOpen 2.5s cubic-bezier(.18,.7,.25,1) both}.py [data-visible=false],.py [data-visible=false] *,.py [data-visible=false]::before,.py [data-visible=false]::after,.py [data-live=false]::before,.py [data-live=false]::after,.py.motion-paused::before,.py.motion-paused::after{animation-play-state:paused!important}
@keyframes pyOwner{0%{transform:translateX(9%) rotate(-3deg) scale(.88)}45%{transform:translateX(0) rotate(0) scale(1)}100%{transform:none}}@keyframes pyPartner{0%,16%{transform:translate(-42%,100px) rotate(12deg);clip-path:inset(0 0 28% 0)}65%,100%{transform:none;clip-path:inset(0)}}@keyframes pyBusinessReveal{from{clip-path:polygon(0 0,46% 0,30% 100%,0 100%);transform:scale(1.08)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:scale(1)}}@keyframes pyRecordsUnfold{from{clip-path:inset(0 55% 0 0);transform:translateX(-35px)}to{clip-path:inset(0);transform:none}}@keyframes pyPresenceOpen{from{clip-path:inset(38% 0 25% 0)}to{clip-path:inset(0)}}
@media(max-width:980px){.py .py-intro-copy{column-gap:6%}.py h1 span{font-size:38px}.py .py-scenes{gap:20px;min-height:430px}.py .py-owner{height:375px}.py .py-partner{height:320px;margin-top:70px}.py .py-opening{gap:30px 6%}.py .py-opening h2{font-size:29px}.py .py-opening-image{height:340px}.py .py-reasons article{display:block}.py .py-reasons h3{margin-bottom:18px}.py .py-fee{padding:24px}.py .py-record-layout{gap:30px 5%}.py .py-record-copy h2{font-size:29px}.py .py-closing{gap:6%}}
@media(max-width:680px){.py .py-intro{padding:22px 0 24px}.py .py-intro-copy{display:block}.py .py-place{font-size:13px;margin-bottom:18px}.py h1{font-size:14px}.py h1 span{font-size:29px;line-height:1.5;margin-top:12px}.py .py-lead{margin-top:22px;max-width:100%;padding:0}.py .py-lead p{font-size:15px}.py .py-main-action{margin-top:14px;font-size:14px;width:max-content;gap:35px;max-width:100%}.py .py-scenes{grid-template-columns:1.35fr 1fr;gap:10px;margin-top:25px;min-height:0;align-items:start}.py .py-owner{grid-column:1/-1;height:265px}.py .py-owner img{object-position:44% 50%}.py .py-partner{grid-column:2;height:170px;margin-top:0}.py .py-partner img{object-position:50% 38%}.py .py-photo-note{grid-column:1;grid-row:2;display:block;font-size:13px;padding:20px 8px 0 0;border-top:0}.py .py-photo-note span{display:block;margin-bottom:12px}.py figcaption{font-size:13px;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:3px 6px;line-height:1.45}.py .py-partner figcaption{position:static;background:#e9e8e1;padding:6px 0;max-width:none}.py .py-partner{overflow:visible;margin-bottom:27px}.py .py-partner img{height:145px}.py .py-intro-foot{display:block;margin-top:18px}.py .py-intro-foot p{font-size:13px}.py .motion{margin-top:12px;font-size:13px}.py .py-opening{display:flex;flex-direction:column;padding-top:45px;padding-bottom:40px;gap:25px}.py .py-opening h2{font-size:26px}.py .py-opening header p:last-child{margin-top:20px}.py .py-opening-image{height:245px;width:100%;margin:0}.py .py-reasons{display:block;padding:25px 0 0}.py .py-reasons article+article{margin-top:28px}.py .py-reasons h3{font-size:23px;margin-bottom:12px}.py .py-reasons h3 br{display:none}.py .py-reasons p{font-size:15px}.py .py-scope{padding:10px 0 20px;width:100%}.py .py-records{padding:40px 0 30px}.py .py-record-layout{display:flex;flex-direction:column;gap:25px}.py .py-record-copy h2{font-size:26px}.py .py-record-copy p:not(.eyebrow){margin-top:20px}.py .py-record-photo{height:245px;width:100%}.py .py-fee{width:100%;padding:23px 20px}.py .py-fee h3{font-size:25px;margin-bottom:22px}.py .py-fee header .eyebrow{font-size:13px}.py .py-single{font-size:14px;padding-top:20px}.py .py-presence{padding:25px 0 35px}.py .py-presence header{margin-bottom:23px}.py .py-presence h2{font-size:26px}.py .py-presence-body{display:block}.py .py-presence figure{height:260px;margin-bottom:25px}.py .py-presence-body>div>p{font-size:15px}.py .py-closing{display:block;padding:30px 0 35px}.py .py-closing h2{font-size:25px;margin-bottom:20px}.py .aux-reading header{align-items:start}.py .aux-reading h2{font-size:21px}.py .aux-reading header>a{font-size:13px}.py .aux-related nav{font-size:13px}.py .ad p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.py .py-owner,.py .py-partner,.py .py-opening-image img,.py .py-record-photo img,.py .py-presence figure img{transform:none;clip-path:none}}

/* GZ-B-01: mobile business scene makes room for the cooperating role. */
@media(max-width:680px){
.py .py-scenes{grid-template-columns:1.2fr 1fr;gap:10px;overflow:hidden;isolation:isolate}
.py .py-owner{grid-column:1;grid-row:1;height:250px;width:100%;z-index:1;transform:none}
.py .py-owner img{object-position:40% 50%}
.py .py-partner{grid-column:2;grid-row:1;height:250px;width:100%;margin:0;overflow:hidden;z-index:2;transform:none}
.py .py-partner img{height:100%;object-position:48% 38%}
.py .py-partner figcaption{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);background:#f8f7f3e8;padding:3px 6px}
.py .py-photo-note{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1.2fr 1fr;gap:10px;padding:8px 0 0}
.py .py-photo-note span{margin:0;font-size:13px}
.py .py-scenes[data-seen] .py-owner{animation:pyMobileBusiness 7.5s cubic-bezier(.4,0,.2,1) both}
.py .py-scenes[data-seen] .py-partner{animation:pyMobileCooperate 7.5s cubic-bezier(.4,0,.2,1) both}
}
@keyframes pyMobileBusiness{0%,15%{width:calc(183.333% + 8.333px)}68%,100%{width:100%}}
@keyframes pyMobileCooperate{0%,18%{clip-path:inset(0 100% 0 0)}68%,100%{clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){.py .py-scenes .py-owner{width:100%}.py .py-scenes .py-partner{clip-path:none}}

.py .py-scenes figcaption span{white-space:nowrap}@media(max-width:680px){.py .py-reasons h3 br{display:initial}}
