.route-personal{--bg:#101010;--ink:#fff;--muted:#aaa;background:#101010;color:#fff}
.route-personal .own-navigation{font-family:OwnHeader,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1;letter-spacing:normal}
.route-personal .own-navigation .on-close{padding:0}
.route-personal .own-footer{font-family:OwnFooter,Arial,sans-serif;font-size:16px;font-weight:450;line-height:1;letter-spacing:normal}
.route-personal .own-footer h3{letter-spacing:normal}
.route-personal .own-footer-company p{line-height:inherit}
.route-personal main{overflow:clip}
.route-personal .oa-hero-film{background-image:url(og-personal-hero-poster.webp)}
.pk-hero .oa-hero-film:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101010cc 0%,#10101080 30%,#10101000 55%);pointer-events:none}
.pk-hero .oa-hero-bottom{top:clamp(184px,24svh,240px);bottom:auto;display:block}
.pk-hero h1{max-width:min(760px,52vw);font-size:clamp(52px,min(6vw,10svh),104px);line-height:.98}
.pk-hero .oa-hero-aside{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 28px;align-items:center;max-width:min(580px,46vw);margin-top:clamp(20px,4svh,40px);padding:0}
.pk-hero .oa-hero-aside>p:first-child{margin:0;font-size:18px;text-wrap:balance}
.pk-hero .oa-hero-aside .oa-note{grid-column:1/-1;margin:0}

.pk-keys{background:#101010;color:#fff}
.pk-track{position:relative}
.pk-track.is-pinned{height:calc(100svh + 460svh)}
.pk-stage{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#101010 url(personal-keys/still-d.webp) 60% 50%/cover no-repeat}
.pk-track.is-pinned .pk-stage{position:sticky;top:0;height:100svh;min-height:560px;background-image:none}
.pk-seq{position:absolute;inset:0;z-index:0}
.pk-seq canvas{display:block;width:100%;height:100%}
.pk-track:not(.is-pinned) .pk-seq{display:none}
.pk-keys-text{position:relative;z-index:1;padding:clamp(80px,13svh,128px) 0 180px}
.pk-track.is-pinned .pk-keys-text{position:absolute;top:0;right:0;bottom:96px;left:0;display:flex;align-items:center;padding:0}
.pk-panel{display:flex;flex-direction:column;gap:20px;width:min(460px,100%);padding:24px 28px 20px;border-radius:22px;background:#101010d9;box-shadow:inset 0 0 0 1px #ffffff17;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.pk-keys-head .oa-index{color:#ffffff8c}
.pk-keys-head h2{margin-top:14px;font-size:clamp(30px,3vw,46px);line-height:1.05;letter-spacing:-.035em}
.pk-key-list{display:grid;margin:0;padding:0;list-style:none}
.pk-key{padding:18px 0;border-top:1px solid #ffffff26}
.pk-key .oa-index{color:#ffffffa6}
.pk-key h3{margin:10px 0 8px;font-size:clamp(26px,2.4vw,38px);line-height:1.05;letter-spacing:-.03em}
.pk-key p{margin-bottom:14px;font-size:16px;line-height:1.5;color:#ffffffbf}
.pk-live{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0 0 14px;border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f}
.pk-live>div{min-width:0;padding:12px 0}
.pk-live>div+div{padding-left:16px;border-left:1px solid #ffffff1f}
.pk-live>div:first-child{padding-right:16px}
.pk-live dt{font-size:11px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80}
.pk-live dd{display:grid;gap:4px;margin:8px 0 0}
.pk-live strong{font-size:26px;font-weight:400;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}
.pk-live small{font-size:12px;line-height:1.35;color:#ffffff73}
.pk-track.is-pinned .pk-key-list{grid-template-areas:"key"}
.pk-track.is-pinned .pk-key{grid-area:key;padding-bottom:0;border-top:0;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .16s,transform .2s,visibility 0s .2s}
.pk-track.is-pinned .pk-key.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .35s .16s,transform .5s var(--ease) .16s,visibility 0s}
.pk-tags{display:none;gap:6px;padding-top:16px;border-top:1px solid #ffffff1f;scrollbar-width:none}
.pk-tags::-webkit-scrollbar{display:none}
.pk-track.is-pinned .pk-tags{display:flex}
.pk-tag{position:relative;display:inline-flex;flex:none;align-items:center;gap:9px;min-height:40px;padding:0 14px 0 11px;border-radius:6px 14px 14px 6px;background:#1c1c1c;color:#bdbdbd;font-size:13px;letter-spacing:.04em;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px #ffffff1f;transition:background-color .3s,color .3s}
.pk-tag-hole{flex:none;width:8px;height:8px;border-radius:50%;background:#101010;box-shadow:inset 0 0 0 1px #ffffff40}
.pk-tag:hover{background:#2a2a2a;color:#fff}
.pk-tag.is-on{background:#e6e6e6;color:#121212;box-shadow:none}
.pk-tag.is-on .pk-tag-hole{background:#101010;box-shadow:none}
.pk-tag:focus-visible{outline:2px solid #fff;outline-offset:2px}

.pk-build{position:relative;padding:144px 0 176px;background:#101010;color:#fff}
.pk-build-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,80px);align-items:start}
.pk-build-copy .oa-index{color:#ffffff8c}
.pk-build h2{margin:18px 0 22px;font-size:clamp(52px,6vw,104px);line-height:.98;letter-spacing:-.045em}
.pk-build h2 span{display:block}
.pk-build-lead{max-width:440px;font-size:18px;line-height:1.5;color:#ffffffbf}
.pk-picks{margin-top:32px}
.pk-picks+.pk-picks{margin-top:24px}
.pk-picks-label{margin-bottom:12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c}
.pk-picks-row{display:flex;flex-wrap:wrap;gap:8px}
.pk-pick{letter-spacing:.02em}
.pk-pick small{font-size:12px;letter-spacing:0;color:#ffffff73;transition:color .3s}
.pk-pick[aria-pressed=true]{background:#e6e6e6;color:#121212;box-shadow:none}
.pk-pick[aria-pressed=true] small{color:#121212a6}
.pk-pick[aria-pressed=true] .pk-tag-hole{box-shadow:none}
.pk-summary{min-height:3em;margin:32px 0 20px;font-size:18px;line-height:1.5;text-wrap:balance}
.pk-build .oa-note{max-width:400px;margin-top:16px;color:#ffffff73}
.pk-page:not(.oa-enhanced) .pk-picks,.pk-page:not(.oa-enhanced) .pk-summary{display:none}
.pk-ring{position:sticky;top:96px}
.pk-ring-stage{position:relative;overflow:hidden;width:100%;max-width:720px;aspect-ratio:1;margin-left:auto;background:#101010 url(personal-keys/ring/stone.webp) 50%/100% no-repeat;-webkit-mask-image:radial-gradient(closest-side,#000 74%,#0000);mask-image:radial-gradient(closest-side,#000 74%,#0000)}
.pk-arm{position:absolute;inset:0;opacity:0;transform:rotate(var(--a,0deg));transition:transform .75s cubic-bezier(.3,1.32,.55,1),opacity .3s;pointer-events:none}
.pk-arm.is-on{opacity:1}
.pk-arm.is-arriving{transition:none}
.pk-arm img{position:absolute;left:17.083%;top:8.333%;width:83.333%;height:auto}

@media(min-width:761px) and (max-height:820px){
 .pk-keys-head h2{display:none}
 .pk-keys-head .oa-index{margin:0}
 .pk-panel{gap:14px;padding-top:20px}
 .pk-key{padding-top:12px}
}
@media(max-width:1000px){
 .pk-build-grid{display:flex;flex-direction:column;gap:0}
 .pk-build-copy{display:contents}
 .pk-build-copy>*{order:1}
 .pk-ring{position:relative;top:auto;order:2;width:100%;margin:28px 0 4px}
 .pk-ring-stage{max-width:min(520px,100%);margin:0 auto}
 .pk-build .pk-picks,.pk-build .pk-summary,.pk-build .pk-send,.pk-build .oa-note{order:3}
 .pk-build .pk-send{align-self:flex-start}
}
@media(max-width:760px){
 .route-personal .oa-hero-film{background-image:url(og-personal-hero-portrait-poster.webp)}
 .pk-hero .oa-hero-film:after{background:linear-gradient(0deg,#101010f2 0%,#101010d9 40%,#10101000 66%)}
 .pk-hero .oa-hero-bottom{top:auto;bottom:132px}
 .pk-hero .oa-hero-video{transform:translateY(-12%)}
 .pk-hero h1{max-width:none;font-size:clamp(46px,12.4vw,72px)}
 .pk-hero .oa-hero-aside{grid-template-columns:minmax(0,1fr);max-width:none}
 .pk-hero .oa-hero-aside>p:first-child{font-size:16px}
 .pk-hero .oa-hero-aside .oa-button{justify-self:start}
 .pk-stage{background-image:url(personal-keys/still-m.webp);background-position:50% 30%}
 .pk-keys-text{padding:0 0 96px}
 .pk-track.is-pinned .pk-keys-text{top:auto;left:12px;right:12px;bottom:84px;display:block;width:auto}
 .pk-keys-head{display:none}
 .pk-panel{width:auto;gap:12px;padding:14px 16px;border-radius:20px}
 .pk-key{padding-top:4px}
 .pk-key h3{margin:6px 0;font-size:22px}
 .pk-key p{margin-bottom:10px;font-size:14px}
 .pk-live{margin-bottom:10px}
 .pk-live>div{padding:10px 0}
 .pk-live strong{font-size:20px}
 .pk-live small{font-size:11px}
 .pk-tags{padding-top:12px;overflow-x:auto}
 .pk-tag{min-height:36px;padding:0 11px 0 9px;font-size:12px}
 .pk-build{padding:72px 0 128px}
 .pk-ring{margin:20px 0 0}
 .pk-picks{margin-top:20px}
 .pk-picks+.pk-picks{margin-top:16px}
 .pk-picks-label{margin-bottom:8px}
 .pk-build h2{font-size:clamp(46px,12.4vw,72px)}
 .pk-build-lead{font-size:16px}
 .pk-pick small{display:none}
 .pk-summary{font-size:16px}
}
@media(max-width:760px) and (max-height:760px){
 .pk-hero .oa-hero-video{transform:translateY(-19%)}
}
@media(max-width:760px) and (max-height:700px){
 .pk-key p{display:none}
}
@media(prefers-reduced-motion:reduce){
 .pk-key,.pk-tag,.pk-arm,.pk-pick small{transition:none}
}